@orderly.network/trading 2.11.3-rc.0 → 2.12.0-alpha.0

package/dist/index.js

@@ -2798,14 +2798,21 @@ var init_markPrice_desktop = __esm({
         if (bids.length === 0 && asks.length === 0) {
           return 0;
         }
-        const bid1 = Number.isNaN(bids[0][0]) ? 0 : bids[0][0];
-        const index = asks.reverse().findIndex((item) => !Number.isNaN(item[0]));
-        let ask1 = 0;
+        const bidRaw = bids[0]?.[0];
+        const bid1 = bidRaw === void 0 || Number.isNaN(bidRaw) ? new utils.Decimal(0) : new utils.Decimal(bidRaw);
+        const asksReversed = [...asks].reverse();
+        const index = asksReversed.findIndex((item) => !Number.isNaN(item[0]));
+        let ask1 = new utils.Decimal(0);
         if (index !== -1) {
-          ask1 = Number.isNaN(asks[index][0]) ? 0 : asks[index][0];
+          const askRaw = asksReversed[index][0];
+          ask1 = Number.isNaN(askRaw) ? new utils.Decimal(0) : new utils.Decimal(askRaw);
         }
-        const dValue = new utils.Decimal(ask1).sub(bid1).div(new utils.Decimal(ask1).add(bid1).div(2));
-        return Math.ceil(dValue.toNumber() * 1e6 + 0.1) / 1e4;
+        const mid = ask1.add(bid1).div(2);
+        if (mid.isZero()) {
+          return 0;
+        }
+        const dValue = ask1.sub(bid1).div(mid);
+        return dValue.mul(1e6).add(0.1).toDecimalPlaces(0, utils.Decimal.ROUND_CEIL).div(1e4).toNumber();
       }, [asks, bids]);
       return /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(
         ui.Tooltip,
@@ -8313,9 +8320,18 @@ var DesktopLayout4 = (props) => {
     dataListMinHeight
   } = props;
   const { showCountdown, closeCountdown } = useShowRwaCountdown(props.symbol);
+  const { brokerName } = hooks.useBadgeBySymbol(props.symbol);
   const symbolInfoBarHeight2 = React12.useMemo(() => {
-    return showCountdown ? 104 : 56;
-  }, [showCountdown]);
+    let height = 56;
+    if (brokerName) {
+      height += 46;
+      height += 8;
+    }
+    if (showCountdown) {
+      height += 48;
+    }
+    return height;
+  }, [showCountdown, brokerName]);
   const { isRwa, open } = hooks.useGetRwaSymbolOpenStatus(props.symbol);
   React12.useEffect(() => {
     if (isRwa && !open) {
@@ -8452,9 +8468,6 @@ var DesktopLayout4 = (props) => {
     ui.Box,
     {
       className: "oui-trading-symbolInfoBar-container",
-      intensity: 900,
-      r: "2xl",
-      px: 3,
       width: "100%",
       style: {
         minHeight: symbolInfoBarHeight2,
@@ -9115,6 +9128,12 @@ var MaybeEqual = () => {
 var MobileLayout4 = (props) => {
   const { t } = i18n.useTranslation();
   const { isRwa, open, closeTimeInterval } = hooks.useGetRwaSymbolInfo(props.symbol);
+  const { brokerId, brokerName, brokerNameRaw, displayName } = hooks.useBadgeBySymbol(
+    props.symbol
+  );
+  const isCommunityListed = Boolean(brokerId ?? brokerName);
+  const baseFromSymbol = props.symbol?.split("_")[1] ?? props.symbol ?? "";
+  const symbolWithBroker = brokerName != null ? `${baseFromSymbol}-${brokerNameRaw}` : displayName ?? props.symbol ?? "";
   React12.useEffect(() => {
     if (isRwa && !open) {
       showRwaOutsideMarketHoursNotify();
@@ -9208,7 +9227,17 @@ var MobileLayout4 = (props) => {
       )
     }
   );
-  const topBar = /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { intensity: 900, className: "oui-rounded-xl", mx: 1, px: 3, py: 2, children: [
+  const topBar = /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, { mx: 1, children: /* @__PURE__ */ jsxRuntime.jsx(
+      markets.SymbolInfoBarRiskNotice,
+      {
+        visible: isCommunityListed,
+        symbolWithBroker,
+        brokerName: brokerNameRaw ?? brokerName ?? "",
+        autoHeight: true,
+        className: "oui-my-1"
+      }
+    ) }),
     symbolInfoBar,
     /* @__PURE__ */ jsxRuntime.jsx(
       ui.SimpleSheet,
@@ -9216,7 +9245,7 @@ var MobileLayout4 = (props) => {
         open: props.openMarketsSheet,
         onOpenChange: props.onOpenMarketsSheetChange,
         classNames: {
-          body: "oui-h-full oui-pb-0",
+          body: "oui-h-full oui-pb-0 ",
           content: "!oui-w-[372px] !oui-max-w-[372px] !oui-p-0"
         },
         contentProps: { side: "left", closeable: false },
@@ -9250,6 +9279,7 @@ var MobileLayout4 = (props) => {
 };
 var Trading = (props) => {
   const { isMobile } = ui.useScreen();
+  const { t } = i18n.useTranslation();
   if (isMobile) {
     return /* @__PURE__ */ jsxRuntime.jsx(MobileLayout4, { ...props });
   }