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

package/dist/index.js

@@ -879,9 +879,35 @@ var SlippageUI = (props) => {
 function AssetInfo(props) {
   const { canTrade, disableFeatures, orderType, symbol } = props;
   const { t } = i18n.useTranslation();
+  const { isMobile } = ui.useScreen();
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "oui-space-y-[2px] xl:oui-space-y-1", children: [
     /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { justify: "between", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "2xs", children: t("orderEntry.estLiqPrice") }),
+      isMobile ? /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "2xs", children: t("orderEntry.estLiqPrice") }) : /* @__PURE__ */ jsxRuntime.jsx(
+        ui.Tooltip,
+        {
+          content: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "oui-min-w-[204px] oui-max-w-[280px] oui-text-2xs oui-leading-normal oui-text-base-contrast-80", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-text-pretty", children: t("common.liquidationPrice.tooltip") }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+            ui.Text,
+            {
+              size: "2xs",
+              className: "oui-cursor-pointer oui-border-b oui-border-dashed oui-border-line-12",
+              children: t("orderEntry.estLiqPrice")
+            }
+          )
+        }
+      ),
       /* @__PURE__ */ jsxRuntime.jsx(
         ui.Text.numeral,
         {
@@ -3567,8 +3593,7 @@ var usePNLInputBuilder = (props) => {
             value = value.startsWith("-") ? value : "-" + value;
           }
         }
-        if (value === "" || value === "-")
-          return "";
+        if (value === "" || value === "-") return "";
         if (mode === "Offset%" /* PERCENTAGE */) {
           return `${new utils.Decimal(
             value.replace(
@@ -3602,8 +3627,7 @@ var usePNLInputBuilder = (props) => {
         } else {
           value = utils.todpIfNeed(value, dp);
         }
-        if (value === "" || value === "-")
-          return "";
+        if (value === "" || value === "-") return "";
         return value;
       }
     };
@@ -3978,8 +4002,7 @@ var TPSLTriggerPriceInput = (props) => {
   const triggerPriceToolTipEle = React3.useMemo(() => {
     if (props.error && (errorMsgVisible || props.displayErrorMessage))
       return props.error;
-    if (tipVisible)
-      return tipsEle;
+    if (tipVisible) return tipsEle;
     return null;
   }, [
     props.error,
@@ -4136,9 +4159,9 @@ var OrderEntry = (props) => {
   const [showTPSLAdvanced, setShowTPSLAdvanced] = React3.useState(false);
   const [hidden, setHidden] = hooks.useLocalStorage("orderly-order-hidden", false);
   const [slippage, setSlippage] = hooks.useLocalStorage("orderly-slippage", "1", {
-    parseJSON: (value) => {
+    parseJSON: ((value) => {
       return !value || value === '""' ? "1" : JSON.parse(value);
-    }
+    })
   });
   const { notification } = hooks.useOrderlyContext();
   const soundAlertId = React3.useId();
@@ -5004,5 +5027,5 @@ exports.OrderConfirmDialog = OrderConfirmDialog;
 exports.OrderEntry = OrderEntry;
 exports.OrderEntryWidget = OrderEntryWidget;
 exports.useOrderEntryScript = useOrderEntryScript;
-//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map