@orderly.network/trading 3.0.4-alpha.0 → 3.0.4-alpha.2

package/dist/index.js

@@ -1823,16 +1823,16 @@ var init_assetView = __esm({
     init_assetView_widget();
   }
 });
-var OrderBookContext, useOrderBookContext, ORDERBOOK_COIN_TYPE_KEY, ORDERBOOK_MOBILE_COIN_TYPE_KEY, OrderBookProvider;
+var OrderBookContext; exports.useOrderBookContext = void 0; var ORDERBOOK_COIN_TYPE_KEY, ORDERBOOK_MOBILE_COIN_TYPE_KEY; exports.OrderBookProvider = void 0;
 var init_orderContext = __esm({
   "src/components/base/orderBook/orderContext.tsx"() {
     OrderBookContext = React12.createContext({
       cellHeight: 22
     });
-    useOrderBookContext = () => React12.useContext(OrderBookContext);
+    exports.useOrderBookContext = () => React12.useContext(OrderBookContext);
     ORDERBOOK_COIN_TYPE_KEY = "orderbook_coin_type";
     ORDERBOOK_MOBILE_COIN_TYPE_KEY = "orderbook_mobile_coin_unit";
-    OrderBookProvider = (props) => {
+    exports.OrderBookProvider = (props) => {
       const [mode, setMode] = React12.useState("quantity");
       const [totalMode, setTotalMode] = React12.useState("quantity");
       const memoizedValue = React12__default.default.useMemo(() => {
@@ -1905,7 +1905,7 @@ var init_cell_desktop = __esm({
     init_orderContext();
     init_types();
     DesktopOrderBookCell = (props) => {
-      const { cellHeight, showTotal, onItemClick, depth, pendingOrders } = useOrderBookContext();
+      const { cellHeight, showTotal, onItemClick, depth, pendingOrders } = exports.useOrderBookContext();
       const {
         symbolInfo,
         currentHover,
@@ -2052,7 +2052,7 @@ var init_listBox_desktop = __esm({
     };
     DesktopListBox = (props) => {
       const { data, type, countQty } = props;
-      const { symbolInfo, depth } = useOrderBookContext();
+      const { symbolInfo, depth } = exports.useOrderBookContext();
       const findMaxItem = React12.useCallback(() => {
         if (!data?.length) {
           return null;
@@ -2211,7 +2211,7 @@ var init_listBox_desktop = __esm({
     };
   }
 });
-var DesktopAsks;
+var DesktopAsks, InjectableDesktopAsks;
 var init_asks_desktop = __esm({
   "src/components/desktop/orderBook/asks.desktop.tsx"() {
     init_types();
@@ -2237,9 +2237,13 @@ var init_asks_desktop = __esm({
         }
       );
     };
+    InjectableDesktopAsks = ui.injectable(
+      DesktopAsks,
+      "OrderBook.Desktop.Asks"
+    );
   }
 });
-var DesktopBids;
+var DesktopBids, InjectableDesktopBids;
 var init_bids_desktop = __esm({
   "src/components/desktop/orderBook/bids.desktop.tsx"() {
     init_types();
@@ -2264,6 +2268,10 @@ var init_bids_desktop = __esm({
         }
       );
     };
+    InjectableDesktopBids = ui.injectable(
+      DesktopBids,
+      "OrderBook.Desktop.Bids"
+    );
   }
 });
 var BuySellRatioSettings, MoreIcon;
@@ -2403,7 +2411,7 @@ var init_header_desktop = __esm({
     };
     DesktopHeader = (props) => {
       const { base, quote = "USDC" } = props;
-      const { showTotal } = useOrderBookContext();
+      const { showTotal } = exports.useOrderBookContext();
       const { t } = i18n.useTranslation();
       const [popoverOpen, setOpen] = React12__default.default.useState(false);
       const [coinType] = hooks.useLocalStorage(ORDERBOOK_COIN_TYPE_KEY, base);
@@ -2755,7 +2763,7 @@ var init_markPrice_desktop = __esm({
     init_orderContext();
     DesktopMarkPrice = (props) => {
       const { markPrice = 0, lastPrice, asks, bids, symbolInfo } = props;
-      const { showTotal } = useOrderBookContext();
+      const { showTotal } = exports.useOrderBookContext();
       return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "oui-flex oui-flex-row oui-pl-3 oui-tabular-nums oui-justify-between oui-text-base-contrast-80 oui-text-xs oui-relative oui-cursor-pointer oui-py-[6px]", children: [
         /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
@@ -2886,7 +2894,7 @@ var init_index_desktop = __esm({
         };
       }, []);
       return /* @__PURE__ */ jsxRuntime.jsx(
-        OrderBookProvider,
+        exports.OrderBookProvider,
         {
           cellHeight: props.cellHeight ?? 20,
           onItemClick: props.onItemClick,
@@ -2927,7 +2935,14 @@ var init_index_desktop = __esm({
                   )
                 ] }),
                 /* @__PURE__ */ jsxRuntime.jsx(DesktopHeader, { quote, base }),
-                /* @__PURE__ */ jsxRuntime.jsx(DesktopAsks, { data: [...props.asks] }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  InjectableDesktopAsks,
+                  {
+                    data: [...props.asks],
+                    symbolInfo: props.symbolInfo,
+                    depth: props.activeDepth
+                  }
+                ),
                 /* @__PURE__ */ jsxRuntime.jsx(
                   DesktopMarkPrice,
                   {
@@ -2938,7 +2953,14 @@ var init_index_desktop = __esm({
                     symbolInfo: props.symbolInfo
                   }
                 ),
-                /* @__PURE__ */ jsxRuntime.jsx(DesktopBids, { data: [...props.bids] }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  InjectableDesktopBids,
+                  {
+                    data: [...props.bids],
+                    symbolInfo: props.symbolInfo,
+                    depth: props.activeDepth
+                  }
+                ),
                 showBuySellRatio && /* @__PURE__ */ jsxRuntime.jsx(
                   exports.BuySellRatioBar,
                   {
@@ -3273,7 +3295,7 @@ var init_listBox = __esm({
     init_cell();
     ListBox = (props) => {
       const { data } = props;
-      const { mode } = useOrderBookContext();
+      const { mode } = exports.useOrderBookContext();
       return /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "oui-orderBook-list oui-order-book-list oui-flex oui-w-full oui-flex-col oui-gap-px", children: data.map((item, index) => {
         return /* @__PURE__ */ jsxRuntime.jsx(
           OrderBookCell,
@@ -3452,7 +3474,7 @@ var init_markPrice2 = __esm({
     init_midPriceView();
     init_orderContext();
     MarkPrice = (props) => {
-      const { symbolInfo } = useOrderBookContext();
+      const { symbolInfo } = exports.useOrderBookContext();
       const { quote_dp } = symbolInfo;
       return /* @__PURE__ */ jsxRuntime.jsxs(
         ui.Flex,
@@ -3518,7 +3540,7 @@ var init_orderBook = __esm({
         "qty"
       );
       return /* @__PURE__ */ jsxRuntime.jsx(
-        OrderBookProvider,
+        exports.OrderBookProvider,
         {
           cellHeight: props.cellHeight ?? 20,
           onItemClick: props.onItemClick,
@@ -3876,7 +3898,9 @@ var orderBook_exports = {};
 __export(orderBook_exports, {
   BuySellRatioBar: () => exports.BuySellRatioBar,
   OrderBook: () => exports.OrderBook,
+  OrderBookProvider: () => exports.OrderBookProvider,
   OrderBookWidget: () => exports.OrderBookWidget,
+  useOrderBookContext: () => exports.useOrderBookContext,
   useOrderBookScript: () => exports.useOrderBookScript
 });
 var init_orderBook2 = __esm({
@@ -3885,6 +3909,7 @@ var init_orderBook2 = __esm({
     init_orderBook_widget();
     init_orderBook_script();
     init_buySellRatioBar();
+    init_orderContext();
   }
 });
 exports.RiskRate = void 0;
@@ -6915,17 +6940,10 @@ var Account = (props) => {
     }
   );
 };
-ui.installExtension({
-  name: "mobile-account-menu",
-  scope: ["*"],
-  positions: [ui.ExtensionPositionEnum.MobileAccountMenu],
-  builder: useAccountScript,
-  __isInternal: true
-})((props) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(Account, { ...props });
-});
+var InjectableAccount = ui.injectable(Account, "Account.MobileAccountMenu");
 var MobileAccountMenuExtension = () => {
-  return /* @__PURE__ */ jsxRuntime.jsx(ui.ExtensionSlot, { position: ui.ExtensionPositionEnum.MobileAccountMenu });
+  const state = useAccountScript();
+  return /* @__PURE__ */ jsxRuntime.jsx(InjectableAccount, { ...state });
 };
 
 // src/components/mobile/bottomNavBar/balance/balance.ui.tsx
@@ -8400,7 +8418,10 @@ var DesktopLayout4 = (props) => {
           }
         ];
       },
-      sideEffects: ({ active, dragOverlay }) => {
+      sideEffects: ({
+        active,
+        dragOverlay
+      }) => {
         active.node.style.opacity = "0";
         const innerElement = dragOverlay.node.querySelector(".inner-content");
         if (innerElement) {
@@ -8473,9 +8494,6 @@ var DesktopLayout4 = (props) => {
   const marketsWidget = /* @__PURE__ */ jsxRuntime.jsx(
     markets.SideMarketsWidget,
     {
-      resizeable,
-      panelSize,
-      onPanelSizeChange,
       symbol: props.symbol,
       onSymbolChange: props.onSymbolChange
     }
@@ -9106,6 +9124,12 @@ var DesktopLayout4 = (props) => {
     }
   );
 };
+
+// src/pages/trading/trading.injectable.tsx
+var InjectableDesktopLayout = ui.injectable(
+  DesktopLayout4,
+  "Trading.Layout.Desktop"
+);
 var Countdown = ({
   timeInterval
 }) => {
@@ -9368,7 +9392,7 @@ var Trading = (props) => {
     return /* @__PURE__ */ jsxRuntime.jsx(MobileLayout4, { ...props });
   }
   return /* @__PURE__ */ jsxRuntime.jsx(
-    DesktopLayout4,
+    InjectableDesktopLayout,
     {
       className: "oui-h-[calc(100vh_-_48px_-_29px)] oui-bg-base-10",
       ...props