@hanzo/ui 5.3.19 → 5.3.22
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/3d/button.js +298 -1
- package/dist/3d/button.mjs +273 -1
- package/dist/3d/card.js +234 -1
- package/dist/3d/card.mjs +207 -1
- package/dist/3d/carousel.js +371 -1
- package/dist/3d/carousel.mjs +344 -1
- package/dist/3d/grid.js +362 -1
- package/dist/3d/grid.mjs +337 -1
- package/dist/3d/index.js +1518 -1
- package/dist/3d/index.mjs +1472 -1
- package/dist/3d/marquee.js +352 -1
- package/dist/3d/marquee.mjs +327 -1
- package/dist/3d/pin.js +46 -1
- package/dist/3d/pin.mjs +24 -1
- package/dist/accordion.js +80 -1
- package/dist/accordion.mjs +55 -1
- package/dist/alert-dialog.js +220 -1
- package/dist/alert-dialog.mjs +187 -1
- package/dist/alert.js +68 -1
- package/dist/alert.mjs +64 -1
- package/dist/animation/animated-background.js +424 -1
- package/dist/animation/animated-background.mjs +418 -1
- package/dist/animation/animated-beam.js +119 -1
- package/dist/animation/animated-beam.mjs +97 -1
- package/dist/animation/animated-cursor.js +275 -1
- package/dist/animation/animated-cursor.mjs +270 -1
- package/dist/animation/animated-icon.js +357 -2
- package/dist/animation/animated-icon.mjs +351 -2
- package/dist/animation/animated-list.js +339 -1
- package/dist/animation/animated-list.mjs +333 -1
- package/dist/animation/animated-number.js +283 -1
- package/dist/animation/animated-number.mjs +277 -1
- package/dist/animation/animated-testimonials.js +97 -1
- package/dist/animation/animated-testimonials.mjs +75 -1
- package/dist/animation/animated-tooltip.js +67 -1
- package/dist/animation/animated-tooltip.mjs +45 -1
- package/dist/animation/apple-cards-carousel.js +308 -1
- package/dist/animation/apple-cards-carousel.mjs +285 -1
- package/dist/animation/apple-hello-effect.js +60 -1
- package/dist/animation/apple-hello-effect.mjs +38 -1
- package/dist/animation/index.js +1952 -2
- package/dist/animation/index.mjs +1921 -2
- package/dist/avatar.js +71 -1
- package/dist/avatar.mjs +47 -1
- package/dist/badge.js +66 -1
- package/dist/badge.mjs +40 -1
- package/dist/blocks/index.js +1665 -2
- package/dist/blocks/index.mjs +1626 -2
- package/dist/breadcrumb.js +107 -1
- package/dist/breadcrumb.mjs +99 -1
- package/dist/calendar.js +189 -1
- package/dist/calendar.mjs +164 -1
- package/dist/carousel.js +278 -1
- package/dist/carousel.mjs +249 -1
- package/dist/checkbox.js +60 -1
- package/dist/checkbox.mjs +35 -1
- package/dist/code/block.js +226 -2
- package/dist/code/block.mjs +203 -2
- package/dist/code/compare.js +445 -5
- package/dist/code/compare.mjs +422 -5
- package/dist/code/diff.js +430 -12
- package/dist/code/diff.mjs +406 -11
- package/dist/code/editor.js +243 -1
- package/dist/code/editor.mjs +218 -1
- package/dist/code/explorer.js +291 -1
- package/dist/code/explorer.mjs +268 -1
- package/dist/code/index.js +2515 -26
- package/dist/code/index.mjs +2472 -24
- package/dist/code/preview.js +364 -6
- package/dist/code/preview.mjs +341 -6
- package/dist/code/snippet.js +274 -2
- package/dist/code/snippet.mjs +250 -2
- package/dist/code/tabs.js +75 -1
- package/dist/code/tabs.mjs +53 -1
- package/dist/code/terminal.js +437 -3
- package/dist/code/terminal.mjs +414 -3
- package/dist/collapsible.js +33 -1
- package/dist/collapsible.mjs +9 -1
- package/dist/command.js +262 -1
- package/dist/command.mjs +232 -1
- package/dist/context-menu.js +207 -1
- package/dist/context-menu.mjs +171 -1
- package/dist/device/index.js +3 -1
- package/dist/device/index.mjs +2 -0
- package/dist/dialog.js +151 -1
- package/dist/dialog.mjs +121 -1
- package/dist/dock/basic.js +174 -1
- package/dist/dock/basic.mjs +151 -1
- package/dist/dock/index.js +628 -1
- package/dist/dock/index.mjs +601 -1
- package/dist/dock/limelight-nav.js +295 -1
- package/dist/dock/limelight-nav.mjs +274 -1
- package/dist/dock/macos.js +141 -1
- package/dist/dock/macos.mjs +118 -1
- package/dist/dock/menu.js +70 -1
- package/dist/dock/menu.mjs +48 -1
- package/dist/dock/message.js +144 -1
- package/dist/dock/message.mjs +122 -1
- package/dist/drawer.js +115 -1
- package/dist/drawer.mjs +103 -1
- package/dist/dropdown-menu.js +202 -1
- package/dist/dropdown-menu.mjs +166 -1
- package/dist/finance/AdvancedChart.js +48 -2
- package/dist/finance/AdvancedChart.mjs +46 -2
- package/dist/finance/CompanyProfile.js +48 -2
- package/dist/finance/CompanyProfile.mjs +46 -2
- package/dist/finance/CryptoScreener.js +45 -2
- package/dist/finance/CryptoScreener.mjs +43 -2
- package/dist/finance/Financials.js +52 -2
- package/dist/finance/Financials.mjs +50 -2
- package/dist/finance/ForexScreener.js +46 -2
- package/dist/finance/ForexScreener.mjs +44 -2
- package/dist/finance/MarketOverview.js +104 -2
- package/dist/finance/MarketOverview.mjs +102 -2
- package/dist/finance/NewsTimeline.js +44 -2
- package/dist/finance/NewsTimeline.mjs +42 -2
- package/dist/finance/OrderEntry.js +131 -1
- package/dist/finance/OrderEntry.mjs +129 -1
- package/dist/finance/OrdersHistory.js +64 -1
- package/dist/finance/OrdersHistory.mjs +62 -1
- package/dist/finance/PositionsList.js +80 -1
- package/dist/finance/PositionsList.mjs +78 -1
- package/dist/finance/StockScreener.js +46 -2
- package/dist/finance/StockScreener.mjs +44 -2
- package/dist/finance/SymbolInfo.js +46 -2
- package/dist/finance/SymbolInfo.mjs +44 -2
- package/dist/finance/TechnicalAnalysis.js +54 -2
- package/dist/finance/TechnicalAnalysis.mjs +52 -2
- package/dist/finance/TickerTape.js +56 -2
- package/dist/finance/TickerTape.mjs +54 -2
- package/dist/finance/TradingPanel.js +191 -1
- package/dist/finance/TradingPanel.mjs +189 -1
- package/dist/finance/index.js +930 -2
- package/dist/finance/index.mjs +914 -2
- package/dist/form/index.js +155 -1
- package/dist/form/index.mjs +125 -1
- package/dist/form.js +172 -1
- package/dist/form.mjs +142 -1
- package/dist/hover-card.js +58 -1
- package/dist/hover-card.mjs +34 -1
- package/dist/index.js +8467 -192
- package/dist/index.mjs +8087 -192
- package/dist/input-otp.js +79 -1
- package/dist/input-otp.mjs +54 -1
- package/dist/lib/utils.js +28 -1
- package/dist/lib/utils.mjs +24 -1
- package/dist/navigation/index.js +98 -1
- package/dist/navigation/index.mjs +79 -1
- package/dist/navigation-menu.js +149 -1
- package/dist/navigation-menu.mjs +116 -1
- package/dist/pattern/grid-pattern.js +326 -3
- package/dist/pattern/grid-pattern.mjs +303 -3
- package/dist/pattern/index.js +326 -3
- package/dist/pattern/index.mjs +303 -3
- package/dist/popover.js +63 -1
- package/dist/popover.mjs +37 -1
- package/dist/primitives/index.js +8467 -192
- package/dist/primitives/index.mjs +8087 -192
- package/dist/primitives-export.js +8467 -192
- package/dist/primitives-export.mjs +8087 -192
- package/dist/progress.js +62 -1
- package/dist/progress.mjs +37 -1
- package/dist/project/gantt.js +65 -1
- package/dist/project/gantt.mjs +43 -1
- package/dist/project/index.js +636 -1
- package/dist/project/index.mjs +611 -1
- package/dist/project/kanban.js +597 -1
- package/dist/project/kanban.mjs +572 -1
- package/dist/project/list.js +35 -1
- package/dist/project/list.mjs +12 -1
- package/dist/radio-group.js +68 -1
- package/dist/radio-group.mjs +45 -1
- package/dist/resizable.js +72 -1
- package/dist/resizable.mjs +48 -1
- package/dist/scroll-area.js +89 -1
- package/dist/scroll-area.mjs +66 -1
- package/dist/select.js +140 -1
- package/dist/select.mjs +111 -1
- package/dist/separator.js +59 -1
- package/dist/separator.mjs +34 -1
- package/dist/sheet.js +148 -1
- package/dist/sheet.mjs +117 -1
- package/dist/skeleton.js +32 -1
- package/dist/skeleton.mjs +27 -1
- package/dist/slider.js +99 -1
- package/dist/slider.mjs +73 -1
- package/dist/sonner.js +34 -1
- package/dist/sonner.mjs +29 -1
- package/dist/switch.js +62 -1
- package/dist/switch.mjs +37 -1
- package/dist/table.js +110 -1
- package/dist/table.mjs +101 -1
- package/dist/tabs.js +82 -1
- package/dist/tabs.mjs +57 -1
- package/dist/tailwind/index.js +2023 -1
- package/dist/tailwind/index.mjs +2011 -1
- package/dist/textarea.js +78 -1
- package/dist/textarea.mjs +56 -1
- package/dist/toggle-group.js +118 -1
- package/dist/toggle-group.mjs +93 -1
- package/dist/toggle.js +71 -1
- package/dist/toggle.mjs +48 -1
- package/dist/tooltip.js +67 -1
- package/dist/tooltip.mjs +40 -1
- package/dist/types/index.js +57 -1
- package/dist/types/index.mjs +51 -1
- package/dist/ui/announcement.js +129 -1
- package/dist/ui/announcement.mjs +107 -1
- package/dist/ui/avatar-group.js +88 -1
- package/dist/ui/avatar-group.mjs +65 -1
- package/dist/ui/banner.js +85 -1
- package/dist/ui/banner.mjs +62 -1
- package/dist/ui/cursor.js +78 -1
- package/dist/ui/cursor.mjs +56 -1
- package/dist/ui/index.js +475 -1
- package/dist/ui/index.mjs +442 -1
- package/dist/ui/marquee.js +74 -1
- package/dist/ui/marquee.mjs +52 -1
- package/dist/ui/pill.js +85 -1
- package/dist/ui/pill.mjs +62 -1
- package/dist/ui/spinner.js +28 -1
- package/dist/ui/spinner.mjs +26 -1
- package/dist/ui/tags.js +101 -1
- package/dist/ui/tags.mjs +79 -1
- package/dist/ui/ticker.js +73 -1
- package/dist/ui/ticker.mjs +51 -1
- package/dist/util/index.js +457 -1
- package/dist/util/index.mjs +399 -1
- package/package.json +1 -1
package/dist/finance/index.js
CHANGED
|
@@ -1,2 +1,930 @@
|
|
|
1
|
-
'use strict';var react=require('react'),jsxRuntime=require('react/jsx-runtime'),lucideReact=require('lucide-react');var Q=Object.defineProperty;var a=(e,t)=>Q(e,"name",{value:t,configurable:true});function Y({symbol:e="NASDAQ:AAPL"}){let t=react.useRef(null);return react.useEffect(()=>{if(!t.current||t.current.dataset.initialized==="true")return;t.current.dataset.initialized="true";let n=document.createElement("script");return n.src="https://s3.tradingview.com/external-embedding/embed-widget-advanced-chart.js",n.type="text/javascript",n.async=true,n.innerHTML=JSON.stringify({width:"100%",height:"600",symbol:e,interval:"D",timezone:"Etc/UTC",theme:"dark",style:"1",locale:"en",allow_symbol_change:true,calendar:false,support_host:"https://www.tradingview.com"}),t.current.appendChild(n),()=>{t.current&&(delete t.current.dataset.initialized,t.current.querySelectorAll("script").forEach(i=>i.remove()));}},[e]),jsxRuntime.jsx("div",{className:"tradingview-widget-container w-full h-[600px]",ref:t,children:jsxRuntime.jsx("div",{className:"tradingview-widget-container__widget h-full"})})}a(Y,"AdvancedChart");var K=react.memo(Y);function te(){let e=react.useRef(null);return react.useEffect(()=>{if(!e.current||e.current.dataset.initialized==="true")return;e.current.dataset.initialized="true";let t=document.createElement("script");return t.src="https://s3.tradingview.com/external-embedding/embed-widget-market-overview.js",t.type="text/javascript",t.async=true,t.innerHTML=JSON.stringify({colorTheme:"dark",dateRange:"12M",locale:"en",largeChartUrl:"",isTransparent:false,showFloatingTooltip:false,plotLineColorGrowing:"rgba(41, 98, 255, 1)",plotLineColorFalling:"rgba(41, 98, 255, 1)",gridLineColor:"rgba(240, 243, 250, 0)",scaleFontColor:"#DBDBDB",belowLineFillColorGrowing:"rgba(41, 98, 255, 0.12)",belowLineFillColorFalling:"rgba(41, 98, 255, 0.12)",belowLineFillColorGrowingBottom:"rgba(41, 98, 255, 0)",belowLineFillColorFallingBottom:"rgba(41, 98, 255, 0)",symbolActiveColor:"rgba(41, 98, 255, 0.12)",tabs:[{title:"Indices",symbols:[{s:"FOREXCOM:SPXUSD",d:"S&P 500 Index"},{s:"FOREXCOM:NSXUSD",d:"US 100 Cash CFD"},{s:"FOREXCOM:DJI",d:"Dow Jones Industrial Average Index"},{s:"INDEX:NKY",d:"Japan 225"},{s:"INDEX:DEU40",d:"DAX Index"},{s:"FOREXCOM:UKXGBP",d:"FTSE 100 Index"}],originalTitle:"Indices"},{title:"Futures",symbols:[{s:"BMFBOVESPA:ISP1!",d:"S&P 500"},{s:"BMFBOVESPA:EUR1!",d:"Euro"},{s:"CMCMARKETS:GOLD",d:"Gold"},{s:"PYTH:WTI3!",d:"WTI Crude Oil"},{s:"BMFBOVESPA:CCM1!",d:"Corn"}],originalTitle:"Futures"},{title:"Bonds",symbols:[{s:"EUREX:FGBL1!",d:"Euro Bund"},{s:"EUREX:FBTP1!",d:"Euro BTP"},{s:"EUREX:FGBM1!",d:"Euro BOBL"}],originalTitle:"Bonds"},{title:"Forex",symbols:[{s:"FX:EURUSD",d:"EUR to USD"},{s:"FX:GBPUSD",d:"GBP to USD"},{s:"FX:USDJPY",d:"USD to JPY"},{s:"FX:USDCHF",d:"USD to CHF"},{s:"FX:AUDUSD",d:"AUD to USD"},{s:"FX:USDCAD",d:"USD to CAD"}],originalTitle:"Forex"}],support_host:"https://www.tradingview.com",backgroundColor:"#0f0f0f",width:"100%",height:"550",showSymbolLogo:true,showChart:true}),e.current.appendChild(t),()=>{e.current&&(delete e.current.dataset.initialized,e.current.querySelectorAll("script").forEach(r=>r.remove()));}},[]),jsxRuntime.jsx("div",{className:"tradingview-widget-container w-full",ref:e,children:jsxRuntime.jsx("div",{className:"tradingview-widget-container__widget"})})}a(te,"MarketOverview");var ie=react.memo(te);function ae(){let e=react.useRef(null);return react.useEffect(()=>{if(!e.current||e.current.dataset.initialized==="true")return;e.current.dataset.initialized="true";let t=document.createElement("script");return t.src="https://s3.tradingview.com/external-embedding/embed-widget-ticker-tape.js",t.type="text/javascript",t.async=true,t.innerHTML=JSON.stringify({symbols:[{proName:"FOREXCOM:SPXUSD",title:"S&P 500"},{proName:"FOREXCOM:NSXUSD",title:"US 100"},{proName:"FX_IDC:EURUSD",title:"EUR/USD"},{proName:"BITSTAMP:BTCUSD",title:"Bitcoin"},{proName:"BITSTAMP:ETHUSD",title:"Ethereum"},{description:"Tesla",proName:"NASDAQ:TSLA"},{description:"Apple",proName:"NASDAQ:AAPL"},{description:"Amazon",proName:"NASDAQ:AMZN"},{description:"NVIDIA",proName:"NASDAQ:NVDA"},{description:"Microsoft",proName:"NASDAQ:MSFT"},{description:"Google",proName:"NASDAQ:GOOGL"},{description:"Meta",proName:"NASDAQ:META"}],showSymbolLogo:true,isTransparent:false,displayMode:"adaptive",colorTheme:"dark",locale:"en"}),e.current.appendChild(t),()=>{e.current&&(delete e.current.dataset.initialized,e.current.querySelectorAll("script").forEach(r=>r.remove()));}},[]),jsxRuntime.jsx("div",{className:"tradingview-widget-container w-full",ref:e,children:jsxRuntime.jsx("div",{className:"tradingview-widget-container__widget"})})}a(ae,"TickerTape");var oe=react.memo(ae);function ue(){let e=react.useRef(null);return react.useEffect(()=>{if(!e.current||e.current.dataset.initialized==="true")return;e.current.dataset.initialized="true";let t=document.createElement("script");return t.src="https://s3.tradingview.com/external-embedding/embed-widget-screener.js",t.type="text/javascript",t.async=true,t.innerHTML=JSON.stringify({market:"america",showToolbar:true,defaultColumn:"overview",defaultScreen:"most_capitalized",isTransparent:false,locale:"en",colorTheme:"dark",width:"100%",height:550}),e.current.appendChild(t),()=>{e.current&&(delete e.current.dataset.initialized,e.current.querySelectorAll("script").forEach(r=>r.remove()));}},[]),jsxRuntime.jsx("div",{className:"tradingview-widget-container w-full",ref:e,children:jsxRuntime.jsx("div",{className:"tradingview-widget-container__widget"})})}a(ue,"StockScreener");var me=react.memo(ue);function ve(){let e=react.useRef(null);return react.useEffect(()=>{if(!e.current||e.current.dataset.initialized==="true")return;e.current.dataset.initialized="true";let t=document.createElement("script");return t.src="https://s3.tradingview.com/external-embedding/embed-widget-screener.js",t.type="text/javascript",t.async=true,t.innerHTML=JSON.stringify({defaultColumn:"overview",screener_type:"crypto_mkt",displayCurrency:"USD",colorTheme:"dark",isTransparent:false,locale:"en",width:"100%",height:550}),e.current.appendChild(t),()=>{e.current&&(delete e.current.dataset.initialized,e.current.querySelectorAll("script").forEach(r=>r.remove()));}},[]),jsxRuntime.jsx("div",{className:"tradingview-widget-container w-full",ref:e,children:jsxRuntime.jsx("div",{className:"tradingview-widget-container__widget"})})}a(ve,"CryptoScreener");var he=react.memo(ve);function ye(){let e=react.useRef(null);return react.useEffect(()=>{if(!e.current||e.current.dataset.initialized==="true")return;e.current.dataset.initialized="true";let t=document.createElement("script");return t.src="https://s3.tradingview.com/external-embedding/embed-widget-screener.js",t.type="text/javascript",t.async=true,t.innerHTML=JSON.stringify({market:"forex",showToolbar:true,defaultColumn:"overview",defaultScreen:"general",isTransparent:false,locale:"en",colorTheme:"dark",width:"100%",height:550}),e.current.appendChild(t),()=>{e.current&&(delete e.current.dataset.initialized,e.current.querySelectorAll("script").forEach(r=>r.remove()));}},[]),jsxRuntime.jsx("div",{className:"tradingview-widget-container w-full",ref:e,children:jsxRuntime.jsx("div",{className:"tradingview-widget-container__widget"})})}a(ye,"ForexScreener");var Ne=react.memo(ye);function H({symbol:e="NASDAQ:AAPL",width:t="100%",locale:n="en",colorTheme:r="dark",isTransparent:i=false}){let o=react.useRef(null);return react.useEffect(()=>{if(!o.current||o.current.dataset.initialized==="true")return;o.current.dataset.initialized="true";let s=document.createElement("script");return s.src="https://s3.tradingview.com/external-embedding/embed-widget-symbol-info.js",s.async=true,s.innerHTML=JSON.stringify({symbol:e,width:t,locale:n,colorTheme:r,isTransparent:i}),o.current.appendChild(s),()=>{o.current&&(delete o.current.dataset.initialized,o.current.querySelectorAll("script").forEach(d=>d.remove()));}},[e,t,n,r,i]),jsxRuntime.jsx("div",{className:"tradingview-widget-container",ref:o,children:jsxRuntime.jsx("div",{className:"tradingview-widget-container__widget"})})}a(H,"SymbolInfo");function _({symbol:e="NASDAQ:AAPL",width:t="100%",height:n="100%",locale:r="en",colorTheme:i="dark",isTransparent:o=false}){let s=react.useRef(null);return react.useEffect(()=>{if(!s.current||s.current.dataset.initialized==="true")return;s.current.dataset.initialized="true";let u=document.createElement("script");return u.src="https://s3.tradingview.com/external-embedding/embed-widget-symbol-profile.js",u.async=true,u.innerHTML=JSON.stringify({width:t,height:n,colorTheme:i,isTransparent:o,symbol:e,locale:r}),s.current.appendChild(u),()=>{s.current&&(delete s.current.dataset.initialized,s.current.querySelectorAll("script").forEach(l=>l.remove()));}},[e,t,n,r,i,o]),jsxRuntime.jsx("div",{className:"tradingview-widget-container",ref:s,children:jsxRuntime.jsx("div",{className:"tradingview-widget-container__widget"})})}a(_,"CompanyProfile");function R({symbol:e="NASDAQ:AAPL",width:t="100%",height:n="500",locale:r="en",colorTheme:i="dark",isTransparent:o=false,displayMode:s="adaptive",largeChartUrl:u=""}){let d=react.useRef(null);return react.useEffect(()=>{if(!d.current||d.current.dataset.initialized==="true")return;d.current.dataset.initialized="true";let l=document.createElement("script");return l.src="https://s3.tradingview.com/external-embedding/embed-widget-financials.js",l.async=true,l.innerHTML=JSON.stringify({colorTheme:i,isTransparent:o,largeChartUrl:u,displayMode:s,width:t,height:n,symbol:e,locale:r}),d.current.appendChild(l),()=>{d.current&&(delete d.current.dataset.initialized,d.current.querySelectorAll("script").forEach(P=>P.remove()));}},[e,t,n,r,i,o,s,u]),jsxRuntime.jsx("div",{className:"tradingview-widget-container w-full h-[500px]",ref:d,children:jsxRuntime.jsx("div",{className:"tradingview-widget-container__widget h-full"})})}a(R,"Financials");function q({symbol:e="NASDAQ:AAPL",interval:t="15m",width:n="100%",height:r="500",locale:i="en",colorTheme:o="dark",isTransparent:s=false,showIntervalTabs:u=true,displayMode:d="single"}){let l=react.useRef(null);return react.useEffect(()=>{if(!l.current||l.current.dataset.initialized==="true")return;l.current.dataset.initialized="true";let b=document.createElement("script");return b.src="https://s3.tradingview.com/external-embedding/embed-widget-technical-analysis.js",b.async=true,b.innerHTML=JSON.stringify({interval:t,width:n,isTransparent:s,height:r,symbol:e,showIntervalTabs:u,displayMode:d,locale:i,colorTheme:o}),l.current.appendChild(b),()=>{l.current&&(delete l.current.dataset.initialized,l.current.querySelectorAll("script").forEach(E=>E.remove()));}},[e,t,n,r,i,o,s,u,d]),jsxRuntime.jsx("div",{className:"tradingview-widget-container w-full h-[500px]",ref:l,children:jsxRuntime.jsx("div",{className:"tradingview-widget-container__widget h-full"})})}a(q,"TechnicalAnalysis");function Me(){let e=react.useRef(null);return react.useEffect(()=>{if(!e.current||e.current.dataset.initialized==="true")return;e.current.dataset.initialized="true";let t=document.createElement("script");return t.src="https://s3.tradingview.com/external-embedding/embed-widget-timeline.js",t.type="text/javascript",t.async=true,t.innerHTML=JSON.stringify({displayMode:"regular",feedMode:"all_symbols",colorTheme:"dark",isTransparent:false,locale:"en",width:"100%",height:550}),e.current.appendChild(t),()=>{e.current&&(delete e.current.dataset.initialized,e.current.querySelectorAll("script").forEach(r=>r.remove()));}},[]),jsxRuntime.jsx("div",{className:"tradingview-widget-container w-full",ref:e,children:jsxRuntime.jsx("div",{className:"tradingview-widget-container__widget"})})}a(Me,"NewsTimeline");var Ue=react.memo(Me);function _e({symbol:e,currentPrice:t}){let[n,r]=react.useState("buy"),[i,o]=react.useState(""),[s,u]=react.useState(null),[d,l]=react.useState(null);react.useEffect(()=>{b();},[]);let b=a(()=>{let c=localStorage.getItem("begm_portfolio");if(c)u(JSON.parse(c));else {let x={cash:1e5,holdings:[]};localStorage.setItem("begm_portfolio",JSON.stringify(x)),u(x);}},"loadPortfolio"),P=a(()=>{if(!i||parseFloat(i)<=0){l({type:"error",text:"Please enter a valid quantity"});return}let c=parseFloat(i),x=c*t;if(n==="buy"){if(x>s.cash){l({type:"error",text:"Insufficient funds"});return}let f=s.holdings.find(N=>N.symbol===e);if(f){let N=f.quantity+c,J=(f.averagePrice*f.quantity+t*c)/N;f.quantity=N,f.averagePrice=J,f.currentPrice=t;}else s.holdings.push({symbol:e,quantity:c,averagePrice:t,currentPrice:t});s.cash-=x;}else {let f=s.holdings.find(N=>N.symbol===e);if(!f||f.quantity<c){l({type:"error",text:"Insufficient shares"});return}f.quantity-=c,f.currentPrice=t,f.quantity===0&&(s.holdings=s.holdings.filter(N=>N.symbol!==e)),s.cash+=x;}localStorage.setItem("begm_portfolio",JSON.stringify(s)),u({...s});let D=JSON.parse(localStorage.getItem("begm_orders")||"[]");D.push({id:`ORD-${Date.now()}`,symbol:e,type:n,quantity:c,price:t,total:x,timestamp:new Date().toISOString(),status:"completed"}),localStorage.setItem("begm_orders",JSON.stringify(D)),l({type:"success",text:`Successfully ${n==="buy"?"bought":"sold"} ${c} shares of ${e}`}),o(""),setTimeout(()=>l(null),3e3);},"executeTrade"),T=a(()=>s?s.holdings.find(x=>x.symbol===e):null,"getHoldingInfo")();return jsxRuntime.jsxs("div",{className:"bg-white/5 border border-white/10 rounded-lg p-6 backdrop-blur-xl",children:[jsxRuntime.jsxs("h3",{className:"text-lg font-bold text-white mb-4",children:["Trade ",e]}),jsxRuntime.jsxs("div",{className:"flex gap-2 mb-4",children:[jsxRuntime.jsxs("button",{onClick:()=>r("buy"),className:`flex-1 py-2 rounded-lg font-medium transition-all ${n==="buy"?"bg-success text-white":"bg-white/5 text-white/60 hover:bg-white/10"}`,children:[jsxRuntime.jsx(lucideReact.TrendingUp,{size:16,className:"inline mr-2"}),"Buy"]}),jsxRuntime.jsxs("button",{onClick:()=>r("sell"),className:`flex-1 py-2 rounded-lg font-medium transition-all ${n==="sell"?"bg-danger text-white":"bg-white/5 text-white/60 hover:bg-white/10"}`,children:[jsxRuntime.jsx(lucideReact.TrendingDown,{size:16,className:"inline mr-2"}),"Sell"]})]}),T&&jsxRuntime.jsxs("div",{className:"mb-4 p-3 bg-white/5 rounded-lg",children:[jsxRuntime.jsx("p",{className:"text-xs text-white/60 mb-1",children:"Your Holdings"}),jsxRuntime.jsxs("p",{className:"text-sm text-white",children:[T.quantity," shares @ $",T.averagePrice.toFixed(2)," avg"]})]}),jsxRuntime.jsxs("div",{className:"mb-4 p-3 bg-white/5 rounded-lg",children:[jsxRuntime.jsx("p",{className:"text-xs text-white/60 mb-1",children:"Current Price"}),jsxRuntime.jsxs("p",{className:"text-lg font-bold text-white",children:["$",t.toFixed(2)]})]}),jsxRuntime.jsxs("div",{className:"mb-4",children:[jsxRuntime.jsx("label",{className:"block text-sm font-medium text-white/80 mb-2",children:"Quantity (Shares)"}),jsxRuntime.jsx("input",{type:"number",value:i,onChange:c=>o(c.target.value),min:"1",step:"1",placeholder:"Enter quantity",className:"w-full px-4 py-2 bg-white/5 border border-white/10 rounded-lg text-white placeholder-white/40 focus:outline-none focus:border-success"})]}),i&&parseFloat(i)>0&&jsxRuntime.jsx("div",{className:"mb-4 p-3 bg-white/5 rounded-lg",children:jsxRuntime.jsxs("div",{className:"flex justify-between items-center",children:[jsxRuntime.jsx("span",{className:"text-sm text-white/60",children:"Estimated Total"}),jsxRuntime.jsxs("span",{className:"text-lg font-bold text-white",children:["$",(parseFloat(i)*t).toFixed(2)]})]})}),jsxRuntime.jsx("div",{className:"mb-4 p-3 bg-white/5 rounded-lg",children:jsxRuntime.jsxs("div",{className:"flex justify-between items-center",children:[jsxRuntime.jsx("span",{className:"text-sm text-white/60",children:"Available Cash"}),jsxRuntime.jsxs("span",{className:"text-sm font-medium text-white",children:["$",s?.cash.toLocaleString()||"0"]})]})}),d&&jsxRuntime.jsx("div",{className:`mb-4 p-3 rounded-lg ${d.type==="success"?"bg-success/20 text-success":"bg-danger/20 text-danger"}`,children:jsxRuntime.jsx("p",{className:"text-sm",children:d.text})}),jsxRuntime.jsxs("button",{onClick:P,className:`w-full py-3 rounded-lg font-medium transition-all ${n==="buy"?"bg-success hover:bg-success/90 text-white":"bg-danger hover:bg-danger/90 text-white"}`,children:[n==="buy"?"Buy":"Sell"," ",e]}),jsxRuntime.jsx("p",{className:"text-xs text-white/40 text-center mt-4",children:"This is a demo account. No real money is at risk."})]})}a(_e,"TradingPanel");function Be({symbol:e,accountBalance:t,onPlaceOrder:n,disabled:r=false}){let[i,o]=react.useState("market"),[s,u]=react.useState("buy"),[d,l]=react.useState(""),[b,P]=react.useState(""),E=a(c=>c.split(":")[1]||c,"getTickerFromSymbol"),T=a(()=>{!d||i==="limit"&&!b||(n({symbol:e,side:s,orderType:i,shares:parseInt(d),limitPrice:i==="limit"?parseFloat(b):void 0}),l(""),P(""));},"handlePlaceOrder");return jsxRuntime.jsxs("div",{className:"p-4 space-y-4",children:[jsxRuntime.jsxs("div",{className:"bg-white/5 rounded-lg p-3",children:[jsxRuntime.jsx("div",{className:"text-xs text-white/60 mb-1",children:"Buying Power"}),jsxRuntime.jsxs("div",{className:"text-lg font-semibold text-white",children:["$",t.toLocaleString()]})]}),jsxRuntime.jsxs("div",{className:"grid grid-cols-2 gap-2",children:[jsxRuntime.jsx("button",{onClick:()=>u("buy"),disabled:r,className:`py-2.5 rounded-lg font-semibold transition-all ${s==="buy"?"bg-success text-white":"bg-white/5 text-white/60 hover:bg-white/10"} disabled:opacity-50 disabled:cursor-not-allowed`,children:"Buy"}),jsxRuntime.jsx("button",{onClick:()=>u("sell"),disabled:r,className:`py-2.5 rounded-lg font-semibold transition-all ${s==="sell"?"bg-danger text-white":"bg-white/5 text-white/60 hover:bg-white/10"} disabled:opacity-50 disabled:cursor-not-allowed`,children:"Sell"})]}),jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx("label",{className:"text-xs text-white/60 mb-2 block",children:"Order Type"}),jsxRuntime.jsxs("div",{className:"grid grid-cols-2 gap-2",children:[jsxRuntime.jsx("button",{onClick:()=>o("market"),disabled:r,className:`py-2 rounded-lg text-sm font-medium transition-all ${i==="market"?"bg-white/10 text-white":"bg-white/5 text-white/60 hover:bg-white/10"} disabled:opacity-50 disabled:cursor-not-allowed`,children:"Market"}),jsxRuntime.jsx("button",{onClick:()=>o("limit"),disabled:r,className:`py-2 rounded-lg text-sm font-medium transition-all ${i==="limit"?"bg-white/10 text-white":"bg-white/5 text-white/60 hover:bg-white/10"} disabled:opacity-50 disabled:cursor-not-allowed`,children:"Limit"})]})]}),jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx("label",{className:"text-xs text-white/60 mb-2 block",children:"Shares"}),jsxRuntime.jsx("input",{type:"number",value:d,onChange:c=>l(c.target.value),disabled:r,className:"w-full bg-white/5 border border-white/10 rounded-lg px-4 py-2.5 text-white focus:outline-none focus:border-success disabled:opacity-50 disabled:cursor-not-allowed",placeholder:"0"})]}),i==="limit"&&jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx("label",{className:"text-xs text-white/60 mb-2 block",children:"Limit Price"}),jsxRuntime.jsx("input",{type:"number",value:b,onChange:c=>P(c.target.value),disabled:r,className:"w-full bg-white/5 border border-white/10 rounded-lg px-4 py-2.5 text-white focus:outline-none focus:border-success disabled:opacity-50 disabled:cursor-not-allowed",placeholder:"0.00",step:"0.01"})]}),jsxRuntime.jsxs("button",{onClick:T,disabled:r||!d||i==="limit"&&!b,className:`w-full py-3 rounded-lg font-semibold transition-all ${s==="buy"?"bg-success hover:bg-success/90 text-white":"bg-danger hover:bg-danger/90 text-white"} disabled:opacity-50 disabled:cursor-not-allowed`,children:[s==="buy"?"Buy":"Sell"," ",E(e)]})]})}a(Be,"OrderEntry");function qe({positions:e,onPositionClick:t}){let n=a(r=>r.split(":")[1]||r,"getTickerFromSymbol");return e.length===0?jsxRuntime.jsx("div",{className:"p-4 text-center py-8 text-white/40",children:jsxRuntime.jsx("p",{className:"text-sm",children:"No open positions"})}):jsxRuntime.jsx("div",{className:"p-4 space-y-2",children:e.map(r=>{let i=(r.currentPrice-r.avgPrice)*r.shares,o=(r.currentPrice-r.avgPrice)/r.avgPrice*100,s=r.currentPrice*r.shares;return jsxRuntime.jsxs("div",{className:`bg-white/5 rounded-lg p-3 ${t?"cursor-pointer hover:bg-white/10 transition-colors":""}`,onClick:()=>t?.(r),children:[jsxRuntime.jsxs("div",{className:"flex items-center justify-between mb-2",children:[jsxRuntime.jsx("div",{className:"font-semibold text-white",children:n(r.symbol)}),jsxRuntime.jsxs("div",{className:`flex items-center gap-1 text-sm ${i>=0?"text-success":"text-danger"}`,children:[i>=0?jsxRuntime.jsx(lucideReact.TrendingUp,{size:14}):jsxRuntime.jsx(lucideReact.TrendingDown,{size:14}),i>=0?"+":"",o.toFixed(2),"%"]})]}),jsxRuntime.jsxs("div",{className:"grid grid-cols-2 gap-2 text-xs",children:[jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx("div",{className:"text-white/60",children:"Shares"}),jsxRuntime.jsx("div",{className:"text-white font-medium",children:r.shares})]}),jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx("div",{className:"text-white/60",children:"Avg Price"}),jsxRuntime.jsxs("div",{className:"text-white font-medium",children:["$",r.avgPrice.toFixed(2)]})]})]}),jsxRuntime.jsxs("div",{className:"grid grid-cols-2 gap-2 text-xs mt-2 pt-2 border-t border-white/10",children:[jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx("div",{className:"text-white/60",children:"Current Price"}),jsxRuntime.jsxs("div",{className:"text-white font-medium",children:["$",r.currentPrice.toFixed(2)]})]}),jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx("div",{className:"text-white/60",children:"Total Value"}),jsxRuntime.jsxs("div",{className:"text-white font-medium",children:["$",s.toFixed(2)]})]})]}),jsxRuntime.jsx("div",{className:"mt-2 pt-2 border-t border-white/10",children:jsxRuntime.jsxs("div",{className:"flex justify-between items-center text-xs",children:[jsxRuntime.jsx("span",{className:"text-white/60",children:"P&L"}),jsxRuntime.jsxs("span",{className:`font-semibold ${i>=0?"text-success":"text-danger"}`,children:[i>=0?"+":"","$",i.toFixed(2)]})]})})]},r.symbol)})})}a(qe,"PositionsList");function Xe({orders:e,onCancelOrder:t,onOrderClick:n}){let r=a(i=>i.split(":")[1]||i,"getTickerFromSymbol");return e.length===0?jsxRuntime.jsx("div",{className:"p-4 text-center py-8 text-white/40",children:jsxRuntime.jsx("p",{className:"text-sm",children:"No orders yet"})}):jsxRuntime.jsx("div",{className:"p-4 space-y-2",children:e.map(i=>jsxRuntime.jsxs("div",{className:`bg-white/5 rounded-lg p-3 ${n?"cursor-pointer hover:bg-white/10 transition-colors":""}`,onClick:()=>n?.(i),children:[jsxRuntime.jsxs("div",{className:"flex items-start justify-between mb-2",children:[jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx("div",{className:"font-semibold text-white",children:r(i.symbol)}),jsxRuntime.jsx("div",{className:"text-xs text-white/60",children:new Date(i.timestamp).toLocaleString()})]}),jsxRuntime.jsx("div",{className:`text-xs px-2 py-1 rounded ${i.status==="filled"?"bg-success/20 text-success":i.status==="cancelled"?"bg-white/10 text-white/60":i.status==="pending"?"bg-yellow-500/20 text-yellow-400":"bg-blue-500/20 text-blue-400"}`,children:i.status.charAt(0).toUpperCase()+i.status.slice(1)})]}),jsxRuntime.jsxs("div",{className:"grid grid-cols-3 gap-2 text-xs",children:[jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx("div",{className:"text-white/60",children:"Side"}),jsxRuntime.jsx("div",{className:`font-medium ${i.type==="buy"?"text-success":"text-danger"}`,children:i.type.toUpperCase()})]}),jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx("div",{className:"text-white/60",children:"Shares"}),jsxRuntime.jsx("div",{className:"text-white font-medium",children:i.shares})]}),jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx("div",{className:"text-white/60",children:"Price"}),jsxRuntime.jsx("div",{className:"text-white font-medium",children:i.price>0?`$${i.price.toFixed(2)}`:"Market"})]})]}),i.orderType&&jsxRuntime.jsxs("div",{className:"mt-2 text-xs",children:[jsxRuntime.jsx("span",{className:"text-white/60",children:"Type: "}),jsxRuntime.jsx("span",{className:"text-white font-medium",children:i.orderType.charAt(0).toUpperCase()+i.orderType.slice(1)})]}),i.status==="open"&&t&&jsxRuntime.jsx("button",{onClick:o=>{o.stopPropagation(),t(i.id);},className:"w-full mt-2 py-1.5 text-xs bg-white/5 hover:bg-white/10 text-white/80 rounded transition-colors",children:"Cancel Order"})]},i.id))})}a(Xe,"OrdersHistory");
|
|
2
|
-
|
|
1
|
+
"use client";
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
var react = require('react');
|
|
5
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
6
|
+
var lucideReact = require('lucide-react');
|
|
7
|
+
|
|
8
|
+
var __defProp = Object.defineProperty;
|
|
9
|
+
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
10
|
+
function AdvancedChart({ symbol = "NASDAQ:AAPL" }) {
|
|
11
|
+
const container = react.useRef(null);
|
|
12
|
+
react.useEffect(() => {
|
|
13
|
+
if (!container.current) return;
|
|
14
|
+
if (container.current.dataset.initialized === "true") {
|
|
15
|
+
return;
|
|
16
|
+
}
|
|
17
|
+
container.current.dataset.initialized = "true";
|
|
18
|
+
const script = document.createElement("script");
|
|
19
|
+
script.src = "https://s3.tradingview.com/external-embedding/embed-widget-advanced-chart.js";
|
|
20
|
+
script.type = "text/javascript";
|
|
21
|
+
script.async = true;
|
|
22
|
+
script.innerHTML = JSON.stringify({
|
|
23
|
+
width: "100%",
|
|
24
|
+
height: "600",
|
|
25
|
+
symbol,
|
|
26
|
+
interval: "D",
|
|
27
|
+
timezone: "Etc/UTC",
|
|
28
|
+
theme: "dark",
|
|
29
|
+
style: "1",
|
|
30
|
+
locale: "en",
|
|
31
|
+
allow_symbol_change: true,
|
|
32
|
+
calendar: false,
|
|
33
|
+
support_host: "https://www.tradingview.com"
|
|
34
|
+
});
|
|
35
|
+
container.current.appendChild(script);
|
|
36
|
+
return () => {
|
|
37
|
+
if (container.current) {
|
|
38
|
+
delete container.current.dataset.initialized;
|
|
39
|
+
const scripts = container.current.querySelectorAll("script");
|
|
40
|
+
scripts.forEach((s) => s.remove());
|
|
41
|
+
}
|
|
42
|
+
};
|
|
43
|
+
}, [symbol]);
|
|
44
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tradingview-widget-container w-full h-[600px]", ref: container, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tradingview-widget-container__widget h-full" }) });
|
|
45
|
+
}
|
|
46
|
+
__name(AdvancedChart, "AdvancedChart");
|
|
47
|
+
var AdvancedChart_default = react.memo(AdvancedChart);
|
|
48
|
+
function MarketOverview() {
|
|
49
|
+
const container = react.useRef(null);
|
|
50
|
+
react.useEffect(() => {
|
|
51
|
+
if (!container.current) return;
|
|
52
|
+
if (container.current.dataset.initialized === "true") {
|
|
53
|
+
return;
|
|
54
|
+
}
|
|
55
|
+
container.current.dataset.initialized = "true";
|
|
56
|
+
const script = document.createElement("script");
|
|
57
|
+
script.src = "https://s3.tradingview.com/external-embedding/embed-widget-market-overview.js";
|
|
58
|
+
script.type = "text/javascript";
|
|
59
|
+
script.async = true;
|
|
60
|
+
script.innerHTML = JSON.stringify({
|
|
61
|
+
colorTheme: "dark",
|
|
62
|
+
dateRange: "12M",
|
|
63
|
+
locale: "en",
|
|
64
|
+
largeChartUrl: "",
|
|
65
|
+
isTransparent: false,
|
|
66
|
+
showFloatingTooltip: false,
|
|
67
|
+
plotLineColorGrowing: "rgba(41, 98, 255, 1)",
|
|
68
|
+
plotLineColorFalling: "rgba(41, 98, 255, 1)",
|
|
69
|
+
gridLineColor: "rgba(240, 243, 250, 0)",
|
|
70
|
+
scaleFontColor: "#DBDBDB",
|
|
71
|
+
belowLineFillColorGrowing: "rgba(41, 98, 255, 0.12)",
|
|
72
|
+
belowLineFillColorFalling: "rgba(41, 98, 255, 0.12)",
|
|
73
|
+
belowLineFillColorGrowingBottom: "rgba(41, 98, 255, 0)",
|
|
74
|
+
belowLineFillColorFallingBottom: "rgba(41, 98, 255, 0)",
|
|
75
|
+
symbolActiveColor: "rgba(41, 98, 255, 0.12)",
|
|
76
|
+
tabs: [
|
|
77
|
+
{
|
|
78
|
+
title: "Indices",
|
|
79
|
+
symbols: [
|
|
80
|
+
{ s: "FOREXCOM:SPXUSD", d: "S&P 500 Index" },
|
|
81
|
+
{ s: "FOREXCOM:NSXUSD", d: "US 100 Cash CFD" },
|
|
82
|
+
{ s: "FOREXCOM:DJI", d: "Dow Jones Industrial Average Index" },
|
|
83
|
+
{ s: "INDEX:NKY", d: "Japan 225" },
|
|
84
|
+
{ s: "INDEX:DEU40", d: "DAX Index" },
|
|
85
|
+
{ s: "FOREXCOM:UKXGBP", d: "FTSE 100 Index" }
|
|
86
|
+
],
|
|
87
|
+
originalTitle: "Indices"
|
|
88
|
+
},
|
|
89
|
+
{
|
|
90
|
+
title: "Futures",
|
|
91
|
+
symbols: [
|
|
92
|
+
{ s: "BMFBOVESPA:ISP1!", d: "S&P 500" },
|
|
93
|
+
{ s: "BMFBOVESPA:EUR1!", d: "Euro" },
|
|
94
|
+
{ s: "CMCMARKETS:GOLD", d: "Gold" },
|
|
95
|
+
{ s: "PYTH:WTI3!", d: "WTI Crude Oil" },
|
|
96
|
+
{ s: "BMFBOVESPA:CCM1!", d: "Corn" }
|
|
97
|
+
],
|
|
98
|
+
originalTitle: "Futures"
|
|
99
|
+
},
|
|
100
|
+
{
|
|
101
|
+
title: "Bonds",
|
|
102
|
+
symbols: [
|
|
103
|
+
{ s: "EUREX:FGBL1!", d: "Euro Bund" },
|
|
104
|
+
{ s: "EUREX:FBTP1!", d: "Euro BTP" },
|
|
105
|
+
{ s: "EUREX:FGBM1!", d: "Euro BOBL" }
|
|
106
|
+
],
|
|
107
|
+
originalTitle: "Bonds"
|
|
108
|
+
},
|
|
109
|
+
{
|
|
110
|
+
title: "Forex",
|
|
111
|
+
symbols: [
|
|
112
|
+
{ s: "FX:EURUSD", d: "EUR to USD" },
|
|
113
|
+
{ s: "FX:GBPUSD", d: "GBP to USD" },
|
|
114
|
+
{ s: "FX:USDJPY", d: "USD to JPY" },
|
|
115
|
+
{ s: "FX:USDCHF", d: "USD to CHF" },
|
|
116
|
+
{ s: "FX:AUDUSD", d: "AUD to USD" },
|
|
117
|
+
{ s: "FX:USDCAD", d: "USD to CAD" }
|
|
118
|
+
],
|
|
119
|
+
originalTitle: "Forex"
|
|
120
|
+
}
|
|
121
|
+
],
|
|
122
|
+
support_host: "https://www.tradingview.com",
|
|
123
|
+
backgroundColor: "#0f0f0f",
|
|
124
|
+
width: "100%",
|
|
125
|
+
height: "550",
|
|
126
|
+
showSymbolLogo: true,
|
|
127
|
+
showChart: true
|
|
128
|
+
});
|
|
129
|
+
container.current.appendChild(script);
|
|
130
|
+
return () => {
|
|
131
|
+
if (container.current) {
|
|
132
|
+
delete container.current.dataset.initialized;
|
|
133
|
+
const scripts = container.current.querySelectorAll("script");
|
|
134
|
+
scripts.forEach((s) => s.remove());
|
|
135
|
+
}
|
|
136
|
+
};
|
|
137
|
+
}, []);
|
|
138
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tradingview-widget-container w-full", ref: container, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tradingview-widget-container__widget" }) });
|
|
139
|
+
}
|
|
140
|
+
__name(MarketOverview, "MarketOverview");
|
|
141
|
+
var MarketOverview_default = react.memo(MarketOverview);
|
|
142
|
+
function TickerTape() {
|
|
143
|
+
const container = react.useRef(null);
|
|
144
|
+
react.useEffect(() => {
|
|
145
|
+
if (!container.current) return;
|
|
146
|
+
if (container.current.dataset.initialized === "true") {
|
|
147
|
+
return;
|
|
148
|
+
}
|
|
149
|
+
container.current.dataset.initialized = "true";
|
|
150
|
+
const script = document.createElement("script");
|
|
151
|
+
script.src = "https://s3.tradingview.com/external-embedding/embed-widget-ticker-tape.js";
|
|
152
|
+
script.type = "text/javascript";
|
|
153
|
+
script.async = true;
|
|
154
|
+
script.innerHTML = JSON.stringify({
|
|
155
|
+
symbols: [
|
|
156
|
+
{ proName: "FOREXCOM:SPXUSD", title: "S&P 500" },
|
|
157
|
+
{ proName: "FOREXCOM:NSXUSD", title: "US 100" },
|
|
158
|
+
{ proName: "FX_IDC:EURUSD", title: "EUR/USD" },
|
|
159
|
+
{ proName: "BITSTAMP:BTCUSD", title: "Bitcoin" },
|
|
160
|
+
{ proName: "BITSTAMP:ETHUSD", title: "Ethereum" },
|
|
161
|
+
{ description: "Tesla", proName: "NASDAQ:TSLA" },
|
|
162
|
+
{ description: "Apple", proName: "NASDAQ:AAPL" },
|
|
163
|
+
{ description: "Amazon", proName: "NASDAQ:AMZN" },
|
|
164
|
+
{ description: "NVIDIA", proName: "NASDAQ:NVDA" },
|
|
165
|
+
{ description: "Microsoft", proName: "NASDAQ:MSFT" },
|
|
166
|
+
{ description: "Google", proName: "NASDAQ:GOOGL" },
|
|
167
|
+
{ description: "Meta", proName: "NASDAQ:META" }
|
|
168
|
+
],
|
|
169
|
+
showSymbolLogo: true,
|
|
170
|
+
isTransparent: false,
|
|
171
|
+
displayMode: "adaptive",
|
|
172
|
+
colorTheme: "dark",
|
|
173
|
+
locale: "en"
|
|
174
|
+
});
|
|
175
|
+
container.current.appendChild(script);
|
|
176
|
+
return () => {
|
|
177
|
+
if (container.current) {
|
|
178
|
+
delete container.current.dataset.initialized;
|
|
179
|
+
const scripts = container.current.querySelectorAll("script");
|
|
180
|
+
scripts.forEach((s) => s.remove());
|
|
181
|
+
}
|
|
182
|
+
};
|
|
183
|
+
}, []);
|
|
184
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tradingview-widget-container w-full", ref: container, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tradingview-widget-container__widget" }) });
|
|
185
|
+
}
|
|
186
|
+
__name(TickerTape, "TickerTape");
|
|
187
|
+
var TickerTape_default = react.memo(TickerTape);
|
|
188
|
+
function StockScreener() {
|
|
189
|
+
const container = react.useRef(null);
|
|
190
|
+
react.useEffect(() => {
|
|
191
|
+
if (!container.current) return;
|
|
192
|
+
if (container.current.dataset.initialized === "true") {
|
|
193
|
+
return;
|
|
194
|
+
}
|
|
195
|
+
container.current.dataset.initialized = "true";
|
|
196
|
+
const script = document.createElement("script");
|
|
197
|
+
script.src = "https://s3.tradingview.com/external-embedding/embed-widget-screener.js";
|
|
198
|
+
script.type = "text/javascript";
|
|
199
|
+
script.async = true;
|
|
200
|
+
script.innerHTML = JSON.stringify({
|
|
201
|
+
market: "america",
|
|
202
|
+
showToolbar: true,
|
|
203
|
+
defaultColumn: "overview",
|
|
204
|
+
defaultScreen: "most_capitalized",
|
|
205
|
+
isTransparent: false,
|
|
206
|
+
locale: "en",
|
|
207
|
+
colorTheme: "dark",
|
|
208
|
+
width: "100%",
|
|
209
|
+
height: 550
|
|
210
|
+
});
|
|
211
|
+
container.current.appendChild(script);
|
|
212
|
+
return () => {
|
|
213
|
+
if (container.current) {
|
|
214
|
+
delete container.current.dataset.initialized;
|
|
215
|
+
const scripts = container.current.querySelectorAll("script");
|
|
216
|
+
scripts.forEach((s) => s.remove());
|
|
217
|
+
}
|
|
218
|
+
};
|
|
219
|
+
}, []);
|
|
220
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tradingview-widget-container w-full", ref: container, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tradingview-widget-container__widget" }) });
|
|
221
|
+
}
|
|
222
|
+
__name(StockScreener, "StockScreener");
|
|
223
|
+
var StockScreener_default = react.memo(StockScreener);
|
|
224
|
+
function CryptoScreener() {
|
|
225
|
+
const container = react.useRef(null);
|
|
226
|
+
react.useEffect(() => {
|
|
227
|
+
if (!container.current) return;
|
|
228
|
+
if (container.current.dataset.initialized === "true") {
|
|
229
|
+
return;
|
|
230
|
+
}
|
|
231
|
+
container.current.dataset.initialized = "true";
|
|
232
|
+
const script = document.createElement("script");
|
|
233
|
+
script.src = "https://s3.tradingview.com/external-embedding/embed-widget-screener.js";
|
|
234
|
+
script.type = "text/javascript";
|
|
235
|
+
script.async = true;
|
|
236
|
+
script.innerHTML = JSON.stringify({
|
|
237
|
+
defaultColumn: "overview",
|
|
238
|
+
screener_type: "crypto_mkt",
|
|
239
|
+
displayCurrency: "USD",
|
|
240
|
+
colorTheme: "dark",
|
|
241
|
+
isTransparent: false,
|
|
242
|
+
locale: "en",
|
|
243
|
+
width: "100%",
|
|
244
|
+
height: 550
|
|
245
|
+
});
|
|
246
|
+
container.current.appendChild(script);
|
|
247
|
+
return () => {
|
|
248
|
+
if (container.current) {
|
|
249
|
+
delete container.current.dataset.initialized;
|
|
250
|
+
const scripts = container.current.querySelectorAll("script");
|
|
251
|
+
scripts.forEach((s) => s.remove());
|
|
252
|
+
}
|
|
253
|
+
};
|
|
254
|
+
}, []);
|
|
255
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tradingview-widget-container w-full", ref: container, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tradingview-widget-container__widget" }) });
|
|
256
|
+
}
|
|
257
|
+
__name(CryptoScreener, "CryptoScreener");
|
|
258
|
+
var CryptoScreener_default = react.memo(CryptoScreener);
|
|
259
|
+
function ForexScreener() {
|
|
260
|
+
const container = react.useRef(null);
|
|
261
|
+
react.useEffect(() => {
|
|
262
|
+
if (!container.current) return;
|
|
263
|
+
if (container.current.dataset.initialized === "true") {
|
|
264
|
+
return;
|
|
265
|
+
}
|
|
266
|
+
container.current.dataset.initialized = "true";
|
|
267
|
+
const script = document.createElement("script");
|
|
268
|
+
script.src = "https://s3.tradingview.com/external-embedding/embed-widget-screener.js";
|
|
269
|
+
script.type = "text/javascript";
|
|
270
|
+
script.async = true;
|
|
271
|
+
script.innerHTML = JSON.stringify({
|
|
272
|
+
market: "forex",
|
|
273
|
+
showToolbar: true,
|
|
274
|
+
defaultColumn: "overview",
|
|
275
|
+
defaultScreen: "general",
|
|
276
|
+
isTransparent: false,
|
|
277
|
+
locale: "en",
|
|
278
|
+
colorTheme: "dark",
|
|
279
|
+
width: "100%",
|
|
280
|
+
height: 550
|
|
281
|
+
});
|
|
282
|
+
container.current.appendChild(script);
|
|
283
|
+
return () => {
|
|
284
|
+
if (container.current) {
|
|
285
|
+
delete container.current.dataset.initialized;
|
|
286
|
+
const scripts = container.current.querySelectorAll("script");
|
|
287
|
+
scripts.forEach((s) => s.remove());
|
|
288
|
+
}
|
|
289
|
+
};
|
|
290
|
+
}, []);
|
|
291
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tradingview-widget-container w-full", ref: container, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tradingview-widget-container__widget" }) });
|
|
292
|
+
}
|
|
293
|
+
__name(ForexScreener, "ForexScreener");
|
|
294
|
+
var ForexScreener_default = react.memo(ForexScreener);
|
|
295
|
+
function SymbolInfo({
|
|
296
|
+
symbol = "NASDAQ:AAPL",
|
|
297
|
+
width = "100%",
|
|
298
|
+
locale = "en",
|
|
299
|
+
colorTheme = "dark",
|
|
300
|
+
isTransparent = false
|
|
301
|
+
}) {
|
|
302
|
+
const containerRef = react.useRef(null);
|
|
303
|
+
react.useEffect(() => {
|
|
304
|
+
if (!containerRef.current) return;
|
|
305
|
+
if (containerRef.current.dataset.initialized === "true") {
|
|
306
|
+
return;
|
|
307
|
+
}
|
|
308
|
+
containerRef.current.dataset.initialized = "true";
|
|
309
|
+
const script = document.createElement("script");
|
|
310
|
+
script.src = "https://s3.tradingview.com/external-embedding/embed-widget-symbol-info.js";
|
|
311
|
+
script.async = true;
|
|
312
|
+
script.innerHTML = JSON.stringify({
|
|
313
|
+
symbol,
|
|
314
|
+
width,
|
|
315
|
+
locale,
|
|
316
|
+
colorTheme,
|
|
317
|
+
isTransparent
|
|
318
|
+
});
|
|
319
|
+
containerRef.current.appendChild(script);
|
|
320
|
+
return () => {
|
|
321
|
+
if (containerRef.current) {
|
|
322
|
+
delete containerRef.current.dataset.initialized;
|
|
323
|
+
const scripts = containerRef.current.querySelectorAll("script");
|
|
324
|
+
scripts.forEach((s) => s.remove());
|
|
325
|
+
}
|
|
326
|
+
};
|
|
327
|
+
}, [symbol, width, locale, colorTheme, isTransparent]);
|
|
328
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tradingview-widget-container", ref: containerRef, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tradingview-widget-container__widget" }) });
|
|
329
|
+
}
|
|
330
|
+
__name(SymbolInfo, "SymbolInfo");
|
|
331
|
+
function CompanyProfile({
|
|
332
|
+
symbol = "NASDAQ:AAPL",
|
|
333
|
+
width = "100%",
|
|
334
|
+
height = "100%",
|
|
335
|
+
locale = "en",
|
|
336
|
+
colorTheme = "dark",
|
|
337
|
+
isTransparent = false
|
|
338
|
+
}) {
|
|
339
|
+
const containerRef = react.useRef(null);
|
|
340
|
+
react.useEffect(() => {
|
|
341
|
+
if (!containerRef.current) return;
|
|
342
|
+
if (containerRef.current.dataset.initialized === "true") {
|
|
343
|
+
return;
|
|
344
|
+
}
|
|
345
|
+
containerRef.current.dataset.initialized = "true";
|
|
346
|
+
const script = document.createElement("script");
|
|
347
|
+
script.src = "https://s3.tradingview.com/external-embedding/embed-widget-symbol-profile.js";
|
|
348
|
+
script.async = true;
|
|
349
|
+
script.innerHTML = JSON.stringify({
|
|
350
|
+
width,
|
|
351
|
+
height,
|
|
352
|
+
colorTheme,
|
|
353
|
+
isTransparent,
|
|
354
|
+
symbol,
|
|
355
|
+
locale
|
|
356
|
+
});
|
|
357
|
+
containerRef.current.appendChild(script);
|
|
358
|
+
return () => {
|
|
359
|
+
if (containerRef.current) {
|
|
360
|
+
delete containerRef.current.dataset.initialized;
|
|
361
|
+
const scripts = containerRef.current.querySelectorAll("script");
|
|
362
|
+
scripts.forEach((s) => s.remove());
|
|
363
|
+
}
|
|
364
|
+
};
|
|
365
|
+
}, [symbol, width, height, locale, colorTheme, isTransparent]);
|
|
366
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tradingview-widget-container", ref: containerRef, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tradingview-widget-container__widget" }) });
|
|
367
|
+
}
|
|
368
|
+
__name(CompanyProfile, "CompanyProfile");
|
|
369
|
+
function Financials({
|
|
370
|
+
symbol = "NASDAQ:AAPL",
|
|
371
|
+
width = "100%",
|
|
372
|
+
height = "500",
|
|
373
|
+
locale = "en",
|
|
374
|
+
colorTheme = "dark",
|
|
375
|
+
isTransparent = false,
|
|
376
|
+
displayMode = "adaptive",
|
|
377
|
+
largeChartUrl = ""
|
|
378
|
+
}) {
|
|
379
|
+
const containerRef = react.useRef(null);
|
|
380
|
+
react.useEffect(() => {
|
|
381
|
+
if (!containerRef.current) return;
|
|
382
|
+
if (containerRef.current.dataset.initialized === "true") {
|
|
383
|
+
return;
|
|
384
|
+
}
|
|
385
|
+
containerRef.current.dataset.initialized = "true";
|
|
386
|
+
const script = document.createElement("script");
|
|
387
|
+
script.src = "https://s3.tradingview.com/external-embedding/embed-widget-financials.js";
|
|
388
|
+
script.async = true;
|
|
389
|
+
script.innerHTML = JSON.stringify({
|
|
390
|
+
colorTheme,
|
|
391
|
+
isTransparent,
|
|
392
|
+
largeChartUrl,
|
|
393
|
+
displayMode,
|
|
394
|
+
width,
|
|
395
|
+
height,
|
|
396
|
+
symbol,
|
|
397
|
+
locale
|
|
398
|
+
});
|
|
399
|
+
containerRef.current.appendChild(script);
|
|
400
|
+
return () => {
|
|
401
|
+
if (containerRef.current) {
|
|
402
|
+
delete containerRef.current.dataset.initialized;
|
|
403
|
+
const scripts = containerRef.current.querySelectorAll("script");
|
|
404
|
+
scripts.forEach((s) => s.remove());
|
|
405
|
+
}
|
|
406
|
+
};
|
|
407
|
+
}, [symbol, width, height, locale, colorTheme, isTransparent, displayMode, largeChartUrl]);
|
|
408
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tradingview-widget-container w-full h-[500px]", ref: containerRef, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tradingview-widget-container__widget h-full" }) });
|
|
409
|
+
}
|
|
410
|
+
__name(Financials, "Financials");
|
|
411
|
+
function TechnicalAnalysis({
|
|
412
|
+
symbol = "NASDAQ:AAPL",
|
|
413
|
+
interval = "15m",
|
|
414
|
+
width = "100%",
|
|
415
|
+
height = "500",
|
|
416
|
+
locale = "en",
|
|
417
|
+
colorTheme = "dark",
|
|
418
|
+
isTransparent = false,
|
|
419
|
+
showIntervalTabs = true,
|
|
420
|
+
displayMode = "single"
|
|
421
|
+
}) {
|
|
422
|
+
const containerRef = react.useRef(null);
|
|
423
|
+
react.useEffect(() => {
|
|
424
|
+
if (!containerRef.current) return;
|
|
425
|
+
if (containerRef.current.dataset.initialized === "true") {
|
|
426
|
+
return;
|
|
427
|
+
}
|
|
428
|
+
containerRef.current.dataset.initialized = "true";
|
|
429
|
+
const script = document.createElement("script");
|
|
430
|
+
script.src = "https://s3.tradingview.com/external-embedding/embed-widget-technical-analysis.js";
|
|
431
|
+
script.async = true;
|
|
432
|
+
script.innerHTML = JSON.stringify({
|
|
433
|
+
interval,
|
|
434
|
+
width,
|
|
435
|
+
isTransparent,
|
|
436
|
+
height,
|
|
437
|
+
symbol,
|
|
438
|
+
showIntervalTabs,
|
|
439
|
+
displayMode,
|
|
440
|
+
locale,
|
|
441
|
+
colorTheme
|
|
442
|
+
});
|
|
443
|
+
containerRef.current.appendChild(script);
|
|
444
|
+
return () => {
|
|
445
|
+
if (containerRef.current) {
|
|
446
|
+
delete containerRef.current.dataset.initialized;
|
|
447
|
+
const scripts = containerRef.current.querySelectorAll("script");
|
|
448
|
+
scripts.forEach((s) => s.remove());
|
|
449
|
+
}
|
|
450
|
+
};
|
|
451
|
+
}, [symbol, interval, width, height, locale, colorTheme, isTransparent, showIntervalTabs, displayMode]);
|
|
452
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tradingview-widget-container w-full h-[500px]", ref: containerRef, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tradingview-widget-container__widget h-full" }) });
|
|
453
|
+
}
|
|
454
|
+
__name(TechnicalAnalysis, "TechnicalAnalysis");
|
|
455
|
+
function NewsTimeline() {
|
|
456
|
+
const container = react.useRef(null);
|
|
457
|
+
react.useEffect(() => {
|
|
458
|
+
if (!container.current) return;
|
|
459
|
+
if (container.current.dataset.initialized === "true") {
|
|
460
|
+
return;
|
|
461
|
+
}
|
|
462
|
+
container.current.dataset.initialized = "true";
|
|
463
|
+
const script = document.createElement("script");
|
|
464
|
+
script.src = "https://s3.tradingview.com/external-embedding/embed-widget-timeline.js";
|
|
465
|
+
script.type = "text/javascript";
|
|
466
|
+
script.async = true;
|
|
467
|
+
script.innerHTML = JSON.stringify({
|
|
468
|
+
displayMode: "regular",
|
|
469
|
+
feedMode: "all_symbols",
|
|
470
|
+
colorTheme: "dark",
|
|
471
|
+
isTransparent: false,
|
|
472
|
+
locale: "en",
|
|
473
|
+
width: "100%",
|
|
474
|
+
height: 550
|
|
475
|
+
});
|
|
476
|
+
container.current.appendChild(script);
|
|
477
|
+
return () => {
|
|
478
|
+
if (container.current) {
|
|
479
|
+
delete container.current.dataset.initialized;
|
|
480
|
+
const scripts = container.current.querySelectorAll("script");
|
|
481
|
+
scripts.forEach((s) => s.remove());
|
|
482
|
+
}
|
|
483
|
+
};
|
|
484
|
+
}, []);
|
|
485
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tradingview-widget-container w-full", ref: container, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tradingview-widget-container__widget" }) });
|
|
486
|
+
}
|
|
487
|
+
__name(NewsTimeline, "NewsTimeline");
|
|
488
|
+
var NewsTimeline_default = react.memo(NewsTimeline);
|
|
489
|
+
function TradingPanel({ symbol, currentPrice }) {
|
|
490
|
+
const [orderType, setOrderType] = react.useState("buy");
|
|
491
|
+
const [quantity, setQuantity] = react.useState("");
|
|
492
|
+
const [portfolio, setPortfolio] = react.useState(null);
|
|
493
|
+
const [message, setMessage] = react.useState(null);
|
|
494
|
+
react.useEffect(() => {
|
|
495
|
+
loadPortfolio();
|
|
496
|
+
}, []);
|
|
497
|
+
const loadPortfolio = /* @__PURE__ */ __name(() => {
|
|
498
|
+
const storedPortfolio = localStorage.getItem("begm_portfolio");
|
|
499
|
+
if (storedPortfolio) {
|
|
500
|
+
setPortfolio(JSON.parse(storedPortfolio));
|
|
501
|
+
} else {
|
|
502
|
+
const initialPortfolio = {
|
|
503
|
+
cash: 1e5,
|
|
504
|
+
holdings: []
|
|
505
|
+
};
|
|
506
|
+
localStorage.setItem("begm_portfolio", JSON.stringify(initialPortfolio));
|
|
507
|
+
setPortfolio(initialPortfolio);
|
|
508
|
+
}
|
|
509
|
+
}, "loadPortfolio");
|
|
510
|
+
const executeTrade = /* @__PURE__ */ __name(() => {
|
|
511
|
+
if (!quantity || parseFloat(quantity) <= 0) {
|
|
512
|
+
setMessage({ type: "error", text: "Please enter a valid quantity" });
|
|
513
|
+
return;
|
|
514
|
+
}
|
|
515
|
+
const qty = parseFloat(quantity);
|
|
516
|
+
const total = qty * currentPrice;
|
|
517
|
+
if (orderType === "buy") {
|
|
518
|
+
if (total > portfolio.cash) {
|
|
519
|
+
setMessage({ type: "error", text: "Insufficient funds" });
|
|
520
|
+
return;
|
|
521
|
+
}
|
|
522
|
+
const existingHolding = portfolio.holdings.find((h) => h.symbol === symbol);
|
|
523
|
+
if (existingHolding) {
|
|
524
|
+
const newQuantity = existingHolding.quantity + qty;
|
|
525
|
+
const newAveragePrice = (existingHolding.averagePrice * existingHolding.quantity + currentPrice * qty) / newQuantity;
|
|
526
|
+
existingHolding.quantity = newQuantity;
|
|
527
|
+
existingHolding.averagePrice = newAveragePrice;
|
|
528
|
+
existingHolding.currentPrice = currentPrice;
|
|
529
|
+
} else {
|
|
530
|
+
portfolio.holdings.push({
|
|
531
|
+
symbol,
|
|
532
|
+
quantity: qty,
|
|
533
|
+
averagePrice: currentPrice,
|
|
534
|
+
currentPrice
|
|
535
|
+
});
|
|
536
|
+
}
|
|
537
|
+
portfolio.cash -= total;
|
|
538
|
+
} else {
|
|
539
|
+
const existingHolding = portfolio.holdings.find((h) => h.symbol === symbol);
|
|
540
|
+
if (!existingHolding || existingHolding.quantity < qty) {
|
|
541
|
+
setMessage({ type: "error", text: "Insufficient shares" });
|
|
542
|
+
return;
|
|
543
|
+
}
|
|
544
|
+
existingHolding.quantity -= qty;
|
|
545
|
+
existingHolding.currentPrice = currentPrice;
|
|
546
|
+
if (existingHolding.quantity === 0) {
|
|
547
|
+
portfolio.holdings = portfolio.holdings.filter((h) => h.symbol !== symbol);
|
|
548
|
+
}
|
|
549
|
+
portfolio.cash += total;
|
|
550
|
+
}
|
|
551
|
+
localStorage.setItem("begm_portfolio", JSON.stringify(portfolio));
|
|
552
|
+
setPortfolio({ ...portfolio });
|
|
553
|
+
const orders = JSON.parse(localStorage.getItem("begm_orders") || "[]");
|
|
554
|
+
orders.push({
|
|
555
|
+
id: `ORD-${Date.now()}`,
|
|
556
|
+
symbol,
|
|
557
|
+
type: orderType,
|
|
558
|
+
quantity: qty,
|
|
559
|
+
price: currentPrice,
|
|
560
|
+
total,
|
|
561
|
+
timestamp: (/* @__PURE__ */ new Date()).toISOString(),
|
|
562
|
+
status: "completed"
|
|
563
|
+
});
|
|
564
|
+
localStorage.setItem("begm_orders", JSON.stringify(orders));
|
|
565
|
+
setMessage({
|
|
566
|
+
type: "success",
|
|
567
|
+
text: `Successfully ${orderType === "buy" ? "bought" : "sold"} ${qty} shares of ${symbol}`
|
|
568
|
+
});
|
|
569
|
+
setQuantity("");
|
|
570
|
+
setTimeout(() => setMessage(null), 3e3);
|
|
571
|
+
}, "executeTrade");
|
|
572
|
+
const getHoldingInfo = /* @__PURE__ */ __name(() => {
|
|
573
|
+
if (!portfolio) return null;
|
|
574
|
+
const holding2 = portfolio.holdings.find((h) => h.symbol === symbol);
|
|
575
|
+
return holding2;
|
|
576
|
+
}, "getHoldingInfo");
|
|
577
|
+
const holding = getHoldingInfo();
|
|
578
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-white/5 border border-white/10 rounded-lg p-6 backdrop-blur-xl", children: [
|
|
579
|
+
/* @__PURE__ */ jsxRuntime.jsxs("h3", { className: "text-lg font-bold text-white mb-4", children: [
|
|
580
|
+
"Trade ",
|
|
581
|
+
symbol
|
|
582
|
+
] }),
|
|
583
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2 mb-4", children: [
|
|
584
|
+
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
585
|
+
"button",
|
|
586
|
+
{
|
|
587
|
+
onClick: () => setOrderType("buy"),
|
|
588
|
+
className: `flex-1 py-2 rounded-lg font-medium transition-all ${orderType === "buy" ? "bg-success text-white" : "bg-white/5 text-white/60 hover:bg-white/10"}`,
|
|
589
|
+
children: [
|
|
590
|
+
/* @__PURE__ */ jsxRuntime.jsx(lucideReact.TrendingUp, { size: 16, className: "inline mr-2" }),
|
|
591
|
+
"Buy"
|
|
592
|
+
]
|
|
593
|
+
}
|
|
594
|
+
),
|
|
595
|
+
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
596
|
+
"button",
|
|
597
|
+
{
|
|
598
|
+
onClick: () => setOrderType("sell"),
|
|
599
|
+
className: `flex-1 py-2 rounded-lg font-medium transition-all ${orderType === "sell" ? "bg-danger text-white" : "bg-white/5 text-white/60 hover:bg-white/10"}`,
|
|
600
|
+
children: [
|
|
601
|
+
/* @__PURE__ */ jsxRuntime.jsx(lucideReact.TrendingDown, { size: 16, className: "inline mr-2" }),
|
|
602
|
+
"Sell"
|
|
603
|
+
]
|
|
604
|
+
}
|
|
605
|
+
)
|
|
606
|
+
] }),
|
|
607
|
+
holding && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-4 p-3 bg-white/5 rounded-lg", children: [
|
|
608
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-white/60 mb-1", children: "Your Holdings" }),
|
|
609
|
+
/* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm text-white", children: [
|
|
610
|
+
holding.quantity,
|
|
611
|
+
" shares @ $",
|
|
612
|
+
holding.averagePrice.toFixed(2),
|
|
613
|
+
" avg"
|
|
614
|
+
] })
|
|
615
|
+
] }),
|
|
616
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-4 p-3 bg-white/5 rounded-lg", children: [
|
|
617
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-white/60 mb-1", children: "Current Price" }),
|
|
618
|
+
/* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-lg font-bold text-white", children: [
|
|
619
|
+
"$",
|
|
620
|
+
currentPrice.toFixed(2)
|
|
621
|
+
] })
|
|
622
|
+
] }),
|
|
623
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-4", children: [
|
|
624
|
+
/* @__PURE__ */ jsxRuntime.jsx("label", { className: "block text-sm font-medium text-white/80 mb-2", children: "Quantity (Shares)" }),
|
|
625
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
626
|
+
"input",
|
|
627
|
+
{
|
|
628
|
+
type: "number",
|
|
629
|
+
value: quantity,
|
|
630
|
+
onChange: (e) => setQuantity(e.target.value),
|
|
631
|
+
min: "1",
|
|
632
|
+
step: "1",
|
|
633
|
+
placeholder: "Enter quantity",
|
|
634
|
+
className: "w-full px-4 py-2 bg-white/5 border border-white/10 rounded-lg text-white placeholder-white/40 focus:outline-none focus:border-success"
|
|
635
|
+
}
|
|
636
|
+
)
|
|
637
|
+
] }),
|
|
638
|
+
quantity && parseFloat(quantity) > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-4 p-3 bg-white/5 rounded-lg", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between items-center", children: [
|
|
639
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-white/60", children: "Estimated Total" }),
|
|
640
|
+
/* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-lg font-bold text-white", children: [
|
|
641
|
+
"$",
|
|
642
|
+
(parseFloat(quantity) * currentPrice).toFixed(2)
|
|
643
|
+
] })
|
|
644
|
+
] }) }),
|
|
645
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-4 p-3 bg-white/5 rounded-lg", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between items-center", children: [
|
|
646
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-white/60", children: "Available Cash" }),
|
|
647
|
+
/* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-sm font-medium text-white", children: [
|
|
648
|
+
"$",
|
|
649
|
+
portfolio?.cash.toLocaleString() || "0"
|
|
650
|
+
] })
|
|
651
|
+
] }) }),
|
|
652
|
+
message && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `mb-4 p-3 rounded-lg ${message.type === "success" ? "bg-success/20 text-success" : "bg-danger/20 text-danger"}`, children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm", children: message.text }) }),
|
|
653
|
+
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
654
|
+
"button",
|
|
655
|
+
{
|
|
656
|
+
onClick: executeTrade,
|
|
657
|
+
className: `w-full py-3 rounded-lg font-medium transition-all ${orderType === "buy" ? "bg-success hover:bg-success/90 text-white" : "bg-danger hover:bg-danger/90 text-white"}`,
|
|
658
|
+
children: [
|
|
659
|
+
orderType === "buy" ? "Buy" : "Sell",
|
|
660
|
+
" ",
|
|
661
|
+
symbol
|
|
662
|
+
]
|
|
663
|
+
}
|
|
664
|
+
),
|
|
665
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-white/40 text-center mt-4", children: "This is a demo account. No real money is at risk." })
|
|
666
|
+
] });
|
|
667
|
+
}
|
|
668
|
+
__name(TradingPanel, "TradingPanel");
|
|
669
|
+
function OrderEntry({
|
|
670
|
+
symbol,
|
|
671
|
+
accountBalance,
|
|
672
|
+
onPlaceOrder,
|
|
673
|
+
disabled = false
|
|
674
|
+
}) {
|
|
675
|
+
const [orderType, setOrderType] = react.useState("market");
|
|
676
|
+
const [orderSide, setOrderSide] = react.useState("buy");
|
|
677
|
+
const [shares, setShares] = react.useState("");
|
|
678
|
+
const [limitPrice, setLimitPrice] = react.useState("");
|
|
679
|
+
const getTickerFromSymbol = /* @__PURE__ */ __name((symbol2) => {
|
|
680
|
+
return symbol2.split(":")[1] || symbol2;
|
|
681
|
+
}, "getTickerFromSymbol");
|
|
682
|
+
const handlePlaceOrder = /* @__PURE__ */ __name(() => {
|
|
683
|
+
if (!shares || orderType === "limit" && !limitPrice) return;
|
|
684
|
+
onPlaceOrder({
|
|
685
|
+
symbol,
|
|
686
|
+
side: orderSide,
|
|
687
|
+
orderType,
|
|
688
|
+
shares: parseInt(shares),
|
|
689
|
+
limitPrice: orderType === "limit" ? parseFloat(limitPrice) : void 0
|
|
690
|
+
});
|
|
691
|
+
setShares("");
|
|
692
|
+
setLimitPrice("");
|
|
693
|
+
}, "handlePlaceOrder");
|
|
694
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-4 space-y-4", children: [
|
|
695
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-white/5 rounded-lg p-3", children: [
|
|
696
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-white/60 mb-1", children: "Buying Power" }),
|
|
697
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-lg font-semibold text-white", children: [
|
|
698
|
+
"$",
|
|
699
|
+
accountBalance.toLocaleString()
|
|
700
|
+
] })
|
|
701
|
+
] }),
|
|
702
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-2", children: [
|
|
703
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
704
|
+
"button",
|
|
705
|
+
{
|
|
706
|
+
onClick: () => setOrderSide("buy"),
|
|
707
|
+
disabled,
|
|
708
|
+
className: `py-2.5 rounded-lg font-semibold transition-all ${orderSide === "buy" ? "bg-success text-white" : "bg-white/5 text-white/60 hover:bg-white/10"} disabled:opacity-50 disabled:cursor-not-allowed`,
|
|
709
|
+
children: "Buy"
|
|
710
|
+
}
|
|
711
|
+
),
|
|
712
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
713
|
+
"button",
|
|
714
|
+
{
|
|
715
|
+
onClick: () => setOrderSide("sell"),
|
|
716
|
+
disabled,
|
|
717
|
+
className: `py-2.5 rounded-lg font-semibold transition-all ${orderSide === "sell" ? "bg-danger text-white" : "bg-white/5 text-white/60 hover:bg-white/10"} disabled:opacity-50 disabled:cursor-not-allowed`,
|
|
718
|
+
children: "Sell"
|
|
719
|
+
}
|
|
720
|
+
)
|
|
721
|
+
] }),
|
|
722
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
723
|
+
/* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-xs text-white/60 mb-2 block", children: "Order Type" }),
|
|
724
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-2", children: [
|
|
725
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
726
|
+
"button",
|
|
727
|
+
{
|
|
728
|
+
onClick: () => setOrderType("market"),
|
|
729
|
+
disabled,
|
|
730
|
+
className: `py-2 rounded-lg text-sm font-medium transition-all ${orderType === "market" ? "bg-white/10 text-white" : "bg-white/5 text-white/60 hover:bg-white/10"} disabled:opacity-50 disabled:cursor-not-allowed`,
|
|
731
|
+
children: "Market"
|
|
732
|
+
}
|
|
733
|
+
),
|
|
734
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
735
|
+
"button",
|
|
736
|
+
{
|
|
737
|
+
onClick: () => setOrderType("limit"),
|
|
738
|
+
disabled,
|
|
739
|
+
className: `py-2 rounded-lg text-sm font-medium transition-all ${orderType === "limit" ? "bg-white/10 text-white" : "bg-white/5 text-white/60 hover:bg-white/10"} disabled:opacity-50 disabled:cursor-not-allowed`,
|
|
740
|
+
children: "Limit"
|
|
741
|
+
}
|
|
742
|
+
)
|
|
743
|
+
] })
|
|
744
|
+
] }),
|
|
745
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
746
|
+
/* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-xs text-white/60 mb-2 block", children: "Shares" }),
|
|
747
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
748
|
+
"input",
|
|
749
|
+
{
|
|
750
|
+
type: "number",
|
|
751
|
+
value: shares,
|
|
752
|
+
onChange: (e) => setShares(e.target.value),
|
|
753
|
+
disabled,
|
|
754
|
+
className: "w-full bg-white/5 border border-white/10 rounded-lg px-4 py-2.5 text-white focus:outline-none focus:border-success disabled:opacity-50 disabled:cursor-not-allowed",
|
|
755
|
+
placeholder: "0"
|
|
756
|
+
}
|
|
757
|
+
)
|
|
758
|
+
] }),
|
|
759
|
+
orderType === "limit" && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
760
|
+
/* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-xs text-white/60 mb-2 block", children: "Limit Price" }),
|
|
761
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
762
|
+
"input",
|
|
763
|
+
{
|
|
764
|
+
type: "number",
|
|
765
|
+
value: limitPrice,
|
|
766
|
+
onChange: (e) => setLimitPrice(e.target.value),
|
|
767
|
+
disabled,
|
|
768
|
+
className: "w-full bg-white/5 border border-white/10 rounded-lg px-4 py-2.5 text-white focus:outline-none focus:border-success disabled:opacity-50 disabled:cursor-not-allowed",
|
|
769
|
+
placeholder: "0.00",
|
|
770
|
+
step: "0.01"
|
|
771
|
+
}
|
|
772
|
+
)
|
|
773
|
+
] }),
|
|
774
|
+
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
775
|
+
"button",
|
|
776
|
+
{
|
|
777
|
+
onClick: handlePlaceOrder,
|
|
778
|
+
disabled: disabled || !shares || orderType === "limit" && !limitPrice,
|
|
779
|
+
className: `w-full py-3 rounded-lg font-semibold transition-all ${orderSide === "buy" ? "bg-success hover:bg-success/90 text-white" : "bg-danger hover:bg-danger/90 text-white"} disabled:opacity-50 disabled:cursor-not-allowed`,
|
|
780
|
+
children: [
|
|
781
|
+
orderSide === "buy" ? "Buy" : "Sell",
|
|
782
|
+
" ",
|
|
783
|
+
getTickerFromSymbol(symbol)
|
|
784
|
+
]
|
|
785
|
+
}
|
|
786
|
+
)
|
|
787
|
+
] });
|
|
788
|
+
}
|
|
789
|
+
__name(OrderEntry, "OrderEntry");
|
|
790
|
+
function PositionsList({ positions, onPositionClick }) {
|
|
791
|
+
const getTickerFromSymbol = /* @__PURE__ */ __name((symbol) => {
|
|
792
|
+
return symbol.split(":")[1] || symbol;
|
|
793
|
+
}, "getTickerFromSymbol");
|
|
794
|
+
if (positions.length === 0) {
|
|
795
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-4 text-center py-8 text-white/40", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm", children: "No open positions" }) });
|
|
796
|
+
}
|
|
797
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-4 space-y-2", children: positions.map((position) => {
|
|
798
|
+
const pl = (position.currentPrice - position.avgPrice) * position.shares;
|
|
799
|
+
const plPercent = (position.currentPrice - position.avgPrice) / position.avgPrice * 100;
|
|
800
|
+
const totalValue = position.currentPrice * position.shares;
|
|
801
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
802
|
+
"div",
|
|
803
|
+
{
|
|
804
|
+
className: `bg-white/5 rounded-lg p-3 ${onPositionClick ? "cursor-pointer hover:bg-white/10 transition-colors" : ""}`,
|
|
805
|
+
onClick: () => onPositionClick?.(position),
|
|
806
|
+
children: [
|
|
807
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-2", children: [
|
|
808
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-semibold text-white", children: getTickerFromSymbol(position.symbol) }),
|
|
809
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex items-center gap-1 text-sm ${pl >= 0 ? "text-success" : "text-danger"}`, children: [
|
|
810
|
+
pl >= 0 ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.TrendingUp, { size: 14 }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.TrendingDown, { size: 14 }),
|
|
811
|
+
pl >= 0 ? "+" : "",
|
|
812
|
+
plPercent.toFixed(2),
|
|
813
|
+
"%"
|
|
814
|
+
] })
|
|
815
|
+
] }),
|
|
816
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-2 text-xs", children: [
|
|
817
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
818
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-white/60", children: "Shares" }),
|
|
819
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-white font-medium", children: position.shares })
|
|
820
|
+
] }),
|
|
821
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
822
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-white/60", children: "Avg Price" }),
|
|
823
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-white font-medium", children: [
|
|
824
|
+
"$",
|
|
825
|
+
position.avgPrice.toFixed(2)
|
|
826
|
+
] })
|
|
827
|
+
] })
|
|
828
|
+
] }),
|
|
829
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-2 text-xs mt-2 pt-2 border-t border-white/10", children: [
|
|
830
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
831
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-white/60", children: "Current Price" }),
|
|
832
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-white font-medium", children: [
|
|
833
|
+
"$",
|
|
834
|
+
position.currentPrice.toFixed(2)
|
|
835
|
+
] })
|
|
836
|
+
] }),
|
|
837
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
838
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-white/60", children: "Total Value" }),
|
|
839
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-white font-medium", children: [
|
|
840
|
+
"$",
|
|
841
|
+
totalValue.toFixed(2)
|
|
842
|
+
] })
|
|
843
|
+
] })
|
|
844
|
+
] }),
|
|
845
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2 pt-2 border-t border-white/10", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between items-center text-xs", children: [
|
|
846
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-white/60", children: "P&L" }),
|
|
847
|
+
/* @__PURE__ */ jsxRuntime.jsxs("span", { className: `font-semibold ${pl >= 0 ? "text-success" : "text-danger"}`, children: [
|
|
848
|
+
pl >= 0 ? "+" : "",
|
|
849
|
+
"$",
|
|
850
|
+
pl.toFixed(2)
|
|
851
|
+
] })
|
|
852
|
+
] }) })
|
|
853
|
+
]
|
|
854
|
+
},
|
|
855
|
+
position.symbol
|
|
856
|
+
);
|
|
857
|
+
}) });
|
|
858
|
+
}
|
|
859
|
+
__name(PositionsList, "PositionsList");
|
|
860
|
+
function OrdersHistory({ orders, onCancelOrder, onOrderClick }) {
|
|
861
|
+
const getTickerFromSymbol = /* @__PURE__ */ __name((symbol) => {
|
|
862
|
+
return symbol.split(":")[1] || symbol;
|
|
863
|
+
}, "getTickerFromSymbol");
|
|
864
|
+
if (orders.length === 0) {
|
|
865
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-4 text-center py-8 text-white/40", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm", children: "No orders yet" }) });
|
|
866
|
+
}
|
|
867
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-4 space-y-2", children: orders.map((order) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
868
|
+
"div",
|
|
869
|
+
{
|
|
870
|
+
className: `bg-white/5 rounded-lg p-3 ${onOrderClick ? "cursor-pointer hover:bg-white/10 transition-colors" : ""}`,
|
|
871
|
+
onClick: () => onOrderClick?.(order),
|
|
872
|
+
children: [
|
|
873
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between mb-2", children: [
|
|
874
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
875
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-semibold text-white", children: getTickerFromSymbol(order.symbol) }),
|
|
876
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-white/60", children: new Date(order.timestamp).toLocaleString() })
|
|
877
|
+
] }),
|
|
878
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: `text-xs px-2 py-1 rounded ${order.status === "filled" ? "bg-success/20 text-success" : order.status === "cancelled" ? "bg-white/10 text-white/60" : order.status === "pending" ? "bg-yellow-500/20 text-yellow-400" : "bg-blue-500/20 text-blue-400"}`, children: order.status.charAt(0).toUpperCase() + order.status.slice(1) })
|
|
879
|
+
] }),
|
|
880
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-3 gap-2 text-xs", children: [
|
|
881
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
882
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-white/60", children: "Side" }),
|
|
883
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: `font-medium ${order.type === "buy" ? "text-success" : "text-danger"}`, children: order.type.toUpperCase() })
|
|
884
|
+
] }),
|
|
885
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
886
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-white/60", children: "Shares" }),
|
|
887
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-white font-medium", children: order.shares })
|
|
888
|
+
] }),
|
|
889
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
890
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-white/60", children: "Price" }),
|
|
891
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-white font-medium", children: order.price > 0 ? `$${order.price.toFixed(2)}` : "Market" })
|
|
892
|
+
] })
|
|
893
|
+
] }),
|
|
894
|
+
order.orderType && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-2 text-xs", children: [
|
|
895
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-white/60", children: "Type: " }),
|
|
896
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-white font-medium", children: order.orderType.charAt(0).toUpperCase() + order.orderType.slice(1) })
|
|
897
|
+
] }),
|
|
898
|
+
order.status === "open" && onCancelOrder && /* @__PURE__ */ jsxRuntime.jsx(
|
|
899
|
+
"button",
|
|
900
|
+
{
|
|
901
|
+
onClick: (e) => {
|
|
902
|
+
e.stopPropagation();
|
|
903
|
+
onCancelOrder(order.id);
|
|
904
|
+
},
|
|
905
|
+
className: "w-full mt-2 py-1.5 text-xs bg-white/5 hover:bg-white/10 text-white/80 rounded transition-colors",
|
|
906
|
+
children: "Cancel Order"
|
|
907
|
+
}
|
|
908
|
+
)
|
|
909
|
+
]
|
|
910
|
+
},
|
|
911
|
+
order.id
|
|
912
|
+
)) });
|
|
913
|
+
}
|
|
914
|
+
__name(OrdersHistory, "OrdersHistory");
|
|
915
|
+
|
|
916
|
+
exports.AdvancedChart = AdvancedChart_default;
|
|
917
|
+
exports.CompanyProfile = CompanyProfile;
|
|
918
|
+
exports.CryptoScreener = CryptoScreener_default;
|
|
919
|
+
exports.Financials = Financials;
|
|
920
|
+
exports.ForexScreener = ForexScreener_default;
|
|
921
|
+
exports.MarketOverview = MarketOverview_default;
|
|
922
|
+
exports.NewsTimeline = NewsTimeline_default;
|
|
923
|
+
exports.OrderEntry = OrderEntry;
|
|
924
|
+
exports.OrdersHistory = OrdersHistory;
|
|
925
|
+
exports.PositionsList = PositionsList;
|
|
926
|
+
exports.StockScreener = StockScreener_default;
|
|
927
|
+
exports.SymbolInfo = SymbolInfo;
|
|
928
|
+
exports.TechnicalAnalysis = TechnicalAnalysis;
|
|
929
|
+
exports.TickerTape = TickerTape_default;
|
|
930
|
+
exports.TradingPanel = TradingPanel;
|