@hanzo/ui 5.3.35 → 5.3.36

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