@orderly.network/ui-order-entry 2.12.1-alpha.0 → 2.12.2-alpha.0

package/dist/index.js

@@ -4764,10 +4764,19 @@ var usePnlInputContext = () => {
 };
 
 // src/components/pnlInput/useBuilder.script.ts
+function normalizeSlPnlForStore(raw) {
+  const v = `${raw}`.replace(/,/g, "").trim();
+  if (v === "" || v === "-") return v;
+  const withoutTrailingDot = v.replace(/\.$/, "");
+  const num = Number(withoutTrailingDot);
+  if (!isNaN(num) && num === 0) return "0";
+  if (v.startsWith("-")) return v;
+  return `-${v}`;
+}
 var usePNLInputBuilder = (props) => {
   const { type, values, quote_dp } = props;
   const { t } = i18n.useTranslation();
-  const [focus, setFocus] = React3.useState(true);
+  const [, setFocus] = React3.useState(true);
   const { mode, setMode, tipsEle } = usePnlInputContext();
   const [tipVisible, setTipVisible] = React3.useState(false);
   const [isFocused, setIsFocused] = React3.useState(false);
@@ -4780,7 +4789,7 @@ var usePNLInputBuilder = (props) => {
       default:
         return `${type.toLowerCase()}_pnl`;
     }
-  }, [mode]);
+  }, [mode, type]);
   const [innerValue, setInnerValue] = React3.useState(
     values[mode]
   );
@@ -4819,7 +4828,8 @@ var usePNLInputBuilder = (props) => {
   const percentageSuffix = React3.useRef("");
   const onValueChange = (value) => {
     setInnerValue(value);
-    props.onChange(key, value);
+    const outgoing = key === "sl_pnl" ? normalizeSlPnlForStore(value) : value;
+    props.onChange(key, outgoing);
   };
   const onFocus = () => {
     setTipVisible(true);
@@ -4828,17 +4838,16 @@ var usePNLInputBuilder = (props) => {
   const onBlur = () => {
     setTipVisible(false);
     setIsFocused(false);
-    props.onChange(key, innerValue);
+    const outgoing = key === "sl_pnl" ? normalizeSlPnlForStore(innerValue) : innerValue;
+    props.onChange(key, outgoing);
   };
   const formatter = (options2) => {
     const { dp = 2 } = options2;
     return {
       onRenderBefore: (value, options3) => {
         value = `${value}`;
-        if (focus) {
-          if (type === "SL" && mode === "PnL" /* PnL */) {
-            value = value.startsWith("-") ? value : "-" + value;
-          }
+        if (type === "SL" && mode === "PnL" /* PnL */) {
+          value = value.startsWith("-") ? value : "-" + value;
         }
         if (value === "" || value === "-") return "";
         if (mode === "Offset%" /* PERCENTAGE */) {
@@ -4875,7 +4884,7 @@ var usePNLInputBuilder = (props) => {
             value = new utils.Decimal(value).div(100).toString();
             value = `${value}${percentageSuffix.current}`;
           }
-        } else if (mode === "PnL" /* PnL */ && type === "SL" && focus) {
+        } else if (mode === "PnL" /* PnL */ && type === "SL") {
           value = value.startsWith("-") ? value : "-" + value;
         } else {
           value = utils.todpIfNeed(value, dp);
@@ -6342,6 +6351,7 @@ var useOrderEntryScript = (inputs) => {
     slPrice: formattedOrder.sl_trigger_price,
     liqPrice: state.estLiqPrice,
     side: formattedOrder.side,
+    markPrice: state.markPrice,
     currentPosition: state.currentPosition,
     orderQuantity: Number(formattedOrder.order_quantity)
   });