Chart loading failed

Symbol: ${symbol}

`; } }; if (window.TradingView) { createWidget(); } else { const script = document.createElement("script"); script.src = "https://s3.tradingview.com/tv.js"; script.async = true; script.onload = createWidget; script.onerror = () => { container.innerHTML = `

Chart unavailable

`; }; document.head.appendChild(script); } return () => { if (widgetRef.current) { try { widgetRef.current.remove(); } catch (e) { } } }; }, [symbol, realTimeSync]); return /* @__PURE__ */ React.createElement("div", { ref: containerRef, className: "w-full h-full min-h-[500px]" }); } var import_react9; var init_TradingViewWidget = __esm({ "virtual:/apps/web/src/components/Markets/TradingViewWidget.jsx"() { init_injected_globals(); import_react9 = __toESM(require_react()); } }); // virtual:/apps/web/src/components/Markets/MarketChartModal.jsx var MarketChartModal_exports = {}; __export(MarketChartModal_exports, { default: () => MarketChartModal }); function MarketChartModal({ isOpen, market, onClose, onTrade, realTimeEnabled = true }) { const [livePositions, setLivePositions] = (0, import_react10.useState)([]); const [isLoadingPositions, setIsLoadingPositions] = (0, import_react10.useState)(false); const [currentPrice, setCurrentPrice] = (0, import_react10.useState)(market?.current_price || 0); (0, import_react10.useEffect)(() => { if (isOpen && market) { setCurrentPrice(market.current_price); fetchLivePositions(); const interval = setInterval(fetchLivePositions, 3e4); return () => clearInterval(interval); } }, [isOpen, market]); const fetchLivePositions = async () => { if (!market?.id) return; setIsLoadingPositions(true); try { const response = await fetch( `/api/trades?status=open&market_id=${market.id}` ); const data = await response.json(); if (response.ok && data.trades) { const positions = data.trades.map((trade) => { const entryPrice = parseFloat(trade.entry_price); const leverage = parseInt(trade.leverage); const marginUsed = parseFloat(trade.margin_used); let pnl = 0; if (entryPrice > 0 && currentPrice > 0 && marginUsed > 0) { if (trade.position_type === "long") { pnl = (currentPrice - entryPrice) / entryPrice * marginUsed * leverage; } else { pnl = (entryPrice - currentPrice) / entryPrice * marginUsed * leverage; } } return { ...trade, live_pnl: pnl, entry_price: entryPrice, current_price: currentPrice }; }); setLivePositions(positions); } } catch (error) { console.error("Failed to fetch live positions:", error); } finally { setIsLoadingPositions(false); } }; const handlePriceUpdate = (newPrice) => { if (newPrice && newPrice > 0) { setCurrentPrice(newPrice); setLivePositions( (prev) => prev.map((position) => { const entryPrice = position.entry_price; const leverage = parseInt(position.leverage); const marginUsed = parseFloat(position.margin_used); let pnl = 0; if (entryPrice > 0 && newPrice > 0 && marginUsed > 0) { if (position.position_type === "long") { pnl = (newPrice - entryPrice) / entryPrice * marginUsed * leverage; } else { pnl = (entryPrice - newPrice) / entryPrice * marginUsed * leverage; } } return { ...position, live_pnl: pnl, current_price: newPrice }; }) ); } }; const handleTradeClick = (tradeType) => { if (onTrade && market) { console.log(`Chart modal ${tradeType} clicked for:`, market.symbol); const updatedMarket = { ...market, current_price: currentPrice }; onTrade(updatedMarket, tradeType); } else { console.error("No onTrade handler or market data available"); } }; if (!isOpen || !market) return null; const tradingViewSymbol = getTradingViewSymbol(market); console.log( `Chart Modal: Displaying ${market.symbol} -> TradingView: ${tradingViewSymbol}` ); return /* @__PURE__ */ React.createElement("div", { className: "fixed inset-0 bg-black/50 backdrop-blur-sm flex items-center justify-center p-4 z-50" }, /* @__PURE__ */ React.createElement("div", { className: "bg-[#1E1E1E] border border-[#333333] rounded-lg w-full max-w-7xl h-[85vh] flex flex-col" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between p-6 border-b border-[#333333]" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-3" }, /* @__PURE__ */ React.createElement("div", { className: "w-10 h-10 rounded-full bg-[#333333] flex items-center justify-center" }, getMarketIcon(market.market_type)), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-2" }, /* @__PURE__ */ React.createElement("h2", { className: "text-lg font-semibold text-white" }, market.symbol, " Chart"), realTimeEnabled && /* @__PURE__ */ React.createElement("div", { className: "inline-flex items-center space-x-1 px-2 py-1 rounded-full text-xs font-medium bg-[#22C55E]/20 text-[#22C55E] border border-[#22C55E]/30" }, /* @__PURE__ */ React.createElement(import_lucide_react7.Radio, { size: 10, className: "animate-pulse" }), /* @__PURE__ */ React.createElement("span", null, "Live")), livePositions.length > 0 && /* @__PURE__ */ React.createElement("div", { className: "bg-[#FF8200]/20 px-2 py-1 rounded-full" }, /* @__PURE__ */ React.createElement("span", { className: "text-[#FF8200] text-xs font-medium" }, livePositions.length, " Position", livePositions.length !== 1 ? "s" : ""))), /* @__PURE__ */ React.createElement("p", { className: "text-[#A0A0A0] text-sm" }, market.name), /* @__PURE__ */ React.createElement("p", { className: "text-[#666666] text-xs" }, "Chart: ", tradingViewSymbol)), /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-4 ml-6" }, /* @__PURE__ */ React.createElement("div", { className: "text-right" }, /* @__PURE__ */ React.createElement("p", { className: "text-white font-medium text-lg" }, formatCurrency(currentPrice, market.market_type)), /* @__PURE__ */ React.createElement( "p", { className: `text-sm ${(market.price_change_percent_24h || 0) >= 0 ? "text-[#22C55E]" : "text-[#EF4444]"}` }, formatPercent(market.price_change_percent_24h), " (24h)" )))), /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-3" }, /* @__PURE__ */ React.createElement( "button", { onClick: fetchLivePositions, disabled: isLoadingPositions, className: "flex items-center space-x-2 bg-[#333333] text-white px-3 py-2 rounded-lg text-sm font-medium hover:bg-[#404040] disabled:opacity-50 transition-all duration-200" }, /* @__PURE__ */ React.createElement( import_lucide_react7.RefreshCw, { size: 16, className: isLoadingPositions ? "animate-spin" : "" } ), /* @__PURE__ */ React.createElement("span", null, "Refresh") ), /* @__PURE__ */ React.createElement( "button", { onClick: () => handleTradeClick("buy"), className: "flex items-center space-x-2 bg-[#22C55E] text-white px-4 py-2 rounded-lg text-sm font-medium hover:bg-[#16A249] transition-all duration-200" }, /* @__PURE__ */ React.createElement(import_lucide_react7.Plus, { size: 16 }), /* @__PURE__ */ React.createElement("span", null, "Buy ", market.symbol) ), /* @__PURE__ */ React.createElement( "button", { onClick: () => handleTradeClick("sell"), className: "flex items-center space-x-2 bg-[#EF4444] text-white px-4 py-2 rounded-lg text-sm font-medium hover:bg-[#DC3737] transition-all duration-200" }, /* @__PURE__ */ React.createElement(import_lucide_react7.Minus, { size: 16 }), /* @__PURE__ */ React.createElement("span", null, "Sell ", market.symbol) ), /* @__PURE__ */ React.createElement( "button", { onClick: onClose, className: "w-8 h-8 rounded-full hover:bg-[#333333] flex items-center justify-center transition-colors duration-200" }, /* @__PURE__ */ React.createElement(import_lucide_react7.X, { size: 20, className: "text-[#A0A0A0]" }) ))), /* @__PURE__ */ React.createElement("div", { className: "flex-1 flex overflow-hidden" }, /* @__PURE__ */ React.createElement("div", { className: "flex-1 p-6" }, /* @__PURE__ */ React.createElement("div", { className: "w-full h-full bg-[#333333]/20 rounded-lg overflow-hidden" }, /* @__PURE__ */ React.createElement( TradingViewWidget, { symbol: tradingViewSymbol, realTimeSync: realTimeEnabled, onPriceUpdate: handlePriceUpdate, showPositions: true, positions: livePositions } ))), livePositions.length > 0 && /* @__PURE__ */ React.createElement("div", { className: "w-80 border-l border-[#333333] bg-[#1A1A1A] overflow-y-auto" }, /* @__PURE__ */ React.createElement("div", { className: "p-4 border-b border-[#333333]" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React.createElement("h3", { className: "text-lg font-semibold text-white" }, "Live Positions"), isLoadingPositions && /* @__PURE__ */ React.createElement("div", { className: "animate-spin rounded-full h-4 w-4 border-2 border-[#FF8200] border-t-transparent" })), /* @__PURE__ */ React.createElement("p", { className: "text-[#A0A0A0] text-sm mt-1" }, "P&L updates with live price")), /* @__PURE__ */ React.createElement("div", { className: "p-4 space-y-4" }, livePositions.map((position) => { const pnlPercent = position.entry_price > 0 ? (position.current_price - position.entry_price) / position.entry_price * 100 * position.leverage : 0; const adjustedPnlPercent = position.position_type === "short" ? -pnlPercent : pnlPercent; return /* @__PURE__ */ React.createElement( "div", { key: position.id, className: "bg-[#2A2A2A] rounded-lg p-4 border border-[#404040] hover:border-[#555555] transition-colors" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between mb-3" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-2" }, /* @__PURE__ */ React.createElement( "span", { className: `inline-block px-2 py-1 rounded text-xs font-medium ${position.position_type === "long" ? "bg-[#22C55E]/20 text-[#22C55E]" : "bg-[#EF4444]/20 text-[#EF4444]"}` }, position.position_type.toUpperCase() ), /* @__PURE__ */ React.createElement("span", { className: "text-[#A0A0A0] text-xs" }, position.leverage, "X")), /* @__PURE__ */ React.createElement("div", { className: "text-right" }, /* @__PURE__ */ React.createElement( "div", { className: `text-sm font-medium ${position.live_pnl >= 0 ? "text-[#22C55E]" : "text-[#EF4444]"}` }, formatCurrency(position.live_pnl) ), /* @__PURE__ */ React.createElement( "div", { className: `text-xs ${adjustedPnlPercent >= 0 ? "text-[#22C55E]" : "text-[#EF4444]"}` }, formatPercent(adjustedPnlPercent) ))), /* @__PURE__ */ React.createElement("div", { className: "space-y-2 text-sm" }, /* @__PURE__ */ React.createElement("div", { className: "flex justify-between" }, /* @__PURE__ */ React.createElement("span", { className: "text-[#A0A0A0]" }, "Entry:"), /* @__PURE__ */ React.createElement("span", { className: "text-white" }, formatCurrency( position.entry_price, market.market_type ))), /* @__PURE__ */ React.createElement("div", { className: "flex justify-between" }, /* @__PURE__ */ React.createElement("span", { className: "text-[#A0A0A0]" }, "Current:"), /* @__PURE__ */ React.createElement("span", { className: "text-white" }, formatCurrency( position.current_price, market.market_type ))), /* @__PURE__ */ React.createElement("div", { className: "flex justify-between" }, /* @__PURE__ */ React.createElement("span", { className: "text-[#A0A0A0]" }, "Margin:"), /* @__PURE__ */ React.createElement("span", { className: "text-white" }, formatCurrency(position.margin_used))), /* @__PURE__ */ React.createElement("div", { className: "flex justify-between" }, /* @__PURE__ */ React.createElement("span", { className: "text-[#A0A0A0]" }, "Quantity:"), /* @__PURE__ */ React.createElement("span", { className: "text-white" }, position.quantity))), /* @__PURE__ */ React.createElement("div", { className: "mt-3 pt-3 border-t border-[#404040]" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-2" }, position.live_pnl >= 0 ? /* @__PURE__ */ React.createElement( import_lucide_react7.TrendingUp, { size: 14, className: "text-[#22C55E]" } ) : /* @__PURE__ */ React.createElement( import_lucide_react7.TrendingDown, { size: 14, className: "text-[#EF4444]" } ), /* @__PURE__ */ React.createElement("span", { className: "text-xs text-[#A0A0A0]" }, "Live Update")), /* @__PURE__ */ React.createElement("span", { className: "text-xs text-[#A0A0A0]" }, new Date(position.created_at).toLocaleDateString()))) ); })), /* @__PURE__ */ React.createElement("div", { className: "p-4 border-t border-[#333333]" }, /* @__PURE__ */ React.createElement("div", { className: "bg-[#2A2A2A] rounded-lg p-4" }, /* @__PURE__ */ React.createElement("h4", { className: "text-white font-medium mb-3" }, "Position Summary"), /* @__PURE__ */ React.createElement("div", { className: "space-y-2 text-sm" }, /* @__PURE__ */ React.createElement("div", { className: "flex justify-between" }, /* @__PURE__ */ React.createElement("span", { className: "text-[#A0A0A0]" }, "Total Positions:"), /* @__PURE__ */ React.createElement("span", { className: "text-white" }, livePositions.length)), /* @__PURE__ */ React.createElement("div", { className: "flex justify-between" }, /* @__PURE__ */ React.createElement("span", { className: "text-[#A0A0A0]" }, "Total P&L:"), /* @__PURE__ */ React.createElement( "span", { className: `font-medium ${livePositions.reduce( (sum, pos) => sum + pos.live_pnl, 0 ) >= 0 ? "text-[#22C55E]" : "text-[#EF4444]"}` }, formatCurrency( livePositions.reduce( (sum, pos) => sum + pos.live_pnl, 0 ) ) )), /* @__PURE__ */ React.createElement("div", { className: "flex justify-between" }, /* @__PURE__ */ React.createElement("span", { className: "text-[#A0A0A0]" }, "Total Margin:"), /* @__PURE__ */ React.createElement("span", { className: "text-white" }, formatCurrency( livePositions.reduce( (sum, pos) => sum + parseFloat(pos.margin_used), 0 ) )))))))), livePositions.length === 0 && !isLoadingPositions && /* @__PURE__ */ React.createElement("div", { className: "p-6 text-center border-t border-[#333333]" }, /* @__PURE__ */ React.createElement(import_lucide_react7.Activity, { size: 32, className: "text-[#A0A0A0] mx-auto mb-3" }), /* @__PURE__ */ React.createElement("p", { className: "text-[#A0A0A0]" }, "No open positions for ", market.symbol, ". Use the Buy/Sell buttons above to start trading.")))); } var import_react10, import_lucide_react7; var init_MarketChartModal = __esm({ "virtual:/apps/web/src/components/Markets/MarketChartModal.jsx"() { init_injected_globals(); import_react10 = __toESM(require_react()); import_lucide_react7 = __toESM(require_lucide_react()); init_formatters(); init_marketUtils(); init_TradingViewWidget(); } }); // virtual:/apps/web/src/components/TradingModal/CryptoRiskWarning.jsx function CryptoRiskWarning({ market, leverage, onAccept, onReject }) { const [hasReadTerms, setHasReadTerms] = (0, import_react11.useState)(false); const [showAdvancedRisks, setShowAdvancedRisks] = (0, import_react11.useState)(false); const liquidationPrice = market.current_price * (1 - 1 / leverage * 0.95); const maxLoss = 100; const requiredMargin = 100 / leverage; return /* @__PURE__ */ React.createElement("div", { className: "fixed inset-0 bg-black/80 backdrop-blur-sm flex items-center justify-center z-50 p-4" }, /* @__PURE__ */ React.createElement("div", { className: "bg-[#1A1A1A] border border-[#333333] rounded-xl max-w-2xl w-full max-h-[90vh] overflow-y-auto" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-3 p-6 border-b border-[#333333]" }, /* @__PURE__ */ React.createElement("div", { className: "w-12 h-12 rounded-full bg-[#EF4444]/20 flex items-center justify-center" }, /* @__PURE__ */ React.createElement(import_lucide_react8.AlertTriangle, { size: 24, className: "text-[#EF4444]" })), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("h2", { className: "text-white font-semibold text-xl" }, "High-Risk Crypto Trading Warning"), /* @__PURE__ */ React.createElement("p", { className: "text-[#A0A0A0] text-sm" }, leverage, "x leverage on ", market.symbol, " \u2022 Maximum Risk Trading"))), /* @__PURE__ */ React.createElement("div", { className: "p-6 border-b border-[#333333]" }, /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-2 gap-4" }, /* @__PURE__ */ React.createElement("div", { className: "bg-[#EF4444]/10 border border-[#EF4444]/30 rounded-lg p-4" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-2 mb-2" }, /* @__PURE__ */ React.createElement(import_lucide_react8.TrendingDown, { size: 16, className: "text-[#EF4444]" }), /* @__PURE__ */ React.createElement("span", { className: "text-[#EF4444] font-medium text-sm" }, "Liquidation Price")), /* @__PURE__ */ React.createElement("p", { className: "text-white font-bold text-lg" }, "$", liquidationPrice.toFixed(4)), /* @__PURE__ */ React.createElement("p", { className: "text-[#A0A0A0] text-xs" }, "Auto square-off trigger")), /* @__PURE__ */ React.createElement("div", { className: "bg-[#FF8200]/10 border border-[#FF8200]/30 rounded-lg p-4" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-2 mb-2" }, /* @__PURE__ */ React.createElement(import_lucide_react8.Calculator, { size: 16, className: "text-[#FF8200]" }), /* @__PURE__ */ React.createElement("span", { className: "text-[#FF8200] font-medium text-sm" }, "Margin Required")), /* @__PURE__ */ React.createElement("p", { className: "text-white font-bold text-lg" }, requiredMargin.toFixed(2), "%"), /* @__PURE__ */ React.createElement("p", { className: "text-[#A0A0A0] text-xs" }, "Of position value")))), /* @__PURE__ */ React.createElement("div", { className: "p-6 space-y-4" }, /* @__PURE__ */ React.createElement("div", { className: "space-y-3" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-start space-x-3" }, /* @__PURE__ */ React.createElement("div", { className: "w-2 h-2 rounded-full bg-[#EF4444] mt-2" }), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("p", { className: "text-white font-medium" }, "Extreme Volatility Risk"), /* @__PURE__ */ React.createElement("p", { className: "text-[#A0A0A0] text-sm" }, "Crypto markets can move 10-50% in minutes. With ", leverage, "x leverage, you can lose your entire margin in seconds."))), /* @__PURE__ */ React.createElement("div", { className: "flex items-start space-x-3" }, /* @__PURE__ */ React.createElement("div", { className: "w-2 h-2 rounded-full bg-[#EF4444] mt-2" }), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("p", { className: "text-white font-medium" }, "Automatic Liquidation"), /* @__PURE__ */ React.createElement("p", { className: "text-[#A0A0A0] text-sm" }, "If price moves against you by ", (100 / leverage).toFixed(2), "%, your position will be automatically closed at loss."))), /* @__PURE__ */ React.createElement("div", { className: "flex items-start space-x-3" }, /* @__PURE__ */ React.createElement("div", { className: "w-2 h-2 rounded-full bg-[#EF4444] mt-2" }), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("p", { className: "text-white font-medium" }, "24/7 Market Risk"), /* @__PURE__ */ React.createElement("p", { className: "text-[#A0A0A0] text-sm" }, "Crypto markets never close. Price gaps and sudden moves can occur anytime, including weekends and holidays.")))), /* @__PURE__ */ React.createElement( "button", { onClick: () => setShowAdvancedRisks(!showAdvancedRisks), className: "text-[#3B82F6] hover:text-[#2563EB] text-sm transition-colors duration-200" }, showAdvancedRisks ? "Hide" : "Show", " Advanced Risk Details" ), showAdvancedRisks && /* @__PURE__ */ React.createElement("div", { className: "bg-[#0F0F0F] border border-[#333333] rounded-lg p-4 space-y-3" }, /* @__PURE__ */ React.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React.createElement("div", { className: "flex justify-between text-sm" }, /* @__PURE__ */ React.createElement("span", { className: "text-[#A0A0A0]" }, "Maximum Loss:"), /* @__PURE__ */ React.createElement("span", { className: "text-[#EF4444] font-medium" }, "100% of margin")), /* @__PURE__ */ React.createElement("div", { className: "flex justify-between text-sm" }, /* @__PURE__ */ React.createElement("span", { className: "text-[#A0A0A0]" }, "Stop Loss Percentage:"), /* @__PURE__ */ React.createElement("span", { className: "text-[#FF8200]" }, "65% (Auto square-off)")), /* @__PURE__ */ React.createElement("div", { className: "flex justify-between text-sm" }, /* @__PURE__ */ React.createElement("span", { className: "text-[#A0A0A0]" }, "Minimum KYC Required:"), /* @__PURE__ */ React.createElement("span", { className: "text-[#22C55E]" }, "Full KYC Verified")), /* @__PURE__ */ React.createElement("div", { className: "flex justify-between text-sm" }, /* @__PURE__ */ React.createElement("span", { className: "text-[#A0A0A0]" }, "Trading Category:"), /* @__PURE__ */ React.createElement("span", { className: "text-white" }, "Intraday (Auto square-off at market close)")))), /* @__PURE__ */ React.createElement("div", { className: "bg-[#3B82F6]/10 border border-[#3B82F6]/30 rounded-lg p-4" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-2 mb-3" }, /* @__PURE__ */ React.createElement(import_lucide_react8.Shield, { size: 16, className: "text-[#3B82F6]" }), /* @__PURE__ */ React.createElement("span", { className: "text-[#3B82F6] font-medium" }, "Eligibility Requirements")), /* @__PURE__ */ React.createElement("div", { className: "space-y-2 text-sm" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-2" }, /* @__PURE__ */ React.createElement("div", { className: "w-1.5 h-1.5 rounded-full bg-[#22C55E]" }), /* @__PURE__ */ React.createElement("span", { className: "text-white" }, "Full KYC verification completed")), /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-2" }, /* @__PURE__ */ React.createElement("div", { className: "w-1.5 h-1.5 rounded-full bg-[#22C55E]" }), /* @__PURE__ */ React.createElement("span", { className: "text-white" }, "Minimum \u20B91,000 account balance")), /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-2" }, /* @__PURE__ */ React.createElement("div", { className: "w-1.5 h-1.5 rounded-full bg-[#22C55E]" }), /* @__PURE__ */ React.createElement("span", { className: "text-white" }, "Risk acknowledgment agreement")), /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-2" }, /* @__PURE__ */ React.createElement("div", { className: "w-1.5 h-1.5 rounded-full bg-[#FF8200]" }), /* @__PURE__ */ React.createElement("span", { className: "text-[#A0A0A0]" }, "Experienced trader certification (recommended)")))), /* @__PURE__ */ React.createElement("div", { className: "text-xs text-[#666666] space-y-2" }, /* @__PURE__ */ React.createElement("p", null, /* @__PURE__ */ React.createElement("strong", null, "IMPORTANT:"), " High leverage trading is extremely risky and not suitable for most traders. You can lose more than your initial investment."), /* @__PURE__ */ React.createElement("p", null, "By proceeding, you acknowledge that you understand the risks and have sufficient experience and financial capacity to bear such risks.")), /* @__PURE__ */ React.createElement("div", { className: "flex items-start space-x-3" }, /* @__PURE__ */ React.createElement( "input", { type: "checkbox", id: "risk-terms", checked: hasReadTerms, onChange: (e) => setHasReadTerms(e.target.checked), className: "mt-1 w-4 h-4 bg-[#1A1A1A] border border-[#333333] rounded focus:ring-2 focus:ring-[#FF8200] focus:border-transparent" } ), /* @__PURE__ */ React.createElement("label", { htmlFor: "risk-terms", className: "text-sm text-white" }, "I have read and understand all the risks associated with ", leverage, "x leverage crypto trading. I acknowledge that I may lose my entire investment and accept full responsibility for my trading decisions."))), /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-3 p-6 border-t border-[#333333]" }, /* @__PURE__ */ React.createElement( "button", { onClick: onReject, className: "flex-1 bg-[#333333] text-white px-6 py-3 rounded-lg font-medium hover:bg-[#444444] transition-all duration-200" }, "Cancel Trade" ), /* @__PURE__ */ React.createElement( "button", { onClick: onAccept, disabled: !hasReadTerms, className: "flex-1 bg-[#EF4444] text-white px-6 py-3 rounded-lg font-medium hover:bg-[#DC2626] disabled:opacity-50 disabled:cursor-not-allowed transition-all duration-200" }, hasReadTerms ? "Accept Risks & Continue" : "Please Accept Terms" )))); } var import_react11, import_lucide_react8; var init_CryptoRiskWarning = __esm({ "virtual:/apps/web/src/components/TradingModal/CryptoRiskWarning.jsx"() { init_injected_globals(); import_react11 = __toESM(require_react()); import_lucide_react8 = __toESM(require_lucide_react()); } }); // virtual:/apps/web/src/hooks/useTradingViewSync.js function useTradingViewSync() { const [tradingViewSync, setTradingViewSync] = (0, import_react12.useState)({ connected: false, lastSync: null, syncErrors: 0, realTimeEnabled: false, connectionStatus: "disconnected", // disconnected, connecting, connected, error lastError: null }); const initializeTradingViewSync = async () => { try { console.log("\u{1F504} Initializing TradingView synchronization..."); setTradingViewSync((prev) => ({ ...prev, connectionStatus: "connecting", lastError: null })); const response = await fetch("/api/markets/update-prices?status=true", { method: "GET", headers: { "Cache-Control": "no-cache" } }); if (!response.ok) { throw new Error(`HTTP ${response.status}: ${response.statusText}`); } const data = await response.json(); if (data.success && data.tradingview_integration) { const integration = data.tradingview_integration; setTradingViewSync({ connected: integration.status === "active", lastSync: integration.last_sync, syncErrors: 0, realTimeEnabled: integration.features?.real_time_prices || false, connectionStatus: integration.connection_status === "stable" ? "connected" : "error", lastError: integration.last_error }); console.log( "\u2705 TradingView synchronization initialized successfully:", { status: integration.status, features: integration.features, connection: integration.connection_status, realTime: integration.features?.real_time_prices, cryptoFeed: integration.features?.live_crypto_feed } ); } else { throw new Error("Invalid response format from TradingView sync API"); } } catch (error) { console.error("\u274C Failed to initialize TradingView sync:", error); setTradingViewSync((prev) => ({ connected: false, lastSync: prev.lastSync, syncErrors: prev.syncErrors + 1, realTimeEnabled: false, connectionStatus: "error", lastError: error.message })); } }; const checkTradingViewSyncStatus = async () => { try { const response = await fetch("/api/markets/update-prices?status=true", { method: "GET", headers: { "Cache-Control": "no-cache" } }); if (!response.ok) { throw new Error(`Status check failed: ${response.status}`); } const data = await response.json(); if (data.success && data.tradingview_integration) { const integration = data.tradingview_integration; setTradingViewSync((prev) => ({ ...prev, connected: integration.status === "active", lastSync: integration.last_sync, realTimeEnabled: integration.features?.real_time_prices || false, connectionStatus: integration.connection_status === "stable" ? "connected" : "error", lastError: integration.last_error, syncErrors: integration.connection_status === "stable" ? 0 : prev.syncErrors })); if (integration.connection_status !== "stable") { console.warn( "\u26A0\uFE0F TradingView sync status:", integration.connection_status, integration.last_error ); } } else { throw new Error("Invalid status response format"); } } catch (error) { console.error("\u274C TradingView sync status check failed:", error); setTradingViewSync((prev) => ({ ...prev, connected: false, syncErrors: prev.syncErrors + 1, connectionStatus: "error", lastError: error.message })); } }; const retryConnection = async () => { console.log("\u{1F504} Retrying TradingView connection..."); await initializeTradingViewSync(); }; const forceSyncNow = async () => { try { console.log("\u{1F680} Force syncing TradingView data..."); setTradingViewSync((prev) => ({ ...prev, connectionStatus: "connecting", lastError: null })); const response = await fetch("/api/markets/update-prices", { method: "POST", headers: { "Content-Type": "application/json" } }); if (!response.ok) { throw new Error(`Force sync failed: ${response.status}`); } const data = await response.json(); if (data.success) { const integration = data.tradingview_integration; setTradingViewSync((prev) => ({ ...prev, connected: true, lastSync: data.timestamp, syncErrors: 0, realTimeEnabled: integration?.features?.real_time_prices || true, connectionStatus: "connected", lastError: null })); console.log( `\u2705 TradingView force sync completed: ${data.updated_count}/${data.total_markets} markets updated (${data.real_time_count} real-time)` ); return { success: true, data }; } else { throw new Error(data.error || "Force sync failed"); } } catch (error) { console.error("\u274C TradingView force sync error:", error); setTradingViewSync((prev) => ({ ...prev, connected: false, syncErrors: prev.syncErrors + 1, connectionStatus: "error", lastError: error.message })); return { success: false, error: error.message }; } }; (0, import_react12.useEffect)(() => { const initDelay = setTimeout(() => { initializeTradingViewSync(); }, 2e3); const syncStatusInterval = setInterval(() => { checkTradingViewSyncStatus(); }, 3e4); const retryInterval = setInterval(() => { if (tradingViewSync.connectionStatus === "error" || tradingViewSync.syncErrors > 2) { console.log("\u{1F504} Auto-retrying TradingView connection..."); retryConnection(); } }, 6e4); return () => { clearTimeout(initDelay); clearInterval(syncStatusInterval); clearInterval(retryInterval); }; }, []); (0, import_react12.useEffect)(() => { if (tradingViewSync.connectionStatus === "error" && tradingViewSync.syncErrors <= 3) { const retryDelay = setTimeout(() => { console.log("\u{1F504} Auto-retry after error..."); retryConnection(); }, 5e3); return () => clearTimeout(retryDelay); } }, [tradingViewSync.connectionStatus, tradingViewSync.syncErrors]); return { tradingViewSync, setTradingViewSync, forceSyncNow, retryConnection }; } var import_react12; var init_useTradingViewSync = __esm({ "virtual:/apps/web/src/hooks/useTradingViewSync.js"() { init_injected_globals(); import_react12 = __toESM(require_react()); } }); // virtual:/apps/web/src/hooks/useMarkets.js function useMarkets() { const [markets, setMarkets] = (0, import_react13.useState)([]); const [isLoading, setIsLoading] = (0, import_react13.useState)(true); const [error, setError] = (0, import_react13.useState)(null); const [lastPriceUpdate, setLastPriceUpdate] = (0, import_react13.useState)(null); const [isUpdatingPrices, setIsUpdatingPrices] = (0, import_react13.useState)(false); const [marketStatus, setMarketStatus] = (0, import_react13.useState)({}); const { tradingViewSync, forceSyncNow, retryConnection } = useTradingViewSync(); const fetchMarkets = (0, import_react13.useCallback)(async () => { try { setError(null); console.log("\u{1F4CA} Fetching markets data..."); const response = await fetch("/api/markets?limit=200"); if (!response.ok) { throw new Error( `Failed to fetch markets: ${response.status} ${response.statusText}` ); } const data = await response.json(); if (data.error) { throw new Error(data.error); } const marketsData = data.markets || []; setMarkets(marketsData); setLastPriceUpdate(/* @__PURE__ */ new Date()); console.log(`\u2705 Successfully loaded ${marketsData.length} markets`); const statusResponse = await fetch("/api/markets/status"); if (statusResponse.ok) { const statusData = await statusResponse.json(); setMarketStatus(statusData.market_status || {}); } } catch (error2) { console.error("\u274C Failed to fetch markets:", error2); setError(error2.message); } finally { setIsLoading(false); } }, []); const initializeMarkets = async () => { setIsLoading(true); try { console.log("\u{1F680} Initializing sample markets..."); const response = await fetch("/api/markets/init", { method: "POST", headers: { "Content-Type": "application/json" } }); const data = await response.json(); if (response.ok && data.success) { console.log(`\u2705 Markets initialized: ${data.message}`); await fetchMarkets(); } else { throw new Error(data.error || "Failed to initialize markets"); } } catch (error2) { console.error("\u274C Market initialization failed:", error2); setError(error2.message); } finally { setIsLoading(false); } }; const handleManualPriceUpdate = async () => { setIsUpdatingPrices(true); try { console.log("\u{1F504} Force syncing prices with TradingView..."); const result = await forceSyncNow(); if (result.success) { await fetchMarkets(); console.log("\u2705 Price sync completed successfully"); } else { throw new Error(result.error || "Sync failed"); } } catch (error2) { console.error("\u274C Price sync failed:", error2); setError(`Price sync failed: ${error2.message}`); } finally { setIsUpdatingPrices(false); } }; (0, import_react13.useEffect)(() => { fetchMarkets(); }, [fetchMarkets]); (0, import_react13.useEffect)(() => { const interval = setInterval(() => { if (!isLoading && !isUpdatingPrices) { fetchMarkets(); } }, 3e4); return () => clearInterval(interval); }, [isLoading, isUpdatingPrices, fetchMarkets]); return { markets, isLoading, error, marketStatus, lastPriceUpdate, isUpdatingPrices, tradingViewSync, fetchMarkets, initializeMarkets, handleManualPriceUpdate, retryConnection, setError }; } var import_react13; var init_useMarkets = __esm({ "virtual:/apps/web/src/hooks/useMarkets.js"() { init_injected_globals(); import_react13 = __toESM(require_react()); init_useTradingViewSync(); } }); // virtual:/apps/web/src/components/Markets/TradingViewSyncBadge.jsx function TradingViewSyncBadge({ sync, retryConnection }) { if (!sync) return null; return /* @__PURE__ */ React.createElement( "div", { className: `inline-flex items-center space-x-2 px-3 py-1 rounded-full text-xs font-medium ${sync.connected ? "bg-[#FF8200]/20 text-[#FF8200] border border-[#FF8200]/30" : "bg-[#EF4444]/20 text-[#EF4444] border border-[#EF4444]/30"}` }, /* @__PURE__ */ React.createElement( "div", { className: `w-2 h-2 rounded-full ${sync.connected ? "bg-[#FF8200]" : "bg-[#EF4444]"} ${sync.connected ? "animate-pulse" : ""}` } ), /* @__PURE__ */ React.createElement("span", null, sync.connected ? "TradingView Professional" : "TradingView Connecting"), !sync.connected && /* @__PURE__ */ React.createElement( "button", { onClick: retryConnection, className: "text-[#3B82F6] hover:underline ml-1" }, "Retry" ) ); } var init_TradingViewSyncBadge = __esm({ "virtual:/apps/web/src/components/Markets/TradingViewSyncBadge.jsx"() { init_injected_globals(); } }); // virtual:/apps/web/src/components/Markets/MarketsHeader.jsx function MarketsHeader({ tradingViewSync, lastPriceUpdate, isUpdatingPrices, onForceSync, onRetryConnection }) { return /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-4 lg:flex-row lg:items-center lg:justify-between" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("h1", { className: "text-2xl font-bold text-white mb-2" }, "Markets"), /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-4" }, /* @__PURE__ */ React.createElement("p", { className: "text-[#A0A0A0]" }, "Professional trading with TradingView real-time data integration"), /* @__PURE__ */ React.createElement( TradingViewSyncBadge, { sync: tradingViewSync, retryConnection: onRetryConnection } ), tradingViewSync.connected && /* @__PURE__ */ React.createElement("div", { className: "inline-flex items-center space-x-1 px-2 py-1 rounded text-xs font-medium bg-[#22C55E]/20 text-[#22C55E] border border-[#22C55E]/30" }, /* @__PURE__ */ React.createElement("span", null, "\u{1F680} Live WebSocket"))), lastPriceUpdate && /* @__PURE__ */ React.createElement("p", { className: "text-xs text-[#666666] mt-1" }, "Last updated: ", lastPriceUpdate.toLocaleTimeString(), tradingViewSync.lastSync && /* @__PURE__ */ React.createElement("span", { className: "ml-2 text-[#FF8200]" }, "\u2022 TradingView sync:", " ", new Date(tradingViewSync.lastSync).toLocaleTimeString()), tradingViewSync.connected && /* @__PURE__ */ React.createElement("span", { className: "ml-2 text-[#22C55E]" }, "\u2022 Professional Data \u2713"))), /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-3" }, /* @__PURE__ */ React.createElement("div", { className: "text-center" }, /* @__PURE__ */ React.createElement("div", { className: "text-xs text-[#A0A0A0] mb-1" }, "Data Sources"), /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-2" }, /* @__PURE__ */ React.createElement("div", { className: "text-xs" }, /* @__PURE__ */ React.createElement( "span", { className: `${tradingViewSync.connected ? "text-[#FF8200]" : "text-[#666666]"}` }, "\u{1F4CA} TradingView" )), /* @__PURE__ */ React.createElement("div", { className: "text-xs" }, /* @__PURE__ */ React.createElement("span", { className: "text-[#22C55E]" }, "\u20BF Crypto")), /* @__PURE__ */ React.createElement("div", { className: "text-xs" }, /* @__PURE__ */ React.createElement("span", { className: "text-[#3B82F6]" }, "\u{1F4B1} Forex")))), /* @__PURE__ */ React.createElement( "button", { onClick: onForceSync, disabled: isUpdatingPrices, className: "flex items-center space-x-2 bg-[#FF8200] text-white px-4 py-2 rounded-lg text-sm font-medium hover:bg-[#FF9C14] disabled:opacity-50 disabled:cursor-not-allowed transition-all duration-200" }, /* @__PURE__ */ React.createElement( import_lucide_react9.RefreshCw, { size: 16, className: isUpdatingPrices ? "animate-spin" : "" } ), /* @__PURE__ */ React.createElement("span", null, isUpdatingPrices ? "Syncing with TradingView..." : "Force Sync") ))); } var import_lucide_react9; var init_MarketsHeader = __esm({ "virtual:/apps/web/src/components/Markets/MarketsHeader.jsx"() { init_injected_globals(); import_lucide_react9 = __toESM(require_lucide_react()); init_TradingViewSyncBadge(); } }); // virtual:/apps/web/src/components/Markets/MarketFilters.jsx function MarketFilters({ searchTerm, setSearchTerm, activeFilter, setActiveFilter }) { const filters = ["all", "stocks", "crypto", "forex", "commodities"]; return /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-4 md:flex-row" }, /* @__PURE__ */ React.createElement("div", { className: "flex-1" }, /* @__PURE__ */ React.createElement( "input", { type: "text", placeholder: "Search markets...", value: searchTerm, onChange: (e) => setSearchTerm(e.target.value), className: "w-full px-4 py-2 bg-[#1A1A1A] border border-[#333333] rounded-lg text-white placeholder-[#666666] focus:outline-none focus:ring-2 focus:ring-[#FF8200] focus:border-transparent" } )), /* @__PURE__ */ React.createElement("div", { className: "flex gap-2" }, filters.map((filter) => /* @__PURE__ */ React.createElement( "button", { key: filter, onClick: () => setActiveFilter(filter), className: `px-4 py-2 rounded-lg text-sm font-medium transition-all duration-200 capitalize ${activeFilter === filter ? "bg-[#FF8200] text-white" : "bg-[#1A1A1A] text-[#A0A0A0] hover:bg-[#333333]"}` }, filter )))); } var init_MarketFilters = __esm({ "virtual:/apps/web/src/components/Markets/MarketFilters.jsx"() { init_injected_globals(); } }); // virtual:/apps/web/src/components/Markets/MarketStatusBadge.jsx function MarketStatusBadge({ market, status }) { if (market.market_type === "crypto" || market.market_type === "forex") { return /* @__PURE__ */ React.createElement("div", { className: "inline-flex items-center space-x-1 px-2 py-1 rounded-full text-xs font-medium bg-[#22C55E]/20 text-[#22C55E] border border-[#22C55E]/30" }, /* @__PURE__ */ React.createElement("div", { className: "w-2 h-2 rounded-full bg-[#22C55E] animate-pulse" }), /* @__PURE__ */ React.createElement("span", null, "24/7")); } return /* @__PURE__ */ React.createElement( "div", { className: `inline-flex items-center space-x-1 px-2 py-1 rounded-full text-xs font-medium ${status?.is_open ? "bg-[#22C55E]/20 text-[#22C55E] border border-[#22C55E]/30" : "bg-[#EF4444]/20 text-[#EF4444] border border-[#EF4444]/30"}` }, /* @__PURE__ */ React.createElement( "div", { className: `w-2 h-2 rounded-full ${status?.is_open ? "bg-[#22C55E]" : "bg-[#EF4444]"}` } ), /* @__PURE__ */ React.createElement("span", null, status?.is_open ? "Open" : "Closed") ); } var init_MarketStatusBadge = __esm({ "virtual:/apps/web/src/components/Markets/MarketStatusBadge.jsx"() { init_injected_globals(); } }); // ../../../node_modules/@tanstack/query-core/build/modern/subscribable.js var Subscribable; var init_subscribable = __esm({ "../../../node_modules/@tanstack/query-core/build/modern/subscribable.js"() { init_injected_globals(); Subscribable = class { constructor() { this.listeners = /* @__PURE__ */ new Set(); this.subscribe = this.subscribe.bind(this); } subscribe(listener) { this.listeners.add(listener); this.onSubscribe(); return () => { this.listeners.delete(listener); this.onUnsubscribe(); }; } hasListeners() { return this.listeners.size > 0; } onSubscribe() { } onUnsubscribe() { } }; } }); // ../../../node_modules/@tanstack/query-core/build/modern/utils.js function noop() { } function functionalUpdate(updater, input) { return typeof updater === "function" ? updater(input) : updater; } function isValidTimeout(value) { return typeof value === "number" && value >= 0 && value !== Infinity; } function timeUntilStale(updatedAt, staleTime) { return Math.max(updatedAt + (staleTime || 0) - Date.now(), 0); } function resolveStaleTime(staleTime, query) { return typeof staleTime === "function" ? staleTime(query) : staleTime; } function resolveEnabled(enabled, query) { return typeof enabled === "function" ? enabled(query) : enabled; } function matchQuery(filters, query) { const { type = "all", exact, fetchStatus, predicate, queryKey, stale } = filters; if (queryKey) { if (exact) { if (query.queryHash !== hashQueryKeyByOptions(queryKey, query.options)) { return false; } } else if (!partialMatchKey(query.queryKey, queryKey)) { return false; } } if (type !== "all") { const isActive = query.isActive(); if (type === "active" && !isActive) { return false; } if (type === "inactive" && isActive) { return false; } } if (typeof stale === "boolean" && query.isStale() !== stale) { return false; } if (fetchStatus && fetchStatus !== query.state.fetchStatus) { return false; } if (predicate && !predicate(query)) { return false; } return true; } function matchMutation(filters, mutation) { const { exact, status, predicate, mutationKey } = filters; if (mutationKey) { if (!mutation.options.mutationKey) { return false; } if (exact) { if (hashKey(mutation.options.mutationKey) !== hashKey(mutationKey)) { return false; } } else if (!partialMatchKey(mutation.options.mutationKey, mutationKey)) { return false; } } if (status && mutation.state.status !== status) { return false; } if (predicate && !predicate(mutation)) { return false; } return true; } function hashQueryKeyByOptions(queryKey, options) { const hashFn = options?.queryKeyHashFn || hashKey; return hashFn(queryKey); } function hashKey(queryKey) { return JSON.stringify( queryKey, (_, val) => isPlainObject(val) ? Object.keys(val).sort().reduce((result, key) => { result[key] = val[key]; return result; }, {}) : val ); } function partialMatchKey(a, b) { if (a === b) { return true; } if (typeof a !== typeof b) { return false; } if (a && b && typeof a === "object" && typeof b === "object") { return Object.keys(b).every((key) => partialMatchKey(a[key], b[key])); } return false; } function replaceEqualDeep(a, b) { if (a === b) { return a; } const array = isPlainArray(a) && isPlainArray(b); if (array || isPlainObject(a) && isPlainObject(b)) { const aItems = array ? a : Object.keys(a); const aSize = aItems.length; const bItems = array ? b : Object.keys(b); const bSize = bItems.length; const copy = array ? [] : {}; let equalItems = 0; for (let i = 0; i < bSize; i++) { const key = array ? i : bItems[i]; if ((!array && aItems.includes(key) || array) && a[key] === void 0 && b[key] === void 0) { copy[key] = void 0; equalItems++; } else { copy[key] = replaceEqualDeep(a[key], b[key]); if (copy[key] === a[key] && a[key] !== void 0) { equalItems++; } } } return aSize === bSize && equalItems === aSize ? a : copy; } return b; } function shallowEqualObjects(a, b) { if (!b || Object.keys(a).length !== Object.keys(b).length) { return false; } for (const key in a) { if (a[key] !== b[key]) { return false; } } return true; } function isPlainArray(value) { return Array.isArray(value) && value.length === Object.keys(value).length; } function isPlainObject(o) { if (!hasObjectPrototype(o)) { return false; } const ctor = o.constructor; if (ctor === void 0) { return true; } const prot = ctor.prototype; if (!hasObjectPrototype(prot)) { return false; } if (!prot.hasOwnProperty("isPrototypeOf")) { return false; } if (Object.getPrototypeOf(o) !== Object.prototype) { return false; } return true; } function hasObjectPrototype(o) { return Object.prototype.toString.call(o) === "[object Object]"; } function sleep(timeout) { return new Promise((resolve) => { setTimeout(resolve, timeout); }); } function replaceData(prevData, data, options) { if (typeof options.structuralSharing === "function") { return options.structuralSharing(prevData, data); } else if (options.structuralSharing !== false) { if (false) { try { return replaceEqualDeep(prevData, data); } catch (error) { console.error( `Structural sharing requires data to be JSON serializable. To fix this, turn off structuralSharing or return JSON-serializable data from your queryFn. [${options.queryHash}]: ${error}` ); throw error; } } return replaceEqualDeep(prevData, data); } return data; } function addToEnd(items, item, max = 0) { const newItems = [...items, item]; return max && newItems.length > max ? newItems.slice(1) : newItems; } function addToStart(items, item, max = 0) { const newItems = [item, ...items]; return max && newItems.length > max ? newItems.slice(0, -1) : newItems; } function ensureQueryFn(options, fetchOptions) { if (false) { if (options.queryFn === skipToken) { console.error( `Attempted to invoke queryFn when set to skipToken. This is likely a configuration error. Query hash: '${options.queryHash}'` ); } } if (!options.queryFn && fetchOptions?.initialPromise) { return () => fetchOptions.initialPromise; } if (!options.queryFn || options.queryFn === skipToken) { return () => Promise.reject(new Error(`Missing queryFn: '${options.queryHash}'`)); } return options.queryFn; } var isServer, skipToken; var init_utils = __esm({ "../../../node_modules/@tanstack/query-core/build/modern/utils.js"() { init_injected_globals(); isServer = typeof window === "undefined" || "Deno" in globalThis; skipToken = Symbol(); } }); // ../../../node_modules/@tanstack/query-core/build/modern/focusManager.js var FocusManager, focusManager; var init_focusManager = __esm({ "../../../node_modules/@tanstack/query-core/build/modern/focusManager.js"() { init_injected_globals(); init_subscribable(); init_utils(); FocusManager = class extends Subscribable { #focused; #cleanup; #setup; constructor() { super(); this.#setup = (onFocus) => { if (!isServer && window.addEventListener) { const listener = () => onFocus(); window.addEventListener("visibilitychange", listener, false); return () => { window.removeEventListener("visibilitychange", listener); }; } return; }; } onSubscribe() { if (!this.#cleanup) { this.setEventListener(this.#setup); } } onUnsubscribe() { if (!this.hasListeners()) { this.#cleanup?.(); this.#cleanup = void 0; } } setEventListener(setup) { this.#setup = setup; this.#cleanup?.(); this.#cleanup = setup((focused) => { if (typeof focused === "boolean") { this.setFocused(focused); } else { this.onFocus(); } }); } setFocused(focused) { const changed = this.#focused !== focused; if (changed) { this.#focused = focused; this.onFocus(); } } onFocus() { const isFocused = this.isFocused(); this.listeners.forEach((listener) => { listener(isFocused); }); } isFocused() { if (typeof this.#focused === "boolean") { return this.#focused; } return globalThis.document?.visibilityState !== "hidden"; } }; focusManager = new FocusManager(); } }); // ../../../node_modules/@tanstack/query-core/build/modern/onlineManager.js var OnlineManager, onlineManager; var init_onlineManager = __esm({ "../../../node_modules/@tanstack/query-core/build/modern/onlineManager.js"() { init_injected_globals(); init_subscribable(); init_utils(); OnlineManager = class extends Subscribable { #online = true; #cleanup; #setup; constructor() { super(); this.#setup = (onOnline) => { if (!isServer && window.addEventListener) { const onlineListener = () => onOnline(true); const offlineListener = () => onOnline(false); window.addEventListener("online", onlineListener, false); window.addEventListener("offline", offlineListener, false); return () => { window.removeEventListener("online", onlineListener); window.removeEventListener("offline", offlineListener); }; } return; }; } onSubscribe() { if (!this.#cleanup) { this.setEventListener(this.#setup); } } onUnsubscribe() { if (!this.hasListeners()) { this.#cleanup?.(); this.#cleanup = void 0; } } setEventListener(setup) { this.#setup = setup; this.#cleanup?.(); this.#cleanup = setup(this.setOnline.bind(this)); } setOnline(online) { const changed = this.#online !== online; if (changed) { this.#online = online; this.listeners.forEach((listener) => { listener(online); }); } } isOnline() { return this.#online; } }; onlineManager = new OnlineManager(); } }); // ../../../node_modules/@tanstack/query-core/build/modern/thenable.js function pendingThenable() { let resolve; let reject; const thenable = new Promise((_resolve, _reject) => { resolve = _resolve; reject = _reject; }); thenable.status = "pending"; thenable.catch(() => { }); function finalize(data) { Object.assign(thenable, data); delete thenable.resolve; delete thenable.reject; } thenable.resolve = (value) => { finalize({ status: "fulfilled", value }); resolve(value); }; thenable.reject = (reason) => { finalize({ status: "rejected", reason }); reject(reason); }; return thenable; } var init_thenable = __esm({ "../../../node_modules/@tanstack/query-core/build/modern/thenable.js"() { init_injected_globals(); } }); // ../../../node_modules/@tanstack/query-core/build/modern/retryer.js function defaultRetryDelay(failureCount) { return Math.min(1e3 * 2 ** failureCount, 3e4); } function canFetch(networkMode) { return (networkMode ?? "online") === "online" ? onlineManager.isOnline() : true; } function isCancelledError(value) { return value instanceof CancelledError; } function createRetryer(config) { let isRetryCancelled = false; let failureCount = 0; let isResolved = false; let continueFn; const thenable = pendingThenable(); const cancel = (cancelOptions) => { if (!isResolved) { reject(new CancelledError(cancelOptions)); config.abort?.(); } }; const cancelRetry = () => { isRetryCancelled = true; }; const continueRetry = () => { isRetryCancelled = false; }; const canContinue = () => focusManager.isFocused() && (config.networkMode === "always" || onlineManager.isOnline()) && config.canRun(); const canStart = () => canFetch(config.networkMode) && config.canRun(); const resolve = (value) => { if (!isResolved) { isResolved = true; config.onSuccess?.(value); continueFn?.(); thenable.resolve(value); } }; const reject = (value) => { if (!isResolved) { isResolved = true; config.onError?.(value); continueFn?.(); thenable.reject(value); } }; const pause = () => { return new Promise((continueResolve) => { continueFn = (value) => { if (isResolved || canContinue()) { continueResolve(value); } }; config.onPause?.(); }).then(() => { continueFn = void 0; if (!isResolved) { config.onContinue?.(); } }); }; const run = () => { if (isResolved) { return; } let promiseOrValue; const initialPromise = failureCount === 0 ? config.initialPromise : void 0; try { promiseOrValue = initialPromise ?? config.fn(); } catch (error) { promiseOrValue = Promise.reject(error); } Promise.resolve(promiseOrValue).then(resolve).catch((error) => { if (isResolved) { return; } const retry = config.retry ?? (isServer ? 0 : 3); const retryDelay = config.retryDelay ?? defaultRetryDelay; const delay = typeof retryDelay === "function" ? retryDelay(failureCount, error) : retryDelay; const shouldRetry = retry === true || typeof retry === "number" && failureCount < retry || typeof retry === "function" && retry(failureCount, error); if (isRetryCancelled || !shouldRetry) { reject(error); return; } failureCount++; config.onFail?.(failureCount, error); sleep(delay).then(() => { return canContinue() ? void 0 : pause(); }).then(() => { if (isRetryCancelled) { reject(error); } else { run(); } }); }); }; return { promise: thenable, cancel, continue: () => { continueFn?.(); return thenable; }, cancelRetry, continueRetry, canStart, start: () => { if (canStart()) { run(); } else { pause().then(run); } return thenable; } }; } var CancelledError; var init_retryer = __esm({ "../../../node_modules/@tanstack/query-core/build/modern/retryer.js"() { init_injected_globals(); init_focusManager(); init_onlineManager(); init_thenable(); init_utils(); CancelledError = class extends Error { constructor(options) { super("CancelledError"); this.revert = options?.revert; this.silent = options?.silent; } }; } }); // ../../../node_modules/@tanstack/query-core/build/modern/notifyManager.js function createNotifyManager() { let queue = []; let transactions = 0; let notifyFn = (callback) => { callback(); }; let batchNotifyFn = (callback) => { callback(); }; let scheduleFn = defaultScheduler; const schedule = (callback) => { if (transactions) { queue.push(callback); } else { scheduleFn(() => { notifyFn(callback); }); } }; const flush = () => { const originalQueue = queue; queue = []; if (originalQueue.length) { scheduleFn(() => { batchNotifyFn(() => { originalQueue.forEach((callback) => { notifyFn(callback); }); }); }); } }; return { batch: (callback) => { let result; transactions++; try { result = callback(); } finally { transactions--; if (!transactions) { flush(); } } return result; }, /** * All calls to the wrapped function will be batched. */ batchCalls: (callback) => { return (...args) => { schedule(() => { callback(...args); }); }; }, schedule, /** * Use this method to set a custom notify function. * This can be used to for example wrap notifications with `React.act` while running tests. */ setNotifyFunction: (fn) => { notifyFn = fn; }, /** * Use this method to set a custom function to batch notifications together into a single tick. * By default React Query will use the batch function provided by ReactDOM or React Native. */ setBatchNotifyFunction: (fn) => { batchNotifyFn = fn; }, setScheduler: (fn) => { scheduleFn = fn; } }; } var defaultScheduler, notifyManager; var init_notifyManager = __esm({ "../../../node_modules/@tanstack/query-core/build/modern/notifyManager.js"() { init_injected_globals(); defaultScheduler = (cb) => setTimeout(cb, 0); notifyManager = createNotifyManager(); } }); // ../../../node_modules/@tanstack/query-core/build/modern/removable.js var Removable; var init_removable = __esm({ "../../../node_modules/@tanstack/query-core/build/modern/removable.js"() { init_injected_globals(); init_utils(); Removable = class { #gcTimeout; destroy() { this.clearGcTimeout(); } scheduleGc() { this.clearGcTimeout(); if (isValidTimeout(this.gcTime)) { this.#gcTimeout = setTimeout(() => { this.optionalRemove(); }, this.gcTime); } } updateGcTime(newGcTime) { this.gcTime = Math.max( this.gcTime || 0, newGcTime ?? (isServer ? Infinity : 5 * 60 * 1e3) ); } clearGcTimeout() { if (this.#gcTimeout) { clearTimeout(this.#gcTimeout); this.#gcTimeout = void 0; } } }; } }); // ../../../node_modules/@tanstack/query-core/build/modern/query.js function fetchState(data, options) { return { fetchFailureCount: 0, fetchFailureReason: null, fetchStatus: canFetch(options.networkMode) ? "fetching" : "paused", ...data === void 0 && { error: null, status: "pending" } }; } function getDefaultState(options) { const data = typeof options.initialData === "function" ? options.initialData() : options.initialData; const hasData = data !== void 0; const initialDataUpdatedAt = hasData ? typeof options.initialDataUpdatedAt === "function" ? options.initialDataUpdatedAt() : options.initialDataUpdatedAt : 0; return { data, dataUpdateCount: 0, dataUpdatedAt: hasData ? initialDataUpdatedAt ?? Date.now() : 0, error: null, errorUpdateCount: 0, errorUpdatedAt: 0, fetchFailureCount: 0, fetchFailureReason: null, fetchMeta: null, isInvalidated: false, status: hasData ? "success" : "pending", fetchStatus: "idle" }; } var Query; var init_query = __esm({ "../../../node_modules/@tanstack/query-core/build/modern/query.js"() { init_injected_globals(); init_utils(); init_notifyManager(); init_retryer(); init_removable(); Query = class extends Removable { #initialState; #revertState; #cache; #client; #retryer; #defaultOptions; #abortSignalConsumed; constructor(config) { super(); this.#abortSignalConsumed = false; this.#defaultOptions = config.defaultOptions; this.setOptions(config.options); this.observers = []; this.#client = config.client; this.#cache = this.#client.getQueryCache(); this.queryKey = config.queryKey; this.queryHash = config.queryHash; this.#initialState = getDefaultState(this.options); this.state = config.state ?? this.#initialState; this.scheduleGc(); } get meta() { return this.options.meta; } get promise() { return this.#retryer?.promise; } setOptions(options) { this.options = { ...this.#defaultOptions, ...options }; this.updateGcTime(this.options.gcTime); } optionalRemove() { if (!this.observers.length && this.state.fetchStatus === "idle") { this.#cache.remove(this); } } setData(newData, options) { const data = replaceData(this.state.data, newData, this.options); this.#dispatch({ data, type: "success", dataUpdatedAt: options?.updatedAt, manual: options?.manual }); return data; } setState(state, setStateOptions) { this.#dispatch({ type: "setState", state, setStateOptions }); } cancel(options) { const promise = this.#retryer?.promise; this.#retryer?.cancel(options); return promise ? promise.then(noop).catch(noop) : Promise.resolve(); } destroy() { super.destroy(); this.cancel({ silent: true }); } reset() { this.destroy(); this.setState(this.#initialState); } isActive() { return this.observers.some( (observer) => resolveEnabled(observer.options.enabled, this) !== false ); } isDisabled() { if (this.getObserversCount() > 0) { return !this.isActive(); } return this.options.queryFn === skipToken || this.state.dataUpdateCount + this.state.errorUpdateCount === 0; } isStale() { if (this.state.isInvalidated) { return true; } if (this.getObserversCount() > 0) { return this.observers.some( (observer) => observer.getCurrentResult().isStale ); } return this.state.data === void 0; } isStaleByTime(staleTime = 0) { return this.state.isInvalidated || this.state.data === void 0 || !timeUntilStale(this.state.dataUpdatedAt, staleTime); } onFocus() { const observer = this.observers.find((x) => x.shouldFetchOnWindowFocus()); observer?.refetch({ cancelRefetch: false }); this.#retryer?.continue(); } onOnline() { const observer = this.observers.find((x) => x.shouldFetchOnReconnect()); observer?.refetch({ cancelRefetch: false }); this.#retryer?.continue(); } addObserver(observer) { if (!this.observers.includes(observer)) { this.observers.push(observer); this.clearGcTimeout(); this.#cache.notify({ type: "observerAdded", query: this, observer }); } } removeObserver(observer) { if (this.observers.includes(observer)) { this.observers = this.observers.filter((x) => x !== observer); if (!this.observers.length) { if (this.#retryer) { if (this.#abortSignalConsumed) { this.#retryer.cancel({ revert: true }); } else { this.#retryer.cancelRetry(); } } this.scheduleGc(); } this.#cache.notify({ type: "observerRemoved", query: this, observer }); } } getObserversCount() { return this.observers.length; } invalidate() { if (!this.state.isInvalidated) { this.#dispatch({ type: "invalidate" }); } } fetch(options, fetchOptions) { if (this.state.fetchStatus !== "idle") { if (this.state.data !== void 0 && fetchOptions?.cancelRefetch) { this.cancel({ silent: true }); } else if (this.#retryer) { this.#retryer.continueRetry(); return this.#retryer.promise; } } if (options) { this.setOptions(options); } if (!this.options.queryFn) { const observer = this.observers.find((x) => x.options.queryFn); if (observer) { this.setOptions(observer.options); } } if (false) { if (!Array.isArray(this.options.queryKey)) { console.error( `As of v4, queryKey needs to be an Array. If you are using a string like 'repoData', please change it to an Array, e.g. ['repoData']` ); } } const abortController = new AbortController(); const addSignalProperty = (object) => { Object.defineProperty(object, "signal", { enumerable: true, get: () => { this.#abortSignalConsumed = true; return abortController.signal; } }); }; const fetchFn = () => { const queryFn = ensureQueryFn(this.options, fetchOptions); const queryFnContext = { client: this.#client, queryKey: this.queryKey, meta: this.meta }; addSignalProperty(queryFnContext); this.#abortSignalConsumed = false; if (this.options.persister) { return this.options.persister( queryFn, queryFnContext, this ); } return queryFn(queryFnContext); }; const context = { fetchOptions, options: this.options, queryKey: this.queryKey, client: this.#client, state: this.state, fetchFn }; addSignalProperty(context); this.options.behavior?.onFetch( context, this ); this.#revertState = this.state; if (this.state.fetchStatus === "idle" || this.state.fetchMeta !== context.fetchOptions?.meta) { this.#dispatch({ type: "fetch", meta: context.fetchOptions?.meta }); } const onError = (error) => { if (!(isCancelledError(error) && error.silent)) { this.#dispatch({ type: "error", error }); } if (!isCancelledError(error)) { this.#cache.config.onError?.( error, this ); this.#cache.config.onSettled?.( this.state.data, error, this ); } this.scheduleGc(); }; this.#retryer = createRetryer({ initialPromise: fetchOptions?.initialPromise, fn: context.fetchFn, abort: abortController.abort.bind(abortController), onSuccess: (data) => { if (data === void 0) { if (false) { console.error( `Query data cannot be undefined. Please make sure to return a value other than undefined from your query function. Affected query key: ${this.queryHash}` ); } onError(new Error(`${this.queryHash} data is undefined`)); return; } try { this.setData(data); } catch (error) { onError(error); return; } this.#cache.config.onSuccess?.(data, this); this.#cache.config.onSettled?.( data, this.state.error, this ); this.scheduleGc(); }, onError, onFail: (failureCount, error) => { this.#dispatch({ type: "failed", failureCount, error }); }, onPause: () => { this.#dispatch({ type: "pause" }); }, onContinue: () => { this.#dispatch({ type: "continue" }); }, retry: context.options.retry, retryDelay: context.options.retryDelay, networkMode: context.options.networkMode, canRun: () => true }); return this.#retryer.start(); } #dispatch(action) { const reducer = (state) => { switch (action.type) { case "failed": return { ...state, fetchFailureCount: action.failureCount, fetchFailureReason: action.error }; case "pause": return { ...state, fetchStatus: "paused" }; case "continue": return { ...state, fetchStatus: "fetching" }; case "fetch": return { ...state, ...fetchState(state.data, this.options), fetchMeta: action.meta ?? null }; case "success": return { ...state, data: action.data, dataUpdateCount: state.dataUpdateCount + 1, dataUpdatedAt: action.dataUpdatedAt ?? Date.now(), error: null, isInvalidated: false, status: "success", ...!action.manual && { fetchStatus: "idle", fetchFailureCount: 0, fetchFailureReason: null } }; case "error": const error = action.error; if (isCancelledError(error) && error.revert && this.#revertState) { return { ...this.#revertState, fetchStatus: "idle" }; } return { ...state, error, errorUpdateCount: state.errorUpdateCount + 1, errorUpdatedAt: Date.now(), fetchFailureCount: state.fetchFailureCount + 1, fetchFailureReason: error, fetchStatus: "idle", status: "error" }; case "invalidate": return { ...state, isInvalidated: true }; case "setState": return { ...state, ...action.state }; } }; this.state = reducer(this.state); notifyManager.batch(() => { this.observers.forEach((observer) => { observer.onQueryUpdate(); }); this.#cache.notify({ query: this, type: "updated", action }); }); } }; } }); // ../../../node_modules/@tanstack/query-core/build/modern/queryCache.js var QueryCache; var init_queryCache = __esm({ "../../../node_modules/@tanstack/query-core/build/modern/queryCache.js"() { init_injected_globals(); init_utils(); init_query(); init_notifyManager(); init_subscribable(); QueryCache = class extends Subscribable { constructor(config = {}) { super(); this.config = config; this.#queries = /* @__PURE__ */ new Map(); } #queries; build(client, options, state) { const queryKey = options.queryKey; const queryHash = options.queryHash ?? hashQueryKeyByOptions(queryKey, options); let query = this.get(queryHash); if (!query) { query = new Query({ client, queryKey, queryHash, options: client.defaultQueryOptions(options), state, defaultOptions: client.getQueryDefaults(queryKey) }); this.add(query); } return query; } add(query) { if (!this.#queries.has(query.queryHash)) { this.#queries.set(query.queryHash, query); this.notify({ type: "added", query }); } } remove(query) { const queryInMap = this.#queries.get(query.queryHash); if (queryInMap) { query.destroy(); if (queryInMap === query) { this.#queries.delete(query.queryHash); } this.notify({ type: "removed", query }); } } clear() { notifyManager.batch(() => { this.getAll().forEach((query) => { this.remove(query); }); }); } get(queryHash) { return this.#queries.get(queryHash); } getAll() { return [...this.#queries.values()]; } find(filters) { const defaultedFilters = { exact: true, ...filters }; return this.getAll().find( (query) => matchQuery(defaultedFilters, query) ); } findAll(filters = {}) { const queries = this.getAll(); return Object.keys(filters).length > 0 ? queries.filter((query) => matchQuery(filters, query)) : queries; } notify(event) { notifyManager.batch(() => { this.listeners.forEach((listener) => { listener(event); }); }); } onFocus() { notifyManager.batch(() => { this.getAll().forEach((query) => { query.onFocus(); }); }); } onOnline() { notifyManager.batch(() => { this.getAll().forEach((query) => { query.onOnline(); }); }); } }; } }); // ../../../node_modules/@tanstack/query-core/build/modern/mutation.js function getDefaultState2() { return { context: void 0, data: void 0, error: null, failureCount: 0, failureReason: null, isPaused: false, status: "idle", variables: void 0, submittedAt: 0 }; } var Mutation; var init_mutation = __esm({ "../../../node_modules/@tanstack/query-core/build/modern/mutation.js"() { init_injected_globals(); init_notifyManager(); init_removable(); init_retryer(); Mutation = class extends Removable { #observers; #mutationCache; #retryer; constructor(config) { super(); this.mutationId = config.mutationId; this.#mutationCache = config.mutationCache; this.#observers = []; this.state = config.state || getDefaultState2(); this.setOptions(config.options); this.scheduleGc(); } setOptions(options) { this.options = options; this.updateGcTime(this.options.gcTime); } get meta() { return this.options.meta; } addObserver(observer) { if (!this.#observers.includes(observer)) { this.#observers.push(observer); this.clearGcTimeout(); this.#mutationCache.notify({ type: "observerAdded", mutation: this, observer }); } } removeObserver(observer) { this.#observers = this.#observers.filter((x) => x !== observer); this.scheduleGc(); this.#mutationCache.notify({ type: "observerRemoved", mutation: this, observer }); } optionalRemove() { if (!this.#observers.length) { if (this.state.status === "pending") { this.scheduleGc(); } else { this.#mutationCache.remove(this); } } } continue() { return this.#retryer?.continue() ?? // continuing a mutation assumes that variables are set, mutation must have been dehydrated before this.execute(this.state.variables); } async execute(variables) { const onContinue = () => { this.#dispatch({ type: "continue" }); }; this.#retryer = createRetryer({ fn: () => { if (!this.options.mutationFn) { return Promise.reject(new Error("No mutationFn found")); } return this.options.mutationFn(variables); }, onFail: (failureCount, error) => { this.#dispatch({ type: "failed", failureCount, error }); }, onPause: () => { this.#dispatch({ type: "pause" }); }, onContinue, retry: this.options.retry ?? 0, retryDelay: this.options.retryDelay, networkMode: this.options.networkMode, canRun: () => this.#mutationCache.canRun(this) }); const restored = this.state.status === "pending"; const isPaused = !this.#retryer.canStart(); try { if (restored) { onContinue(); } else { this.#dispatch({ type: "pending", variables, isPaused }); await this.#mutationCache.config.onMutate?.( variables, this ); const context = await this.options.onMutate?.(variables); if (context !== this.state.context) { this.#dispatch({ type: "pending", context, variables, isPaused }); } } const data = await this.#retryer.start(); await this.#mutationCache.config.onSuccess?.( data, variables, this.state.context, this ); await this.options.onSuccess?.(data, variables, this.state.context); await this.#mutationCache.config.onSettled?.( data, null, this.state.variables, this.state.context, this ); await this.options.onSettled?.(data, null, variables, this.state.context); this.#dispatch({ type: "success", data }); return data; } catch (error) { try { await this.#mutationCache.config.onError?.( error, variables, this.state.context, this ); await this.options.onError?.( error, variables, this.state.context ); await this.#mutationCache.config.onSettled?.( void 0, error, this.state.variables, this.state.context, this ); await this.options.onSettled?.( void 0, error, variables, this.state.context ); throw error; } finally { this.#dispatch({ type: "error", error }); } } finally { this.#mutationCache.runNext(this); } } #dispatch(action) { const reducer = (state) => { switch (action.type) { case "failed": return { ...state, failureCount: action.failureCount, failureReason: action.error }; case "pause": return { ...state, isPaused: true }; case "continue": return { ...state, isPaused: false }; case "pending": return { ...state, context: action.context, data: void 0, failureCount: 0, failureReason: null, error: null, isPaused: action.isPaused, status: "pending", variables: action.variables, submittedAt: Date.now() }; case "success": return { ...state, data: action.data, failureCount: 0, failureReason: null, error: null, status: "success", isPaused: false }; case "error": return { ...state, data: void 0, error: action.error, failureCount: state.failureCount + 1, failureReason: action.error, isPaused: false, status: "error" }; } }; this.state = reducer(this.state); notifyManager.batch(() => { this.#observers.forEach((observer) => { observer.onMutationUpdate(action); }); this.#mutationCache.notify({ mutation: this, type: "updated", action }); }); } }; } }); // ../../../node_modules/@tanstack/query-core/build/modern/mutationCache.js function scopeFor(mutation) { return mutation.options.scope?.id; } var MutationCache; var init_mutationCache = __esm({ "../../../node_modules/@tanstack/query-core/build/modern/mutationCache.js"() { init_injected_globals(); init_notifyManager(); init_mutation(); init_utils(); init_subscribable(); MutationCache = class extends Subscribable { constructor(config = {}) { super(); this.config = config; this.#mutations = /* @__PURE__ */ new Set(); this.#scopes = /* @__PURE__ */ new Map(); this.#mutationId = 0; } #mutations; #scopes; #mutationId; build(client, options, state) { const mutation = new Mutation({ mutationCache: this, mutationId: ++this.#mutationId, options: client.defaultMutationOptions(options), state }); this.add(mutation); return mutation; } add(mutation) { this.#mutations.add(mutation); const scope = scopeFor(mutation); if (typeof scope === "string") { const scopedMutations = this.#scopes.get(scope); if (scopedMutations) { scopedMutations.push(mutation); } else { this.#scopes.set(scope, [mutation]); } } this.notify({ type: "added", mutation }); } remove(mutation) { if (this.#mutations.delete(mutation)) { const scope = scopeFor(mutation); if (typeof scope === "string") { const scopedMutations = this.#scopes.get(scope); if (scopedMutations) { if (scopedMutations.length > 1) { const index = scopedMutations.indexOf(mutation); if (index !== -1) { scopedMutations.splice(index, 1); } } else if (scopedMutations[0] === mutation) { this.#scopes.delete(scope); } } } } this.notify({ type: "removed", mutation }); } canRun(mutation) { const scope = scopeFor(mutation); if (typeof scope === "string") { const mutationsWithSameScope = this.#scopes.get(scope); const firstPendingMutation = mutationsWithSameScope?.find( (m) => m.state.status === "pending" ); return !firstPendingMutation || firstPendingMutation === mutation; } else { return true; } } runNext(mutation) { const scope = scopeFor(mutation); if (typeof scope === "string") { const foundMutation = this.#scopes.get(scope)?.find((m) => m !== mutation && m.state.isPaused); return foundMutation?.continue() ?? Promise.resolve(); } else { return Promise.resolve(); } } clear() { notifyManager.batch(() => { this.#mutations.forEach((mutation) => { this.notify({ type: "removed", mutation }); }); this.#mutations.clear(); this.#scopes.clear(); }); } getAll() { return Array.from(this.#mutations); } find(filters) { const defaultedFilters = { exact: true, ...filters }; return this.getAll().find( (mutation) => matchMutation(defaultedFilters, mutation) ); } findAll(filters = {}) { return this.getAll().filter((mutation) => matchMutation(filters, mutation)); } notify(event) { notifyManager.batch(() => { this.listeners.forEach((listener) => { listener(event); }); }); } resumePausedMutations() { const pausedMutations = this.getAll().filter((x) => x.state.isPaused); return notifyManager.batch( () => Promise.all( pausedMutations.map((mutation) => mutation.continue().catch(noop)) ) ); } }; } }); // ../../../node_modules/@tanstack/query-core/build/modern/infiniteQueryBehavior.js function infiniteQueryBehavior(pages) { return { onFetch: (context, query) => { const options = context.options; const direction = context.fetchOptions?.meta?.fetchMore?.direction; const oldPages = context.state.data?.pages || []; const oldPageParams = context.state.data?.pageParams || []; let result = { pages: [], pageParams: [] }; let currentPage = 0; const fetchFn = async () => { let cancelled = false; const addSignalProperty = (object) => { Object.defineProperty(object, "signal", { enumerable: true, get: () => { if (context.signal.aborted) { cancelled = true; } else { context.signal.addEventListener("abort", () => { cancelled = true; }); } return context.signal; } }); }; const queryFn = ensureQueryFn(context.options, context.fetchOptions); const fetchPage = async (data, param, previous) => { if (cancelled) { return Promise.reject(); } if (param == null && data.pages.length) { return Promise.resolve(data); } const queryFnContext = { client: context.client, queryKey: context.queryKey, pageParam: param, direction: previous ? "backward" : "forward", meta: context.options.meta }; addSignalProperty(queryFnContext); const page = await queryFn( queryFnContext ); const { maxPages } = context.options; const addTo = previous ? addToStart : addToEnd; return { pages: addTo(data.pages, page, maxPages), pageParams: addTo(data.pageParams, param, maxPages) }; }; if (direction && oldPages.length) { const previous = direction === "backward"; const pageParamFn = previous ? getPreviousPageParam : getNextPageParam; const oldData = { pages: oldPages, pageParams: oldPageParams }; const param = pageParamFn(options, oldData); result = await fetchPage(oldData, param, previous); } else { const remainingPages = pages ?? oldPages.length; do { const param = currentPage === 0 ? oldPageParams[0] ?? options.initialPageParam : getNextPageParam(options, result); if (currentPage > 0 && param == null) { break; } result = await fetchPage(result, param); currentPage++; } while (currentPage < remainingPages); } return result; }; if (context.options.persister) { context.fetchFn = () => { return context.options.persister?.( fetchFn, { client: context.client, queryKey: context.queryKey, meta: context.options.meta, signal: context.signal }, query ); }; } else { context.fetchFn = fetchFn; } } }; } function getNextPageParam(options, { pages, pageParams }) { const lastIndex = pages.length - 1; return pages.length > 0 ? options.getNextPageParam( pages[lastIndex], pages, pageParams[lastIndex], pageParams ) : void 0; } function getPreviousPageParam(options, { pages, pageParams }) { return pages.length > 0 ? options.getPreviousPageParam?.(pages[0], pages, pageParams[0], pageParams) : void 0; } var init_infiniteQueryBehavior = __esm({ "../../../node_modules/@tanstack/query-core/build/modern/infiniteQueryBehavior.js"() { init_injected_globals(); init_utils(); } }); // ../../../node_modules/@tanstack/query-core/build/modern/queryClient.js var QueryClient; var init_queryClient = __esm({ "../../../node_modules/@tanstack/query-core/build/modern/queryClient.js"() { init_injected_globals(); init_utils(); init_queryCache(); init_mutationCache(); init_focusManager(); init_onlineManager(); init_notifyManager(); init_infiniteQueryBehavior(); QueryClient = class { #queryCache; #mutationCache; #defaultOptions; #queryDefaults; #mutationDefaults; #mountCount; #unsubscribeFocus; #unsubscribeOnline; constructor(config = {}) { this.#queryCache = config.queryCache || new QueryCache(); this.#mutationCache = config.mutationCache || new MutationCache(); this.#defaultOptions = config.defaultOptions || {}; this.#queryDefaults = /* @__PURE__ */ new Map(); this.#mutationDefaults = /* @__PURE__ */ new Map(); this.#mountCount = 0; } mount() { this.#mountCount++; if (this.#mountCount !== 1) return; this.#unsubscribeFocus = focusManager.subscribe(async (focused) => { if (focused) { await this.resumePausedMutations(); this.#queryCache.onFocus(); } }); this.#unsubscribeOnline = onlineManager.subscribe(async (online) => { if (online) { await this.resumePausedMutations(); this.#queryCache.onOnline(); } }); } unmount() { this.#mountCount--; if (this.#mountCount !== 0) return; this.#unsubscribeFocus?.(); this.#unsubscribeFocus = void 0; this.#unsubscribeOnline?.(); this.#unsubscribeOnline = void 0; } isFetching(filters) { return this.#queryCache.findAll({ ...filters, fetchStatus: "fetching" }).length; } isMutating(filters) { return this.#mutationCache.findAll({ ...filters, status: "pending" }).length; } /** * Imperative (non-reactive) way to retrieve data for a QueryKey. * Should only be used in callbacks or functions where reading the latest data is necessary, e.g. for optimistic updates. * * Hint: Do not use this function inside a component, because it won't receive updates. * Use `useQuery` to create a `QueryObserver` that subscribes to changes. */ getQueryData(queryKey) { const options = this.defaultQueryOptions({ queryKey }); return this.#queryCache.get(options.queryHash)?.state.data; } ensureQueryData(options) { const defaultedOptions = this.defaultQueryOptions(options); const query = this.#queryCache.build(this, defaultedOptions); const cachedData = query.state.data; if (cachedData === void 0) { return this.fetchQuery(options); } if (options.revalidateIfStale && query.isStaleByTime(resolveStaleTime(defaultedOptions.staleTime, query))) { void this.prefetchQuery(defaultedOptions); } return Promise.resolve(cachedData); } getQueriesData(filters) { return this.#queryCache.findAll(filters).map(({ queryKey, state }) => { const data = state.data; return [queryKey, data]; }); } setQueryData(queryKey, updater, options) { const defaultedOptions = this.defaultQueryOptions({ queryKey }); const query = this.#queryCache.get( defaultedOptions.queryHash ); const prevData = query?.state.data; const data = functionalUpdate(updater, prevData); if (data === void 0) { return void 0; } return this.#queryCache.build(this, defaultedOptions).setData(data, { ...options, manual: true }); } setQueriesData(filters, updater, options) { return notifyManager.batch( () => this.#queryCache.findAll(filters).map(({ queryKey }) => [ queryKey, this.setQueryData(queryKey, updater, options) ]) ); } getQueryState(queryKey) { const options = this.defaultQueryOptions({ queryKey }); return this.#queryCache.get( options.queryHash )?.state; } removeQueries(filters) { const queryCache = this.#queryCache; notifyManager.batch(() => { queryCache.findAll(filters).forEach((query) => { queryCache.remove(query); }); }); } resetQueries(filters, options) { const queryCache = this.#queryCache; return notifyManager.batch(() => { queryCache.findAll(filters).forEach((query) => { query.reset(); }); return this.refetchQueries( { type: "active", ...filters }, options ); }); } cancelQueries(filters, cancelOptions = {}) { const defaultedCancelOptions = { revert: true, ...cancelOptions }; const promises = notifyManager.batch( () => this.#queryCache.findAll(filters).map((query) => query.cancel(defaultedCancelOptions)) ); return Promise.all(promises).then(noop).catch(noop); } invalidateQueries(filters, options = {}) { return notifyManager.batch(() => { this.#queryCache.findAll(filters).forEach((query) => { query.invalidate(); }); if (filters?.refetchType === "none") { return Promise.resolve(); } return this.refetchQueries( { ...filters, type: filters?.refetchType ?? filters?.type ?? "active" }, options ); }); } refetchQueries(filters, options = {}) { const fetchOptions = { ...options, cancelRefetch: options.cancelRefetch ?? true }; const promises = notifyManager.batch( () => this.#queryCache.findAll(filters).filter((query) => !query.isDisabled()).map((query) => { let promise = query.fetch(void 0, fetchOptions); if (!fetchOptions.throwOnError) { promise = promise.catch(noop); } return query.state.fetchStatus === "paused" ? Promise.resolve() : promise; }) ); return Promise.all(promises).then(noop); } fetchQuery(options) { const defaultedOptions = this.defaultQueryOptions(options); if (defaultedOptions.retry === void 0) { defaultedOptions.retry = false; } const query = this.#queryCache.build(this, defaultedOptions); return query.isStaleByTime( resolveStaleTime(defaultedOptions.staleTime, query) ) ? query.fetch(defaultedOptions) : Promise.resolve(query.state.data); } prefetchQuery(options) { return this.fetchQuery(options).then(noop).catch(noop); } fetchInfiniteQuery(options) { options.behavior = infiniteQueryBehavior(options.pages); return this.fetchQuery(options); } prefetchInfiniteQuery(options) { return this.fetchInfiniteQuery(options).then(noop).catch(noop); } ensureInfiniteQueryData(options) { options.behavior = infiniteQueryBehavior(options.pages); return this.ensureQueryData(options); } resumePausedMutations() { if (onlineManager.isOnline()) { return this.#mutationCache.resumePausedMutations(); } return Promise.resolve(); } getQueryCache() { return this.#queryCache; } getMutationCache() { return this.#mutationCache; } getDefaultOptions() { return this.#defaultOptions; } setDefaultOptions(options) { this.#defaultOptions = options; } setQueryDefaults(queryKey, options) { this.#queryDefaults.set(hashKey(queryKey), { queryKey, defaultOptions: options }); } getQueryDefaults(queryKey) { const defaults = [...this.#queryDefaults.values()]; const result = {}; defaults.forEach((queryDefault) => { if (partialMatchKey(queryKey, queryDefault.queryKey)) { Object.assign(result, queryDefault.defaultOptions); } }); return result; } setMutationDefaults(mutationKey, options) { this.#mutationDefaults.set(hashKey(mutationKey), { mutationKey, defaultOptions: options }); } getMutationDefaults(mutationKey) { const defaults = [...this.#mutationDefaults.values()]; const result = {}; defaults.forEach((queryDefault) => { if (partialMatchKey(mutationKey, queryDefault.mutationKey)) { Object.assign(result, queryDefault.defaultOptions); } }); return result; } defaultQueryOptions(options) { if (options._defaulted) { return options; } const defaultedOptions = { ...this.#defaultOptions.queries, ...this.getQueryDefaults(options.queryKey), ...options, _defaulted: true }; if (!defaultedOptions.queryHash) { defaultedOptions.queryHash = hashQueryKeyByOptions( defaultedOptions.queryKey, defaultedOptions ); } if (defaultedOptions.refetchOnReconnect === void 0) { defaultedOptions.refetchOnReconnect = defaultedOptions.networkMode !== "always"; } if (defaultedOptions.throwOnError === void 0) { defaultedOptions.throwOnError = !!defaultedOptions.suspense; } if (!defaultedOptions.networkMode && defaultedOptions.persister) { defaultedOptions.networkMode = "offlineFirst"; } if (defaultedOptions.queryFn === skipToken) { defaultedOptions.enabled = false; } return defaultedOptions; } defaultMutationOptions(options) { if (options?._defaulted) { return options; } return { ...this.#defaultOptions.mutations, ...options?.mutationKey && this.getMutationDefaults(options.mutationKey), ...options, _defaulted: true }; } clear() { this.#queryCache.clear(); this.#mutationCache.clear(); } }; } }); // ../../../node_modules/@tanstack/query-core/build/modern/queryObserver.js function shouldLoadOnMount(query, options) { return resolveEnabled(options.enabled, query) !== false && query.state.data === void 0 && !(query.state.status === "error" && options.retryOnMount === false); } function shouldFetchOnMount(query, options) { return shouldLoadOnMount(query, options) || query.state.data !== void 0 && shouldFetchOn(query, options, options.refetchOnMount); } function shouldFetchOn(query, options, field) { if (resolveEnabled(options.enabled, query) !== false) { const value = typeof field === "function" ? field(query) : field; return value === "always" || value !== false && isStale(query, options); } return false; } function shouldFetchOptionally(query, prevQuery, options, prevOptions) { return (query !== prevQuery || resolveEnabled(prevOptions.enabled, query) === false) && (!options.suspense || query.state.status !== "error") && isStale(query, options); } function isStale(query, options) { return resolveEnabled(options.enabled, query) !== false && query.isStaleByTime(resolveStaleTime(options.staleTime, query)); } function shouldAssignObserverCurrentProperties(observer, optimisticResult) { if (!shallowEqualObjects(observer.getCurrentResult(), optimisticResult)) { return true; } return false; } var QueryObserver; var init_queryObserver = __esm({ "../../../node_modules/@tanstack/query-core/build/modern/queryObserver.js"() { init_injected_globals(); init_focusManager(); init_notifyManager(); init_query(); init_subscribable(); init_thenable(); init_utils(); QueryObserver = class extends Subscribable { constructor(client, options) { super(); this.options = options; this.#client = client; this.#selectError = null; this.#currentThenable = pendingThenable(); if (!this.options.experimental_prefetchInRender) { this.#currentThenable.reject( new Error("experimental_prefetchInRender feature flag is not enabled") ); } this.bindMethods(); this.setOptions(options); } #client; #currentQuery = void 0; #currentQueryInitialState = void 0; #currentResult = void 0; #currentResultState; #currentResultOptions; #currentThenable; #selectError; #selectFn; #selectResult; // This property keeps track of the last query with defined data. // It will be used to pass the previous data and query to the placeholder function between renders. #lastQueryWithDefinedData; #staleTimeoutId; #refetchIntervalId; #currentRefetchInterval; #trackedProps = /* @__PURE__ */ new Set(); bindMethods() { this.refetch = this.refetch.bind(this); } onSubscribe() { if (this.listeners.size === 1) { this.#currentQuery.addObserver(this); if (shouldFetchOnMount(this.#currentQuery, this.options)) { this.#executeFetch(); } else { this.updateResult(); } this.#updateTimers(); } } onUnsubscribe() { if (!this.hasListeners()) { this.destroy(); } } shouldFetchOnReconnect() { return shouldFetchOn( this.#currentQuery, this.options, this.options.refetchOnReconnect ); } shouldFetchOnWindowFocus() { return shouldFetchOn( this.#currentQuery, this.options, this.options.refetchOnWindowFocus ); } destroy() { this.listeners = /* @__PURE__ */ new Set(); this.#clearStaleTimeout(); this.#clearRefetchInterval(); this.#currentQuery.removeObserver(this); } setOptions(options) { const prevOptions = this.options; const prevQuery = this.#currentQuery; this.options = this.#client.defaultQueryOptions(options); if (this.options.enabled !== void 0 && typeof this.options.enabled !== "boolean" && typeof this.options.enabled !== "function" && typeof resolveEnabled(this.options.enabled, this.#currentQuery) !== "boolean") { throw new Error( "Expected enabled to be a boolean or a callback that returns a boolean" ); } this.#updateQuery(); this.#currentQuery.setOptions(this.options); if (prevOptions._defaulted && !shallowEqualObjects(this.options, prevOptions)) { this.#client.getQueryCache().notify({ type: "observerOptionsUpdated", query: this.#currentQuery, observer: this }); } const mounted = this.hasListeners(); if (mounted && shouldFetchOptionally( this.#currentQuery, prevQuery, this.options, prevOptions )) { this.#executeFetch(); } this.updateResult(); if (mounted && (this.#currentQuery !== prevQuery || resolveEnabled(this.options.enabled, this.#currentQuery) !== resolveEnabled(prevOptions.enabled, this.#currentQuery) || resolveStaleTime(this.options.staleTime, this.#currentQuery) !== resolveStaleTime(prevOptions.staleTime, this.#currentQuery))) { this.#updateStaleTimeout(); } const nextRefetchInterval = this.#computeRefetchInterval(); if (mounted && (this.#currentQuery !== prevQuery || resolveEnabled(this.options.enabled, this.#currentQuery) !== resolveEnabled(prevOptions.enabled, this.#currentQuery) || nextRefetchInterval !== this.#currentRefetchInterval)) { this.#updateRefetchInterval(nextRefetchInterval); } } getOptimisticResult(options) { const query = this.#client.getQueryCache().build(this.#client, options); const result = this.createResult(query, options); if (shouldAssignObserverCurrentProperties(this, result)) { this.#currentResult = result; this.#currentResultOptions = this.options; this.#currentResultState = this.#currentQuery.state; } return result; } getCurrentResult() { return this.#currentResult; } trackResult(result, onPropTracked) { const trackedResult = {}; Object.keys(result).forEach((key) => { Object.defineProperty(trackedResult, key, { configurable: false, enumerable: true, get: () => { this.trackProp(key); onPropTracked?.(key); return result[key]; } }); }); return trackedResult; } trackProp(key) { this.#trackedProps.add(key); } getCurrentQuery() { return this.#currentQuery; } refetch({ ...options } = {}) { return this.fetch({ ...options }); } fetchOptimistic(options) { const defaultedOptions = this.#client.defaultQueryOptions(options); const query = this.#client.getQueryCache().build(this.#client, defaultedOptions); return query.fetch().then(() => this.createResult(query, defaultedOptions)); } fetch(fetchOptions) { return this.#executeFetch({ ...fetchOptions, cancelRefetch: fetchOptions.cancelRefetch ?? true }).then(() => { this.updateResult(); return this.#currentResult; }); } #executeFetch(fetchOptions) { this.#updateQuery(); let promise = this.#currentQuery.fetch( this.options, fetchOptions ); if (!fetchOptions?.throwOnError) { promise = promise.catch(noop); } return promise; } #updateStaleTimeout() { this.#clearStaleTimeout(); const staleTime = resolveStaleTime( this.options.staleTime, this.#currentQuery ); if (isServer || this.#currentResult.isStale || !isValidTimeout(staleTime)) { return; } const time = timeUntilStale(this.#currentResult.dataUpdatedAt, staleTime); const timeout = time + 1; this.#staleTimeoutId = setTimeout(() => { if (!this.#currentResult.isStale) { this.updateResult(); } }, timeout); } #computeRefetchInterval() { return (typeof this.options.refetchInterval === "function" ? this.options.refetchInterval(this.#currentQuery) : this.options.refetchInterval) ?? false; } #updateRefetchInterval(nextInterval) { this.#clearRefetchInterval(); this.#currentRefetchInterval = nextInterval; if (isServer || resolveEnabled(this.options.enabled, this.#currentQuery) === false || !isValidTimeout(this.#currentRefetchInterval) || this.#currentRefetchInterval === 0) { return; } this.#refetchIntervalId = setInterval(() => { if (this.options.refetchIntervalInBackground || focusManager.isFocused()) { this.#executeFetch(); } }, this.#currentRefetchInterval); } #updateTimers() { this.#updateStaleTimeout(); this.#updateRefetchInterval(this.#computeRefetchInterval()); } #clearStaleTimeout() { if (this.#staleTimeoutId) { clearTimeout(this.#staleTimeoutId); this.#staleTimeoutId = void 0; } } #clearRefetchInterval() { if (this.#refetchIntervalId) { clearInterval(this.#refetchIntervalId); this.#refetchIntervalId = void 0; } } createResult(query, options) { const prevQuery = this.#currentQuery; const prevOptions = this.options; const prevResult = this.#currentResult; const prevResultState = this.#currentResultState; const prevResultOptions = this.#currentResultOptions; const queryChange = query !== prevQuery; const queryInitialState = queryChange ? query.state : this.#currentQueryInitialState; const { state } = query; let newState = { ...state }; let isPlaceholderData = false; let data; if (options._optimisticResults) { const mounted = this.hasListeners(); const fetchOnMount = !mounted && shouldFetchOnMount(query, options); const fetchOptionally = mounted && shouldFetchOptionally(query, prevQuery, options, prevOptions); if (fetchOnMount || fetchOptionally) { newState = { ...newState, ...fetchState(state.data, query.options) }; } if (options._optimisticResults === "isRestoring") { newState.fetchStatus = "idle"; } } let { error, errorUpdatedAt, status } = newState; data = newState.data; let skipSelect = false; if (options.placeholderData !== void 0 && data === void 0 && status === "pending") { let placeholderData; if (prevResult?.isPlaceholderData && options.placeholderData === prevResultOptions?.placeholderData) { placeholderData = prevResult.data; skipSelect = true; } else { placeholderData = typeof options.placeholderData === "function" ? options.placeholderData( this.#lastQueryWithDefinedData?.state.data, this.#lastQueryWithDefinedData ) : options.placeholderData; } if (placeholderData !== void 0) { status = "success"; data = replaceData( prevResult?.data, placeholderData, options ); isPlaceholderData = true; } } if (options.select && data !== void 0 && !skipSelect) { if (prevResult && data === prevResultState?.data && options.select === this.#selectFn) { data = this.#selectResult; } else { try { this.#selectFn = options.select; data = options.select(data); data = replaceData(prevResult?.data, data, options); this.#selectResult = data; this.#selectError = null; } catch (selectError) { this.#selectError = selectError; } } } if (this.#selectError) { error = this.#selectError; data = this.#selectResult; errorUpdatedAt = Date.now(); status = "error"; } const isFetching = newState.fetchStatus === "fetching"; const isPending = status === "pending"; const isError = status === "error"; const isLoading = isPending && isFetching; const hasData = data !== void 0; const result = { status, fetchStatus: newState.fetchStatus, isPending, isSuccess: status === "success", isError, isInitialLoading: isLoading, isLoading, data, dataUpdatedAt: newState.dataUpdatedAt, error, errorUpdatedAt, failureCount: newState.fetchFailureCount, failureReason: newState.fetchFailureReason, errorUpdateCount: newState.errorUpdateCount, isFetched: newState.dataUpdateCount > 0 || newState.errorUpdateCount > 0, isFetchedAfterMount: newState.dataUpdateCount > queryInitialState.dataUpdateCount || newState.errorUpdateCount > queryInitialState.errorUpdateCount, isFetching, isRefetching: isFetching && !isPending, isLoadingError: isError && !hasData, isPaused: newState.fetchStatus === "paused", isPlaceholderData, isRefetchError: isError && hasData, isStale: isStale(query, options), refetch: this.refetch, promise: this.#currentThenable }; const nextResult = result; if (this.options.experimental_prefetchInRender) { const finalizeThenableIfPossible = (thenable) => { if (nextResult.status === "error") { thenable.reject(nextResult.error); } else if (nextResult.data !== void 0) { thenable.resolve(nextResult.data); } }; const recreateThenable = () => { const pending = this.#currentThenable = nextResult.promise = pendingThenable(); finalizeThenableIfPossible(pending); }; const prevThenable = this.#currentThenable; switch (prevThenable.status) { case "pending": if (query.queryHash === prevQuery.queryHash) { finalizeThenableIfPossible(prevThenable); } break; case "fulfilled": if (nextResult.status === "error" || nextResult.data !== prevThenable.value) { recreateThenable(); } break; case "rejected": if (nextResult.status !== "error" || nextResult.error !== prevThenable.reason) { recreateThenable(); } break; } } return nextResult; } updateResult() { const prevResult = this.#currentResult; const nextResult = this.createResult(this.#currentQuery, this.options); this.#currentResultState = this.#currentQuery.state; this.#currentResultOptions = this.options; if (this.#currentResultState.data !== void 0) { this.#lastQueryWithDefinedData = this.#currentQuery; } if (shallowEqualObjects(nextResult, prevResult)) { return; } this.#currentResult = nextResult; const shouldNotifyListeners = () => { if (!prevResult) { return true; } const { notifyOnChangeProps } = this.options; const notifyOnChangePropsValue = typeof notifyOnChangeProps === "function" ? notifyOnChangeProps() : notifyOnChangeProps; if (notifyOnChangePropsValue === "all" || !notifyOnChangePropsValue && !this.#trackedProps.size) { return true; } const includedProps = new Set( notifyOnChangePropsValue ?? this.#trackedProps ); if (this.options.throwOnError) { includedProps.add("error"); } return Object.keys(this.#currentResult).some((key) => { const typedKey = key; const changed = this.#currentResult[typedKey] !== prevResult[typedKey]; return changed && includedProps.has(typedKey); }); }; this.#notify({ listeners: shouldNotifyListeners() }); } #updateQuery() { const query = this.#client.getQueryCache().build(this.#client, this.options); if (query === this.#currentQuery) { return; } const prevQuery = this.#currentQuery; this.#currentQuery = query; this.#currentQueryInitialState = query.state; if (this.hasListeners()) { prevQuery?.removeObserver(this); query.addObserver(this); } } onQueryUpdate() { this.updateResult(); if (this.hasListeners()) { this.#updateTimers(); } } #notify(notifyOptions) { notifyManager.batch(() => { if (notifyOptions.listeners) { this.listeners.forEach((listener) => { listener(this.#currentResult); }); } this.#client.getQueryCache().notify({ query: this.#currentQuery, type: "observerResultsUpdated" }); }); } }; } }); // ../../../node_modules/@tanstack/query-core/build/modern/mutationObserver.js var MutationObserver; var init_mutationObserver = __esm({ "../../../node_modules/@tanstack/query-core/build/modern/mutationObserver.js"() { init_injected_globals(); init_mutation(); init_notifyManager(); init_subscribable(); init_utils(); MutationObserver = class extends Subscribable { #client; #currentResult = void 0; #currentMutation; #mutateOptions; constructor(client, options) { super(); this.#client = client; this.setOptions(options); this.bindMethods(); this.#updateResult(); } bindMethods() { this.mutate = this.mutate.bind(this); this.reset = this.reset.bind(this); } setOptions(options) { const prevOptions = this.options; this.options = this.#client.defaultMutationOptions(options); if (!shallowEqualObjects(this.options, prevOptions)) { this.#client.getMutationCache().notify({ type: "observerOptionsUpdated", mutation: this.#currentMutation, observer: this }); } if (prevOptions?.mutationKey && this.options.mutationKey && hashKey(prevOptions.mutationKey) !== hashKey(this.options.mutationKey)) { this.reset(); } else if (this.#currentMutation?.state.status === "pending") { this.#currentMutation.setOptions(this.options); } } onUnsubscribe() { if (!this.hasListeners()) { this.#currentMutation?.removeObserver(this); } } onMutationUpdate(action) { this.#updateResult(); this.#notify(action); } getCurrentResult() { return this.#currentResult; } reset() { this.#currentMutation?.removeObserver(this); this.#currentMutation = void 0; this.#updateResult(); this.#notify(); } mutate(variables, options) { this.#mutateOptions = options; this.#currentMutation?.removeObserver(this); this.#currentMutation = this.#client.getMutationCache().build(this.#client, this.options); this.#currentMutation.addObserver(this); return this.#currentMutation.execute(variables); } #updateResult() { const state = this.#currentMutation?.state ?? getDefaultState2(); this.#currentResult = { ...state, isPending: state.status === "pending", isSuccess: state.status === "success", isError: state.status === "error", isIdle: state.status === "idle", mutate: this.mutate, reset: this.reset }; } #notify(action) { notifyManager.batch(() => { if (this.#mutateOptions && this.hasListeners()) { const variables = this.#currentResult.variables; const context = this.#currentResult.context; if (action?.type === "success") { this.#mutateOptions.onSuccess?.(action.data, variables, context); this.#mutateOptions.onSettled?.(action.data, null, variables, context); } else if (action?.type === "error") { this.#mutateOptions.onError?.(action.error, variables, context); this.#mutateOptions.onSettled?.( void 0, action.error, variables, context ); } } this.listeners.forEach((listener) => { listener(this.#currentResult); }); }); } }; } }); // ../../../node_modules/@tanstack/query-core/build/modern/types.js var dataTagSymbol, dataTagErrorSymbol, unsetMarker; var init_types = __esm({ "../../../node_modules/@tanstack/query-core/build/modern/types.js"() { init_injected_globals(); dataTagSymbol = Symbol("dataTagSymbol"); dataTagErrorSymbol = Symbol("dataTagErrorSymbol"); unsetMarker = Symbol("unsetMarker"); } }); // ../../../node_modules/@tanstack/query-core/build/modern/index.js var init_modern = __esm({ "../../../node_modules/@tanstack/query-core/build/modern/index.js"() { init_injected_globals(); init_queryClient(); init_queryObserver(); init_mutationObserver(); init_notifyManager(); init_utils(); init_types(); } }); // ../../../node_modules/@tanstack/react-query/build/modern/types.js var init_types2 = __esm({ "../../../node_modules/@tanstack/react-query/build/modern/types.js"() { init_injected_globals(); } }); // ../../../node_modules/react/cjs/react-jsx-runtime.production.min.js var require_react_jsx_runtime_production_min = __commonJS({ "../../../node_modules/react/cjs/react-jsx-runtime.production.min.js"(exports) { "use strict"; init_injected_globals(); var f = require_react(); var k = Symbol.for("react.element"); var l = Symbol.for("react.fragment"); var m = Object.prototype.hasOwnProperty; var n = f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner; var p = { key: true, ref: true, __self: true, __source: true }; function q(c, a, g) { var b, d = {}, e = null, h = null; void 0 !== g && (e = "" + g); void 0 !== a.key && (e = "" + a.key); void 0 !== a.ref && (h = a.ref); for (b in a) m.call(a, b) && !p.hasOwnProperty(b) && (d[b] = a[b]); if (c && c.defaultProps) for (b in a = c.defaultProps, a) void 0 === d[b] && (d[b] = a[b]); return { $$typeof: k, type: c, key: e, ref: h, props: d, _owner: n.current }; } exports.Fragment = l; exports.jsx = q; exports.jsxs = q; } }); // ../../../node_modules/react/jsx-runtime.js var require_jsx_runtime = __commonJS({ "../../../node_modules/react/jsx-runtime.js"(exports, module) { "use strict"; init_injected_globals(); if (true) { module.exports = require_react_jsx_runtime_production_min(); } else { module.exports = null; } } }); // ../../../node_modules/@tanstack/react-query/build/modern/QueryClientProvider.js var React3, import_jsx_runtime, QueryClientContext, useQueryClient, QueryClientProvider; var init_QueryClientProvider = __esm({ "../../../node_modules/@tanstack/react-query/build/modern/QueryClientProvider.js"() { "use client"; init_injected_globals(); React3 = __toESM(require_react(), 1); import_jsx_runtime = __toESM(require_jsx_runtime(), 1); QueryClientContext = React3.createContext( void 0 ); useQueryClient = (queryClient2) => { const client = React3.useContext(QueryClientContext); if (queryClient2) { return queryClient2; } if (!client) { throw new Error("No QueryClient set, use QueryClientProvider to set one"); } return client; }; QueryClientProvider = ({ client, children }) => { React3.useEffect(() => { client.mount(); return () => { client.unmount(); }; }, [client]); return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(QueryClientContext.Provider, { value: client, children }); }; } }); // ../../../node_modules/@tanstack/react-query/build/modern/isRestoring.js var React4, IsRestoringContext, useIsRestoring, IsRestoringProvider; var init_isRestoring = __esm({ "../../../node_modules/@tanstack/react-query/build/modern/isRestoring.js"() { "use client"; init_injected_globals(); React4 = __toESM(require_react(), 1); IsRestoringContext = React4.createContext(false); useIsRestoring = () => React4.useContext(IsRestoringContext); IsRestoringProvider = IsRestoringContext.Provider; } }); // ../../../node_modules/@tanstack/react-query/build/modern/QueryErrorResetBoundary.js function createValue() { let isReset = false; return { clearReset: () => { isReset = false; }, reset: () => { isReset = true; }, isReset: () => { return isReset; } }; } var React5, import_jsx_runtime2, QueryErrorResetBoundaryContext, useQueryErrorResetBoundary; var init_QueryErrorResetBoundary = __esm({ "../../../node_modules/@tanstack/react-query/build/modern/QueryErrorResetBoundary.js"() { "use client"; init_injected_globals(); React5 = __toESM(require_react(), 1); import_jsx_runtime2 = __toESM(require_jsx_runtime(), 1); QueryErrorResetBoundaryContext = React5.createContext(createValue()); useQueryErrorResetBoundary = () => React5.useContext(QueryErrorResetBoundaryContext); } }); // ../../../node_modules/@tanstack/react-query/build/modern/utils.js function shouldThrowError(throwError, params) { if (typeof throwError === "function") { return throwError(...params); } return !!throwError; } function noop2() { } var init_utils2 = __esm({ "../../../node_modules/@tanstack/react-query/build/modern/utils.js"() { init_injected_globals(); } }); // ../../../node_modules/@tanstack/react-query/build/modern/errorBoundaryUtils.js var React6, ensurePreventErrorBoundaryRetry, useClearResetErrorBoundary, getHasError; var init_errorBoundaryUtils = __esm({ "../../../node_modules/@tanstack/react-query/build/modern/errorBoundaryUtils.js"() { "use client"; init_injected_globals(); React6 = __toESM(require_react(), 1); init_utils2(); ensurePreventErrorBoundaryRetry = (options, errorResetBoundary) => { if (options.suspense || options.throwOnError || options.experimental_prefetchInRender) { if (!errorResetBoundary.isReset()) { options.retryOnMount = false; } } }; useClearResetErrorBoundary = (errorResetBoundary) => { React6.useEffect(() => { errorResetBoundary.clearReset(); }, [errorResetBoundary]); }; getHasError = ({ result, errorResetBoundary, throwOnError, query, suspense }) => { return result.isError && !errorResetBoundary.isReset() && !result.isFetching && query && (suspense && result.data === void 0 || shouldThrowError(throwOnError, [result.error, query])); }; } }); // ../../../node_modules/@tanstack/react-query/build/modern/suspense.js var ensureSuspenseTimers, willFetch, shouldSuspend, fetchOptimistic; var init_suspense = __esm({ "../../../node_modules/@tanstack/react-query/build/modern/suspense.js"() { init_injected_globals(); ensureSuspenseTimers = (defaultedOptions) => { const originalStaleTime = defaultedOptions.staleTime; if (defaultedOptions.suspense) { defaultedOptions.staleTime = typeof originalStaleTime === "function" ? (...args) => Math.max(originalStaleTime(...args), 1e3) : Math.max(originalStaleTime ?? 1e3, 1e3); if (typeof defaultedOptions.gcTime === "number") { defaultedOptions.gcTime = Math.max(defaultedOptions.gcTime, 1e3); } } }; willFetch = (result, isRestoring) => result.isLoading && result.isFetching && !isRestoring; shouldSuspend = (defaultedOptions, result) => defaultedOptions?.suspense && result.isPending; fetchOptimistic = (defaultedOptions, observer, errorResetBoundary) => observer.fetchOptimistic(defaultedOptions).catch(() => { errorResetBoundary.clearReset(); }); } }); // ../../../node_modules/@tanstack/react-query/build/modern/useBaseQuery.js function useBaseQuery(options, Observer, queryClient2) { if (false) { if (typeof options !== "object" || Array.isArray(options)) { throw new Error( 'Bad argument type. Starting with v5, only the "Object" form is allowed when calling query related functions. Please use the error stack to find the culprit call. More info here: https://tanstack.com/query/latest/docs/react/guides/migrating-to-v5#supports-a-single-signature-one-object' ); } } const client = useQueryClient(queryClient2); const isRestoring = useIsRestoring(); const errorResetBoundary = useQueryErrorResetBoundary(); const defaultedOptions = client.defaultQueryOptions(options); client.getDefaultOptions().queries?._experimental_beforeQuery?.( defaultedOptions ); if (false) { if (!defaultedOptions.queryFn) { console.error( `[${defaultedOptions.queryHash}]: No queryFn was passed as an option, and no default queryFn was found. The queryFn parameter is only optional when using a default queryFn. More info here: https://tanstack.com/query/latest/docs/framework/react/guides/default-query-function` ); } } defaultedOptions._optimisticResults = isRestoring ? "isRestoring" : "optimistic"; ensureSuspenseTimers(defaultedOptions); ensurePreventErrorBoundaryRetry(defaultedOptions, errorResetBoundary); useClearResetErrorBoundary(errorResetBoundary); const isNewCacheEntry = !client.getQueryCache().get(defaultedOptions.queryHash); const [observer] = React7.useState( () => new Observer( client, defaultedOptions ) ); const result = observer.getOptimisticResult(defaultedOptions); const shouldSubscribe = !isRestoring && options.subscribed !== false; React7.useSyncExternalStore( React7.useCallback( (onStoreChange) => { const unsubscribe = shouldSubscribe ? observer.subscribe(notifyManager.batchCalls(onStoreChange)) : noop2; observer.updateResult(); return unsubscribe; }, [observer, shouldSubscribe] ), () => observer.getCurrentResult(), () => observer.getCurrentResult() ); React7.useEffect(() => { observer.setOptions(defaultedOptions); }, [defaultedOptions, observer]); if (shouldSuspend(defaultedOptions, result)) { throw fetchOptimistic(defaultedOptions, observer, errorResetBoundary); } if (getHasError({ result, errorResetBoundary, throwOnError: defaultedOptions.throwOnError, query: client.getQueryCache().get(defaultedOptions.queryHash), suspense: defaultedOptions.suspense })) { throw result.error; } ; client.getDefaultOptions().queries?._experimental_afterQuery?.( defaultedOptions, result ); if (defaultedOptions.experimental_prefetchInRender && !isServer && willFetch(result, isRestoring)) { const promise = isNewCacheEntry ? ( // Fetch immediately on render in order to ensure `.promise` is resolved even if the component is unmounted fetchOptimistic(defaultedOptions, observer, errorResetBoundary) ) : ( // subscribe to the "cache promise" so that we can finalize the currentThenable once data comes in client.getQueryCache().get(defaultedOptions.queryHash)?.promise ); promise?.catch(noop2).finally(() => { observer.updateResult(); }); } return !defaultedOptions.notifyOnChangeProps ? observer.trackResult(result) : result; } var React7; var init_useBaseQuery = __esm({ "../../../node_modules/@tanstack/react-query/build/modern/useBaseQuery.js"() { "use client"; init_injected_globals(); React7 = __toESM(require_react(), 1); init_modern(); init_QueryClientProvider(); init_QueryErrorResetBoundary(); init_errorBoundaryUtils(); init_isRestoring(); init_suspense(); init_utils2(); } }); // ../../../node_modules/@tanstack/react-query/build/modern/useQuery.js function useQuery(options, queryClient2) { return useBaseQuery(options, QueryObserver, queryClient2); } var init_useQuery = __esm({ "../../../node_modules/@tanstack/react-query/build/modern/useQuery.js"() { "use client"; init_injected_globals(); init_modern(); init_useBaseQuery(); } }); // ../../../node_modules/@tanstack/react-query/build/modern/useMutation.js function useMutation(options, queryClient2) { const client = useQueryClient(queryClient2); const [observer] = React8.useState( () => new MutationObserver( client, options ) ); React8.useEffect(() => { observer.setOptions(options); }, [observer, options]); const result = React8.useSyncExternalStore( React8.useCallback( (onStoreChange) => observer.subscribe(notifyManager.batchCalls(onStoreChange)), [observer] ), () => observer.getCurrentResult(), () => observer.getCurrentResult() ); const mutate = React8.useCallback( (variables, mutateOptions) => { observer.mutate(variables, mutateOptions).catch(noop2); }, [observer] ); if (result.error && shouldThrowError(observer.options.throwOnError, [result.error])) { throw result.error; } return { ...result, mutate, mutateAsync: result.mutate }; } var React8; var init_useMutation = __esm({ "../../../node_modules/@tanstack/react-query/build/modern/useMutation.js"() { "use client"; init_injected_globals(); React8 = __toESM(require_react(), 1); init_modern(); init_QueryClientProvider(); init_utils2(); } }); // ../../../node_modules/@tanstack/react-query/build/modern/index.js var init_modern2 = __esm({ "../../../node_modules/@tanstack/react-query/build/modern/index.js"() { init_injected_globals(); init_modern(); init_types2(); init_useQuery(); init_QueryClientProvider(); init_useMutation(); } }); // virtual:/apps/web/src/hooks/useWatchlist.js function useWatchlist() { const [error, setError] = (0, import_react14.useState)(null); const [success, setSuccess] = (0, import_react14.useState)(null); const queryClient2 = useQueryClient(); const { data: watchlist = [], isLoading, error: fetchError } = useQuery({ queryKey: ["watchlist"], queryFn: async () => { const response = await fetch("/api/watchlist"); if (!response.ok) { const errorData = await response.json(); throw new Error(errorData.error || "Failed to fetch watchlist"); } const data = await response.json(); return data.watchlist; } }); const addMutation = useMutation({ mutationFn: async (marketId) => { const response = await fetch("/api/watchlist", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ market_id: marketId }) }); if (!response.ok) { const errorData = await response.json(); throw new Error(errorData.error || "Failed to add to watchlist"); } return response.json(); }, onSuccess: (data) => { queryClient2.invalidateQueries({ queryKey: ["watchlist"] }); setSuccess(`${data.market.symbol} added to watchlist`); setError(null); }, onError: (error2) => { setError(error2.message); setSuccess(null); } }); const removeMutation = useMutation({ mutationFn: async (marketId) => { const response = await fetch(`/api/watchlist?market_id=${marketId}`, { method: "DELETE" }); if (!response.ok) { const errorData = await response.json(); throw new Error(errorData.error || "Failed to remove from watchlist"); } return response.json(); }, onSuccess: () => { queryClient2.invalidateQueries({ queryKey: ["watchlist"] }); setSuccess("Removed from watchlist"); setError(null); }, onError: (error2) => { setError(error2.message); setSuccess(null); } }); const isInWatchlist = (marketId) => { return watchlist.some((item) => item.id === marketId); }; const addToWatchlist = (marketId) => { addMutation.mutate(marketId); }; const removeFromWatchlist = (marketId) => { removeMutation.mutate(marketId); }; (0, import_react14.useEffect)(() => { if (success || error) { const timer = setTimeout(() => { setSuccess(null); setError(null); }, 3e3); return () => clearTimeout(timer); } }, [success, error]); return { watchlist, isLoading, error: error || fetchError?.message, success, isInWatchlist, addToWatchlist, removeFromWatchlist, isAdding: addMutation.isPending, isRemoving: removeMutation.isPending }; } var import_react14; var init_useWatchlist = __esm({ "virtual:/apps/web/src/hooks/useWatchlist.js"() { init_injected_globals(); import_react14 = __toESM(require_react()); init_modern2(); } }); // virtual:/apps/web/src/components/Markets/MarketsTableRow.jsx function MarketsTableRow({ market, status, isTradingViewConnected, onTrade, onViewChart }) { const priceChange = parseFloat(market.price_change_percent_24h) || 0; const canTrade = true; const { isInWatchlist, addToWatchlist, removeFromWatchlist, isAdding, isRemoving } = useWatchlist(); const inWatchlist = isInWatchlist(market.id); const handleWatchlistToggle = (e) => { e.stopPropagation(); if (inWatchlist) { removeFromWatchlist(market.id); } else { addToWatchlist(market.id); } }; return /* @__PURE__ */ React.createElement( "tr", { key: market.id, className: "hover:bg-[#333333]/30 transition-colors duration-200" }, /* @__PURE__ */ React.createElement("td", { className: "py-4 px-6" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-3" }, /* @__PURE__ */ React.createElement("div", { className: "w-10 h-10 rounded-full bg-[#333333] flex items-center justify-center text-lg" }, getMarketIcon(market.market_type, market.symbol)), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-2" }, /* @__PURE__ */ React.createElement("p", { className: "text-white font-medium" }, market.symbol), /* @__PURE__ */ React.createElement( "button", { onClick: handleWatchlistToggle, disabled: isAdding || isRemoving, className: `p-1 rounded-full transition-all duration-200 ${inWatchlist ? "text-yellow-400 hover:text-yellow-300" : "text-[#666666] hover:text-yellow-400"} ${isAdding || isRemoving ? "opacity-50 cursor-not-allowed" : "hover:bg-[#333333]"}`, title: inWatchlist ? "Remove from watchlist" : "Add to watchlist" }, isAdding || isRemoving ? /* @__PURE__ */ React.createElement("div", { className: "w-4 h-4 border-2 border-yellow-400 border-t-transparent rounded-full animate-spin" }) : inWatchlist ? /* @__PURE__ */ React.createElement(import_lucide_react10.Star, { size: 16, fill: "currentColor" }) : /* @__PURE__ */ React.createElement(import_lucide_react10.StarOff, { size: 16 }) ), isTradingViewConnected && /* @__PURE__ */ React.createElement( "div", { className: "w-2 h-2 rounded-full bg-[#22C55E] animate-pulse", title: "Real-time TradingView data" } )), /* @__PURE__ */ React.createElement("p", { className: "text-[#A0A0A0] text-sm" }, market.name), status?.trading_hours && market.market_type !== "crypto" && market.market_type !== "forex" && /* @__PURE__ */ React.createElement("p", { className: "text-[#666666] text-xs" }, status.trading_hours)))), /* @__PURE__ */ React.createElement("td", { className: "py-4 px-6 text-right" }, /* @__PURE__ */ React.createElement("div", { className: "flex flex-col items-end" }, /* @__PURE__ */ React.createElement("p", { className: "text-white font-medium" }, formatCurrency(market.current_price, market.market_type)), isTradingViewConnected && /* @__PURE__ */ React.createElement("p", { className: "text-xs text-[#22C55E]" }, "Live"))), /* @__PURE__ */ React.createElement("td", { className: "py-4 px-6 text-right" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-end space-x-1" }, priceChange >= 0 ? /* @__PURE__ */ React.createElement(import_lucide_react10.TrendingUp, { size: 16, className: "text-[#22C55E]" }) : /* @__PURE__ */ React.createElement(import_lucide_react10.TrendingDown, { size: 16, className: "text-[#EF4444]" }), /* @__PURE__ */ React.createElement( "span", { className: priceChange >= 0 ? "text-[#22C55E]" : "text-[#EF4444]" }, formatPercent(market.price_change_percent_24h) ))), /* @__PURE__ */ React.createElement("td", { className: "py-4 px-6 text-center" }, /* @__PURE__ */ React.createElement(MarketStatusBadge, { market, status })), /* @__PURE__ */ React.createElement("td", { className: "py-4 px-6 text-right" }, /* @__PURE__ */ React.createElement( "span", { className: `inline-block px-2 py-1 rounded text-xs font-medium ${market.max_leverage >= 500 ? "bg-[#22C55E]/20 text-[#22C55E]" : "bg-[#FF8200]/20 text-[#FF8200]"}` }, market.max_leverage, "X" )), /* @__PURE__ */ React.createElement("td", { className: "py-4 px-6" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-end space-x-2" }, /* @__PURE__ */ React.createElement( "button", { onClick: () => onTrade(market, "buy"), disabled: !canTrade, className: "flex items-center space-x-1 px-3 py-2 rounded-lg text-sm font-medium transition-all duration-200 bg-[#22C55E] text-white hover:bg-[#16A249] active:bg-[#14992B] disabled:opacity-50 disabled:cursor-not-allowed", title: "Buy with real-time pricing" }, /* @__PURE__ */ React.createElement(import_lucide_react10.Plus, { size: 14 }), /* @__PURE__ */ React.createElement("span", null, "Buy") ), /* @__PURE__ */ React.createElement( "button", { onClick: () => onTrade(market, "sell"), disabled: !canTrade, className: "flex items-center space-x-1 px-3 py-2 rounded-lg text-sm font-medium transition-all duration-200 bg-[#EF4444] text-white hover:bg-[#DC3737] active:bg-[#C43030] disabled:opacity-50 disabled:cursor-not-allowed", title: "Sell with real-time pricing" }, /* @__PURE__ */ React.createElement(import_lucide_react10.Minus, { size: 14 }), /* @__PURE__ */ React.createElement("span", null, "Sell") ), /* @__PURE__ */ React.createElement( "button", { onClick: () => onViewChart(market), className: "flex items-center space-x-1 bg-[#3B82F6] text-white px-3 py-2 rounded-lg text-sm font-medium hover:bg-[#2B6CB0] active:bg-[#276196] transition-all duration-200", title: "View synchronized TradingView chart" }, /* @__PURE__ */ React.createElement(import_lucide_react10.LineChart, { size: 14 }), /* @__PURE__ */ React.createElement("span", null, "Chart") ))) ); } var import_lucide_react10; var init_MarketsTableRow = __esm({ "virtual:/apps/web/src/components/Markets/MarketsTableRow.jsx"() { init_injected_globals(); import_lucide_react10 = __toESM(require_lucide_react()); init_formatters(); init_marketUtils(); init_MarketStatusBadge(); init_useWatchlist(); } }); // virtual:/apps/web/src/components/Markets/MarketsEmptyState.jsx function MarketsEmptyState({ totalMarkets, searchTerm, activeFilter, onInitialize }) { return /* @__PURE__ */ React.createElement("tr", null, /* @__PURE__ */ React.createElement("td", { colSpan: "6", className: "px-6 py-8 text-center text-[#A0A0A0]" }, totalMarkets === 0 ? /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("p", { className: "mb-4" }, "No markets available."), /* @__PURE__ */ React.createElement( "button", { onClick: onInitialize, className: "inline-flex items-center space-x-2 px-4 py-2 bg-[#22C55E] text-white rounded-lg hover:bg-[#16A249] transition-all duration-200" }, /* @__PURE__ */ React.createElement(import_lucide_react11.TrendingUp, { size: 16 }), /* @__PURE__ */ React.createElement("span", null, "Initialize Sample Markets") )) : searchTerm ? `No markets match "${searchTerm}"` : `No ${activeFilter} markets available`)); } var import_lucide_react11; var init_MarketsEmptyState = __esm({ "virtual:/apps/web/src/components/Markets/MarketsEmptyState.jsx"() { init_injected_globals(); import_lucide_react11 = __toESM(require_lucide_react()); } }); // virtual:/apps/web/src/components/Markets/MarketsTable.jsx function MarketsTable({ markets, marketStatus, isTradingViewConnected, onTrade, onViewChart, totalMarkets, searchTerm, activeFilter, onInitialize }) { return /* @__PURE__ */ React.createElement("div", { className: "bg-[#1A1A1A] rounded-lg overflow-hidden" }, /* @__PURE__ */ React.createElement("div", { className: "overflow-x-auto" }, /* @__PURE__ */ React.createElement("table", { className: "w-full" }, /* @__PURE__ */ React.createElement("thead", { className: "bg-[#222222]" }, /* @__PURE__ */ React.createElement("tr", null, /* @__PURE__ */ React.createElement("th", { className: "px-6 py-4 text-left text-sm font-medium text-[#A0A0A0]" }, "Market"), /* @__PURE__ */ React.createElement("th", { className: "px-6 py-4 text-right text-sm font-medium text-[#A0A0A0]" }, "Price"), /* @__PURE__ */ React.createElement("th", { className: "px-6 py-4 text-right text-sm font-medium text-[#A0A0A0]" }, "24h Change"), /* @__PURE__ */ React.createElement("th", { className: "px-6 py-4 text-center text-sm font-medium text-[#A0A0A0]" }, "Status"), /* @__PURE__ */ React.createElement("th", { className: "px-6 py-4 text-right text-sm font-medium text-[#A0A0A0]" }, "Leverage"), /* @__PURE__ */ React.createElement("th", { className: "px-6 py-4 text-center text-sm font-medium text-[#A0A0A0]" }, "Actions"))), /* @__PURE__ */ React.createElement("tbody", { className: "divide-y divide-[#333333]" }, markets.length > 0 ? markets.map((market) => /* @__PURE__ */ React.createElement( MarketsTableRow, { key: market.id, market, status: marketStatus[market.id], isTradingViewConnected, onTrade, onViewChart } )) : /* @__PURE__ */ React.createElement( MarketsEmptyState, { totalMarkets, searchTerm, activeFilter, onInitialize } ))))); } var init_MarketsTable = __esm({ "virtual:/apps/web/src/components/Markets/MarketsTable.jsx"() { init_injected_globals(); init_MarketsTableRow(); init_MarketsEmptyState(); } }); // virtual:/apps/web/src/components/Markets/Pagination.jsx function Pagination({ currentPage, totalPages, setCurrentPage, startIndex, endIndex, totalFiltered, totalMarkets, isTradingViewConnected }) { if (totalPages <= 1 && totalFiltered > 0) { return /* @__PURE__ */ React.createElement("div", { className: "text-center text-sm text-[#666666]" }, "Showing ", startIndex + 1, "-", Math.min(endIndex, totalFiltered), " of", " ", totalFiltered, " markets", totalFiltered < totalMarkets && /* @__PURE__ */ React.createElement("span", { className: "ml-2" }, "\u2022 Filtered from ", totalMarkets, " total"), isTradingViewConnected && /* @__PURE__ */ React.createElement("span", { className: "ml-2 text-[#22C55E]" }, "\u2022 Live TradingView data")); } if (totalFiltered === 0) return null; return /* @__PURE__ */ React.createElement("div", { className: "flex flex-col items-center space-y-4" }, /* @__PURE__ */ React.createElement("div", { className: "text-center text-sm text-[#666666]" }, "Showing ", startIndex + 1, "-", Math.min(endIndex, totalFiltered), " of", " ", totalFiltered, " markets", totalFiltered < totalMarkets && /* @__PURE__ */ React.createElement("span", { className: "ml-2" }, "\u2022 Filtered from ", totalMarkets, " total"), isTradingViewConnected && /* @__PURE__ */ React.createElement("span", { className: "ml-2 text-[#22C55E]" }, "\u2022 Live TradingView data")), /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-2" }, /* @__PURE__ */ React.createElement( "button", { onClick: () => setCurrentPage(Math.max(1, currentPage - 1)), disabled: currentPage === 1, className: "flex items-center space-x-1 px-3 py-2 bg-[#1A1A1A] border border-[#333333] rounded-lg text-white hover:bg-[#333333] disabled:opacity-50 disabled:cursor-not-allowed transition-all duration-200" }, /* @__PURE__ */ React.createElement(import_lucide_react12.ChevronLeft, { size: 16 }), /* @__PURE__ */ React.createElement("span", null, "Previous") ), /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-1" }, currentPage > 3 && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement( "button", { onClick: () => setCurrentPage(1), className: "w-10 h-10 flex items-center justify-center rounded-lg bg-[#1A1A1A] border border-[#333333] text-white hover:bg-[#333333] transition-all duration-200" }, "1" ), currentPage > 4 && /* @__PURE__ */ React.createElement("span", { className: "text-[#666666] px-2" }, "...")), Array.from({ length: Math.min(5, totalPages) }, (_, i) => { let pageNum; if (totalPages <= 5) pageNum = i + 1; else if (currentPage <= 3) pageNum = i + 1; else if (currentPage >= totalPages - 2) pageNum = totalPages - 4 + i; else pageNum = currentPage - 2 + i; if (pageNum < 1 || pageNum > totalPages) return null; return /* @__PURE__ */ React.createElement( "button", { key: pageNum, onClick: () => setCurrentPage(pageNum), className: `w-10 h-10 flex items-center justify-center rounded-lg border transition-all duration-200 ${currentPage === pageNum ? "bg-[#FF8200] border-[#FF8200] text-white" : "bg-[#1A1A1A] border-[#333333] text-white hover:bg-[#333333]"}` }, pageNum ); }), currentPage < totalPages - 2 && /* @__PURE__ */ React.createElement(React.Fragment, null, currentPage < totalPages - 3 && /* @__PURE__ */ React.createElement("span", { className: "text-[#666666] px-2" }, "..."), /* @__PURE__ */ React.createElement( "button", { onClick: () => setCurrentPage(totalPages), className: "w-10 h-10 flex items-center justify-center rounded-lg bg-[#1A1A1A] border border-[#333333] text-white hover:bg-[#333333] transition-all duration-200" }, totalPages ))), /* @__PURE__ */ React.createElement( "button", { onClick: () => setCurrentPage(Math.min(totalPages, currentPage + 1)), disabled: currentPage === totalPages, className: "flex items-center space-x-1 px-3 py-2 bg-[#1A1A1A] border border-[#333333] rounded-lg text-white hover:bg-[#333333] disabled:opacity-50 disabled:cursor-not-allowed transition-all duration-200" }, /* @__PURE__ */ React.createElement("span", null, "Next"), /* @__PURE__ */ React.createElement(import_lucide_react12.ChevronRight, { size: 16 }) )), totalPages > 10 && /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-2 text-sm" }, /* @__PURE__ */ React.createElement("span", { className: "text-[#A0A0A0]" }, "Jump to page:"), /* @__PURE__ */ React.createElement( "select", { value: currentPage, onChange: (e) => setCurrentPage(parseInt(e.target.value)), className: "bg-[#1A1A1A] border border-[#333333] rounded px-2 py-1 text-white focus:outline-none focus:ring-2 focus:ring-[#FF8200] focus:border-transparent" }, Array.from({ length: totalPages }, (_, i) => /* @__PURE__ */ React.createElement("option", { key: i + 1, value: i + 1 }, i + 1)) ), /* @__PURE__ */ React.createElement("span", { className: "text-[#666666]" }, "of ", totalPages))); } var import_lucide_react12; var init_Pagination = __esm({ "virtual:/apps/web/src/components/Markets/Pagination.jsx"() { init_injected_globals(); import_lucide_react12 = __toESM(require_lucide_react()); } }); // virtual:/apps/web/src/components/Markets/MarketsErrorState.jsx function MarketsErrorState({ error, onRetry, onInitialize, isLoading }) { return /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-center py-16" }, /* @__PURE__ */ React.createElement("div", { className: "text-center max-w-md" }, /* @__PURE__ */ React.createElement("div", { className: "w-16 h-16 rounded-full bg-[#EF4444]/20 flex items-center justify-center mx-auto mb-4" }, /* @__PURE__ */ React.createElement(import_lucide_react13.AlertTriangle, { size: 32, className: "text-[#EF4444]" })), /* @__PURE__ */ React.createElement("h3", { className: "text-white font-semibold text-lg mb-2" }, "Unable to Load Markets"), /* @__PURE__ */ React.createElement("p", { className: "text-[#A0A0A0] text-sm mb-6" }, error), /* @__PURE__ */ React.createElement("div", { className: "space-y-3" }, /* @__PURE__ */ React.createElement( "button", { onClick: onRetry, disabled: isLoading, className: "inline-flex items-center space-x-2 px-6 py-3 bg-[#FF8200] text-white rounded-lg hover:bg-[#E6750D] disabled:opacity-50 disabled:cursor-not-allowed transition-all duration-200" }, /* @__PURE__ */ React.createElement( import_lucide_react13.RefreshCw, { size: 16, className: isLoading ? "animate-spin" : "" } ), /* @__PURE__ */ React.createElement("span", null, isLoading ? "Retrying..." : "Retry") ), /* @__PURE__ */ React.createElement( "button", { onClick: onInitialize, disabled: isLoading, className: "block mx-auto text-[#3B82F6] hover:text-[#2563EB] text-sm transition-colors duration-200" }, "Or initialize with sample markets" )))); } var import_lucide_react13; var init_MarketsErrorState = __esm({ "virtual:/apps/web/src/components/Markets/MarketsErrorState.jsx"() { init_injected_globals(); import_lucide_react13 = __toESM(require_lucide_react()); } }); // virtual:/apps/web/src/components/Markets.jsx var Markets_exports = {}; __export(Markets_exports, { default: () => Markets }); function Markets() { const { markets, isLoading, error, marketStatus, lastPriceUpdate, isUpdatingPrices, tradingViewSync, fetchMarkets, initializeMarkets, handleManualPriceUpdate, retryConnection } = useMarkets(); const [searchTerm, setSearchTerm] = (0, import_react15.useState)(""); const [activeFilter, setActiveFilter] = (0, import_react15.useState)("all"); const [currentPage, setCurrentPage] = (0, import_react15.useState)(1); const [itemsPerPage] = (0, import_react15.useState)(50); const [isTradingModalOpen, setIsTradingModalOpen] = (0, import_react15.useState)(false); const [selectedMarket, setSelectedMarket] = (0, import_react15.useState)(null); const [tradeType, setTradeType] = (0, import_react15.useState)("buy"); const [isChartModalOpen, setIsChartModalOpen] = (0, import_react15.useState)(false); const [chartMarket, setChartMarket] = (0, import_react15.useState)(null); const [showCryptoRiskWarning, setShowCryptoRiskWarning] = (0, import_react15.useState)(false); const [pendingCryptoTrade, setPendingCryptoTrade] = (0, import_react15.useState)(null); const handleTradingViewPriceUpdate = (syncResults) => { console.log("\u{1F4CA} TradingView price update received:", syncResults); fetchMarkets(); }; const handleTrade = (market, type) => { if (market.market_type === "crypto" && market.max_leverage >= 100) { setPendingCryptoTrade({ market, type }); setShowCryptoRiskWarning(true); } else { setSelectedMarket(market); setTradeType(type); setIsTradingModalOpen(true); } }; const handleCryptoRiskAccepted = () => { if (pendingCryptoTrade) { setSelectedMarket(pendingCryptoTrade.market); setTradeType(pendingCryptoTrade.type); setIsTradingModalOpen(true); } setShowCryptoRiskWarning(false); setPendingCryptoTrade(null); }; const handleCryptoRiskRejected = () => { setShowCryptoRiskWarning(false); setPendingCryptoTrade(null); }; const handleViewChart = (market) => { setChartMarket(market); setIsChartModalOpen(true); }; const handleTradeComplete = () => { setIsTradingModalOpen(false); fetchMarkets(); }; const filteredMarkets = markets.filter((market) => { const matchesFilter = activeFilter === "all" || market.market_type === activeFilter; const matchesSearch = !searchTerm || market.symbol?.toLowerCase().includes(searchTerm.toLowerCase()) || market.name?.toLowerCase().includes(searchTerm.toLowerCase()); return matchesFilter && matchesSearch; }); const totalPages = Math.ceil(filteredMarkets.length / itemsPerPage); const startIndex = (currentPage - 1) * itemsPerPage; const endIndex = startIndex + itemsPerPage; const paginatedMarkets = filteredMarkets.slice(startIndex, endIndex); (0, import_react15.useEffect)(() => { setCurrentPage(1); }, [activeFilter, searchTerm]); if (isLoading && markets.length === 0) { return /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-center py-16" }, /* @__PURE__ */ React.createElement("div", { className: "text-center" }, /* @__PURE__ */ React.createElement("div", { className: "animate-spin rounded-full h-12 w-12 border-4 border-[#FF8200] border-t-transparent mx-auto mb-4" }), /* @__PURE__ */ React.createElement("p", { className: "text-[#A0A0A0] text-sm" }, "Loading market data..."))); } if (error && markets.length === 0) { return /* @__PURE__ */ React.createElement( MarketsErrorState, { error, onRetry: fetchMarkets, onInitialize: initializeMarkets, isLoading } ); } return /* @__PURE__ */ React.createElement("div", { className: "space-y-6" }, /* @__PURE__ */ React.createElement( MarketsHeader, { tradingViewSync, lastPriceUpdate, isUpdatingPrices, onForceSync: handleManualPriceUpdate, onRetryConnection: retryConnection } ), error && markets.length > 0 && /* @__PURE__ */ React.createElement("div", { className: "bg-[#EF4444]/10 border border-[#EF4444]/30 rounded-lg p-4" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-start space-x-3" }, /* @__PURE__ */ React.createElement(import_lucide_react14.AlertTriangle, { size: 16, className: "text-[#EF4444] mt-0.5" }), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("p", { className: "text-[#EF4444] text-sm font-medium" }, "Price Update Warning"), /* @__PURE__ */ React.createElement("p", { className: "text-[#A0A0A0] text-xs mt-1" }, error)))), /* @__PURE__ */ React.createElement( MarketFilters, { searchTerm, setSearchTerm, activeFilter, setActiveFilter } ), /* @__PURE__ */ React.createElement( MarketsTable, { markets: paginatedMarkets, marketStatus, isTradingViewConnected: tradingViewSync.connected, onTrade: handleTrade, onViewChart: handleViewChart, totalMarkets: markets.length, searchTerm, activeFilter, onInitialize: initializeMarkets } ), /* @__PURE__ */ React.createElement( Pagination, { currentPage, totalPages, setCurrentPage, startIndex, endIndex, totalFiltered: filteredMarkets.length, totalMarkets: markets.length, isTradingViewConnected: tradingViewSync.connected } ), /* @__PURE__ */ React.createElement( TradingModal, { isOpen: isTradingModalOpen, onClose: () => setIsTradingModalOpen(false), market: selectedMarket, tradeType, onTradeComplete: handleTradeComplete, realTimeEnabled: tradingViewSync.connected } ), /* @__PURE__ */ React.createElement( MarketChartModal, { isOpen: isChartModalOpen, onClose: () => setIsChartModalOpen(false), market: chartMarket } ), showCryptoRiskWarning && pendingCryptoTrade && /* @__PURE__ */ React.createElement( CryptoRiskWarning, { market: pendingCryptoTrade.market, leverage: pendingCryptoTrade.market.max_leverage, onAccept: handleCryptoRiskAccepted, onReject: handleCryptoRiskRejected } )); } var import_react15, import_lucide_react14; var init_Markets = __esm({ "virtual:/apps/web/src/components/Markets.jsx"() { init_injected_globals(); import_react15 = __toESM(require_react()); import_lucide_react14 = __toESM(require_lucide_react()); init_TradingModal(); init_MarketChartModal(); init_CryptoRiskWarning(); init_useMarkets(); init_MarketsHeader(); init_MarketFilters(); init_MarketsTable(); init_Pagination(); init_MarketsErrorState(); } }); // virtual:/apps/web/src/components/Portfolio/TradeMiniChart.jsx function TradeMiniChart({ trade, market, onPriceUpdate, className = "" }) { const chartRef = (0, import_react16.useRef)(null); const widgetRef = (0, import_react16.useRef)(null); const [chartError, setChartError] = (0, import_react16.useState)(false); const [isLoading, setIsLoading] = (0, import_react16.useState)(false); const [showTradingView, setShowTradingView] = (0, import_react16.useState)(false); const [priceHistory, setPriceHistory] = (0, import_react16.useState)([]); (0, import_react16.useEffect)(() => { if (!trade || !market) return; setIsLoading(false); const basePrice = parseFloat( market.current_price || trade.entry_price || 100 ); const entryPrice = parseFloat(trade.entry_price || basePrice); const history = []; const steps = 30; const timeRange = 24 * 60; for (let i = 0; i < steps; i++) { const progress = i / (steps - 1); const timeBasedPrice = entryPrice + (basePrice - entryPrice) * progress; const volatility = market.market_type === "crypto" ? 0.02 : market.market_type === "stocks" ? 0.01 : 5e-3; const fluctuation = Math.sin(i * 0.3) * volatility * timeBasedPrice; const microVariation = (Math.random() - 0.5) * 2e-3 * timeBasedPrice; const finalPrice = timeBasedPrice + fluctuation + microVariation; history.push({ price: Math.max(finalPrice, 0.01), // Ensure positive prices timestamp: Date.now() - (timeRange - i * (timeRange / steps)) * 6e4, volume: Math.floor(Math.random() * 1e6) }); } setPriceHistory(history); const loadTradingViewAsync = async () => { try { await new Promise((resolve) => setTimeout(resolve, 1e3)); if (!window.TradingView) { const script = document.createElement("script"); script.src = "https://s3.tradingview.com/tv.js"; script.async = true; script.onload = () => { setTimeout(() => initTradingViewWidget(), 500); }; script.onerror = () => { console.log("TradingView failed to load, using SVG chart"); setChartError(true); }; document.head.appendChild(script); } else { setTimeout(() => initTradingViewWidget(), 500); } } catch (error) { console.log("TradingView initialization error:", error); setChartError(true); } }; const initTradingViewWidget = () => { if (!chartRef.current || chartError) return; const symbol = getTradingViewSymbol(market); try { if (widgetRef.current) { try { widgetRef.current.remove(); } catch (e) { } } const widget = new window.TradingView.widget({ autosize: true, symbol, interval: "15", timezone: "Asia/Kolkata", theme: "dark", style: "1", locale: "en", toolbar_bg: "#1E1E1E", enable_publishing: false, allow_symbol_change: false, container_id: `tradingview-mini-${trade.id}`, hide_side_toolbar: true, hide_top_toolbar: true, hide_legend: true, hide_volume: true, studies: [], disabled_features: [ "use_localstorage_for_settings", "header_symbol_search", "header_resolutions", "header_chart_type", "header_settings", "header_indicators", "header_compare", "header_undo_redo", "header_screenshot", "header_fullscreen_button", "context_menus", "control_bar", "timeframes_toolbar", "legend_context_menu", "main_series_scale_menu", "show_chart_property_page", "edit_buttons_in_legend", "border_around_the_chart", "remove_library_container_border" ], enabled_features: ["hide_left_toolbar"], overrides: { "paneProperties.background": "#2A2A2A", "paneProperties.vertGridProperties.color": "#404040", "paneProperties.horzGridProperties.color": "#404040", "symbolWatermarkProperties.transparency": 98, "scalesProperties.textColor": "#A0A0A0", "scalesProperties.lineColor": "#404040", "scalesProperties.fontSize": 9, "mainSeriesProperties.candleStyle.upColor": "#22C55E", "mainSeriesProperties.candleStyle.downColor": "#EF4444", "mainSeriesProperties.candleStyle.borderUpColor": "#22C55E", "mainSeriesProperties.candleStyle.borderDownColor": "#EF4444", "mainSeriesProperties.candleStyle.wickUpColor": "#22C55E", "mainSeriesProperties.candleStyle.wickDownColor": "#EF4444" }, loading_screen: { backgroundColor: "#2A2A2A", foregroundColor: "#FF8200" }, width: "100%", height: "120" }); widgetRef.current = widget; setTimeout(() => { if (!chartError) { setShowTradingView(true); } }, 2e3); } catch (error) { console.log("TradingView widget error:", error); setChartError(true); } }; loadTradingViewAsync(); return () => { if (widgetRef.current) { try { widgetRef.current.remove(); } catch (e) { } } }; }, [trade?.id, market?.symbol]); const EnhancedSVGChart = () => { if (priceHistory.length < 2) return null; const width = 300; const height = 80; const padding = 10; const chartWidth = width - padding * 2; const chartHeight = height - padding * 2; const minPrice = Math.min(...priceHistory.map((p) => p.price)); const maxPrice = Math.max(...priceHistory.map((p) => p.price)); const priceRange = maxPrice - minPrice || 1; const pathData = priceHistory.map((point, index) => { const x = padding + index / (priceHistory.length - 1) * chartWidth; const y = padding + chartHeight - (point.price - minPrice) / priceRange * chartHeight; return `${index === 0 ? "M" : "L"} ${x} ${y}`; }).join(" "); const currentPrice = parseFloat(market?.current_price || trade.entry_price); const entryPrice = parseFloat(trade?.entry_price); const isProfit = currentPrice >= entryPrice; const profitLoss = (currentPrice - entryPrice) / entryPrice * 100; const recentTrend = priceHistory.length > 5 ? priceHistory.slice(-3).reduce((sum, p) => sum + p.price, 0) / 3 : currentPrice; const earlierTrend = priceHistory.length > 5 ? priceHistory.slice(-6, -3).reduce((sum, p) => sum + p.price, 0) / 3 : currentPrice; const isUptrend = recentTrend > earlierTrend; return /* @__PURE__ */ React.createElement( "svg", { width: "100%", height: "80", viewBox: `0 0 ${width} ${height}`, className: "rounded" }, /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement( "linearGradient", { id: `bg-gradient-${trade.id}`, x1: "0%", y1: "0%", x2: "0%", y2: "100%" }, /* @__PURE__ */ React.createElement("stop", { offset: "0%", stopColor: "#2A2A2A" }), /* @__PURE__ */ React.createElement("stop", { offset: "100%", stopColor: "#1E1E1E" }) ), /* @__PURE__ */ React.createElement( "linearGradient", { id: `line-gradient-${trade.id}`, x1: "0%", y1: "0%", x2: "100%", y2: "0%" }, /* @__PURE__ */ React.createElement( "stop", { offset: "0%", stopColor: isUptrend ? "#22C55E" : "#EF4444", stopOpacity: "0.8" } ), /* @__PURE__ */ React.createElement( "stop", { offset: "100%", stopColor: isUptrend ? "#16A249" : "#DC3737", stopOpacity: "1" } ) ), /* @__PURE__ */ React.createElement( "linearGradient", { id: `area-gradient-${trade.id}`, x1: "0%", y1: "0%", x2: "0%", y2: "100%" }, /* @__PURE__ */ React.createElement( "stop", { offset: "0%", stopColor: isProfit ? "#22C55E" : "#EF4444", stopOpacity: "0.2" } ), /* @__PURE__ */ React.createElement( "stop", { offset: "100%", stopColor: isProfit ? "#22C55E" : "#EF4444", stopOpacity: "0.05" } ) ), /* @__PURE__ */ React.createElement("filter", { id: `glow-${trade.id}` }, /* @__PURE__ */ React.createElement("feGaussianBlur", { stdDeviation: "2", result: "coloredBlur" }), /* @__PURE__ */ React.createElement("feMerge", null, /* @__PURE__ */ React.createElement("feMergeNode", { in: "coloredBlur" }), /* @__PURE__ */ React.createElement("feMergeNode", { in: "SourceGraphic" })))), /* @__PURE__ */ React.createElement( "rect", { width: "100%", height: "100%", fill: `url(#bg-gradient-${trade.id})` } ), [0.25, 0.5, 0.75].map((ratio) => /* @__PURE__ */ React.createElement( "line", { key: ratio, x1: padding, y1: padding + chartHeight * ratio, x2: width - padding, y2: padding + chartHeight * ratio, stroke: "#404040", strokeWidth: "0.5", opacity: "0.3" } )), /* @__PURE__ */ React.createElement( "path", { d: `${pathData} L ${width - padding} ${height - padding} L ${padding} ${height - padding} Z`, fill: `url(#area-gradient-${trade.id})` } ), /* @__PURE__ */ React.createElement( "path", { d: pathData, fill: "none", stroke: `url(#line-gradient-${trade.id})`, strokeWidth: "2.5", filter: `url(#glow-${trade.id})`, strokeLinecap: "round", strokeLinejoin: "round" } ), entryPrice && /* @__PURE__ */ React.createElement( "line", { x1: padding, x2: width - padding, y1: padding + chartHeight - (entryPrice - minPrice) / priceRange * chartHeight, y2: padding + chartHeight - (entryPrice - minPrice) / priceRange * chartHeight, stroke: "#FF8200", strokeWidth: "1", strokeDasharray: "3,2", opacity: "0.7" } ), /* @__PURE__ */ React.createElement( "circle", { cx: width - padding - 5, cy: padding + chartHeight - (currentPrice - minPrice) / priceRange * chartHeight, r: "4", fill: isProfit ? "#22C55E" : "#EF4444", stroke: "#2A2A2A", strokeWidth: "2", filter: `url(#glow-${trade.id})` }, /* @__PURE__ */ React.createElement( "animate", { attributeName: "r", values: "3;5;3", dur: "2s", repeatCount: "indefinite" } ) ), /* @__PURE__ */ React.createElement( "text", { x: width - padding - 5, y: padding + 12, textAnchor: "end", fontSize: "10", fill: isProfit ? "#22C55E" : "#EF4444", fontWeight: "bold" }, profitLoss >= 0 ? "+" : "", profitLoss.toFixed(1), "%" ) ); }; if (isLoading) { return /* @__PURE__ */ React.createElement( "div", { className: `bg-[#2A2A2A] rounded-lg p-4 flex items-center justify-center ${className}` }, /* @__PURE__ */ React.createElement("div", { className: "text-center" }, /* @__PURE__ */ React.createElement("div", { className: "animate-spin rounded-full h-6 w-6 border-2 border-[#FF8200] border-t-transparent mx-auto mb-2" }), /* @__PURE__ */ React.createElement("p", { className: "text-[#A0A0A0] text-xs" }, "Loading chart...")) ); } return /* @__PURE__ */ React.createElement("div", { className: `bg-[#2A2A2A] rounded-lg overflow-hidden ${className}` }, /* @__PURE__ */ React.createElement("div", { className: "px-3 py-2 border-b border-[#404040] bg-[#1E1E1E]" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-2" }, /* @__PURE__ */ React.createElement("span", { className: "text-white text-sm font-medium" }, market?.symbol), /* @__PURE__ */ React.createElement( "span", { className: `inline-block px-2 py-0.5 rounded text-xs font-medium ${trade?.position_type === "long" ? "bg-[#22C55E]/20 text-[#22C55E]" : "bg-[#EF4444]/20 text-[#EF4444]"}` }, trade?.position_type?.toUpperCase() ), trade?.leverage && /* @__PURE__ */ React.createElement("span", { className: "text-[#FF8200] text-xs font-medium" }, trade.leverage, "x")), /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-1" }, trade?.live_pnl >= 0 ? /* @__PURE__ */ React.createElement(import_lucide_react15.TrendingUp, { size: 12, className: "text-[#22C55E]" }) : /* @__PURE__ */ React.createElement(import_lucide_react15.TrendingDown, { size: 12, className: "text-[#EF4444]" }), /* @__PURE__ */ React.createElement( "span", { className: `text-xs font-medium ${trade?.live_pnl >= 0 ? "text-[#22C55E]" : "text-[#EF4444]"}` }, "\u20B9", Math.abs(trade?.live_pnl || 0).toFixed(2) )))), /* @__PURE__ */ React.createElement("div", { className: "relative" }, !showTradingView || chartError ? /* @__PURE__ */ React.createElement("div", { className: "p-3" }, /* @__PURE__ */ React.createElement(EnhancedSVGChart, null)) : /* @__PURE__ */ React.createElement( "div", { ref: chartRef, id: `tradingview-mini-${trade.id}`, className: "w-full h-[120px]" } ), /* @__PURE__ */ React.createElement("div", { className: "absolute top-2 left-2 bg-black/70 rounded px-2 py-1" }, /* @__PURE__ */ React.createElement("div", { className: "text-xs text-[#FF8200] font-medium" }, "Entry: \u20B9", parseFloat(trade?.entry_price || 0).toFixed(2)), /* @__PURE__ */ React.createElement("div", { className: "text-xs text-white" }, "Now: \u20B9", parseFloat(market?.current_price || 0).toFixed(2))), /* @__PURE__ */ React.createElement("div", { className: "absolute top-2 right-2 bg-[#333333]/80 border border-[#404040] rounded px-2 py-1" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-1" }, /* @__PURE__ */ React.createElement( import_lucide_react15.BarChart3, { size: 10, className: showTradingView && !chartError ? "#22C55E" : "#FF8200" } ), /* @__PURE__ */ React.createElement( "span", { className: `text-xs font-medium ${showTradingView && !chartError ? "text-[#22C55E]" : "text-[#FF8200]"}` }, showTradingView && !chartError ? "Pro" : "Fast" ))), !showTradingView && !chartError && /* @__PURE__ */ React.createElement("div", { className: "absolute bottom-2 right-2 bg-[#FF8200]/20 rounded px-2 py-1" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-1" }, /* @__PURE__ */ React.createElement("div", { className: "w-2 h-2 rounded-full bg-[#FF8200] animate-pulse" }), /* @__PURE__ */ React.createElement("span", { className: "text-[#FF8200] text-xs" }, "Loading Pro"))))); } var import_react16, import_lucide_react15; var init_TradeMiniChart = __esm({ "virtual:/apps/web/src/components/Portfolio/TradeMiniChart.jsx"() { init_injected_globals(); import_react16 = __toESM(require_react()); import_lucide_react15 = __toESM(require_lucide_react()); init_marketUtils(); } }); // virtual:/apps/web/src/components/Portfolio.jsx var Portfolio_exports = {}; __export(Portfolio_exports, { default: () => Portfolio }); function Portfolio() { const { data: user, refetch: refetchUser } = useUser_default(); const [openTrades, setOpenTrades] = (0, import_react17.useState)([]); const [marketData, setMarketData] = (0, import_react17.useState)({}); const [isLoading, setIsLoading] = (0, import_react17.useState)(true); const [closingTrade, setClosingTrade] = (0, import_react17.useState)(null); const [tradeNotification, setTradeNotification] = (0, import_react17.useState)(null); const [isRefreshing, setIsRefreshing] = (0, import_react17.useState)(false); (0, import_react17.useEffect)(() => { fetchOpenTrades(); const interval = setInterval( () => { if (openTrades.length > 0) { fetchOpenTrades(); } }, 30 * 1e3 // 30 seconds ); return () => clearInterval(interval); }, [openTrades.length]); const fetchOpenTrades = async (isManualRefresh = false) => { if (isManualRefresh) { setIsRefreshing(true); } else if (openTrades.length === 0) { setIsLoading(true); } try { console.log("Fetching open trades..."); const response = await fetch("/api/trades?status=open"); const data = await response.json(); if (response.ok) { console.log("Open trades fetched:", data.trades?.length || 0); const marketDataPromises = (data.trades || []).map(async (trade) => { try { const marketResponse = await fetch( `/api/markets?id=${trade.market_id}` ); if (marketResponse.ok) { const marketData2 = await marketResponse.json(); return { trade_id: trade.id, market: marketData2.markets?.[0] }; } } catch (error) { console.error( `Failed to fetch market for trade ${trade.id}:`, error ); } return { trade_id: trade.id, market: null }; }); const marketResults = await Promise.all(marketDataPromises); const marketDataMap = {}; marketResults.forEach(({ trade_id, market }) => { if (market) { marketDataMap[trade_id] = market; } }); setMarketData(marketDataMap); const tradesWithLatestPrices = (data.trades || []).map((trade) => { const market = marketDataMap[trade.id]; if (market) { const entryPrice = parseFloat(trade.entry_price); const currentPrice = parseFloat(market.current_price); const marginUsed = parseFloat(trade.margin_used); const leverage = trade.leverage; let livePnl = 0; if (entryPrice > 0 && currentPrice > 0 && marginUsed > 0) { if (trade.position_type === "long") { livePnl = (currentPrice - entryPrice) / entryPrice * marginUsed * leverage; } else { livePnl = (entryPrice - currentPrice) / entryPrice * marginUsed * leverage; } } return { ...trade, current_price: market.current_price, live_pnl: livePnl, last_price_update: (/* @__PURE__ */ new Date()).toISOString() }; } return trade; }); setOpenTrades(tradesWithLatestPrices); } } catch (error) { console.error("Failed to fetch open trades:", error); } finally { setIsLoading(false); setIsRefreshing(false); } }; const handlePriceUpdate = (tradeId, newPrice) => { setOpenTrades( (prev) => prev.map((trade) => { if (trade.id === tradeId) { const entryPrice = parseFloat(trade.entry_price); const marginUsed = parseFloat(trade.margin_used); const leverage = trade.leverage; let livePnl = 0; if (entryPrice > 0 && newPrice > 0 && marginUsed > 0) { if (trade.position_type === "long") { livePnl = (newPrice - entryPrice) / entryPrice * marginUsed * leverage; } else { livePnl = (entryPrice - newPrice) / entryPrice * marginUsed * leverage; } } return { ...trade, current_price: newPrice, live_pnl: livePnl, last_price_update: (/* @__PURE__ */ new Date()).toISOString() }; } return trade; }) ); setMarketData((prev) => { const trade = openTrades.find((t) => t.id === tradeId); if (trade && prev[tradeId]) { return { ...prev, [tradeId]: { ...prev[tradeId], current_price: newPrice } }; } return prev; }); }; const handleRefresh = async () => { if (isRefreshing) return; console.log("\u{1F504} Manual refresh initiated..."); await Promise.all([ fetchOpenTrades(true), // Pass true to indicate manual refresh refetchUser() // Update user balance ]); console.log("\u2705 Manual refresh completed"); }; const handleCloseTrade = async (tradeId) => { setClosingTrade(tradeId); try { console.log(`\u{1F504} Closing trade ${tradeId}...`); const response = await fetch("/api/trades", { method: "PUT", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ trade_id: tradeId, action: "close" }) }); if (response.ok) { const data = await response.json(); console.log("\u2705 Trade closed successfully:", data); if (data.notification) { setTradeNotification({ message: data.notification, type: data.balance_update?.is_profit ? "profit" : "loss", trade: data.trade, balance_update: data.balance_update, settlement: data.settlement_transaction, timestamp: (/* @__PURE__ */ new Date()).toISOString() }); setTimeout(() => { setTradeNotification(null); }, 15e3); } console.log("\u{1F504} Refreshing portfolio and user balance..."); await Promise.all([ fetchOpenTrades(), // Update portfolio refetchUser() // Update user balance in header/wallet ]); console.log("\u2705 Portfolio and balance updated successfully"); } else { const errorData = await response.json(); console.error("\u274C Failed to close trade:", errorData); if (errorData.error === "PROFIT_LOCK_ACTIVE") { setTradeNotification({ message: errorData.message, type: "lock", details: errorData.details, timestamp: (/* @__PURE__ */ new Date()).toISOString() }); setTimeout(() => { setTradeNotification(null); }, 1e4); } else { setTradeNotification({ message: `Failed to close trade: ${errorData.error || "Unknown error"}`, type: "error", timestamp: (/* @__PURE__ */ new Date()).toISOString() }); } } } catch (error) { console.error("\u274C Failed to close trade:", error); setTradeNotification({ message: `Failed to close trade: ${error.message || "Network error"}`, type: "error", timestamp: (/* @__PURE__ */ new Date()).toISOString() }); } finally { setClosingTrade(null); } }; const calculatePortfolioStats = () => { const totalMarginUsed = openTrades.reduce( (sum, trade) => sum + parseFloat(trade.margin_used || 0), 0 ); const totalPnL = openTrades.reduce((sum, trade) => { return sum + (parseFloat(trade.live_pnl) || 0); }, 0); return { totalMarginUsed, totalPnL, totalTrades: openTrades.length, availableBalance: (user?.wallet_balance || 0) - totalMarginUsed }; }; const formatCurrency2 = (amount) => { return new Intl.NumberFormat("en-IN", { style: "currency", currency: "INR", minimumFractionDigits: 2 }).format(amount); }; const formatPercent2 = (value) => { return `${value >= 0 ? "+" : ""}${value.toFixed(2)}%`; }; const getMarketIcon2 = (marketType) => { switch (marketType) { case "crypto": return /* @__PURE__ */ React.createElement(import_lucide_react16.DollarSign, { size: 16, className: "text-[#FF8200]" }); case "forex": return /* @__PURE__ */ React.createElement(import_lucide_react16.BarChart3, { size: 16, className: "text-[#3B82F6]" }); case "stocks": return /* @__PURE__ */ React.createElement(import_lucide_react16.TrendingUp, { size: 16, className: "text-[#22C55E]" }); case "commodity": return /* @__PURE__ */ React.createElement(import_lucide_react16.DollarSign, { size: 16, className: "text-[#FBBF24]" }); case "futures": return /* @__PURE__ */ React.createElement(import_lucide_react16.TrendingUp, { size: 16, className: "text-[#8B5CF6]" }); case "us_stocks": return /* @__PURE__ */ React.createElement(import_lucide_react16.TrendingUp, { size: 16, className: "text-[#EF4444]" }); default: return /* @__PURE__ */ React.createElement(import_lucide_react16.Activity, { size: 16, className: "text-[#A0A0A0]" }); } }; if (isLoading) { return /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-center py-16" }, /* @__PURE__ */ React.createElement("div", { className: "animate-spin rounded-full h-12 w-12 border-4 border-[#FF8200] border-t-transparent" })); } const stats = calculatePortfolioStats(); return /* @__PURE__ */ React.createElement("div", { className: "space-y-6" }, /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-4 lg:flex-row lg:items-center lg:justify-between" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("h1", { className: "text-2xl font-bold text-white mb-2" }, "Portfolio"), /* @__PURE__ */ React.createElement("p", { className: "text-[#A0A0A0]" }, "Manage your active trading positions")), /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-3" }, /* @__PURE__ */ React.createElement( "button", { onClick: handleRefresh, disabled: isRefreshing, className: "flex items-center space-x-2 bg-[#FF8200] text-white px-4 py-2 rounded-lg text-sm font-medium hover:bg-[#E56B00] active:bg-[#CC5500] transition-all duration-200 disabled:opacity-50 disabled:cursor-not-allowed" }, /* @__PURE__ */ React.createElement( import_lucide_react16.RefreshCw, { size: 16, className: `${isRefreshing ? "animate-spin" : ""}` } ), /* @__PURE__ */ React.createElement("span", null, isRefreshing ? "Refreshing..." : "Refresh") ), openTrades.length > 0 && /* @__PURE__ */ React.createElement("div", { className: "text-xs text-[#A0A0A0] hidden sm:block" }, "Last updated: ", (/* @__PURE__ */ new Date()).toLocaleTimeString()))), tradeNotification && /* @__PURE__ */ React.createElement( "div", { className: `border rounded-lg p-4 ${tradeNotification.type === "profit" ? "bg-green-900/30 border-green-600/30" : tradeNotification.type === "loss" ? "bg-red-900/30 border-red-600/30" : tradeNotification.type === "lock" ? "bg-orange-900/30 border-orange-600/30" : "bg-red-900/30 border-red-600/30"}` }, /* @__PURE__ */ React.createElement("div", { className: "flex items-start space-x-3" }, /* @__PURE__ */ React.createElement( "div", { className: `mt-0.5 flex-shrink-0 ${tradeNotification.type === "profit" ? "text-green-400" : tradeNotification.type === "loss" ? "text-red-400" : tradeNotification.type === "lock" ? "text-orange-400" : "text-red-400"}` }, tradeNotification.type === "profit" ? /* @__PURE__ */ React.createElement(import_lucide_react16.TrendingUp, { size: 20 }) : tradeNotification.type === "loss" ? /* @__PURE__ */ React.createElement(import_lucide_react16.TrendingDown, { size: 20 }) : tradeNotification.type === "lock" ? /* @__PURE__ */ React.createElement(import_lucide_react16.AlertCircle, { size: 20 }) : /* @__PURE__ */ React.createElement(import_lucide_react16.AlertCircle, { size: 20 }) ), /* @__PURE__ */ React.createElement("div", { className: "flex-1" }, /* @__PURE__ */ React.createElement( "div", { className: `whitespace-pre-line font-mono text-sm leading-relaxed ${tradeNotification.type === "profit" ? "text-green-400" : tradeNotification.type === "loss" ? "text-red-400" : tradeNotification.type === "lock" ? "text-orange-400" : "text-red-400"}` }, tradeNotification.message ), tradeNotification.settlement && /* @__PURE__ */ React.createElement("div", { className: "mt-3 text-xs text-gray-400" }, "Settlement ID: ", tradeNotification.settlement.reference), tradeNotification.details && tradeNotification.type === "lock" && /* @__PURE__ */ React.createElement("div", { className: "mt-3 text-xs text-orange-300" }, "Trade: ", tradeNotification.details.symbol, " | P&L: +\u20B9", tradeNotification.details.current_pnl.toFixed(2), " | Wait:", " ", tradeNotification.details.seconds_remaining, "s")), /* @__PURE__ */ React.createElement( "button", { onClick: () => setTradeNotification(null), className: `transition-colors ml-2 ${tradeNotification.type === "profit" ? "text-green-400 hover:text-green-300" : tradeNotification.type === "loss" ? "text-red-400 hover:text-red-300" : tradeNotification.type === "lock" ? "text-orange-400 hover:text-orange-300" : "text-red-400 hover:text-red-300"}` }, /* @__PURE__ */ React.createElement(import_lucide_react16.X, { size: 16 }) )) ), /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4" }, /* @__PURE__ */ React.createElement("div", { className: "bg-[#1E1E1E] border border-[#333333] rounded-lg p-6" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("p", { className: "text-[#A0A0A0] text-sm font-medium" }, "Total Balance"), /* @__PURE__ */ React.createElement("p", { className: "text-white text-xl font-bold mt-1" }, formatCurrency2(user?.wallet_balance || 0))), /* @__PURE__ */ React.createElement("div", { className: "w-10 h-10 bg-[#22C55E]/20 rounded-full flex items-center justify-center" }, /* @__PURE__ */ React.createElement(import_lucide_react16.DollarSign, { size: 20, className: "text-[#22C55E]" })))), /* @__PURE__ */ React.createElement("div", { className: "bg-[#1E1E1E] border border-[#333333] rounded-lg p-6" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("p", { className: "text-[#A0A0A0] text-sm font-medium" }, "Margin Used"), /* @__PURE__ */ React.createElement("p", { className: "text-white text-xl font-bold mt-1" }, formatCurrency2(stats.totalMarginUsed))), /* @__PURE__ */ React.createElement("div", { className: "w-10 h-10 bg-[#FF8200]/20 rounded-full flex items-center justify-center" }, /* @__PURE__ */ React.createElement(import_lucide_react16.Target, { size: 20, className: "text-[#FF8200]" })))), /* @__PURE__ */ React.createElement("div", { className: "bg-[#1E1E1E] border border-[#333333] rounded-lg p-6" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("p", { className: "text-[#A0A0A0] text-sm font-medium" }, "Unrealized P&L"), /* @__PURE__ */ React.createElement( "p", { className: `text-xl font-bold mt-1 ${stats.totalPnL >= 0 ? "text-[#22C55E]" : "text-[#EF4444]"}` }, formatCurrency2(stats.totalPnL) )), /* @__PURE__ */ React.createElement( "div", { className: `w-10 h-10 rounded-full flex items-center justify-center ${stats.totalPnL >= 0 ? "bg-[#22C55E]/20" : "bg-[#EF4444]/20"}` }, stats.totalPnL >= 0 ? /* @__PURE__ */ React.createElement(import_lucide_react16.TrendingUp, { size: 20, className: "text-[#22C55E]" }) : /* @__PURE__ */ React.createElement(import_lucide_react16.TrendingDown, { size: 20, className: "text-[#EF4444]" }) ))), /* @__PURE__ */ React.createElement("div", { className: "bg-[#1E1E1E] border border-[#333333] rounded-lg p-6" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("p", { className: "text-[#A0A0A0] text-sm font-medium" }, "Open Positions"), /* @__PURE__ */ React.createElement("p", { className: "text-white text-xl font-bold mt-1" }, stats.totalTrades)), /* @__PURE__ */ React.createElement("div", { className: "w-10 h-10 bg-[#3B82F6]/20 rounded-full flex items-center justify-center" }, /* @__PURE__ */ React.createElement(import_lucide_react16.Activity, { size: 20, className: "text-[#3B82F6]" }))))), /* @__PURE__ */ React.createElement("div", { className: "bg-[#1E1E1E] border border-[#333333] rounded-lg" }, /* @__PURE__ */ React.createElement("div", { className: "p-6 border-b border-[#333333]" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React.createElement("h2", { className: "text-lg font-semibold text-white" }, "Open Positions"), /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-2" }, /* @__PURE__ */ React.createElement(import_lucide_react16.BarChart, { size: 16, className: "text-[#FF8200]" }), /* @__PURE__ */ React.createElement("span", { className: "text-[#FF8200] text-sm font-medium" }, "Live Charts")))), openTrades.length > 0 ? /* @__PURE__ */ React.createElement("div", { className: "p-6" }, /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-6" }, openTrades.map((trade) => { const market = marketData[trade.id]; const entryPrice = parseFloat(trade.entry_price || 0); const currentPrice = parseFloat( trade.current_price || trade.entry_price || 0 ); const leverage = parseInt(trade.leverage || 1); const marginUsed = parseFloat(trade.margin_used || 0); let pnl = parseFloat(trade.live_pnl) || 0; let pnlPercent = 0; if (entryPrice > 0 && currentPrice > 0 && marginUsed > 0) { const priceChangePercent = trade.position_type === "long" ? (currentPrice - entryPrice) / entryPrice * 100 : (entryPrice - currentPrice) / entryPrice * 100; pnlPercent = priceChangePercent * leverage; } return /* @__PURE__ */ React.createElement( "div", { key: trade.id, className: "bg-[#2A2A2A] border border-[#404040] rounded-lg overflow-hidden hover:border-[#555555] transition-colors" }, /* @__PURE__ */ React.createElement("div", { className: "p-4 border-b border-[#404040]" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between mb-3" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-3" }, /* @__PURE__ */ React.createElement("div", { className: "w-10 h-10 rounded-full bg-[#333333] flex items-center justify-center" }, getMarketIcon2(trade.market_type)), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("h3", { className: "text-white font-semibold text-lg" }, trade.symbol), /* @__PURE__ */ React.createElement("p", { className: "text-[#A0A0A0] text-sm capitalize" }, trade.market_type))), /* @__PURE__ */ React.createElement("div", { className: "text-right" }, /* @__PURE__ */ React.createElement( "div", { className: `text-lg font-bold ${pnl >= 0 ? "text-[#22C55E]" : "text-[#EF4444]"}` }, formatCurrency2(pnl) ), /* @__PURE__ */ React.createElement( "div", { className: `text-sm ${pnl >= 0 ? "text-[#22C55E]" : "text-[#EF4444]"}` }, formatPercent2(pnlPercent) ))), /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-3" }, /* @__PURE__ */ React.createElement( "span", { className: `inline-block px-3 py-1 rounded-full text-sm font-medium ${trade.position_type === "long" ? "bg-[#22C55E]/20 text-[#22C55E]" : "bg-[#EF4444]/20 text-[#EF4444]"}` }, trade.position_type.toUpperCase() ), /* @__PURE__ */ React.createElement("span", { className: "text-[#A0A0A0] text-sm" }, trade.leverage, "X Leverage")), /* @__PURE__ */ React.createElement( "button", { onClick: () => handleCloseTrade(trade.id), disabled: closingTrade === trade.id, className: "flex items-center space-x-2 bg-[#EF4444] text-white px-3 py-2 rounded-lg text-sm font-medium hover:bg-[#DC3737] active:bg-[#C43030] transition-all duration-200 disabled:opacity-50 disabled:cursor-not-allowed" }, closingTrade === trade.id ? /* @__PURE__ */ React.createElement("div", { className: "animate-spin rounded-full h-4 w-4 border-2 border-white border-t-transparent" }) : /* @__PURE__ */ React.createElement(import_lucide_react16.X, { size: 14 }), /* @__PURE__ */ React.createElement("span", null, closingTrade === trade.id ? "Closing..." : "Close") ))), market && /* @__PURE__ */ React.createElement("div", { className: "h-[200px]" }, /* @__PURE__ */ React.createElement( TradeMiniChart, { trade, market, onPriceUpdate: (newPrice) => handlePriceUpdate(trade.id, newPrice), className: "h-full" } )), /* @__PURE__ */ React.createElement("div", { className: "p-4 space-y-3" }, /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-2 gap-4" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("p", { className: "text-[#A0A0A0] text-sm" }, "Entry Price"), /* @__PURE__ */ React.createElement("p", { className: "text-white font-medium" }, formatCurrency2(entryPrice))), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("p", { className: "text-[#A0A0A0] text-sm" }, "Current Price"), /* @__PURE__ */ React.createElement("p", { className: "text-white font-medium" }, formatCurrency2(currentPrice))), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("p", { className: "text-[#A0A0A0] text-sm" }, "Margin Used"), /* @__PURE__ */ React.createElement("p", { className: "text-white font-medium" }, formatCurrency2(marginUsed))), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("p", { className: "text-[#A0A0A0] text-sm" }, "Quantity"), /* @__PURE__ */ React.createElement("p", { className: "text-white font-medium" }, trade.quantity))), /* @__PURE__ */ React.createElement("div", { className: "pt-3 border-t border-[#404040]" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between text-xs text-[#A0A0A0]" }, /* @__PURE__ */ React.createElement("span", null, "Trade #", trade.id), /* @__PURE__ */ React.createElement("span", null, "Started:", " ", new Date(trade.created_at).toLocaleDateString())), trade.last_price_update && /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between text-xs text-[#666666] mt-1" }, /* @__PURE__ */ React.createElement("span", null, "Last update:", " ", new Date( trade.last_price_update ).toLocaleTimeString()), /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-1" }, /* @__PURE__ */ React.createElement("div", { className: "w-2 h-2 rounded-full bg-[#22C55E] animate-pulse" }), /* @__PURE__ */ React.createElement("span", { className: "text-[#22C55E]" }, "Live"))))) ); }))) : /* @__PURE__ */ React.createElement("div", { className: "p-12 text-center" }, /* @__PURE__ */ React.createElement(import_lucide_react16.Activity, { size: 48, className: "text-[#A0A0A0] mx-auto mb-4" }), /* @__PURE__ */ React.createElement("h3", { className: "text-white font-medium mb-2" }, "No Open Positions"), /* @__PURE__ */ React.createElement("p", { className: "text-[#A0A0A0] text-sm mb-6" }, "You don't have any active trades. Start trading to see your positions with live charts here."), /* @__PURE__ */ React.createElement("button", { className: "bg-gradient-to-r from-[#FF8200] to-[#FF9C14] text-white px-6 py-3 rounded-lg font-medium hover:from-[#E56B00] hover:to-[#E5820C] active:from-[#CC5500] active:to-[#CC7109] transition-all duration-200" }, "Start Trading"))), /* @__PURE__ */ React.createElement("div", { className: "bg-[#1E1E1E] border border-[#FF8200]/30 rounded-lg p-4" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-start space-x-3" }, /* @__PURE__ */ React.createElement( import_lucide_react16.AlertCircle, { size: 20, className: "text-[#FF8200] flex-shrink-0 mt-0.5" } ), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("h3", { className: "text-white font-medium mb-2" }, "Risk Warning"), /* @__PURE__ */ React.createElement("p", { className: "text-[#A0A0A0] text-sm" }, "Trading with leverage involves substantial risk and may result in losses exceeding your initial investment. Only trade with money you can afford to lose and ensure you understand the risks involved."))))); } var import_react17, import_lucide_react16; var init_Portfolio = __esm({ "virtual:/apps/web/src/components/Portfolio.jsx"() { init_injected_globals(); import_react17 = __toESM(require_react()); import_lucide_react16 = __toESM(require_lucide_react()); init_useUser(); init_TradeMiniChart(); } }); // virtual:/apps/web/src/components/History.jsx var History_exports = {}; __export(History_exports, { default: () => History }); function History() { const [activeTab, setActiveTab] = (0, import_react18.useState)("trades"); const [trades, setTrades] = (0, import_react18.useState)([]); const [transactions, setTransactions] = (0, import_react18.useState)([]); const [isLoading, setIsLoading] = (0, import_react18.useState)(true); const [filter, setFilter] = (0, import_react18.useState)("all"); (0, import_react18.useEffect)(() => { if (activeTab === "trades") { fetchTrades(); } else { fetchTransactions(); } }, [activeTab, filter]); const fetchTrades = async () => { setIsLoading(true); try { const response = await fetch("/api/trades?status=closed&limit=100"); const data = await response.json(); if (response.ok) { setTrades(data.trades || []); } } catch (error) { console.error("Failed to fetch trade history:", error); } finally { setIsLoading(false); } }; const fetchTransactions = async () => { setIsLoading(true); try { const params = new URLSearchParams(); params.append("limit", "100"); if (filter !== "all") { params.append("transaction_type", filter); } const response = await fetch(`/api/transactions?${params}`); const data = await response.json(); if (response.ok) { setTransactions(data.transactions || []); } } catch (error) { console.error("Failed to fetch transaction history:", error); } finally { setIsLoading(false); } }; const formatCurrency2 = (amount) => { return new Intl.NumberFormat("en-IN", { style: "currency", currency: "INR", minimumFractionDigits: 2 }).format(amount); }; const formatDate2 = (dateString) => { return new Date(dateString).toLocaleDateString("en-IN", { year: "numeric", month: "short", day: "numeric", hour: "2-digit", minute: "2-digit" }); }; const getMarketIcon2 = (marketType) => { switch (marketType) { case "crypto": return /* @__PURE__ */ React.createElement(import_lucide_react17.DollarSign, { size: 16, className: "text-[#FF8200]" }); case "forex": return /* @__PURE__ */ React.createElement(import_lucide_react17.BarChart3, { size: 16, className: "text-[#3B82F6]" }); case "stocks": return /* @__PURE__ */ React.createElement(import_lucide_react17.TrendingUp, { size: 16, className: "text-[#22C55E]" }); default: return /* @__PURE__ */ React.createElement(import_lucide_react17.Activity, { size: 16, className: "text-[#A0A0A0]" }); } }; const getStatusBadge = (status) => { const styles = { completed: "bg-[#22C55E]/20 text-[#22C55E]", pending: "bg-[#FF8200]/20 text-[#FF8200]", failed: "bg-[#EF4444]/20 text-[#EF4444]" }; return /* @__PURE__ */ React.createElement("span", { className: `inline-block px-2 py-1 rounded text-xs font-medium ${styles[status] || styles.pending}` }, status.toUpperCase()); }; if (isLoading) { return /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-center py-16" }, /* @__PURE__ */ React.createElement("div", { className: "animate-spin rounded-full h-12 w-12 border-4 border-[#FF8200] border-t-transparent" })); } return /* @__PURE__ */ React.createElement("div", { className: "space-y-6" }, /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-4 lg:flex-row lg:items-center lg:justify-between" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("h1", { className: "text-2xl font-bold text-white mb-2" }, "History"), /* @__PURE__ */ React.createElement("p", { className: "text-[#A0A0A0]" }, "View your trading and transaction history"))), /* @__PURE__ */ React.createElement("div", { className: "bg-[#1E1E1E] border border-[#333333] rounded-lg" }, /* @__PURE__ */ React.createElement("div", { className: "flex border-b border-[#333333]" }, /* @__PURE__ */ React.createElement( "button", { onClick: () => setActiveTab("trades"), className: `flex items-center space-x-2 px-6 py-4 text-sm font-medium transition-colors duration-200 ${activeTab === "trades" ? "text-[#FF8200] border-b-2 border-[#FF8200]" : "text-[#A0A0A0] hover:text-[#E0E0E0]"}` }, /* @__PURE__ */ React.createElement(import_lucide_react17.Activity, { size: 16 }), /* @__PURE__ */ React.createElement("span", null, "Trade History") ), /* @__PURE__ */ React.createElement( "button", { onClick: () => setActiveTab("transactions"), className: `flex items-center space-x-2 px-6 py-4 text-sm font-medium transition-colors duration-200 ${activeTab === "transactions" ? "text-[#FF8200] border-b-2 border-[#FF8200]" : "text-[#A0A0A0] hover:text-[#E0E0E0]"}` }, /* @__PURE__ */ React.createElement(import_lucide_react17.DollarSign, { size: 16 }), /* @__PURE__ */ React.createElement("span", null, "Transactions") )), activeTab === "transactions" && /* @__PURE__ */ React.createElement("div", { className: "p-4 border-b border-[#333333]" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-2" }, /* @__PURE__ */ React.createElement(import_lucide_react17.Filter, { size: 16, className: "text-[#A0A0A0]" }), /* @__PURE__ */ React.createElement("span", { className: "text-sm text-[#A0A0A0]" }, "Filter by:"), /* @__PURE__ */ React.createElement("div", { className: "flex space-x-2" }, [ { id: "all", label: "All" }, { id: "deposit", label: "Deposits" }, { id: "withdrawal", label: "Withdrawals" } ].map((option) => /* @__PURE__ */ React.createElement( "button", { key: option.id, onClick: () => setFilter(option.id), className: `px-3 py-1.5 rounded-lg text-xs font-medium transition-all duration-200 ${filter === option.id ? "bg-[#FF8200] text-white" : "bg-[#333333] text-[#A0A0A0] hover:text-[#E0E0E0] hover:bg-[#404040]"}` }, option.label ))))), /* @__PURE__ */ React.createElement("div", { className: "p-0" }, activeTab === "trades" ? ( // Trade History Table trades.length > 0 ? /* @__PURE__ */ React.createElement("div", { className: "overflow-x-auto" }, /* @__PURE__ */ React.createElement("table", { className: "w-full" }, /* @__PURE__ */ React.createElement("thead", { className: "bg-[#333333]/50" }, /* @__PURE__ */ React.createElement("tr", null, /* @__PURE__ */ React.createElement("th", { className: "text-left py-3 px-6 text-sm font-medium text-[#A0A0A0]" }, "Market"), /* @__PURE__ */ React.createElement("th", { className: "text-right py-3 px-6 text-sm font-medium text-[#A0A0A0]" }, "Position"), /* @__PURE__ */ React.createElement("th", { className: "text-right py-3 px-6 text-sm font-medium text-[#A0A0A0]" }, "Entry"), /* @__PURE__ */ React.createElement("th", { className: "text-right py-3 px-6 text-sm font-medium text-[#A0A0A0]" }, "Exit"), /* @__PURE__ */ React.createElement("th", { className: "text-right py-3 px-6 text-sm font-medium text-[#A0A0A0]" }, "P&L"), /* @__PURE__ */ React.createElement("th", { className: "text-right py-3 px-6 text-sm font-medium text-[#A0A0A0]" }, "Date"))), /* @__PURE__ */ React.createElement("tbody", { className: "divide-y divide-[#333333]" }, trades.map((trade) => /* @__PURE__ */ React.createElement("tr", { key: trade.id, className: "hover:bg-[#333333]/20 transition-colors duration-200" }, /* @__PURE__ */ React.createElement("td", { className: "py-4 px-6" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-3" }, /* @__PURE__ */ React.createElement("div", { className: "w-8 h-8 rounded-full bg-[#333333] flex items-center justify-center" }, getMarketIcon2(trade.market_type)), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("p", { className: "text-white font-medium" }, trade.symbol), /* @__PURE__ */ React.createElement("p", { className: "text-[#A0A0A0] text-xs capitalize" }, trade.market_type)))), /* @__PURE__ */ React.createElement("td", { className: "py-4 px-6 text-right" }, /* @__PURE__ */ React.createElement("div", { className: "flex flex-col items-end" }, /* @__PURE__ */ React.createElement("span", { className: `inline-block px-2 py-1 rounded text-xs font-medium ${trade.position_type === "long" ? "bg-[#22C55E]/20 text-[#22C55E]" : "bg-[#EF4444]/20 text-[#EF4444]"}` }, trade.position_type.toUpperCase()), /* @__PURE__ */ React.createElement("span", { className: "text-[#A0A0A0] text-xs mt-1" }, trade.leverage, "X"))), /* @__PURE__ */ React.createElement("td", { className: "py-4 px-6 text-right" }, /* @__PURE__ */ React.createElement("p", { className: "text-white font-medium" }, formatCurrency2(trade.entry_price))), /* @__PURE__ */ React.createElement("td", { className: "py-4 px-6 text-right" }, /* @__PURE__ */ React.createElement("p", { className: "text-white font-medium" }, formatCurrency2(trade.exit_price))), /* @__PURE__ */ React.createElement("td", { className: "py-4 px-6 text-right" }, /* @__PURE__ */ React.createElement("p", { className: `font-medium ${trade.pnl >= 0 ? "text-[#22C55E]" : "text-[#EF4444]"}` }, formatCurrency2(trade.pnl))), /* @__PURE__ */ React.createElement("td", { className: "py-4 px-6 text-right" }, /* @__PURE__ */ React.createElement("p", { className: "text-[#A0A0A0] text-sm" }, formatDate2(trade.closed_at)))))))) : /* @__PURE__ */ React.createElement("div", { className: "p-12 text-center" }, /* @__PURE__ */ React.createElement(import_lucide_react17.Activity, { size: 48, className: "text-[#A0A0A0] mx-auto mb-4" }), /* @__PURE__ */ React.createElement("h3", { className: "text-white font-medium mb-2" }, "No Trade History"), /* @__PURE__ */ React.createElement("p", { className: "text-[#A0A0A0] text-sm" }, "You haven't completed any trades yet. Start trading to see your history here.")) ) : ( // Transaction History Table transactions.length > 0 ? /* @__PURE__ */ React.createElement("div", { className: "overflow-x-auto" }, /* @__PURE__ */ React.createElement("table", { className: "w-full" }, /* @__PURE__ */ React.createElement("thead", { className: "bg-[#333333]/50" }, /* @__PURE__ */ React.createElement("tr", null, /* @__PURE__ */ React.createElement("th", { className: "text-left py-3 px-6 text-sm font-medium text-[#A0A0A0]" }, "Type"), /* @__PURE__ */ React.createElement("th", { className: "text-right py-3 px-6 text-sm font-medium text-[#A0A0A0]" }, "Amount"), /* @__PURE__ */ React.createElement("th", { className: "text-right py-3 px-6 text-sm font-medium text-[#A0A0A0]" }, "Status"), /* @__PURE__ */ React.createElement("th", { className: "text-right py-3 px-6 text-sm font-medium text-[#A0A0A0]" }, "Method"), /* @__PURE__ */ React.createElement("th", { className: "text-right py-3 px-6 text-sm font-medium text-[#A0A0A0]" }, "Reference"), /* @__PURE__ */ React.createElement("th", { className: "text-right py-3 px-6 text-sm font-medium text-[#A0A0A0]" }, "Date"))), /* @__PURE__ */ React.createElement("tbody", { className: "divide-y divide-[#333333]" }, transactions.map((transaction) => /* @__PURE__ */ React.createElement("tr", { key: transaction.id, className: "hover:bg-[#333333]/20 transition-colors duration-200" }, /* @__PURE__ */ React.createElement("td", { className: "py-4 px-6" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-3" }, /* @__PURE__ */ React.createElement("div", { className: `w-8 h-8 rounded-full flex items-center justify-center ${transaction.transaction_type === "deposit" ? "bg-[#22C55E]/20" : "bg-[#EF4444]/20"}` }, transaction.transaction_type === "deposit" ? /* @__PURE__ */ React.createElement(import_lucide_react17.Download, { size: 16, className: "text-[#22C55E]" }) : /* @__PURE__ */ React.createElement(import_lucide_react17.Upload, { size: 16, className: "text-[#EF4444]" })), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("p", { className: "text-white font-medium capitalize" }, transaction.transaction_type)))), /* @__PURE__ */ React.createElement("td", { className: "py-4 px-6 text-right" }, /* @__PURE__ */ React.createElement("p", { className: `font-medium ${transaction.transaction_type === "deposit" ? "text-[#22C55E]" : "text-[#EF4444]"}` }, transaction.transaction_type === "deposit" ? "+" : "-", formatCurrency2(transaction.amount))), /* @__PURE__ */ React.createElement("td", { className: "py-4 px-6 text-right" }, getStatusBadge(transaction.status)), /* @__PURE__ */ React.createElement("td", { className: "py-4 px-6 text-right" }, /* @__PURE__ */ React.createElement("p", { className: "text-[#A0A0A0] text-sm" }, transaction.payment_method || "N/A")), /* @__PURE__ */ React.createElement("td", { className: "py-4 px-6 text-right" }, /* @__PURE__ */ React.createElement("p", { className: "text-[#A0A0A0] text-sm font-mono" }, transaction.transaction_reference)), /* @__PURE__ */ React.createElement("td", { className: "py-4 px-6 text-right" }, /* @__PURE__ */ React.createElement("p", { className: "text-[#A0A0A0] text-sm" }, formatDate2(transaction.created_at)))))))) : /* @__PURE__ */ React.createElement("div", { className: "p-12 text-center" }, /* @__PURE__ */ React.createElement(import_lucide_react17.DollarSign, { size: 48, className: "text-[#A0A0A0] mx-auto mb-4" }), /* @__PURE__ */ React.createElement("h3", { className: "text-white font-medium mb-2" }, "No Transactions"), /* @__PURE__ */ React.createElement("p", { className: "text-[#A0A0A0] text-sm" }, "You haven't made any ", filter === "all" ? "transactions" : `${filter}s`, " yet.")) )))); } var import_react18, import_lucide_react17; var init_History = __esm({ "virtual:/apps/web/src/components/History.jsx"() { init_injected_globals(); import_react18 = __toESM(require_react()); import_lucide_react17 = __toESM(require_lucide_react()); } }); // virtual:/apps/web/src/hooks/useWallet.js function useWallet() { const { data: user, refetch: refetchUser } = useUser_default(); const [activeModal, setActiveModal] = (0, import_react19.useState)(null); const [amount, setAmount] = (0, import_react19.useState)(""); const [paymentMethod, setPaymentMethod] = (0, import_react19.useState)("UPI"); const [withdrawalDetails, setWithdrawalDetails] = (0, import_react19.useState)({ upi_id: "", account_number: "", ifsc_code: "", account_holder_name: "", bank_name: "" }); const [saveWithdrawalDetails, setSaveWithdrawalDetails] = (0, import_react19.useState)(false); const [isLoading, setIsLoading] = (0, import_react19.useState)(false); const [error, setError] = (0, import_react19.useState)(null); const [success, setSuccess] = (0, import_react19.useState)(null); const [recentTransactions, setRecentTransactions] = (0, import_react19.useState)([]); const [showPaymentDetails, setShowPaymentDetails] = (0, import_react19.useState)(null); (0, import_react19.useEffect)(() => { fetchRecentTransactions(); }, []); (0, import_react19.useEffect)(() => { if (activeModal === "withdraw" && user) { loadSavedWithdrawalDetails(); } }, [activeModal, user]); const fetchRecentTransactions = async () => { try { const response = await fetch("/api/transactions?limit=5"); const data = await response.json(); if (response.ok) { setRecentTransactions(data.transactions || []); } } catch (error2) { console.error("Failed to fetch recent transactions:", error2); } }; const loadSavedWithdrawalDetails = async () => { try { const response = await fetch("/api/user-profile"); const data = await response.json(); if (response.ok && data) { if (data.saved_upi_id || data.saved_account_number) { setWithdrawalDetails({ upi_id: data.saved_upi_id || "", account_number: data.saved_account_number || "", ifsc_code: data.saved_ifsc_code || "", account_holder_name: data.saved_account_holder_name || "", bank_name: data.saved_bank_name || "" }); if (data.saved_upi_id) { setPaymentMethod("UPI"); } else if (data.saved_account_number) { setPaymentMethod("NetBanking"); } } } } catch (error2) { console.error("Failed to load saved withdrawal details:", error2); } }; const saveWithdrawalDetailsToProfile = async (details) => { try { const updateData = {}; if (paymentMethod === "UPI" && details.upi_id) { updateData.saved_upi_id = details.upi_id; updateData.saved_account_number = null; updateData.saved_ifsc_code = null; updateData.saved_account_holder_name = null; updateData.saved_bank_name = null; } else if ((paymentMethod === "NetBanking" || paymentMethod === "Card") && details.account_number) { updateData.saved_account_number = details.account_number; updateData.saved_ifsc_code = details.ifsc_code; updateData.saved_account_holder_name = details.account_holder_name; updateData.saved_bank_name = details.bank_name; updateData.saved_upi_id = null; } await fetch("/api/user-profile", { method: "PUT", headers: { "Content-Type": "application/json" }, body: JSON.stringify(updateData) }); } catch (error2) { console.error("Failed to save withdrawal details:", error2); } }; const handleTransaction = async (type) => { setIsLoading(true); setError(null); setSuccess(null); if (!amount || parseFloat(amount) <= 0) { setError("Please enter a valid amount"); setIsLoading(false); return; } const transactionAmount = parseFloat(amount); if (transactionAmount < 500) { setError(`Minimum ${type} amount is \u20B9500`); setIsLoading(false); return; } if ((type === "withdrawal" || type === "withdraw") && transactionAmount > (user?.wallet_balance || 0)) { setError("Insufficient balance for withdrawal"); setIsLoading(false); return; } if (type === "withdrawal" || type === "withdraw") { if (paymentMethod === "UPI" && !withdrawalDetails.upi_id) { setError("Please enter your UPI ID for withdrawal"); setIsLoading(false); return; } if ((paymentMethod === "NetBanking" || paymentMethod === "Card") && (!withdrawalDetails.account_number || !withdrawalDetails.ifsc_code || !withdrawalDetails.account_holder_name)) { setError("Please fill all bank account details for withdrawal"); setIsLoading(false); return; } } try { const requestBody = { transaction_type: type === "withdraw" ? "withdrawal" : type, // Fix transaction type mapping amount: transactionAmount, payment_method: paymentMethod }; if (type === "withdraw" || type === "withdrawal") { requestBody.withdrawal_details = withdrawalDetails; if (saveWithdrawalDetails) { await saveWithdrawalDetailsToProfile(withdrawalDetails); } } const response = await fetch("/api/transactions", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(requestBody) }); if (!response.ok) { const errorData = await response.json(); setError(errorData.error || `Server error: ${response.status}`); setIsLoading(false); return; } const data = await response.json(); if (type === "deposit") { setShowPaymentDetails({ ...data, amount: transactionAmount, payment_config: data.payment_config || { upi_id: "tradego@paytm" } }); setActiveModal(null); setAmount(""); setSuccess( "Deposit request created successfully! Please complete the payment." ); } else { const withdrawalRequestId = data.withdrawal_request_id || data.transaction_reference; const statusMessage = data.status_message || data.message; console.log("Withdrawal request completed:", { id: withdrawalRequestId, message: statusMessage, amount: transactionAmount, withdrawal_details: data.withdrawal_details }); setSuccess( `\u2705 Withdrawal Request Submitted Successfully! \u{1F194} Request ID: ${withdrawalRequestId} \u{1F4B0} Amount: \u20B9${transactionAmount.toLocaleString()} \u{1F4CB} Status: Pending Approval Your withdrawal request has been submitted and is awaiting admin approval. You will be notified once it's processed.` ); setAmount(""); setWithdrawalDetails({ upi_id: "", account_number: "", ifsc_code: "", account_holder_name: "", bank_name: "" }); setSaveWithdrawalDetails(false); setActiveModal(null); await refetchUser(); await fetchRecentTransactions(); } } catch (error2) { console.error(`${type} error:`, error2); if (error2.name === "TypeError" && error2.message.includes("fetch")) { setError( "Network connection error. Please check your internet connection and try again." ); } else { setError( `Failed to process ${type}. Please try again. Error: ${error2.message}` ); } } finally { setIsLoading(false); } }; const closeModal = () => { setActiveModal(null); setAmount(""); setError(null); setWithdrawalDetails({ upi_id: "", account_number: "", ifsc_code: "", account_holder_name: "", bank_name: "" }); }; const closePaymentDetails = () => { setShowPaymentDetails(null); setAmount(""); fetchRecentTransactions(); refetchUser(); }; return { user, activeModal, setActiveModal, amount, setAmount, paymentMethod, setPaymentMethod, withdrawalDetails, setWithdrawalDetails, saveWithdrawalDetails, setSaveWithdrawalDetails, isLoading, error, success, setSuccess, recentTransactions, showPaymentDetails, handleTransaction, closeModal, closePaymentDetails }; } var import_react19; var init_useWallet = __esm({ "virtual:/apps/web/src/hooks/useWallet.js"() { init_injected_globals(); import_react19 = __toESM(require_react()); init_useUser(); } }); // virtual:/apps/web/src/components/wallet/WalletBalanceCard.jsx function WalletBalanceCard({ balance, onDeposit, onWithdraw }) { return /* @__PURE__ */ React.createElement("div", { className: "bg-gradient-to-r from-[#FF8200] to-[#FF9C14] rounded-lg p-8 text-white" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between mb-6" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-3" }, /* @__PURE__ */ React.createElement("div", { className: "w-12 h-12 bg-white/20 rounded-full flex items-center justify-center" }, /* @__PURE__ */ React.createElement(import_lucide_react18.Wallet, { size: 24 })), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("h2", { className: "text-xl font-semibold" }, "Account Balance"), /* @__PURE__ */ React.createElement("p", { className: "text-white/80 text-sm" }, "Available for trading")))), /* @__PURE__ */ React.createElement("div", { className: "mb-8" }, /* @__PURE__ */ React.createElement("p", { className: "text-4xl font-bold mb-2" }, formatCurrency(balance || 0)), /* @__PURE__ */ React.createElement("p", { className: "text-white/80 text-sm" }, "\u{1F4B0} Add money to start trading")), /* @__PURE__ */ React.createElement("div", { className: "flex flex-col sm:flex-row gap-3" }, /* @__PURE__ */ React.createElement( "button", { onClick: onDeposit, className: "flex-1 bg-white text-[#FF8200] py-3 px-6 rounded-lg font-medium hover:bg-white/90 active:bg-white/80 transition-all duration-200 flex items-center justify-center space-x-2" }, /* @__PURE__ */ React.createElement(import_lucide_react18.Plus, { size: 20 }), /* @__PURE__ */ React.createElement("span", null, "Add Money") ), /* @__PURE__ */ React.createElement( "button", { onClick: onWithdraw, className: "flex-1 bg-white/20 text-white py-3 px-6 rounded-lg font-medium hover:bg-white/30 active:bg-white/10 transition-all duration-200 flex items-center justify-center space-x-2 border border-white/30" }, /* @__PURE__ */ React.createElement(import_lucide_react18.Minus, { size: 20 }), /* @__PURE__ */ React.createElement("span", null, "Withdraw") ))); } var import_lucide_react18; var init_WalletBalanceCard = __esm({ "virtual:/apps/web/src/components/wallet/WalletBalanceCard.jsx"() { init_injected_globals(); import_lucide_react18 = __toESM(require_lucide_react()); init_formatters(); } }); // virtual:/apps/web/src/utils/transactionUtils.jsx var import_lucide_react19, getStatusIcon; var init_transactionUtils = __esm({ "virtual:/apps/web/src/utils/transactionUtils.jsx"() { init_injected_globals(); import_lucide_react19 = __toESM(require_lucide_react()); getStatusIcon = (status) => { switch (status) { case "completed": return /* @__PURE__ */ React.createElement(import_lucide_react19.CheckCircle, { size: 16, className: "text-[#22C55E]" }); case "pending": return /* @__PURE__ */ React.createElement(import_lucide_react19.Clock, { size: 16, className: "text-[#FF8200]" }); case "failed": return /* @__PURE__ */ React.createElement(import_lucide_react19.X, { size: 16, className: "text-[#EF4444]" }); default: return /* @__PURE__ */ React.createElement(import_lucide_react19.Clock, { size: 16, className: "text-[#FF8200]" }); } }; } }); // virtual:/apps/web/src/components/wallet/RecentTransactionsList.jsx function RecentTransactionsList({ transactions, onDeposit }) { return /* @__PURE__ */ React.createElement("div", { className: "bg-[#1E1E1E] border border-[#333333] rounded-lg" }, /* @__PURE__ */ React.createElement("div", { className: "p-6 border-b border-[#333333]" }, /* @__PURE__ */ React.createElement("h2", { className: "text-lg font-semibold text-white" }, "Recent Transactions")), transactions.length > 0 ? /* @__PURE__ */ React.createElement("div", { className: "divide-y divide-[#333333]" }, transactions.map((transaction) => /* @__PURE__ */ React.createElement(TransactionItem, { key: transaction.id, transaction }))) : /* @__PURE__ */ React.createElement("div", { className: "p-12 text-center" }, /* @__PURE__ */ React.createElement(import_lucide_react20.Wallet, { size: 48, className: "text-[#A0A0A0] mx-auto mb-4" }), /* @__PURE__ */ React.createElement("h3", { className: "text-white font-medium mb-2" }, "No Transactions Yet"), /* @__PURE__ */ React.createElement("p", { className: "text-[#A0A0A0] text-sm mb-6" }, "Add money to your wallet to start trading"), /* @__PURE__ */ React.createElement( "button", { onClick: onDeposit, className: "bg-gradient-to-r from-[#FF8200] to-[#FF9C14] text-white px-6 py-3 rounded-lg font-medium hover:from-[#E56B00] hover:to-[#E5820C] active:from-[#CC5500] active:to-[#CC7109] transition-all duration-200" }, "Add Money" ))); } var import_lucide_react20, TransactionItem; var init_RecentTransactionsList = __esm({ "virtual:/apps/web/src/components/wallet/RecentTransactionsList.jsx"() { init_injected_globals(); import_lucide_react20 = __toESM(require_lucide_react()); init_formatters(); init_transactionUtils(); TransactionItem = ({ transaction }) => /* @__PURE__ */ React.createElement("div", { className: "p-4 hover:bg-[#333333]/20 transition-colors duration-200" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-3" }, /* @__PURE__ */ React.createElement( "div", { className: `w-10 h-10 rounded-full flex items-center justify-center ${transaction.transaction_type === "deposit" ? "bg-[#22C55E]/20" : "bg-[#EF4444]/20"}` }, transaction.transaction_type === "deposit" ? /* @__PURE__ */ React.createElement(import_lucide_react20.Plus, { size: 16, className: "text-[#22C55E]" }) : /* @__PURE__ */ React.createElement(import_lucide_react20.Minus, { size: 16, className: "text-[#EF4444]" }) ), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("p", { className: "text-white font-medium capitalize" }, transaction.transaction_type), /* @__PURE__ */ React.createElement("p", { className: "text-[#A0A0A0] text-sm" }, transaction.payment_method, " \u2022", " ", formatDate(transaction.created_at)))), /* @__PURE__ */ React.createElement("div", { className: "text-right flex items-center space-x-3" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement( "p", { className: `font-medium ${transaction.transaction_type === "deposit" ? "text-[#22C55E]" : "text-[#EF4444]"}` }, transaction.transaction_type === "deposit" ? "+" : "-", formatCurrency(transaction.amount) ), /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-end space-x-1" }, getStatusIcon(transaction.status), /* @__PURE__ */ React.createElement("span", { className: "text-[#A0A0A0] text-xs capitalize" }, transaction.status)))))); } }); // virtual:/apps/web/src/components/wallet/ImportantNotes.jsx function ImportantNotes() { return /* @__PURE__ */ React.createElement("div", { className: "bg-[#1E1E1E] border border-[#FF8200]/30 rounded-lg p-4" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-start space-x-3" }, /* @__PURE__ */ React.createElement( import_lucide_react21.AlertCircle, { size: 20, className: "text-[#FF8200] flex-shrink-0 mt-0.5" } ), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("h3", { className: "text-white font-medium mb-2" }, "Important Information"), /* @__PURE__ */ React.createElement("ul", { className: "text-[#A0A0A0] text-sm space-y-1" }, /* @__PURE__ */ React.createElement("li", null, "\u2022 Deposits are usually processed instantly via UPI"), /* @__PURE__ */ React.createElement("li", null, "\u2022 Withdrawals may take 1-3 business days to reflect in your bank account"), /* @__PURE__ */ React.createElement("li", null, "\u2022 Minimum deposit amount is \u20B9500"), /* @__PURE__ */ React.createElement("li", null, "\u2022 Minimum withdrawal amount is \u20B9500"), /* @__PURE__ */ React.createElement("li", null, "\u2022 All transactions are secured with bank-grade encryption"))))); } var import_lucide_react21; var init_ImportantNotes = __esm({ "virtual:/apps/web/src/components/wallet/ImportantNotes.jsx"() { init_injected_globals(); import_lucide_react21 = __toESM(require_lucide_react()); } }); // virtual:/apps/web/src/components/wallet/TransactionModal.jsx function TransactionModal({ type, onClose, user, amount, setAmount, paymentMethod, setPaymentMethod, withdrawalDetails, setWithdrawalDetails, saveWithdrawalDetails, setSaveWithdrawalDetails, handleTransaction, isLoading, error }) { const hasSavedDetails = type === "withdrawal" && (paymentMethod === "UPI" && withdrawalDetails.upi_id || (paymentMethod === "NetBanking" || paymentMethod === "Card") && withdrawalDetails.account_number); return /* @__PURE__ */ React.createElement("div", { className: "fixed inset-0 bg-black/50 backdrop-blur-sm flex items-center justify-center p-4 z-50" }, /* @__PURE__ */ React.createElement("div", { className: "bg-[#1E1E1E] border border-[#333333] rounded-lg w-full max-w-md max-h-[90vh] overflow-y-auto" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between p-6 border-b border-[#333333] sticky top-0 bg-[#1E1E1E] z-10" }, /* @__PURE__ */ React.createElement("h2", { className: "text-lg font-semibold text-white" }, type === "deposit" ? "Add Money" : "Withdraw Money"), /* @__PURE__ */ React.createElement( "button", { onClick: onClose, className: "w-8 h-8 rounded-full hover:bg-[#333333] flex items-center justify-center transition-colors duration-200" }, /* @__PURE__ */ React.createElement(import_lucide_react22.X, { size: 20, className: "text-[#A0A0A0]" }) )), /* @__PURE__ */ React.createElement("div", { className: "p-6 space-y-6" }, /* @__PURE__ */ React.createElement("div", { className: "bg-[#333333]/50 rounded-lg p-4" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React.createElement("span", { className: "text-[#A0A0A0] text-sm" }, "Current Balance"), /* @__PURE__ */ React.createElement("span", { className: "text-white font-semibold" }, formatCurrency(user?.wallet_balance || 0)))), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium text-[#E0E0E0] mb-2" }, "Amount (INR)"), /* @__PURE__ */ React.createElement( "input", { type: "number", value: amount, onChange: (e) => setAmount(e.target.value), placeholder: "Enter amount", min: "1", step: "1", className: "w-full px-4 py-3 bg-[#333333] border border-[#404040] rounded-lg text-white placeholder-[#A0A0A0] focus:outline-none focus:border-[#FF8200] focus:bg-[#404040] transition-all duration-200", required: true } )), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium text-[#E0E0E0] mb-3" }, type === "deposit" ? "Payment Method" : "Withdrawal Method"), /* @__PURE__ */ React.createElement("div", { className: "space-y-2" }, paymentMethods.map((method) => { const IconComponent = method.icon; return /* @__PURE__ */ React.createElement( "button", { key: method.id, type: "button", onClick: () => setPaymentMethod(method.id), className: `w-full flex items-center space-x-3 p-3 rounded-lg border transition-all duration-200 ${paymentMethod === method.id ? "bg-[#FF8200]/10 border-[#FF8200] text-[#FF8200]" : "bg-[#333333] border-[#404040] text-[#A0A0A0] hover:border-[#555555] hover:text-[#E0E0E0]"}` }, /* @__PURE__ */ React.createElement(IconComponent, { size: 20 }), /* @__PURE__ */ React.createElement("span", { className: "font-medium" }, method.label) ); }))), (type === "withdrawal" || type === "withdraw") && /* @__PURE__ */ React.createElement( WithdrawalForm, { paymentMethod, withdrawalDetails, setWithdrawalDetails, saveWithdrawalDetails, setSaveWithdrawalDetails, hasSavedDetails } ), type === "deposit" && /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium text-[#E0E0E0] mb-2" }, "Quick Select"), /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-3 gap-2" }, [500, 2e3, 1e4].map((quickAmount) => /* @__PURE__ */ React.createElement( "button", { key: quickAmount, type: "button", onClick: () => setAmount(quickAmount.toString()), className: "py-2 px-4 bg-[#333333] border border-[#404040] rounded-lg text-[#A0A0A0] text-sm font-medium hover:text-[#E0E0E0] hover:bg-[#404040] hover:border-[#555555] transition-all duration-200" }, "\u20B9", quickAmount.toLocaleString() )))), error && /* @__PURE__ */ React.createElement("div", { className: "bg-red-900/30 border border-red-600/30 rounded-lg p-3 text-red-400 text-sm" }, error), /* @__PURE__ */ React.createElement( "button", { onClick: () => handleTransaction(type), disabled: isLoading || !amount, className: `w-full py-3 rounded-lg font-medium transition-all duration-200 disabled:opacity-50 disabled:cursor-not-allowed ${type === "deposit" ? "bg-[#22C55E] text-white hover:bg-[#16A249] active:bg-[#14992B]" : "bg-[#EF4444] text-white hover:bg-[#DC3737] active:bg-[#C43030]"}` }, isLoading ? "Processing..." : `${type === "deposit" ? "Add" : "Withdraw"} Money` )))); } var import_lucide_react22, paymentMethods, WithdrawalForm; var init_TransactionModal = __esm({ "virtual:/apps/web/src/components/wallet/TransactionModal.jsx"() { init_injected_globals(); import_lucide_react22 = __toESM(require_lucide_react()); init_formatters(); paymentMethods = [ { id: "UPI", label: "UPI", icon: import_lucide_react22.Smartphone }, { id: "NetBanking", label: "Net Banking", icon: import_lucide_react22.Building2 }, { id: "Card", label: "Bank Account", icon: import_lucide_react22.CreditCard } ]; WithdrawalForm = ({ paymentMethod, withdrawalDetails, setWithdrawalDetails, saveWithdrawalDetails, setSaveWithdrawalDetails, hasSavedDetails }) => /* @__PURE__ */ React.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React.createElement("h3", { className: "text-sm font-medium text-[#E0E0E0]" }, paymentMethod === "UPI" ? "UPI Details" : "Bank Account Details"), hasSavedDetails && /* @__PURE__ */ React.createElement("span", { className: "text-xs text-green-400 bg-green-900/20 px-2 py-1 rounded" }, "Using saved details")), paymentMethod === "UPI" ? /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium text-[#E0E0E0] mb-2" }, "UPI ID ", /* @__PURE__ */ React.createElement("span", { className: "text-red-400" }, "*")), /* @__PURE__ */ React.createElement( "input", { type: "text", value: withdrawalDetails.upi_id, onChange: (e) => setWithdrawalDetails((prev) => ({ ...prev, upi_id: e.target.value })), placeholder: "yourname@paytm / yourname@phonepe", className: "w-full px-4 py-3 bg-[#333333] border border-[#404040] rounded-lg text-white placeholder-[#A0A0A0] focus:outline-none focus:border-[#FF8200] focus:bg-[#404040] transition-all duration-200", required: true } )) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium text-[#E0E0E0] mb-2" }, "Account Holder Name ", /* @__PURE__ */ React.createElement("span", { className: "text-red-400" }, "*")), /* @__PURE__ */ React.createElement( "input", { type: "text", value: withdrawalDetails.account_holder_name, onChange: (e) => setWithdrawalDetails((prev) => ({ ...prev, account_holder_name: e.target.value })), placeholder: "Enter account holder name", className: "w-full px-4 py-3 bg-[#333333] border border-[#404040] rounded-lg text-white placeholder-[#A0A0A0] focus:outline-none focus:border-[#FF8200] focus:bg-[#404040] transition-all duration-200", required: true } )), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium text-[#E0E0E0] mb-2" }, "Account Number ", /* @__PURE__ */ React.createElement("span", { className: "text-red-400" }, "*")), /* @__PURE__ */ React.createElement( "input", { type: "text", value: withdrawalDetails.account_number, onChange: (e) => setWithdrawalDetails((prev) => ({ ...prev, account_number: e.target.value })), placeholder: "Enter bank account number", className: "w-full px-4 py-3 bg-[#333333] border border-[#404040] rounded-lg text-white placeholder-[#A0A0A0] focus:outline-none focus:border-[#FF8200] focus:bg-[#404040] transition-all duration-200", required: true } )), /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-2 gap-3" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium text-[#E0E0E0] mb-2" }, "IFSC Code ", /* @__PURE__ */ React.createElement("span", { className: "text-red-400" }, "*")), /* @__PURE__ */ React.createElement( "input", { type: "text", value: withdrawalDetails.ifsc_code, onChange: (e) => setWithdrawalDetails((prev) => ({ ...prev, ifsc_code: e.target.value.toUpperCase() })), placeholder: "BANK0001234", className: "w-full px-4 py-3 bg-[#333333] border border-[#404040] rounded-lg text-white placeholder-[#A0A0A0] focus:outline-none focus:border-[#FF8200] focus:bg-[#404040] transition-all duration-200", maxLength: "11", required: true } )), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium text-[#E0E0E0] mb-2" }, "Bank Name"), /* @__PURE__ */ React.createElement( "input", { type: "text", value: withdrawalDetails.bank_name, onChange: (e) => setWithdrawalDetails((prev) => ({ ...prev, bank_name: e.target.value })), placeholder: "Bank name", className: "w-full px-4 py-3 bg-[#333333] border border-[#404040] rounded-lg text-white placeholder-[#A0A0A0] focus:outline-none focus:border-[#FF8200] focus:bg-[#404040] transition-all duration-200" } )))), /* @__PURE__ */ React.createElement("div", { className: "flex items-start space-x-3 bg-[#333333]/50 rounded-lg p-3" }, /* @__PURE__ */ React.createElement( "input", { type: "checkbox", id: "saveWithdrawalDetails", checked: saveWithdrawalDetails, onChange: (e) => setSaveWithdrawalDetails(e.target.checked), className: "w-4 h-4 text-[#FF8200] bg-[#333333] border-[#404040] rounded focus:ring-[#FF8200] focus:ring-2 mt-0.5" } ), /* @__PURE__ */ React.createElement( "label", { htmlFor: "saveWithdrawalDetails", className: "text-sm text-[#E0E0E0] cursor-pointer" }, "Save these details for future withdrawals", /* @__PURE__ */ React.createElement("span", { className: "block text-xs text-[#A0A0A0] mt-1" }, "Your withdrawal details will be securely saved to your profile for faster future transactions.") )), /* @__PURE__ */ React.createElement("div", { className: "bg-[#FF8200]/10 border border-[#FF8200]/30 rounded-lg p-3" }, /* @__PURE__ */ React.createElement("p", { className: "text-[#FF8200] text-xs" }, "\u26A0\uFE0F Please double-check your", " ", paymentMethod === "UPI" ? "UPI ID" : "bank account details", " as incorrect information may delay your withdrawal."))); } }); // virtual:/apps/web/src/components/wallet/PaymentDetailsModal.jsx function PaymentDetailsModal({ details, onClose, setSuccess }) { if (!details) return null; const handleCopy = (text, type) => { navigator.clipboard.writeText(text); setSuccess(`${type} copied to clipboard!`); setTimeout(() => setSuccess(null), 3e3); }; const generateQRCode = () => { const upiId = details.payment_config?.upi_id || "tradego@paytm"; const amount = details.amount; const transactionRef = details.transaction_reference; const merchantName = details.payment_config?.merchant_name || "TradeGo"; const upiUrl = `upi://pay?pa=${upiId}&pn=${encodeURIComponent( merchantName )}&tr=${transactionRef}&am=${amount}&cu=INR&tn=${encodeURIComponent( `Deposit to TradeGo - ${transactionRef}` )}`; return `https://api.qrserver.com/v1/create-qr-code/?size=200x200&data=${encodeURIComponent( upiUrl )}`; }; return /* @__PURE__ */ React.createElement("div", { className: "fixed inset-0 bg-black/50 backdrop-blur-sm flex items-center justify-center p-4 z-50" }, /* @__PURE__ */ React.createElement("div", { className: "bg-[#1E1E1E] border border-[#333333] rounded-lg w-full max-w-md" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between p-6 border-b border-[#333333]" }, /* @__PURE__ */ React.createElement("h2", { className: "text-lg font-semibold text-white" }, "Complete Payment"), /* @__PURE__ */ React.createElement( "button", { onClick: onClose, className: "w-8 h-8 rounded-full hover:bg-[#333333] flex items-center justify-center transition-colors duration-200" }, /* @__PURE__ */ React.createElement(import_lucide_react23.X, { size: 20, className: "text-[#A0A0A0]" }) )), /* @__PURE__ */ React.createElement("div", { className: "p-6 space-y-6" }, /* @__PURE__ */ React.createElement("div", { className: "bg-[#22C55E]/10 border border-[#22C55E]/30 rounded-lg p-4 text-center" }, /* @__PURE__ */ React.createElement("p", { className: "text-[#A0A0A0] text-sm mb-1" }, "Amount to Pay"), /* @__PURE__ */ React.createElement("p", { className: "text-2xl font-bold text-[#22C55E]" }, formatCurrency(details.amount))), /* @__PURE__ */ React.createElement("div", { className: "text-center" }, /* @__PURE__ */ React.createElement("p", { className: "text-white font-medium mb-3" }, "Scan QR Code to Pay"), /* @__PURE__ */ React.createElement("div", { className: "bg-white p-4 rounded-lg inline-block" }, /* @__PURE__ */ React.createElement( "img", { src: generateQRCode(), alt: "UPI Payment QR Code", className: "w-48 h-48 mx-auto" } )), /* @__PURE__ */ React.createElement("p", { className: "text-[#A0A0A0] text-sm mt-2" }, "Open any UPI app and scan this QR code")), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium text-[#E0E0E0] mb-2" }, "Or pay using UPI ID"), /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-2" }, /* @__PURE__ */ React.createElement( "input", { type: "text", value: details.payment_config?.upi_id || "tradego@paytm", readOnly: true, className: "flex-1 px-4 py-3 bg-[#333333] border border-[#404040] rounded-lg text-white" } ), /* @__PURE__ */ React.createElement( "button", { onClick: () => handleCopy( details.payment_config?.upi_id || "tradego@paytm", "UPI ID" ), className: "px-4 py-3 bg-[#FF8200] text-white rounded-lg hover:bg-[#E56B00] transition-colors duration-200" }, "Copy" ))), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium text-[#E0E0E0] mb-2" }, "Transaction Reference (Include in payment description)"), /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-2" }, /* @__PURE__ */ React.createElement( "input", { type: "text", value: details.transaction_reference, readOnly: true, className: "flex-1 px-4 py-3 bg-[#333333] border border-[#404040] rounded-lg text-white text-sm" } ), /* @__PURE__ */ React.createElement( "button", { onClick: () => handleCopy(details.transaction_reference, "Transaction reference"), className: "px-4 py-3 bg-[#FF8200] text-white rounded-lg hover:bg-[#E56B00] transition-colors duration-200" }, "Copy" ))), /* @__PURE__ */ React.createElement("div", { className: "bg-[#333333]/50 rounded-lg p-4" }, /* @__PURE__ */ React.createElement("h3", { className: "text-white font-medium mb-2" }, "Payment Instructions"), /* @__PURE__ */ React.createElement("ul", { className: "text-[#A0A0A0] text-sm space-y-1" }, /* @__PURE__ */ React.createElement("li", null, "\u2022 Scan the QR code with any UPI app (GPay, PhonePe, Paytm, etc.)"), /* @__PURE__ */ React.createElement("li", null, "\u2022 Or pay exactly ", formatCurrency(details.amount), " to the UPI ID above"), /* @__PURE__ */ React.createElement("li", null, "\u2022 Include the transaction reference in payment description"), /* @__PURE__ */ React.createElement("li", null, "\u2022 Your deposit will be approved within 5-10 minutes"), /* @__PURE__ */ React.createElement("li", null, "\u2022 Contact support if payment is not reflected within 30 minutes"))), /* @__PURE__ */ React.createElement( "button", { onClick: () => { onClose(); setSuccess( "Payment details noted. Your deposit will be approved once payment is received." ); }, className: "w-full py-3 bg-[#22C55E] text-white rounded-lg font-medium hover:bg-[#16A249] transition-colors duration-200" }, "I've Made the Payment" )))); } var import_lucide_react23; var init_PaymentDetailsModal = __esm({ "virtual:/apps/web/src/components/wallet/PaymentDetailsModal.jsx"() { init_injected_globals(); import_lucide_react23 = __toESM(require_lucide_react()); init_formatters(); } }); // virtual:/apps/web/src/components/Wallet.jsx var Wallet_exports = {}; __export(Wallet_exports, { default: () => Wallet3 }); function Wallet3() { const { user, activeModal, setActiveModal, amount, setAmount, paymentMethod, setPaymentMethod, withdrawalDetails, setWithdrawalDetails, saveWithdrawalDetails, setSaveWithdrawalDetails, isLoading, error, success, setSuccess, recentTransactions, showPaymentDetails, handleTransaction, closeModal, closePaymentDetails } = useWallet(); return /* @__PURE__ */ React.createElement("div", { className: "space-y-6" }, /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-4 lg:flex-row lg:items-center lg:justify-between" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("h1", { className: "text-2xl font-bold text-white mb-2" }, "Wallet"), /* @__PURE__ */ React.createElement("p", { className: "text-[#A0A0A0]" }, "Manage your account balance and transactions"))), success && /* @__PURE__ */ React.createElement("div", { className: "bg-green-900/30 border border-green-600/30 rounded-lg p-4 text-green-400" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-start space-x-3" }, /* @__PURE__ */ React.createElement(import_lucide_react24.CheckCircle, { size: 20, className: "mt-0.5 flex-shrink-0" }), /* @__PURE__ */ React.createElement("div", { className: "flex-1" }, success.includes("\n") ? /* @__PURE__ */ React.createElement("div", { className: "whitespace-pre-line font-mono text-sm leading-relaxed" }, success) : /* @__PURE__ */ React.createElement("span", null, success)), /* @__PURE__ */ React.createElement( "button", { onClick: () => setSuccess(null), className: "text-green-400 hover:text-green-300 transition-colors ml-2" }, /* @__PURE__ */ React.createElement(import_lucide_react24.X, { size: 16 }) ))), /* @__PURE__ */ React.createElement( WalletBalanceCard, { balance: user?.wallet_balance, onDeposit: () => setActiveModal("deposit"), onWithdraw: () => setActiveModal("withdraw") } ), /* @__PURE__ */ React.createElement( RecentTransactionsList, { transactions: recentTransactions, onDeposit: () => setActiveModal("deposit") } ), /* @__PURE__ */ React.createElement(ImportantNotes, null), activeModal && /* @__PURE__ */ React.createElement( TransactionModal, { type: activeModal, onClose: closeModal, user, amount, setAmount, paymentMethod, setPaymentMethod, withdrawalDetails, setWithdrawalDetails, saveWithdrawalDetails, setSaveWithdrawalDetails, handleTransaction, isLoading, error } ), showPaymentDetails && /* @__PURE__ */ React.createElement( PaymentDetailsModal, { details: showPaymentDetails, onClose: closePaymentDetails, setSuccess } )); } var import_lucide_react24; var init_Wallet = __esm({ "virtual:/apps/web/src/components/Wallet.jsx"() { init_injected_globals(); import_lucide_react24 = __toESM(require_lucide_react()); init_useUser(); init_useWallet(); init_WalletBalanceCard(); init_RecentTransactionsList(); init_ImportantNotes(); init_TransactionModal(); init_PaymentDetailsModal(); } }); // virtual:/apps/web/src/components/Watchlist.jsx var Watchlist_exports = {}; __export(Watchlist_exports, { default: () => Watchlist }); function Watchlist({ onTrade, onViewChart }) { const { watchlist, isLoading, error, success, removeFromWatchlist, isRemoving } = useWatchlist(); const [selectedMarket, setSelectedMarket] = (0, import_react20.useState)(null); if (isLoading) { return /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-center py-8" }, /* @__PURE__ */ React.createElement("div", { className: "text-white" }, "Loading watchlist...")); } if (error) { return /* @__PURE__ */ React.createElement("div", { className: "bg-red-900/30 border border-red-600/30 rounded-lg p-4 text-red-400" }, "Error: ", error); } if (watchlist.length === 0) { return /* @__PURE__ */ React.createElement("div", { className: "text-center py-12" }, /* @__PURE__ */ React.createElement("div", { className: "w-16 h-16 mx-auto mb-4 rounded-full bg-[#333333] flex items-center justify-center" }, /* @__PURE__ */ React.createElement(import_lucide_react25.Star, { size: 32, className: "text-[#666666]" })), /* @__PURE__ */ React.createElement("h3", { className: "text-xl font-semibold text-white mb-2" }, "Your Watchlist is Empty"), /* @__PURE__ */ React.createElement("p", { className: "text-[#A0A0A0] mb-4" }, "Add markets to your watchlist to track their prices and trends."), /* @__PURE__ */ React.createElement("p", { className: "text-[#666666] text-sm" }, "Click the \u2B50 icon next to any market symbol to add it to your watchlist.")); } return /* @__PURE__ */ React.createElement("div", { className: "space-y-6" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("h2", { className: "text-2xl font-bold text-white" }, "Watchlist"), /* @__PURE__ */ React.createElement("p", { className: "text-[#A0A0A0] mt-1" }, watchlist.length, " market", watchlist.length !== 1 ? "s" : "", " in your watchlist"))), success && /* @__PURE__ */ React.createElement("div", { className: "bg-green-900/30 border border-green-600/30 rounded-lg p-4 text-green-400" }, success), /* @__PURE__ */ React.createElement("div", { className: "bg-[#1E1E1E] border border-[#333333] rounded-lg overflow-hidden" }, /* @__PURE__ */ React.createElement("div", { className: "overflow-x-auto" }, /* @__PURE__ */ React.createElement("table", { className: "w-full" }, /* @__PURE__ */ React.createElement("thead", { className: "bg-[#2A2A2A]" }, /* @__PURE__ */ React.createElement("tr", null, /* @__PURE__ */ React.createElement("th", { className: "text-left py-4 px-6 text-[#A0A0A0] font-medium" }, "Market"), /* @__PURE__ */ React.createElement("th", { className: "text-right py-4 px-6 text-[#A0A0A0] font-medium" }, "Price"), /* @__PURE__ */ React.createElement("th", { className: "text-right py-4 px-6 text-[#A0A0A0] font-medium" }, "24h Change"), /* @__PURE__ */ React.createElement("th", { className: "text-center py-4 px-6 text-[#A0A0A0] font-medium" }, "Added"), /* @__PURE__ */ React.createElement("th", { className: "text-right py-4 px-6 text-[#A0A0A0] font-medium" }, "Actions"))), /* @__PURE__ */ React.createElement("tbody", { className: "divide-y divide-[#333333]" }, watchlist.map((item) => { const priceChange = parseFloat(item.price_change_percent_24h) || 0; return /* @__PURE__ */ React.createElement( "tr", { key: item.id, className: "hover:bg-[#333333]/30 transition-colors duration-200" }, /* @__PURE__ */ React.createElement("td", { className: "py-4 px-6" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-3" }, /* @__PURE__ */ React.createElement("div", { className: "w-10 h-10 rounded-full bg-[#333333] flex items-center justify-center text-lg" }, getMarketIcon(item.market_type, item.symbol)), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-2" }, /* @__PURE__ */ React.createElement("p", { className: "text-white font-medium" }, item.symbol), /* @__PURE__ */ React.createElement(import_lucide_react25.Star, { size: 16, className: "text-yellow-400", fill: "currentColor" })), /* @__PURE__ */ React.createElement("p", { className: "text-[#A0A0A0] text-sm" }, item.name), /* @__PURE__ */ React.createElement("span", { className: `inline-block px-2 py-1 rounded-full text-xs font-medium mt-1 ${item.market_type === "stocks" ? "bg-blue-500/20 text-blue-400" : item.market_type === "crypto" ? "bg-orange-500/20 text-orange-400" : item.market_type === "forex" ? "bg-green-500/20 text-green-400" : item.market_type === "commodity" ? "bg-yellow-500/20 text-yellow-400" : "bg-purple-500/20 text-purple-400"}` }, item.market_type.toUpperCase())))), /* @__PURE__ */ React.createElement("td", { className: "py-4 px-6 text-right" }, /* @__PURE__ */ React.createElement("p", { className: "text-white font-medium" }, formatCurrency(item.current_price, item.market_type))), /* @__PURE__ */ React.createElement("td", { className: "py-4 px-6 text-right" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-end space-x-1" }, priceChange >= 0 ? /* @__PURE__ */ React.createElement(import_lucide_react25.TrendingUp, { size: 16, className: "text-[#22C55E]" }) : /* @__PURE__ */ React.createElement(import_lucide_react25.TrendingDown, { size: 16, className: "text-[#EF4444]" }), /* @__PURE__ */ React.createElement("span", { className: priceChange >= 0 ? "text-[#22C55E]" : "text-[#EF4444]" }, formatPercent(item.price_change_percent_24h)))), /* @__PURE__ */ React.createElement("td", { className: "py-4 px-6 text-center" }, /* @__PURE__ */ React.createElement("p", { className: "text-[#A0A0A0] text-sm" }, new Date(item.added_at).toLocaleDateString())), /* @__PURE__ */ React.createElement("td", { className: "py-4 px-6" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-end space-x-2" }, /* @__PURE__ */ React.createElement( "button", { onClick: () => onTrade && onTrade(item, "buy"), className: "flex items-center space-x-1 px-3 py-2 rounded-lg text-sm font-medium transition-all duration-200 bg-[#22C55E] text-white hover:bg-[#16A249] active:bg-[#14992B]", title: "Buy" }, /* @__PURE__ */ React.createElement(import_lucide_react25.Plus, { size: 14 }), /* @__PURE__ */ React.createElement("span", null, "Buy") ), /* @__PURE__ */ React.createElement( "button", { onClick: () => onTrade && onTrade(item, "sell"), className: "flex items-center space-x-1 px-3 py-2 rounded-lg text-sm font-medium transition-all duration-200 bg-[#EF4444] text-white hover:bg-[#DC3737] active:bg-[#C43030]", title: "Sell" }, /* @__PURE__ */ React.createElement(import_lucide_react25.Minus, { size: 14 }), /* @__PURE__ */ React.createElement("span", null, "Sell") ), /* @__PURE__ */ React.createElement( "button", { onClick: () => onViewChart && onViewChart(item), className: "flex items-center space-x-1 bg-[#3B82F6] text-white px-3 py-2 rounded-lg text-sm font-medium hover:bg-[#2B6CB0] active:bg-[#276196] transition-all duration-200", title: "View Chart" }, /* @__PURE__ */ React.createElement(import_lucide_react25.LineChart, { size: 14 }) ), /* @__PURE__ */ React.createElement( "button", { onClick: () => removeFromWatchlist(item.id), disabled: isRemoving, className: "flex items-center space-x-1 bg-[#666666] text-white px-3 py-2 rounded-lg text-sm font-medium hover:bg-[#555555] active:bg-[#444444] transition-all duration-200 disabled:opacity-50", title: "Remove from watchlist" }, /* @__PURE__ */ React.createElement(import_lucide_react25.Trash2, { size: 14 }) ))) ); }))))), /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4" }, /* @__PURE__ */ React.createElement("div", { className: "bg-[#1E1E1E] border border-[#333333] rounded-lg p-4" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-2" }, /* @__PURE__ */ React.createElement(import_lucide_react25.TrendingUp, { className: "text-[#22C55E]", size: 20 }), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("p", { className: "text-[#A0A0A0] text-sm" }, "Gaining"), /* @__PURE__ */ React.createElement("p", { className: "text-white font-semibold" }, watchlist.filter((item) => (parseFloat(item.price_change_percent_24h) || 0) > 0).length)))), /* @__PURE__ */ React.createElement("div", { className: "bg-[#1E1E1E] border border-[#333333] rounded-lg p-4" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-2" }, /* @__PURE__ */ React.createElement(import_lucide_react25.TrendingDown, { className: "text-[#EF4444]", size: 20 }), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("p", { className: "text-[#A0A0A0] text-sm" }, "Losing"), /* @__PURE__ */ React.createElement("p", { className: "text-white font-semibold" }, watchlist.filter((item) => (parseFloat(item.price_change_percent_24h) || 0) < 0).length)))), /* @__PURE__ */ React.createElement("div", { className: "bg-[#1E1E1E] border border-[#333333] rounded-lg p-4" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-2" }, /* @__PURE__ */ React.createElement(import_lucide_react25.Eye, { className: "text-[#3B82F6]", size: 20 }), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("p", { className: "text-[#A0A0A0] text-sm" }, "Total Watching"), /* @__PURE__ */ React.createElement("p", { className: "text-white font-semibold" }, watchlist.length)))))); } var import_react20, import_lucide_react25; var init_Watchlist = __esm({ "virtual:/apps/web/src/components/Watchlist.jsx"() { init_injected_globals(); import_react20 = __toESM(require_react()); import_lucide_react25 = __toESM(require_lucide_react()); init_useWatchlist(); init_formatters(); init_marketUtils(); } }); // virtual:/__wrapped_entry__.jsx var wrapped_entry_exports = {}; __export(wrapped_entry_exports, { default: () => WrappedPage }); init_injected_globals(); var import_react22 = __toESM(require_react()); // virtual:/apps/web/src/app/page.jsx init_injected_globals(); var import_react21 = __toESM(require_react()); init_useUser(); // virtual:/apps/web/src/components/Header.jsx init_injected_globals(); var import_lucide_react = __toESM(require_lucide_react()); var import_react4 = __toESM(require_react()); init_useUser(); // virtual:/apps/web/src/utils/useAuth.js init_injected_globals(); var import_react2 = __toESM(require_react()); var import_react3 = __toESM(require_react2()); function useAuth() { const callbackUrl = typeof window !== "undefined" ? new URLSearchParams(window.location.search).get("callbackUrl") : null; const signInWithCredentials = (0, import_react2.useCallback)((options) => { return (0, import_react3.signIn)("credentials-signin", { ...options, callbackUrl: callbackUrl ?? options.callbackUrl }); }, [callbackUrl]); const signUpWithCredentials = (0, import_react2.useCallback)((options) => { return (0, import_react3.signIn)("credentials-signup", { ...options, callbackUrl: callbackUrl ?? options.callbackUrl }); }, [callbackUrl]); const signInWithGoogle = (0, import_react2.useCallback)((options) => { return (0, import_react3.signIn)("google", { ...options, callbackUrl: callbackUrl ?? options.callbackUrl }); }, [callbackUrl]); const signInWithFacebook = (0, import_react2.useCallback)((options) => { return (0, import_react3.signIn)("facebook", options); }, []); const signInWithTwitter = (0, import_react2.useCallback)((options) => { return (0, import_react3.signIn)("twitter", options); }, []); return { signInWithCredentials, signUpWithCredentials, signInWithGoogle, signInWithFacebook, signInWithTwitter, signOut: import_react3.signOut }; } var useAuth_default = useAuth; // virtual:/apps/web/src/components/Header.jsx function Header({ activeTab, setActiveTab }) { const [isMobileMenuOpen, setIsMobileMenuOpen] = (0, import_react4.useState)(false); const [isProfileDropdownOpen, setIsProfileDropdownOpen] = (0, import_react4.useState)(false); const { data: user, loading } = useUser_default(); const { signOut: signOut2 } = useAuth_default(); const navigation = [ { id: "dashboard", label: "Dashboard" }, { id: "markets", label: "Markets" }, { id: "portfolio", label: "Portfolio" }, { id: "watchlist", label: "Watchlist" }, { id: "history", label: "History" }, { id: "wallet", label: "Wallet" } ]; const handleSignOut = async () => { await signOut2({ callbackUrl: "/account/signin", redirect: true }); }; return /* @__PURE__ */ React.createElement("header", { className: "bg-[#1E1E1E] border-b border-[#333333] sticky top-0 z-50" }, /* @__PURE__ */ React.createElement("div", { className: "px-4 sm:px-6 h-16 flex items-center justify-between" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ React.createElement("div", { className: "w-8 h-8 bg-gradient-to-r from-[#FF8200] to-[#FF9C14] rounded-full flex items-center justify-center mr-3" }, /* @__PURE__ */ React.createElement(import_lucide_react.TrendingUp, { size: 20, className: "text-white" })), /* @__PURE__ */ React.createElement("h1", { className: "text-xl font-bold text-white" }, "TradeGo")), /* @__PURE__ */ React.createElement("nav", { className: "hidden lg:flex items-center ml-8 space-x-6" }, navigation.map((item) => /* @__PURE__ */ React.createElement( "button", { key: item.id, onClick: () => setActiveTab(item.id), className: `text-sm font-medium transition-colors duration-200 px-3 py-2 rounded-lg ${activeTab === item.id ? "text-[#FF8200] bg-[#FF8200]/10" : "text-[#A0A0A0] hover:text-[#E0E0E0] hover:bg-[#333333]"}` }, item.label ))), /* @__PURE__ */ React.createElement( "button", { onClick: () => setIsMobileMenuOpen(!isMobileMenuOpen), className: "lg:hidden ml-4 p-2 hover:bg-[#333333] active:bg-[#404040] transition-colors duration-200 rounded-md", "aria-label": "Toggle menu" }, /* @__PURE__ */ React.createElement( "div", { className: `w-6 h-0.5 bg-[#E0E0E0] mb-1 transition-transform duration-200 ${isMobileMenuOpen ? "rotate-45 translate-y-1.5" : ""}` } ), /* @__PURE__ */ React.createElement( "div", { className: `w-6 h-0.5 bg-[#E0E0E0] mb-1 transition-opacity duration-200 ${isMobileMenuOpen ? "opacity-0" : ""}` } ), /* @__PURE__ */ React.createElement( "div", { className: `w-6 h-0.5 bg-[#E0E0E0] transition-transform duration-200 ${isMobileMenuOpen ? "-rotate-45 -translate-y-1.5" : ""}` } ) )), /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-2 sm:space-x-4" }, !loading && (user?.email === "admin@trading.com" || user?.email === "bhargavtradingc@gmail.com" || user?.email === "aman.mishra.04122000@gmail.com") && /* @__PURE__ */ React.createElement( "a", { href: "/admin", className: "hidden sm:flex items-center space-x-2 px-3 py-2 rounded-lg bg-[#FF8200]/10 border border-[#FF8200]/30 text-[#FF8200] hover:bg-[#FF8200]/20 transition-all duration-200" }, /* @__PURE__ */ React.createElement(import_lucide_react.Shield, { size: 16 }), /* @__PURE__ */ React.createElement("span", { className: "text-sm font-medium" }, "Admin") ), !loading && user && /* @__PURE__ */ React.createElement("div", { className: "hidden sm:flex items-center bg-[#333333] border border-[#404040] rounded-lg px-3 py-2" }, /* @__PURE__ */ React.createElement(import_lucide_react.Wallet, { size: 16, className: "text-[#22C55E] mr-2" }), /* @__PURE__ */ React.createElement("span", { className: "text-sm font-medium text-white" }, "\u20B9", user.wallet_balance?.toLocaleString() || "0")), /* @__PURE__ */ React.createElement( "button", { className: "w-10 h-10 rounded-full border border-[#404040] bg-[#333333] flex items-center justify-center hover:border-[#FF8200] hover:bg-[#404040] focus:border-[#FF8200] focus:outline-none focus:ring-2 focus:ring-[#FF8200] focus:ring-offset-2 focus:ring-offset-[#1E1E1E] active:bg-[#555555] transition-all duration-200", "aria-label": "Open notifications" }, /* @__PURE__ */ React.createElement(import_lucide_react.Bell, { className: "w-5 h-5 text-[#E0E0E0]" }) ), /* @__PURE__ */ React.createElement("div", { className: "relative" }, /* @__PURE__ */ React.createElement( "button", { onClick: () => setIsProfileDropdownOpen(!isProfileDropdownOpen), className: "flex items-center space-x-2 sm:space-x-3 hover:bg-[#333333] active:bg-[#404040] transition-colors duration-200 px-2 py-1 rounded-lg group" }, /* @__PURE__ */ React.createElement("div", { className: "w-8 h-8 rounded-full bg-gradient-to-r from-[#FF8200] to-[#FF9C14] flex items-center justify-center" }, /* @__PURE__ */ React.createElement(import_lucide_react.User, { size: 16, className: "text-white" })), /* @__PURE__ */ React.createElement("span", { className: "hidden sm:block text-sm font-medium text-[#E0E0E0] group-hover:text-white transition-colors duration-200" }, user?.name || "User"), /* @__PURE__ */ React.createElement(import_lucide_react.ChevronDown, { className: "w-4 h-4 text-[#E0E0E0] hidden sm:block group-hover:text-white transition-colors duration-200" }) ), isProfileDropdownOpen && /* @__PURE__ */ React.createElement("div", { className: "absolute right-0 mt-2 w-48 bg-[#1E1E1E] border border-[#333333] rounded-lg shadow-xl py-2 z-50" }, /* @__PURE__ */ React.createElement("div", { className: "px-4 py-2 border-b border-[#333333]" }, /* @__PURE__ */ React.createElement("p", { className: "text-sm text-[#E0E0E0] font-medium" }, user?.name), /* @__PURE__ */ React.createElement("p", { className: "text-xs text-[#A0A0A0]" }, user?.email)), (user?.email === "admin@trading.com" || user?.email === "bhargavtradingc@gmail.com" || user?.email === "aman.mishra.04122000@gmail.com") && /* @__PURE__ */ React.createElement( "a", { href: "/admin", className: "flex items-center space-x-2 w-full text-left px-4 py-2 text-sm text-[#FF8200] hover:text-[#FF9C14] hover:bg-[#333333] transition-colors duration-200" }, /* @__PURE__ */ React.createElement(import_lucide_react.Shield, { size: 14 }), /* @__PURE__ */ React.createElement("span", null, "Admin Panel") ), /* @__PURE__ */ React.createElement( "button", { onClick: () => setActiveTab("wallet"), className: "w-full text-left px-4 py-2 text-sm text-[#A0A0A0] hover:text-[#E0E0E0] hover:bg-[#333333] transition-colors duration-200" }, "Wallet Settings" ), /* @__PURE__ */ React.createElement( "button", { onClick: handleSignOut, className: "w-full text-left px-4 py-2 text-sm text-[#FF6B6B] hover:text-[#FF8080] hover:bg-[#333333] transition-colors duration-200" }, "Sign Out" ))))), isMobileMenuOpen && /* @__PURE__ */ React.createElement("div", { className: "lg:hidden bg-[#1E1E1E] border-t border-[#333333]" }, /* @__PURE__ */ React.createElement("nav", { className: "px-4 py-4 space-y-2" }, !loading && user && /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-center bg-[#333333] border border-[#404040] rounded-lg px-3 py-2 mb-4" }, /* @__PURE__ */ React.createElement(import_lucide_react.Wallet, { size: 16, className: "text-[#22C55E] mr-2" }), /* @__PURE__ */ React.createElement("span", { className: "text-sm font-medium text-white" }, "Balance: \u20B9", user.wallet_balance?.toLocaleString() || "0")), (user?.email === "admin@trading.com" || user?.email === "bhargavtradingc@gmail.com" || user?.email === "aman.mishra.04122000@gmail.com") && /* @__PURE__ */ React.createElement( "a", { href: "/admin", className: "flex items-center space-x-2 w-full text-left px-4 py-3 rounded-lg text-sm font-medium text-[#FF8200] bg-[#FF8200]/10 border border-[#FF8200]/30 hover:bg-[#FF8200]/20 transition-all duration-200 mb-2" }, /* @__PURE__ */ React.createElement(import_lucide_react.Shield, { size: 16 }), /* @__PURE__ */ React.createElement("span", null, "Admin Panel") ), navigation.map((item) => /* @__PURE__ */ React.createElement( "button", { key: item.id, onClick: () => { setActiveTab(item.id); setIsMobileMenuOpen(false); }, className: `w-full text-left px-4 py-3 rounded-lg text-sm font-medium transition-colors duration-200 ${activeTab === item.id ? "text-[#FF8200] bg-[#FF8200]/10" : "text-[#A0A0A0] hover:text-[#E0E0E0] hover:bg-[#333333]"}` }, item.label ))))); } // virtual:/apps/web/src/app/page.jsx var Dashboard2 = (0, import_react21.lazy)(() => Promise.resolve().then(() => (init_Dashboard(), Dashboard_exports))); var Markets2 = (0, import_react21.lazy)(() => Promise.resolve().then(() => (init_Markets(), Markets_exports))); var Portfolio2 = (0, import_react21.lazy)(() => Promise.resolve().then(() => (init_Portfolio(), Portfolio_exports))); var History2 = (0, import_react21.lazy)(() => Promise.resolve().then(() => (init_History(), History_exports))); var Wallet4 = (0, import_react21.lazy)(() => Promise.resolve().then(() => (init_Wallet(), Wallet_exports))); var Watchlist2 = (0, import_react21.lazy)(() => Promise.resolve().then(() => (init_Watchlist(), Watchlist_exports))); var TradingModal2 = (0, import_react21.lazy)(() => Promise.resolve().then(() => (init_TradingModal(), TradingModal_exports))); var MarketChartModal2 = (0, import_react21.lazy)( () => Promise.resolve().then(() => (init_MarketChartModal(), MarketChartModal_exports)) ); var ComponentLoader = ({ name }) => /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-center py-16" }, /* @__PURE__ */ React.createElement("div", { className: "text-center" }, /* @__PURE__ */ React.createElement("div", { className: "animate-spin rounded-full h-8 w-8 border-4 border-[#FF8200] border-t-transparent mx-auto mb-3" }), /* @__PURE__ */ React.createElement("p", { className: "text-[#A0A0A0] text-sm" }, "Loading ", name, "..."))); function HomePage() { const { data: user, loading } = useUser_default(); const [activeTab, setActiveTab] = (0, import_react21.useState)("dashboard"); const [tradingModal, setTradingModal] = (0, import_react21.useState)({ isOpen: false, market: null, tradeType: null }); const [chartModal, setChartModal] = (0, import_react21.useState)({ isOpen: false, market: null }); (0, import_react21.useEffect)(() => { if (user) { Promise.resolve().then(() => init_Dashboard()); Promise.resolve().then(() => init_Markets()); } }, [user]); (0, import_react21.useEffect)(() => { if (!loading && !user) { window.location.replace("/account/signin"); } }, [loading, user]); const handleTrade = (market, tradeType) => { setTradingModal({ isOpen: true, market, tradeType }); }; const handleViewChart = (market) => { setChartModal({ isOpen: true, market }); }; const closeTradingModal = () => { setTradingModal({ isOpen: false, market: null, tradeType: null }); }; const closeChartModal = () => { setChartModal({ isOpen: false, market: null }); }; const handleTradeComplete = () => { console.log("Trade completed successfully"); }; if (loading) { return /* @__PURE__ */ React.createElement("div", { className: "min-h-screen bg-[#121212] flex items-center justify-center" }, /* @__PURE__ */ React.createElement("div", { className: "text-center" }, /* @__PURE__ */ React.createElement("div", { className: "animate-spin rounded-full h-12 w-12 border-4 border-[#FF8200] border-t-transparent mx-auto mb-4" }), /* @__PURE__ */ React.createElement("h2", { className: "text-white text-xl font-semibold mb-2" }, "TradeGo"), /* @__PURE__ */ React.createElement("p", { className: "text-[#A0A0A0]" }, "Loading your trading dashboard..."))); } if (!user) { return null; } const renderContent = () => { switch (activeTab) { case "dashboard": return /* @__PURE__ */ React.createElement(import_react21.Suspense, { fallback: /* @__PURE__ */ React.createElement(ComponentLoader, { name: "Dashboard" }) }, /* @__PURE__ */ React.createElement(Dashboard2, null)); case "markets": return /* @__PURE__ */ React.createElement(import_react21.Suspense, { fallback: /* @__PURE__ */ React.createElement(ComponentLoader, { name: "Markets" }) }, /* @__PURE__ */ React.createElement(Markets2, { onTrade: handleTrade, onViewChart: handleViewChart })); case "portfolio": return /* @__PURE__ */ React.createElement(import_react21.Suspense, { fallback: /* @__PURE__ */ React.createElement(ComponentLoader, { name: "Portfolio" }) }, /* @__PURE__ */ React.createElement(Portfolio2, null)); case "watchlist": return /* @__PURE__ */ React.createElement(import_react21.Suspense, { fallback: /* @__PURE__ */ React.createElement(ComponentLoader, { name: "Watchlist" }) }, /* @__PURE__ */ React.createElement(Watchlist2, { onTrade: handleTrade, onViewChart: handleViewChart })); case "history": return /* @__PURE__ */ React.createElement(import_react21.Suspense, { fallback: /* @__PURE__ */ React.createElement(ComponentLoader, { name: "History" }) }, /* @__PURE__ */ React.createElement(History2, null)); case "wallet": return /* @__PURE__ */ React.createElement(import_react21.Suspense, { fallback: /* @__PURE__ */ React.createElement(ComponentLoader, { name: "Wallet" }) }, /* @__PURE__ */ React.createElement(Wallet4, null)); default: return /* @__PURE__ */ React.createElement(import_react21.Suspense, { fallback: /* @__PURE__ */ React.createElement(ComponentLoader, { name: "Dashboard" }) }, /* @__PURE__ */ React.createElement(Dashboard2, null)); } }; return /* @__PURE__ */ React.createElement("div", { className: "min-h-screen bg-[#121212]" }, /* @__PURE__ */ React.createElement(Header, { activeTab, setActiveTab }), /* @__PURE__ */ React.createElement("main", { className: "max-w-none mx-auto px-4 sm:px-6 lg:px-8 py-6 sm:py-8" }, renderContent()), tradingModal.isOpen && /* @__PURE__ */ React.createElement(import_react21.Suspense, { fallback: null }, /* @__PURE__ */ React.createElement( TradingModal2, { isOpen: tradingModal.isOpen, onClose: closeTradingModal, market: tradingModal.market, tradeType: tradingModal.tradeType, onTradeComplete: handleTradeComplete, realTimeEnabled: true } )), chartModal.isOpen && /* @__PURE__ */ React.createElement(import_react21.Suspense, { fallback: null }, /* @__PURE__ */ React.createElement( MarketChartModal2, { isOpen: chartModal.isOpen, onClose: closeChartModal, market: chartModal.market, onTrade: handleTrade } ))); } // virtual:/apps/web/src/app/layout.jsx init_injected_globals(); init_modern2(); var queryClient = new QueryClient({ defaultOptions: { queries: { staleTime: 1e3 * 60 * 5, // 5 minutes cacheTime: 1e3 * 60 * 30, // 30 minutes retry: 1, refetchOnWindowFocus: false } } }); function RootLayout({ children }) { return /* @__PURE__ */ React.createElement(QueryClientProvider, { client: queryClient }, children); } // virtual:/__wrapped_entry__.jsx function WrappedPage(props) { let content = /* @__PURE__ */ import_react22.default.createElement(HomePage, { ...props }); content = /* @__PURE__ */ import_react22.default.createElement(RootLayout, null, content); return content; } return __toCommonJS(wrapped_entry_exports); })(); /*! Bundled license information: lucide-react/dist/cjs/lucide-react.js: (** * @license lucide-react v0.358.0 - ISC * * This source code is licensed under the ISC license. * See the LICENSE file in the root directory of this source tree. *) react/cjs/react-jsx-runtime.production.min.js: (** * @license React * react-jsx-runtime.production.min.js * * Copyright (c) Facebook, Inc. and its affiliates. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. *) */