@orderly.network/trading 3.1.0 → 3.1.1

package/dist/index.js

@@ -8336,6 +8336,13 @@ var LazyOrderBookAndTradesWidget = React12__default.default.lazy(
     };
   })
 );
+function getClampedPanelWidth(size, minWidth, maxWidth) {
+  const width = Number.parseFloat(size ?? "");
+  if (!Number.isFinite(width)) {
+    return minWidth;
+  }
+  return Math.min(Math.max(width, minWidth), maxWidth);
+}
 var DesktopLayout4 = (props) => {
   const {
     resizeable,
@@ -8782,6 +8789,18 @@ var DesktopLayout4 = (props) => {
     }
     return tradingViewAndOrderbookView;
   };
+  const orderEntryPanelWidth = max4XL && horizontalDraggable ? getClampedPanelWidth(
+    mainSplitSize,
+    orderEntryMinWidth,
+    orderEntryMaxWidth
+  ) : orderEntryMinWidth;
+  const orderBookPanelWidth = max4XL && horizontalDraggable ? getClampedPanelWidth(
+    orderBookSplitSize,
+    orderbookMinWidth,
+    orderbookMaxWidth
+  ) : orderbookMinWidth;
+  const mainViewMinWidth = max4XL ? marketsWidth + tradingViewMinWidth + orderBookPanelWidth + space * 2 : tradingViewMinWidth + orderBookPanelWidth + space;
+  const mainContentMinWidth = mainViewMinWidth + orderEntryPanelWidth + space + (!max4XL && marketLayout === "left" ? marketsWidth + space : 0);
   const mainView = /* @__PURE__ */ jsxRuntime.jsxs(
     ui.Flex,
     {
@@ -8789,7 +8808,7 @@ var DesktopLayout4 = (props) => {
       className: "oui-flex-1 oui-overflow-hidden",
       gap: 2,
       style: {
-        minWidth: max4XL ? marketsWidth + tradingViewMinWidth + orderbookMinWidth + space * 2 : tradingViewMinWidth + orderbookMinWidth + space
+        minWidth: mainViewMinWidth
       },
       children: [
         symbolInfoBarView,
@@ -9068,7 +9087,7 @@ var DesktopLayout4 = (props) => {
               {
                 style: {
                   minHeight: minScreenHeight,
-                  minWidth: 1440 - scrollBarWidth
+                  minWidth: max4XL ? Math.max(1440 - scrollBarWidth, mainContentMinWidth + space * 2) : 1440 - scrollBarWidth
                 },
                 className: ui.cn(
                   props.className,
@@ -9097,6 +9116,7 @@ var DesktopLayout4 = (props) => {
                           SplitLayout,
                           {
                             className: ui.cn("oui-flex oui-flex-1 oui-overflow-hidden"),
+                            style: max4XL ? { minWidth: mainContentMinWidth } : void 0,
                             onSizeChange,
                             disable: !horizontalDraggable,
                             children: [
@@ -9247,12 +9267,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 symbolsInfo = hooks.useSymbolsInfo();
+  const isPreTge = Boolean(symbolsInfo[props.symbol]?.("is_pretge"));
+  const { brokerId, brokerName, brokerNameRaw, displaySymbolName } = 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 ?? "";
+  const symbolWithBroker = brokerName != null ? `${baseFromSymbol}-${brokerNameRaw}` : displaySymbolName ?? props.symbol ?? "";
   React12.useEffect(() => {
     if (isRwa && !open) {
       showRwaOutsideMarketHoursNotify();
@@ -9353,6 +9373,7 @@ var MobileLayout4 = (props) => {
         visible: isCommunityListed,
         symbolWithBroker,
         brokerName: brokerNameRaw ?? brokerName ?? "",
+        isPreTge,
         autoHeight: true,
         className: "oui-my-1"
       }