@hanzo/ui 5.3.19 → 5.3.22

package/dist/finance/TickerTape.js

@@ -1,2 +1,56 @@
-'use strict';var react=require('react'),jsxRuntime=require('react/jsx-runtime');var n=Object.defineProperty;var r=(e,t)=>n(e,"name",{value:t,configurable:true});function p(){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(a=>a.remove()));}},[]),jsxRuntime.jsx("div",{className:"tradingview-widget-container w-full",ref:e,children:jsxRuntime.jsx("div",{className:"tradingview-widget-container__widget"})})}r(p,"TickerTape");var A=react.memo(p);
-module.exports=A;
+"use client";
+'use strict';
+
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+function TickerTape() {
+  const container = react.useRef(null);
+  react.useEffect(() => {
+    if (!container.current) return;
+    if (container.current.dataset.initialized === "true") {
+      return;
+    }
+    container.current.dataset.initialized = "true";
+    const script = document.createElement("script");
+    script.src = "https://s3.tradingview.com/external-embedding/embed-widget-ticker-tape.js";
+    script.type = "text/javascript";
+    script.async = true;
+    script.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"
+    });
+    container.current.appendChild(script);
+    return () => {
+      if (container.current) {
+        delete container.current.dataset.initialized;
+        const scripts = container.current.querySelectorAll("script");
+        scripts.forEach((s) => s.remove());
+      }
+    };
+  }, []);
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tradingview-widget-container w-full", ref: container, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tradingview-widget-container__widget" }) });
+}
+__name(TickerTape, "TickerTape");
+var TickerTape_default = react.memo(TickerTape);
+
+module.exports = TickerTape_default;

package/dist/finance/TickerTape.mjs

@@ -1,2 +1,54 @@
-import {memo,useRef,useEffect}from'react';import {jsx}from'react/jsx-runtime';var n=Object.defineProperty;var r=(e,t)=>n(e,"name",{value:t,configurable:true});function p(){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(a=>a.remove()));}},[]),jsx("div",{className:"tradingview-widget-container w-full",ref:e,children:jsx("div",{className:"tradingview-widget-container__widget"})})}r(p,"TickerTape");var A=memo(p);
-export{A as default};
+"use client";
+import { memo, useRef, useEffect } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+function TickerTape() {
+  const container = useRef(null);
+  useEffect(() => {
+    if (!container.current) return;
+    if (container.current.dataset.initialized === "true") {
+      return;
+    }
+    container.current.dataset.initialized = "true";
+    const script = document.createElement("script");
+    script.src = "https://s3.tradingview.com/external-embedding/embed-widget-ticker-tape.js";
+    script.type = "text/javascript";
+    script.async = true;
+    script.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"
+    });
+    container.current.appendChild(script);
+    return () => {
+      if (container.current) {
+        delete container.current.dataset.initialized;
+        const scripts = container.current.querySelectorAll("script");
+        scripts.forEach((s) => s.remove());
+      }
+    };
+  }, []);
+  return /* @__PURE__ */ jsx("div", { className: "tradingview-widget-container w-full", ref: container, children: /* @__PURE__ */ jsx("div", { className: "tradingview-widget-container__widget" }) });
+}
+__name(TickerTape, "TickerTape");
+var TickerTape_default = memo(TickerTape);
+
+export { TickerTape_default as default };

package/dist/finance/TradingPanel.js

@@ -1 +1,191 @@
-'use strict';var react=require('react'),lucideReact=require('lucide-react'),jsxRuntime=require('react/jsx-runtime');var S=Object.defineProperty;var u=(n,o)=>S(n,"name",{value:o,configurable:true});function k({symbol:n,currentPrice:o}){let[d,f]=react.useState("buy"),[c,x]=react.useState(""),[s,p]=react.useState(null),[b,g]=react.useState(null);react.useEffect(()=>{w();},[]);let w=u(()=>{let t=localStorage.getItem("begm_portfolio");if(t)p(JSON.parse(t));else {let l={cash:1e5,holdings:[]};localStorage.setItem("begm_portfolio",JSON.stringify(l)),p(l);}},"loadPortfolio"),v=u(()=>{if(!c||parseFloat(c)<=0){g({type:"error",text:"Please enter a valid quantity"});return}let t=parseFloat(c),l=t*o;if(d==="buy"){if(l>s.cash){g({type:"error",text:"Insufficient funds"});return}let a=s.holdings.find(r=>r.symbol===n);if(a){let r=a.quantity+t,N=(a.averagePrice*a.quantity+o*t)/r;a.quantity=r,a.averagePrice=N,a.currentPrice=o;}else s.holdings.push({symbol:n,quantity:t,averagePrice:o,currentPrice:o});s.cash-=l;}else {let a=s.holdings.find(r=>r.symbol===n);if(!a||a.quantity<t){g({type:"error",text:"Insufficient shares"});return}a.quantity-=t,a.currentPrice=o,a.quantity===0&&(s.holdings=s.holdings.filter(r=>r.symbol!==n)),s.cash+=l;}localStorage.setItem("begm_portfolio",JSON.stringify(s)),p({...s});let y=JSON.parse(localStorage.getItem("begm_orders")||"[]");y.push({id:`ORD-${Date.now()}`,symbol:n,type:d,quantity:t,price:o,total:l,timestamp:new Date().toISOString(),status:"completed"}),localStorage.setItem("begm_orders",JSON.stringify(y)),g({type:"success",text:`Successfully ${d==="buy"?"bought":"sold"} ${t} shares of ${n}`}),x(""),setTimeout(()=>g(null),3e3);},"executeTrade"),h=u(()=>s?s.holdings.find(l=>l.symbol===n):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 ",n]}),jsxRuntime.jsxs("div",{className:"flex gap-2 mb-4",children:[jsxRuntime.jsxs("button",{onClick:()=>f("buy"),className:`flex-1 py-2 rounded-lg font-medium transition-all ${d==="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:()=>f("sell"),className:`flex-1 py-2 rounded-lg font-medium transition-all ${d==="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"]})]}),h&&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:[h.quantity," shares @ $",h.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:["$",o.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:c,onChange:t=>x(t.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"})]}),c&&parseFloat(c)>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(c)*o).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"]})]})}),b&&jsxRuntime.jsx("div",{className:`mb-4 p-3 rounded-lg ${b.type==="success"?"bg-success/20 text-success":"bg-danger/20 text-danger"}`,children:jsxRuntime.jsx("p",{className:"text-sm",children:b.text})}),jsxRuntime.jsxs("button",{onClick:v,className:`w-full py-3 rounded-lg font-medium transition-all ${d==="buy"?"bg-success hover:bg-success/90 text-white":"bg-danger hover:bg-danger/90 text-white"}`,children:[d==="buy"?"Buy":"Sell"," ",n]}),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."})]})}u(k,"TradingPanel");exports.TradingPanel=k;
+"use client";
+'use strict';
+
+var react = require('react');
+var lucideReact = require('lucide-react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+function TradingPanel({ symbol, currentPrice }) {
+  const [orderType, setOrderType] = react.useState("buy");
+  const [quantity, setQuantity] = react.useState("");
+  const [portfolio, setPortfolio] = react.useState(null);
+  const [message, setMessage] = react.useState(null);
+  react.useEffect(() => {
+    loadPortfolio();
+  }, []);
+  const loadPortfolio = /* @__PURE__ */ __name(() => {
+    const storedPortfolio = localStorage.getItem("begm_portfolio");
+    if (storedPortfolio) {
+      setPortfolio(JSON.parse(storedPortfolio));
+    } else {
+      const initialPortfolio = {
+        cash: 1e5,
+        holdings: []
+      };
+      localStorage.setItem("begm_portfolio", JSON.stringify(initialPortfolio));
+      setPortfolio(initialPortfolio);
+    }
+  }, "loadPortfolio");
+  const executeTrade = /* @__PURE__ */ __name(() => {
+    if (!quantity || parseFloat(quantity) <= 0) {
+      setMessage({ type: "error", text: "Please enter a valid quantity" });
+      return;
+    }
+    const qty = parseFloat(quantity);
+    const total = qty * currentPrice;
+    if (orderType === "buy") {
+      if (total > portfolio.cash) {
+        setMessage({ type: "error", text: "Insufficient funds" });
+        return;
+      }
+      const existingHolding = portfolio.holdings.find((h) => h.symbol === symbol);
+      if (existingHolding) {
+        const newQuantity = existingHolding.quantity + qty;
+        const newAveragePrice = (existingHolding.averagePrice * existingHolding.quantity + currentPrice * qty) / newQuantity;
+        existingHolding.quantity = newQuantity;
+        existingHolding.averagePrice = newAveragePrice;
+        existingHolding.currentPrice = currentPrice;
+      } else {
+        portfolio.holdings.push({
+          symbol,
+          quantity: qty,
+          averagePrice: currentPrice,
+          currentPrice
+        });
+      }
+      portfolio.cash -= total;
+    } else {
+      const existingHolding = portfolio.holdings.find((h) => h.symbol === symbol);
+      if (!existingHolding || existingHolding.quantity < qty) {
+        setMessage({ type: "error", text: "Insufficient shares" });
+        return;
+      }
+      existingHolding.quantity -= qty;
+      existingHolding.currentPrice = currentPrice;
+      if (existingHolding.quantity === 0) {
+        portfolio.holdings = portfolio.holdings.filter((h) => h.symbol !== symbol);
+      }
+      portfolio.cash += total;
+    }
+    localStorage.setItem("begm_portfolio", JSON.stringify(portfolio));
+    setPortfolio({ ...portfolio });
+    const orders = JSON.parse(localStorage.getItem("begm_orders") || "[]");
+    orders.push({
+      id: `ORD-${Date.now()}`,
+      symbol,
+      type: orderType,
+      quantity: qty,
+      price: currentPrice,
+      total,
+      timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+      status: "completed"
+    });
+    localStorage.setItem("begm_orders", JSON.stringify(orders));
+    setMessage({
+      type: "success",
+      text: `Successfully ${orderType === "buy" ? "bought" : "sold"} ${qty} shares of ${symbol}`
+    });
+    setQuantity("");
+    setTimeout(() => setMessage(null), 3e3);
+  }, "executeTrade");
+  const getHoldingInfo = /* @__PURE__ */ __name(() => {
+    if (!portfolio) return null;
+    const holding2 = portfolio.holdings.find((h) => h.symbol === symbol);
+    return holding2;
+  }, "getHoldingInfo");
+  const holding = getHoldingInfo();
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-white/5 border border-white/10 rounded-lg p-6 backdrop-blur-xl", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("h3", { className: "text-lg font-bold text-white mb-4", children: [
+      "Trade ",
+      symbol
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2 mb-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          onClick: () => setOrderType("buy"),
+          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"}`,
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.TrendingUp, { size: 16, className: "inline mr-2" }),
+            "Buy"
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          onClick: () => setOrderType("sell"),
+          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"}`,
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.TrendingDown, { size: 16, className: "inline mr-2" }),
+            "Sell"
+          ]
+        }
+      )
+    ] }),
+    holding && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-4 p-3 bg-white/5 rounded-lg", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-white/60 mb-1", children: "Your Holdings" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm text-white", children: [
+        holding.quantity,
+        " shares @ $",
+        holding.averagePrice.toFixed(2),
+        " avg"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-4 p-3 bg-white/5 rounded-lg", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-white/60 mb-1", children: "Current Price" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-lg font-bold text-white", children: [
+        "$",
+        currentPrice.toFixed(2)
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("label", { className: "block text-sm font-medium text-white/80 mb-2", children: "Quantity (Shares)" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          type: "number",
+          value: quantity,
+          onChange: (e) => setQuantity(e.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"
+        }
+      )
+    ] }),
+    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: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-white/60", children: "Estimated Total" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-lg font-bold text-white", children: [
+        "$",
+        (parseFloat(quantity) * currentPrice).toFixed(2)
+      ] })
+    ] }) }),
+    /* @__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: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-white/60", children: "Available Cash" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-sm font-medium text-white", children: [
+        "$",
+        portfolio?.cash.toLocaleString() || "0"
+      ] })
+    ] }) }),
+    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 }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        onClick: executeTrade,
+        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"}`,
+        children: [
+          orderType === "buy" ? "Buy" : "Sell",
+          " ",
+          symbol
+        ]
+      }
+    ),
+    /* @__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." })
+  ] });
+}
+__name(TradingPanel, "TradingPanel");
+
+exports.TradingPanel = TradingPanel;

package/dist/finance/TradingPanel.mjs

@@ -1 +1,189 @@
-import {useState,useEffect}from'react';import {TrendingUp,TrendingDown}from'lucide-react';import {jsxs,jsx}from'react/jsx-runtime';var S=Object.defineProperty;var u=(n,o)=>S(n,"name",{value:o,configurable:true});function k({symbol:n,currentPrice:o}){let[d,f]=useState("buy"),[c,x]=useState(""),[s,p]=useState(null),[b,g]=useState(null);useEffect(()=>{w();},[]);let w=u(()=>{let t=localStorage.getItem("begm_portfolio");if(t)p(JSON.parse(t));else {let l={cash:1e5,holdings:[]};localStorage.setItem("begm_portfolio",JSON.stringify(l)),p(l);}},"loadPortfolio"),v=u(()=>{if(!c||parseFloat(c)<=0){g({type:"error",text:"Please enter a valid quantity"});return}let t=parseFloat(c),l=t*o;if(d==="buy"){if(l>s.cash){g({type:"error",text:"Insufficient funds"});return}let a=s.holdings.find(r=>r.symbol===n);if(a){let r=a.quantity+t,N=(a.averagePrice*a.quantity+o*t)/r;a.quantity=r,a.averagePrice=N,a.currentPrice=o;}else s.holdings.push({symbol:n,quantity:t,averagePrice:o,currentPrice:o});s.cash-=l;}else {let a=s.holdings.find(r=>r.symbol===n);if(!a||a.quantity<t){g({type:"error",text:"Insufficient shares"});return}a.quantity-=t,a.currentPrice=o,a.quantity===0&&(s.holdings=s.holdings.filter(r=>r.symbol!==n)),s.cash+=l;}localStorage.setItem("begm_portfolio",JSON.stringify(s)),p({...s});let y=JSON.parse(localStorage.getItem("begm_orders")||"[]");y.push({id:`ORD-${Date.now()}`,symbol:n,type:d,quantity:t,price:o,total:l,timestamp:new Date().toISOString(),status:"completed"}),localStorage.setItem("begm_orders",JSON.stringify(y)),g({type:"success",text:`Successfully ${d==="buy"?"bought":"sold"} ${t} shares of ${n}`}),x(""),setTimeout(()=>g(null),3e3);},"executeTrade"),h=u(()=>s?s.holdings.find(l=>l.symbol===n):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 ",n]}),jsxs("div",{className:"flex gap-2 mb-4",children:[jsxs("button",{onClick:()=>f("buy"),className:`flex-1 py-2 rounded-lg font-medium transition-all ${d==="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:()=>f("sell"),className:`flex-1 py-2 rounded-lg font-medium transition-all ${d==="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"]})]}),h&&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:[h.quantity," shares @ $",h.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:["$",o.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:c,onChange:t=>x(t.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"})]}),c&&parseFloat(c)>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(c)*o).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"]})]})}),b&&jsx("div",{className:`mb-4 p-3 rounded-lg ${b.type==="success"?"bg-success/20 text-success":"bg-danger/20 text-danger"}`,children:jsx("p",{className:"text-sm",children:b.text})}),jsxs("button",{onClick:v,className:`w-full py-3 rounded-lg font-medium transition-all ${d==="buy"?"bg-success hover:bg-success/90 text-white":"bg-danger hover:bg-danger/90 text-white"}`,children:[d==="buy"?"Buy":"Sell"," ",n]}),jsx("p",{className:"text-xs text-white/40 text-center mt-4",children:"This is a demo account. No real money is at risk."})]})}u(k,"TradingPanel");export{k as TradingPanel};
+"use client";
+import { useState, useEffect } from 'react';
+import { TrendingUp, TrendingDown } from 'lucide-react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+function TradingPanel({ symbol, currentPrice }) {
+  const [orderType, setOrderType] = useState("buy");
+  const [quantity, setQuantity] = useState("");
+  const [portfolio, setPortfolio] = useState(null);
+  const [message, setMessage] = useState(null);
+  useEffect(() => {
+    loadPortfolio();
+  }, []);
+  const loadPortfolio = /* @__PURE__ */ __name(() => {
+    const storedPortfolio = localStorage.getItem("begm_portfolio");
+    if (storedPortfolio) {
+      setPortfolio(JSON.parse(storedPortfolio));
+    } else {
+      const initialPortfolio = {
+        cash: 1e5,
+        holdings: []
+      };
+      localStorage.setItem("begm_portfolio", JSON.stringify(initialPortfolio));
+      setPortfolio(initialPortfolio);
+    }
+  }, "loadPortfolio");
+  const executeTrade = /* @__PURE__ */ __name(() => {
+    if (!quantity || parseFloat(quantity) <= 0) {
+      setMessage({ type: "error", text: "Please enter a valid quantity" });
+      return;
+    }
+    const qty = parseFloat(quantity);
+    const total = qty * currentPrice;
+    if (orderType === "buy") {
+      if (total > portfolio.cash) {
+        setMessage({ type: "error", text: "Insufficient funds" });
+        return;
+      }
+      const existingHolding = portfolio.holdings.find((h) => h.symbol === symbol);
+      if (existingHolding) {
+        const newQuantity = existingHolding.quantity + qty;
+        const newAveragePrice = (existingHolding.averagePrice * existingHolding.quantity + currentPrice * qty) / newQuantity;
+        existingHolding.quantity = newQuantity;
+        existingHolding.averagePrice = newAveragePrice;
+        existingHolding.currentPrice = currentPrice;
+      } else {
+        portfolio.holdings.push({
+          symbol,
+          quantity: qty,
+          averagePrice: currentPrice,
+          currentPrice
+        });
+      }
+      portfolio.cash -= total;
+    } else {
+      const existingHolding = portfolio.holdings.find((h) => h.symbol === symbol);
+      if (!existingHolding || existingHolding.quantity < qty) {
+        setMessage({ type: "error", text: "Insufficient shares" });
+        return;
+      }
+      existingHolding.quantity -= qty;
+      existingHolding.currentPrice = currentPrice;
+      if (existingHolding.quantity === 0) {
+        portfolio.holdings = portfolio.holdings.filter((h) => h.symbol !== symbol);
+      }
+      portfolio.cash += total;
+    }
+    localStorage.setItem("begm_portfolio", JSON.stringify(portfolio));
+    setPortfolio({ ...portfolio });
+    const orders = JSON.parse(localStorage.getItem("begm_orders") || "[]");
+    orders.push({
+      id: `ORD-${Date.now()}`,
+      symbol,
+      type: orderType,
+      quantity: qty,
+      price: currentPrice,
+      total,
+      timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+      status: "completed"
+    });
+    localStorage.setItem("begm_orders", JSON.stringify(orders));
+    setMessage({
+      type: "success",
+      text: `Successfully ${orderType === "buy" ? "bought" : "sold"} ${qty} shares of ${symbol}`
+    });
+    setQuantity("");
+    setTimeout(() => setMessage(null), 3e3);
+  }, "executeTrade");
+  const getHoldingInfo = /* @__PURE__ */ __name(() => {
+    if (!portfolio) return null;
+    const holding2 = portfolio.holdings.find((h) => h.symbol === symbol);
+    return holding2;
+  }, "getHoldingInfo");
+  const holding = getHoldingInfo();
+  return /* @__PURE__ */ jsxs("div", { className: "bg-white/5 border border-white/10 rounded-lg p-6 backdrop-blur-xl", children: [
+    /* @__PURE__ */ jsxs("h3", { className: "text-lg font-bold text-white mb-4", children: [
+      "Trade ",
+      symbol
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex gap-2 mb-4", children: [
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          onClick: () => setOrderType("buy"),
+          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"}`,
+          children: [
+            /* @__PURE__ */ jsx(TrendingUp, { size: 16, className: "inline mr-2" }),
+            "Buy"
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          onClick: () => setOrderType("sell"),
+          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"}`,
+          children: [
+            /* @__PURE__ */ jsx(TrendingDown, { size: 16, className: "inline mr-2" }),
+            "Sell"
+          ]
+        }
+      )
+    ] }),
+    holding && /* @__PURE__ */ jsxs("div", { className: "mb-4 p-3 bg-white/5 rounded-lg", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-xs text-white/60 mb-1", children: "Your Holdings" }),
+      /* @__PURE__ */ jsxs("p", { className: "text-sm text-white", children: [
+        holding.quantity,
+        " shares @ $",
+        holding.averagePrice.toFixed(2),
+        " avg"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "mb-4 p-3 bg-white/5 rounded-lg", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-xs text-white/60 mb-1", children: "Current Price" }),
+      /* @__PURE__ */ jsxs("p", { className: "text-lg font-bold text-white", children: [
+        "$",
+        currentPrice.toFixed(2)
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "mb-4", children: [
+      /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium text-white/80 mb-2", children: "Quantity (Shares)" }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "number",
+          value: quantity,
+          onChange: (e) => setQuantity(e.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"
+        }
+      )
+    ] }),
+    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: [
+      /* @__PURE__ */ jsx("span", { className: "text-sm text-white/60", children: "Estimated Total" }),
+      /* @__PURE__ */ jsxs("span", { className: "text-lg font-bold text-white", children: [
+        "$",
+        (parseFloat(quantity) * currentPrice).toFixed(2)
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx("div", { className: "mb-4 p-3 bg-white/5 rounded-lg", children: /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-sm text-white/60", children: "Available Cash" }),
+      /* @__PURE__ */ jsxs("span", { className: "text-sm font-medium text-white", children: [
+        "$",
+        portfolio?.cash.toLocaleString() || "0"
+      ] })
+    ] }) }),
+    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 }) }),
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        onClick: executeTrade,
+        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"}`,
+        children: [
+          orderType === "buy" ? "Buy" : "Sell",
+          " ",
+          symbol
+        ]
+      }
+    ),
+    /* @__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." })
+  ] });
+}
+__name(TradingPanel, "TradingPanel");
+
+export { TradingPanel };