@hanzo/ui 5.3.19 → 5.3.21

package/dist/finance/ForexScreener.mjs

@@ -1,2 +1,44 @@
-import {memo,useRef,useEffect}from'react';import {jsx}from'react/jsx-runtime';var a=Object.defineProperty;var r=(e,t)=>a(e,"name",{value:t,configurable:true});function l(){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(n=>n.remove()));}},[]),jsx("div",{className:"tradingview-widget-container w-full",ref:e,children:jsx("div",{className:"tradingview-widget-container__widget"})})}r(l,"ForexScreener");var m=memo(l);
-export{m 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 ForexScreener() {
+  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-screener.js";
+    script.type = "text/javascript";
+    script.async = true;
+    script.innerHTML = JSON.stringify({
+      market: "forex",
+      showToolbar: true,
+      defaultColumn: "overview",
+      defaultScreen: "general",
+      isTransparent: false,
+      locale: "en",
+      colorTheme: "dark",
+      width: "100%",
+      height: 550
+    });
+    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(ForexScreener, "ForexScreener");
+var ForexScreener_default = memo(ForexScreener);
+
+export { ForexScreener_default as default };

package/dist/finance/MarketOverview.js

@@ -1,2 +1,104 @@
-'use strict';var react=require('react'),jsxRuntime=require('react/jsx-runtime');var l=Object.defineProperty;var r=(e,t)=>l(e,"name",{value:t,configurable:true});function d(){let e=react.useRef(null);return react.useEffect(()=>{if(!e.current||e.current.dataset.initialized==="true")return;e.current.dataset.initialized="true";let t=document.createElement("script");return t.src="https://s3.tradingview.com/external-embedding/embed-widget-market-overview.js",t.type="text/javascript",t.async=true,t.innerHTML=JSON.stringify({colorTheme:"dark",dateRange:"12M",locale:"en",largeChartUrl:"",isTransparent:false,showFloatingTooltip:false,plotLineColorGrowing:"rgba(41, 98, 255, 1)",plotLineColorFalling:"rgba(41, 98, 255, 1)",gridLineColor:"rgba(240, 243, 250, 0)",scaleFontColor:"#DBDBDB",belowLineFillColorGrowing:"rgba(41, 98, 255, 0.12)",belowLineFillColorFalling:"rgba(41, 98, 255, 0.12)",belowLineFillColorGrowingBottom:"rgba(41, 98, 255, 0)",belowLineFillColorFallingBottom:"rgba(41, 98, 255, 0)",symbolActiveColor:"rgba(41, 98, 255, 0.12)",tabs:[{title:"Indices",symbols:[{s:"FOREXCOM:SPXUSD",d:"S&P 500 Index"},{s:"FOREXCOM:NSXUSD",d:"US 100 Cash CFD"},{s:"FOREXCOM:DJI",d:"Dow Jones Industrial Average Index"},{s:"INDEX:NKY",d:"Japan 225"},{s:"INDEX:DEU40",d:"DAX Index"},{s:"FOREXCOM:UKXGBP",d:"FTSE 100 Index"}],originalTitle:"Indices"},{title:"Futures",symbols:[{s:"BMFBOVESPA:ISP1!",d:"S&P 500"},{s:"BMFBOVESPA:EUR1!",d:"Euro"},{s:"CMCMARKETS:GOLD",d:"Gold"},{s:"PYTH:WTI3!",d:"WTI Crude Oil"},{s:"BMFBOVESPA:CCM1!",d:"Corn"}],originalTitle:"Futures"},{title:"Bonds",symbols:[{s:"EUREX:FGBL1!",d:"Euro Bund"},{s:"EUREX:FBTP1!",d:"Euro BTP"},{s:"EUREX:FGBM1!",d:"Euro BOBL"}],originalTitle:"Bonds"},{title:"Forex",symbols:[{s:"FX:EURUSD",d:"EUR to USD"},{s:"FX:GBPUSD",d:"GBP to USD"},{s:"FX:USDJPY",d:"USD to JPY"},{s:"FX:USDCHF",d:"USD to CHF"},{s:"FX:AUDUSD",d:"AUD to USD"},{s:"FX:USDCAD",d:"USD to CAD"}],originalTitle:"Forex"}],support_host:"https://www.tradingview.com",backgroundColor:"#0f0f0f",width:"100%",height:"550",showSymbolLogo:true,showChart:true}),e.current.appendChild(t),()=>{e.current&&(delete e.current.dataset.initialized,e.current.querySelectorAll("script").forEach(o=>o.remove()));}},[]),jsxRuntime.jsx("div",{className:"tradingview-widget-container w-full",ref:e,children:jsxRuntime.jsx("div",{className:"tradingview-widget-container__widget"})})}r(d,"MarketOverview");var F=react.memo(d);
-module.exports=F;
+"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 MarketOverview() {
+  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-market-overview.js";
+    script.type = "text/javascript";
+    script.async = true;
+    script.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
+    });
+    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(MarketOverview, "MarketOverview");
+var MarketOverview_default = react.memo(MarketOverview);
+
+module.exports = MarketOverview_default;

package/dist/finance/MarketOverview.mjs

@@ -1,2 +1,102 @@
-import {memo,useRef,useEffect}from'react';import {jsx}from'react/jsx-runtime';var l=Object.defineProperty;var r=(e,t)=>l(e,"name",{value:t,configurable:true});function d(){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(o=>o.remove()));}},[]),jsx("div",{className:"tradingview-widget-container w-full",ref:e,children:jsx("div",{className:"tradingview-widget-container__widget"})})}r(d,"MarketOverview");var F=memo(d);
-export{F 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 MarketOverview() {
+  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-market-overview.js";
+    script.type = "text/javascript";
+    script.async = true;
+    script.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
+    });
+    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(MarketOverview, "MarketOverview");
+var MarketOverview_default = memo(MarketOverview);
+
+export { MarketOverview_default as default };

package/dist/finance/NewsTimeline.js

@@ -1,2 +1,44 @@
-'use strict';var react=require('react'),jsxRuntime=require('react/jsx-runtime');var a=Object.defineProperty;var i=(e,t)=>a(e,"name",{value:t,configurable:true});function l(){let e=react.useRef(null);return react.useEffect(()=>{if(!e.current||e.current.dataset.initialized==="true")return;e.current.dataset.initialized="true";let t=document.createElement("script");return t.src="https://s3.tradingview.com/external-embedding/embed-widget-timeline.js",t.type="text/javascript",t.async=true,t.innerHTML=JSON.stringify({displayMode:"regular",feedMode:"all_symbols",colorTheme:"dark",isTransparent:false,locale:"en",width:"100%",height:550}),e.current.appendChild(t),()=>{e.current&&(delete e.current.dataset.initialized,e.current.querySelectorAll("script").forEach(n=>n.remove()));}},[]),jsxRuntime.jsx("div",{className:"tradingview-widget-container w-full",ref:e,children:jsxRuntime.jsx("div",{className:"tradingview-widget-container__widget"})})}i(l,"NewsTimeline");var f=react.memo(l);
-module.exports=f;
+"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 NewsTimeline() {
+  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-timeline.js";
+    script.type = "text/javascript";
+    script.async = true;
+    script.innerHTML = JSON.stringify({
+      displayMode: "regular",
+      feedMode: "all_symbols",
+      colorTheme: "dark",
+      isTransparent: false,
+      locale: "en",
+      width: "100%",
+      height: 550
+    });
+    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(NewsTimeline, "NewsTimeline");
+var NewsTimeline_default = react.memo(NewsTimeline);
+
+module.exports = NewsTimeline_default;

package/dist/finance/NewsTimeline.mjs

@@ -1,2 +1,42 @@
-import {memo,useRef,useEffect}from'react';import {jsx}from'react/jsx-runtime';var a=Object.defineProperty;var i=(e,t)=>a(e,"name",{value:t,configurable:true});function l(){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(n=>n.remove()));}},[]),jsx("div",{className:"tradingview-widget-container w-full",ref:e,children:jsx("div",{className:"tradingview-widget-container__widget"})})}i(l,"NewsTimeline");var f=memo(l);
-export{f 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 NewsTimeline() {
+  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-timeline.js";
+    script.type = "text/javascript";
+    script.async = true;
+    script.innerHTML = JSON.stringify({
+      displayMode: "regular",
+      feedMode: "all_symbols",
+      colorTheme: "dark",
+      isTransparent: false,
+      locale: "en",
+      width: "100%",
+      height: 550
+    });
+    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(NewsTimeline, "NewsTimeline");
+var NewsTimeline_default = memo(NewsTimeline);
+
+export { NewsTimeline_default as default };

package/dist/finance/OrderEntry.js

@@ -1 +1,131 @@
-'use strict';var react=require('react'),jsxRuntime=require('react/jsx-runtime');var x=Object.defineProperty;var n=(o,c)=>x(o,"name",{value:c,configurable:true});function N({symbol:o,accountBalance:c,onPlaceOrder:w,disabled:i=false}){let[l,u]=react.useState("market"),[r,m]=react.useState("buy"),[a,h]=react.useState(""),[d,g]=react.useState(""),p=n(s=>s.split(":")[1]||s,"getTickerFromSymbol"),y=n(()=>{!a||l==="limit"&&!d||(w({symbol:o,side:r,orderType:l,shares:parseInt(a),limitPrice:l==="limit"?parseFloat(d):void 0}),h(""),g(""));},"handlePlaceOrder");return jsxRuntime.jsxs("div",{className:"p-4 space-y-4",children:[jsxRuntime.jsxs("div",{className:"bg-white/5 rounded-lg p-3",children:[jsxRuntime.jsx("div",{className:"text-xs text-white/60 mb-1",children:"Buying Power"}),jsxRuntime.jsxs("div",{className:"text-lg font-semibold text-white",children:["$",c.toLocaleString()]})]}),jsxRuntime.jsxs("div",{className:"grid grid-cols-2 gap-2",children:[jsxRuntime.jsx("button",{onClick:()=>m("buy"),disabled:i,className:`py-2.5 rounded-lg font-semibold transition-all ${r==="buy"?"bg-success text-white":"bg-white/5 text-white/60 hover:bg-white/10"} disabled:opacity-50 disabled:cursor-not-allowed`,children:"Buy"}),jsxRuntime.jsx("button",{onClick:()=>m("sell"),disabled:i,className:`py-2.5 rounded-lg font-semibold transition-all ${r==="sell"?"bg-danger text-white":"bg-white/5 text-white/60 hover:bg-white/10"} disabled:opacity-50 disabled:cursor-not-allowed`,children:"Sell"})]}),jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx("label",{className:"text-xs text-white/60 mb-2 block",children:"Order Type"}),jsxRuntime.jsxs("div",{className:"grid grid-cols-2 gap-2",children:[jsxRuntime.jsx("button",{onClick:()=>u("market"),disabled:i,className:`py-2 rounded-lg text-sm font-medium transition-all ${l==="market"?"bg-white/10 text-white":"bg-white/5 text-white/60 hover:bg-white/10"} disabled:opacity-50 disabled:cursor-not-allowed`,children:"Market"}),jsxRuntime.jsx("button",{onClick:()=>u("limit"),disabled:i,className:`py-2 rounded-lg text-sm font-medium transition-all ${l==="limit"?"bg-white/10 text-white":"bg-white/5 text-white/60 hover:bg-white/10"} disabled:opacity-50 disabled:cursor-not-allowed`,children:"Limit"})]})]}),jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx("label",{className:"text-xs text-white/60 mb-2 block",children:"Shares"}),jsxRuntime.jsx("input",{type:"number",value:a,onChange:s=>h(s.target.value),disabled:i,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"})]}),l==="limit"&&jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx("label",{className:"text-xs text-white/60 mb-2 block",children:"Limit Price"}),jsxRuntime.jsx("input",{type:"number",value:d,onChange:s=>g(s.target.value),disabled:i,className:"w-full bg-white/5 border border-white/10 rounded-lg px-4 py-2.5 text-white focus:outline-none focus:border-success disabled:opacity-50 disabled:cursor-not-allowed",placeholder:"0.00",step:"0.01"})]}),jsxRuntime.jsxs("button",{onClick:y,disabled:i||!a||l==="limit"&&!d,className:`w-full py-3 rounded-lg font-semibold transition-all ${r==="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:[r==="buy"?"Buy":"Sell"," ",p(o)]})]})}n(N,"OrderEntry");exports.OrderEntry=N;
+"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 OrderEntry({
+  symbol,
+  accountBalance,
+  onPlaceOrder,
+  disabled = false
+}) {
+  const [orderType, setOrderType] = react.useState("market");
+  const [orderSide, setOrderSide] = react.useState("buy");
+  const [shares, setShares] = react.useState("");
+  const [limitPrice, setLimitPrice] = react.useState("");
+  const getTickerFromSymbol = /* @__PURE__ */ __name((symbol2) => {
+    return symbol2.split(":")[1] || symbol2;
+  }, "getTickerFromSymbol");
+  const handlePlaceOrder = /* @__PURE__ */ __name(() => {
+    if (!shares || orderType === "limit" && !limitPrice) return;
+    onPlaceOrder({
+      symbol,
+      side: orderSide,
+      orderType,
+      shares: parseInt(shares),
+      limitPrice: orderType === "limit" ? parseFloat(limitPrice) : void 0
+    });
+    setShares("");
+    setLimitPrice("");
+  }, "handlePlaceOrder");
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-4 space-y-4", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-white/5 rounded-lg p-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-white/60 mb-1", children: "Buying Power" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-lg font-semibold text-white", children: [
+        "$",
+        accountBalance.toLocaleString()
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          onClick: () => setOrderSide("buy"),
+          disabled,
+          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`,
+          children: "Buy"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          onClick: () => setOrderSide("sell"),
+          disabled,
+          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`,
+          children: "Sell"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-xs text-white/60 mb-2 block", children: "Order Type" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            onClick: () => setOrderType("market"),
+            disabled,
+            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`,
+            children: "Market"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            onClick: () => setOrderType("limit"),
+            disabled,
+            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`,
+            children: "Limit"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-xs text-white/60 mb-2 block", children: "Shares" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          type: "number",
+          value: shares,
+          onChange: (e) => setShares(e.target.value),
+          disabled,
+          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"
+        }
+      )
+    ] }),
+    orderType === "limit" && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-xs text-white/60 mb-2 block", children: "Limit Price" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          type: "number",
+          value: limitPrice,
+          onChange: (e) => setLimitPrice(e.target.value),
+          disabled,
+          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"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        onClick: handlePlaceOrder,
+        disabled: disabled || !shares || orderType === "limit" && !limitPrice,
+        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`,
+        children: [
+          orderSide === "buy" ? "Buy" : "Sell",
+          " ",
+          getTickerFromSymbol(symbol)
+        ]
+      }
+    )
+  ] });
+}
+__name(OrderEntry, "OrderEntry");
+
+exports.OrderEntry = OrderEntry;

package/dist/finance/OrderEntry.mjs

@@ -1 +1,129 @@
-import {useState}from'react';import {jsxs,jsx}from'react/jsx-runtime';var x=Object.defineProperty;var n=(o,c)=>x(o,"name",{value:c,configurable:true});function N({symbol:o,accountBalance:c,onPlaceOrder:w,disabled:i=false}){let[l,u]=useState("market"),[r,m]=useState("buy"),[a,h]=useState(""),[d,g]=useState(""),p=n(s=>s.split(":")[1]||s,"getTickerFromSymbol"),y=n(()=>{!a||l==="limit"&&!d||(w({symbol:o,side:r,orderType:l,shares:parseInt(a),limitPrice:l==="limit"?parseFloat(d):void 0}),h(""),g(""));},"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:["$",c.toLocaleString()]})]}),jsxs("div",{className:"grid grid-cols-2 gap-2",children:[jsx("button",{onClick:()=>m("buy"),disabled:i,className:`py-2.5 rounded-lg font-semibold transition-all ${r==="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:()=>m("sell"),disabled:i,className:`py-2.5 rounded-lg font-semibold transition-all ${r==="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:()=>u("market"),disabled:i,className:`py-2 rounded-lg text-sm font-medium transition-all ${l==="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:()=>u("limit"),disabled:i,className:`py-2 rounded-lg text-sm font-medium transition-all ${l==="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:a,onChange:s=>h(s.target.value),disabled:i,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"})]}),l==="limit"&&jsxs("div",{children:[jsx("label",{className:"text-xs text-white/60 mb-2 block",children:"Limit Price"}),jsx("input",{type:"number",value:d,onChange:s=>g(s.target.value),disabled:i,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:y,disabled:i||!a||l==="limit"&&!d,className:`w-full py-3 rounded-lg font-semibold transition-all ${r==="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:[r==="buy"?"Buy":"Sell"," ",p(o)]})]})}n(N,"OrderEntry");export{N as OrderEntry};
+"use client";
+import { useState } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+function OrderEntry({
+  symbol,
+  accountBalance,
+  onPlaceOrder,
+  disabled = false
+}) {
+  const [orderType, setOrderType] = useState("market");
+  const [orderSide, setOrderSide] = useState("buy");
+  const [shares, setShares] = useState("");
+  const [limitPrice, setLimitPrice] = useState("");
+  const getTickerFromSymbol = /* @__PURE__ */ __name((symbol2) => {
+    return symbol2.split(":")[1] || symbol2;
+  }, "getTickerFromSymbol");
+  const handlePlaceOrder = /* @__PURE__ */ __name(() => {
+    if (!shares || orderType === "limit" && !limitPrice) return;
+    onPlaceOrder({
+      symbol,
+      side: orderSide,
+      orderType,
+      shares: parseInt(shares),
+      limitPrice: orderType === "limit" ? parseFloat(limitPrice) : void 0
+    });
+    setShares("");
+    setLimitPrice("");
+  }, "handlePlaceOrder");
+  return /* @__PURE__ */ jsxs("div", { className: "p-4 space-y-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "bg-white/5 rounded-lg p-3", children: [
+      /* @__PURE__ */ jsx("div", { className: "text-xs text-white/60 mb-1", children: "Buying Power" }),
+      /* @__PURE__ */ jsxs("div", { className: "text-lg font-semibold text-white", children: [
+        "$",
+        accountBalance.toLocaleString()
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-2", children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: () => setOrderSide("buy"),
+          disabled,
+          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`,
+          children: "Buy"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: () => setOrderSide("sell"),
+          disabled,
+          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`,
+          children: "Sell"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("label", { className: "text-xs text-white/60 mb-2 block", children: "Order Type" }),
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-2", children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => setOrderType("market"),
+            disabled,
+            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`,
+            children: "Market"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => setOrderType("limit"),
+            disabled,
+            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`,
+            children: "Limit"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("label", { className: "text-xs text-white/60 mb-2 block", children: "Shares" }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "number",
+          value: shares,
+          onChange: (e) => setShares(e.target.value),
+          disabled,
+          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"
+        }
+      )
+    ] }),
+    orderType === "limit" && /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("label", { className: "text-xs text-white/60 mb-2 block", children: "Limit Price" }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "number",
+          value: limitPrice,
+          onChange: (e) => setLimitPrice(e.target.value),
+          disabled,
+          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"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        onClick: handlePlaceOrder,
+        disabled: disabled || !shares || orderType === "limit" && !limitPrice,
+        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`,
+        children: [
+          orderSide === "buy" ? "Buy" : "Sell",
+          " ",
+          getTickerFromSymbol(symbol)
+        ]
+      }
+    )
+  ] });
+}
+__name(OrderEntry, "OrderEntry");
+
+export { OrderEntry };