@orderly.network/ui-order-entry 2.8.10 → 2.8.11-alpha.0

package/dist/index.mjs

@@ -873,9 +873,35 @@ var SlippageUI = (props) => {
 function AssetInfo(props) {
   const { canTrade, disableFeatures, orderType, symbol } = props;
   const { t } = useTranslation();
+  const { isMobile } = useScreen();
   return /* @__PURE__ */ jsxs("div", { className: "oui-space-y-[2px] xl:oui-space-y-1", children: [
     /* @__PURE__ */ jsxs(Flex, { justify: "between", children: [
-      /* @__PURE__ */ jsx(Text, { size: "2xs", children: t("orderEntry.estLiqPrice") }),
+      isMobile ? /* @__PURE__ */ jsx(Text, { size: "2xs", children: t("orderEntry.estLiqPrice") }) : /* @__PURE__ */ jsx(
+        Tooltip,
+        {
+          content: /* @__PURE__ */ jsxs("div", { className: "oui-min-w-[204px] oui-max-w-[280px] oui-text-2xs oui-leading-normal oui-text-base-contrast-80", children: [
+            /* @__PURE__ */ jsx("div", { className: "oui-text-pretty", children: t("common.liquidationPrice.tooltip") }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              "a",
+              {
+                href: "https://orderly.network/docs/introduction/trade-on-orderly/perpetual-futures/liquidations",
+                target: "_blank",
+                rel: "noopener noreferrer",
+                className: "oui-text-primary oui-underline",
+                children: t("common.liquidationPrice.tooltip.learnMore")
+              }
+            ) })
+          ] }),
+          children: /* @__PURE__ */ jsx(
+            Text,
+            {
+              size: "2xs",
+              className: "oui-cursor-pointer oui-border-b oui-border-dashed oui-border-line-12",
+              children: t("orderEntry.estLiqPrice")
+            }
+          )
+        }
+      ),
       /* @__PURE__ */ jsx(
         Text.numeral,
         {
@@ -3561,8 +3587,7 @@ var usePNLInputBuilder = (props) => {
             value = value.startsWith("-") ? value : "-" + value;
           }
         }
-        if (value === "" || value === "-")
-          return "";
+        if (value === "" || value === "-") return "";
         if (mode === "Offset%" /* PERCENTAGE */) {
           return `${new Decimal(
             value.replace(
@@ -3596,8 +3621,7 @@ var usePNLInputBuilder = (props) => {
         } else {
           value = todpIfNeed(value, dp);
         }
-        if (value === "" || value === "-")
-          return "";
+        if (value === "" || value === "-") return "";
         return value;
       }
     };
@@ -3972,8 +3996,7 @@ var TPSLTriggerPriceInput = (props) => {
   const triggerPriceToolTipEle = useMemo(() => {
     if (props.error && (errorMsgVisible || props.displayErrorMessage))
       return props.error;
-    if (tipVisible)
-      return tipsEle;
+    if (tipVisible) return tipsEle;
     return null;
   }, [
     props.error,
@@ -4130,9 +4153,9 @@ var OrderEntry = (props) => {
   const [showTPSLAdvanced, setShowTPSLAdvanced] = useState(false);
   const [hidden, setHidden] = useLocalStorage("orderly-order-hidden", false);
   const [slippage, setSlippage] = useLocalStorage("orderly-slippage", "1", {
-    parseJSON: (value) => {
+    parseJSON: ((value) => {
       return !value || value === '""' ? "1" : JSON.parse(value);
-    }
+    })
   });
   const { notification } = useOrderlyContext();
   const soundAlertId = useId();
@@ -4992,5 +5015,5 @@ var OrderEntryWidget = (props) => {
 };
 
 export { AdditionalInfo, FeesWidget, LTVRiskTooltipWidget, OrderConfirmDialog, OrderEntry, OrderEntryWidget, useOrderEntryScript };
-//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map