@orderly.network/trading 2.11.0 → 3.0.0-beta.1

package/dist/index.d.mts

@@ -1,5 +1,6 @@
+import { AccountState as AccountState$1 } from '@orderly.network/core';
 import * as React$1 from 'react';
-import React__default, { ReactNode, FC, RefObject, PropsWithChildren } from 'react';
+import React__default, { ReactNode, FC, PropsWithChildren, RefObject } from 'react';
 import * as _orderly_network_types from '@orderly.network/types';
 import { API, NetworkId, AccountStatusEnum } from '@orderly.network/types';
 import * as _orderly_network_ui_share from '@orderly.network/ui-share';
@@ -11,6 +12,35 @@ import Split, { SplitProps } from '@uiw/react-split';
 import { SliderMarks } from '@orderly.network/ui';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
+interface Props$1 {
+    data: number[][];
+}
+
+interface Props {
+    data: any[];
+}
+
+declare const useAccountScript: () => {
+    onShowAccountSheet: () => void;
+    address: string | undefined;
+    state: AccountState$1;
+};
+type AccountState = ReturnType<typeof useAccountScript>;
+
+/**
+ * Module augmentation: maps interceptor target paths to their component props types.
+ * Import from @orderly.network/trading to enable typed props in
+ * createInterceptor('Account.MobileAccountMenu', ...) and createInterceptor('OrderBook.Desktop.Asks', ...).
+ */
+
+declare module "@orderly.network/plugin-core" {
+    interface InterceptorTargetPropsMap {
+        "Account.MobileAccountMenu": AccountState;
+        "OrderBook.Desktop.Asks": Props$1;
+        "OrderBook.Desktop.Bids": Props;
+    }
+}
+
 type layoutInfo = {
     width?: number;
     height?: number;
@@ -304,6 +334,36 @@ interface BuySellRatioBarProps {
 }
 declare const BuySellRatioBar: FC<BuySellRatioBarProps>;
 
+type QtyMode = "quantity" | "amount";
+type TotalMode = "quantity" | "amount";
+
+interface OrderBookContextValue {
+    cellHeight: number;
+    mode: QtyMode;
+    depth?: string;
+    onModeChange?: (mode: QtyMode) => void;
+    onItemClick?: (item: number[]) => void;
+    showTotal: boolean;
+    totalMode: TotalMode;
+    pendingOrders: ReadonlyArray<number> | number[];
+    onTotalModeChange?: (mode: TotalMode) => void;
+    symbolInfo: BasicSymbolInfo;
+    showBuySellRatio: boolean;
+    onShowBuySellRatioChange?: (show: boolean) => void;
+}
+declare const useOrderBookContext: () => OrderBookContextValue;
+interface OrderBookProviderProps {
+    cellHeight: number;
+    depth?: string;
+    showTotal: boolean;
+    pendingOrders: ReadonlyArray<number> | number[];
+    onItemClick?: (item: number[]) => void;
+    symbolInfo: BasicSymbolInfo;
+    showBuySellRatio?: boolean;
+    onShowBuySellRatioChange?: (show: boolean) => void;
+}
+declare const OrderBookProvider: FC<PropsWithChildren<OrderBookProviderProps>>;
+
 declare const useRiskRateScript: () => {
     riskRate: string | null;
     riskRateColor: {
@@ -369,7 +429,7 @@ declare const usePortfolioSheetScript: () => {
     hasSubAccount: boolean;
     aggregated: Omit<_orderly_network_types.API.PositionsTPSLExt, "rows">;
     totalUnrealizedROI: number;
-    positionsInfo: Record<"unsettledPnL" | "margin_ratio" | "initial_margin_ratio" | "maintenance_margin_ratio" | "open_margin_ratio" | "current_margin_ratio_with_orders" | "initial_margin_ratio_with_orders" | "maintenance_margin_ratio_with_orders" | "total_collateral_value" | "free_collateral" | "total_pnl_24_h" | "unrealPnL" | "total_unreal_pnl" | "total_unreal_pnl_index" | "total_unsettled_pnl" | "notional" | "unrealPnlROI" | "unrealPnlROI_index", <Key extends "unsettledPnL" | "margin_ratio" | "initial_margin_ratio" | "maintenance_margin_ratio" | "open_margin_ratio" | "current_margin_ratio_with_orders" | "initial_margin_ratio_with_orders" | "maintenance_margin_ratio_with_orders" | "total_collateral_value" | "free_collateral" | "total_pnl_24_h" | "unrealPnL" | "total_unreal_pnl" | "total_unreal_pnl_index" | "total_unsettled_pnl" | "notional" | "unrealPnlROI" | "unrealPnlROI_index">(defaultValue?: Omit<_orderly_network_types.API.PositionInfo, "rows">[Key] | undefined) => Omit<_orderly_network_types.API.PositionInfo, "rows">[Key]> & {
+    positionsInfo: Record<"notional" | "unsettledPnL" | "margin_ratio" | "initial_margin_ratio" | "maintenance_margin_ratio" | "open_margin_ratio" | "current_margin_ratio_with_orders" | "initial_margin_ratio_with_orders" | "maintenance_margin_ratio_with_orders" | "total_collateral_value" | "free_collateral" | "total_pnl_24_h" | "unrealPnL" | "total_unreal_pnl" | "total_unreal_pnl_index" | "total_unsettled_pnl" | "unrealPnlROI" | "unrealPnlROI_index", <Key extends "unsettledPnL" | "margin_ratio" | "initial_margin_ratio" | "maintenance_margin_ratio" | "open_margin_ratio" | "current_margin_ratio_with_orders" | "initial_margin_ratio_with_orders" | "maintenance_margin_ratio_with_orders" | "total_collateral_value" | "free_collateral" | "total_pnl_24_h" | "unrealPnL" | "total_unreal_pnl" | "total_unreal_pnl_index" | "total_unsettled_pnl" | "notional" | "unrealPnlROI" | "unrealPnlROI_index">(defaultValue?: Omit<_orderly_network_types.API.PositionInfo, "rows">[Key] | undefined) => Omit<_orderly_network_types.API.PositionInfo, "rows">[Key]> & {
         isNil: boolean;
     };
     marginRatio: number;
@@ -546,4 +606,4 @@ declare const usePendingOrderCount: (symbol?: string) => {
     tpSlOrderCount: number;
 };
 
-export { AssetView, AssetViewWidget, BottomNavBar, BottomNavBarWidget, type BuySellRatio, BuySellRatioBar, DataList, DataListWidget, FundingRate, FundingRateDialogId, FundingRateModal, type FundingRateModalState, FundingRateModalWidget, FundingRateSheetId, FundingRateWidget, LastTrades, LastTradesWidget, OrderBook, OrderBookAndTrades, OrderBookAndTradesWidget, OrderBookWidget, PortfolioSheet, PortfolioSheetWidget, type ReferralProps, RiskRate, RiskRateWidget, type ShareOptions, SplitLayout, Trading, TradingPage, TradingPageContext, type TradingPageProps, TradingPageProvider, type TradingRewardsProps, TradingWidget, useBottomNavBarScript, useFundingRateModalScript, useFundingRateScript, useOrderBookAndTradesScript, useOrderBookScript, usePendingOrderCount, usePortfolioSheetScript, usePositionsCount, useTradingLocalStorage, useTradingPageContext, useTradingScript };
+export { type AccountState, AssetView, AssetViewWidget, BottomNavBar, BottomNavBarWidget, type BuySellRatio, BuySellRatioBar, DataList, DataListWidget, FundingRate, FundingRateDialogId, FundingRateModal, type FundingRateModalState, FundingRateModalWidget, FundingRateSheetId, FundingRateWidget, LastTrades, LastTradesWidget, OrderBook, OrderBookAndTrades, OrderBookAndTradesWidget, type OrderBookContextValue, type Props$1 as OrderBookDesktopAsksProps, OrderBookProvider, OrderBookWidget, PortfolioSheet, PortfolioSheetWidget, type ReferralProps, RiskRate, RiskRateWidget, type ShareOptions, SplitLayout, Trading, TradingPage, TradingPageContext, type TradingPageProps, TradingPageProvider, type TradingRewardsProps, TradingWidget, useBottomNavBarScript, useFundingRateModalScript, useFundingRateScript, useOrderBookAndTradesScript, useOrderBookContext, useOrderBookScript, usePendingOrderCount, usePortfolioSheetScript, usePositionsCount, useTradingLocalStorage, useTradingPageContext, useTradingScript };

package/dist/index.d.ts

@@ -1,5 +1,6 @@
+import { AccountState as AccountState$1 } from '@orderly.network/core';
 import * as React$1 from 'react';
-import React__default, { ReactNode, FC, RefObject, PropsWithChildren } from 'react';
+import React__default, { ReactNode, FC, PropsWithChildren, RefObject } from 'react';
 import * as _orderly_network_types from '@orderly.network/types';
 import { API, NetworkId, AccountStatusEnum } from '@orderly.network/types';
 import * as _orderly_network_ui_share from '@orderly.network/ui-share';
@@ -11,6 +12,35 @@ import Split, { SplitProps } from '@uiw/react-split';
 import { SliderMarks } from '@orderly.network/ui';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
+interface Props$1 {
+    data: number[][];
+}
+
+interface Props {
+    data: any[];
+}
+
+declare const useAccountScript: () => {
+    onShowAccountSheet: () => void;
+    address: string | undefined;
+    state: AccountState$1;
+};
+type AccountState = ReturnType<typeof useAccountScript>;
+
+/**
+ * Module augmentation: maps interceptor target paths to their component props types.
+ * Import from @orderly.network/trading to enable typed props in
+ * createInterceptor('Account.MobileAccountMenu', ...) and createInterceptor('OrderBook.Desktop.Asks', ...).
+ */
+
+declare module "@orderly.network/plugin-core" {
+    interface InterceptorTargetPropsMap {
+        "Account.MobileAccountMenu": AccountState;
+        "OrderBook.Desktop.Asks": Props$1;
+        "OrderBook.Desktop.Bids": Props;
+    }
+}
+
 type layoutInfo = {
     width?: number;
     height?: number;
@@ -304,6 +334,36 @@ interface BuySellRatioBarProps {
 }
 declare const BuySellRatioBar: FC<BuySellRatioBarProps>;
 
+type QtyMode = "quantity" | "amount";
+type TotalMode = "quantity" | "amount";
+
+interface OrderBookContextValue {
+    cellHeight: number;
+    mode: QtyMode;
+    depth?: string;
+    onModeChange?: (mode: QtyMode) => void;
+    onItemClick?: (item: number[]) => void;
+    showTotal: boolean;
+    totalMode: TotalMode;
+    pendingOrders: ReadonlyArray<number> | number[];
+    onTotalModeChange?: (mode: TotalMode) => void;
+    symbolInfo: BasicSymbolInfo;
+    showBuySellRatio: boolean;
+    onShowBuySellRatioChange?: (show: boolean) => void;
+}
+declare const useOrderBookContext: () => OrderBookContextValue;
+interface OrderBookProviderProps {
+    cellHeight: number;
+    depth?: string;
+    showTotal: boolean;
+    pendingOrders: ReadonlyArray<number> | number[];
+    onItemClick?: (item: number[]) => void;
+    symbolInfo: BasicSymbolInfo;
+    showBuySellRatio?: boolean;
+    onShowBuySellRatioChange?: (show: boolean) => void;
+}
+declare const OrderBookProvider: FC<PropsWithChildren<OrderBookProviderProps>>;
+
 declare const useRiskRateScript: () => {
     riskRate: string | null;
     riskRateColor: {
@@ -369,7 +429,7 @@ declare const usePortfolioSheetScript: () => {
     hasSubAccount: boolean;
     aggregated: Omit<_orderly_network_types.API.PositionsTPSLExt, "rows">;
     totalUnrealizedROI: number;
-    positionsInfo: Record<"unsettledPnL" | "margin_ratio" | "initial_margin_ratio" | "maintenance_margin_ratio" | "open_margin_ratio" | "current_margin_ratio_with_orders" | "initial_margin_ratio_with_orders" | "maintenance_margin_ratio_with_orders" | "total_collateral_value" | "free_collateral" | "total_pnl_24_h" | "unrealPnL" | "total_unreal_pnl" | "total_unreal_pnl_index" | "total_unsettled_pnl" | "notional" | "unrealPnlROI" | "unrealPnlROI_index", <Key extends "unsettledPnL" | "margin_ratio" | "initial_margin_ratio" | "maintenance_margin_ratio" | "open_margin_ratio" | "current_margin_ratio_with_orders" | "initial_margin_ratio_with_orders" | "maintenance_margin_ratio_with_orders" | "total_collateral_value" | "free_collateral" | "total_pnl_24_h" | "unrealPnL" | "total_unreal_pnl" | "total_unreal_pnl_index" | "total_unsettled_pnl" | "notional" | "unrealPnlROI" | "unrealPnlROI_index">(defaultValue?: Omit<_orderly_network_types.API.PositionInfo, "rows">[Key] | undefined) => Omit<_orderly_network_types.API.PositionInfo, "rows">[Key]> & {
+    positionsInfo: Record<"notional" | "unsettledPnL" | "margin_ratio" | "initial_margin_ratio" | "maintenance_margin_ratio" | "open_margin_ratio" | "current_margin_ratio_with_orders" | "initial_margin_ratio_with_orders" | "maintenance_margin_ratio_with_orders" | "total_collateral_value" | "free_collateral" | "total_pnl_24_h" | "unrealPnL" | "total_unreal_pnl" | "total_unreal_pnl_index" | "total_unsettled_pnl" | "unrealPnlROI" | "unrealPnlROI_index", <Key extends "unsettledPnL" | "margin_ratio" | "initial_margin_ratio" | "maintenance_margin_ratio" | "open_margin_ratio" | "current_margin_ratio_with_orders" | "initial_margin_ratio_with_orders" | "maintenance_margin_ratio_with_orders" | "total_collateral_value" | "free_collateral" | "total_pnl_24_h" | "unrealPnL" | "total_unreal_pnl" | "total_unreal_pnl_index" | "total_unsettled_pnl" | "notional" | "unrealPnlROI" | "unrealPnlROI_index">(defaultValue?: Omit<_orderly_network_types.API.PositionInfo, "rows">[Key] | undefined) => Omit<_orderly_network_types.API.PositionInfo, "rows">[Key]> & {
         isNil: boolean;
     };
     marginRatio: number;
@@ -546,4 +606,4 @@ declare const usePendingOrderCount: (symbol?: string) => {
     tpSlOrderCount: number;
 };
 
-export { AssetView, AssetViewWidget, BottomNavBar, BottomNavBarWidget, type BuySellRatio, BuySellRatioBar, DataList, DataListWidget, FundingRate, FundingRateDialogId, FundingRateModal, type FundingRateModalState, FundingRateModalWidget, FundingRateSheetId, FundingRateWidget, LastTrades, LastTradesWidget, OrderBook, OrderBookAndTrades, OrderBookAndTradesWidget, OrderBookWidget, PortfolioSheet, PortfolioSheetWidget, type ReferralProps, RiskRate, RiskRateWidget, type ShareOptions, SplitLayout, Trading, TradingPage, TradingPageContext, type TradingPageProps, TradingPageProvider, type TradingRewardsProps, TradingWidget, useBottomNavBarScript, useFundingRateModalScript, useFundingRateScript, useOrderBookAndTradesScript, useOrderBookScript, usePendingOrderCount, usePortfolioSheetScript, usePositionsCount, useTradingLocalStorage, useTradingPageContext, useTradingScript };
+export { type AccountState, AssetView, AssetViewWidget, BottomNavBar, BottomNavBarWidget, type BuySellRatio, BuySellRatioBar, DataList, DataListWidget, FundingRate, FundingRateDialogId, FundingRateModal, type FundingRateModalState, FundingRateModalWidget, FundingRateSheetId, FundingRateWidget, LastTrades, LastTradesWidget, OrderBook, OrderBookAndTrades, OrderBookAndTradesWidget, type OrderBookContextValue, type Props$1 as OrderBookDesktopAsksProps, OrderBookProvider, OrderBookWidget, PortfolioSheet, PortfolioSheetWidget, type ReferralProps, RiskRate, RiskRateWidget, type ShareOptions, SplitLayout, Trading, TradingPage, TradingPageContext, type TradingPageProps, TradingPageProvider, type TradingRewardsProps, TradingWidget, useBottomNavBarScript, useFundingRateModalScript, useFundingRateScript, useOrderBookAndTradesScript, useOrderBookContext, useOrderBookScript, usePendingOrderCount, usePortfolioSheetScript, usePositionsCount, useTradingLocalStorage, useTradingPageContext, useTradingScript };

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",
@@ -2879,7 +2887,7 @@ var init_index_desktop = __esm({
         };
       }, []);
       return /* @__PURE__ */ jsxRuntime.jsx(
-        OrderBookProvider,
+        exports.OrderBookProvider,
         {
           cellHeight: props.cellHeight ?? 20,
           onItemClick: props.onItemClick,
@@ -2920,7 +2928,7 @@ 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] }),
                 /* @__PURE__ */ jsxRuntime.jsx(
                   DesktopMarkPrice,
                   {
@@ -2931,12 +2939,12 @@ var init_index_desktop = __esm({
                     symbolInfo: props.symbolInfo
                   }
                 ),
-                /* @__PURE__ */ jsxRuntime.jsx(DesktopBids, { data: [...props.bids] }),
+                /* @__PURE__ */ jsxRuntime.jsx(InjectableDesktopBids, { data: [...props.bids] }),
                 showBuySellRatio && /* @__PURE__ */ jsxRuntime.jsx(
                   exports.BuySellRatioBar,
                   {
                     ratio: buySellRatio || null,
-                    className: "oui-text-2xs oui-px-3 oui-h-[38px]"
+                    className: "oui-h-[38px] oui-px-3 oui-text-2xs"
                   }
                 ),
                 isLoading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "oui-bg-bg-8/70 oui-absolute oui-inset-0 oui-z-10 oui-flex oui-items-center oui-justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Spinner, {}) })
@@ -3266,7 +3274,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,
@@ -3445,7 +3453,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,
@@ -3512,7 +3520,7 @@ var init_orderBook = __esm({
         "qty"
       );
       return /* @__PURE__ */ jsxRuntime.jsx(
-        OrderBookProvider,
+        exports.OrderBookProvider,
         {
           cellHeight: props.cellHeight ?? 20,
           onItemClick: props.onItemClick,
@@ -3867,7 +3875,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({
@@ -3876,6 +3886,7 @@ var init_orderBook2 = __esm({
     init_orderBook_widget();
     init_orderBook_script();
     init_buySellRatioBar();
+    init_orderContext();
   }
 });
 exports.RiskRate = void 0;
@@ -6882,17 +6893,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
@@ -9009,6 +9013,13 @@ var DesktopLayout4 = (props) => {
     }
   );
 };
+var InjectableTradingPage = ui.injectable(
+  DesktopLayout4,
+  "Trading.TradingPage"
+);
+var TradingPageExtension = (props) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(InjectableTradingPage, { ...props });
+};
 var Countdown = ({
   timeInterval
 }) => {
@@ -9254,7 +9265,7 @@ var Trading = (props) => {
     return /* @__PURE__ */ jsxRuntime.jsx(MobileLayout4, { ...props });
   }
   return /* @__PURE__ */ jsxRuntime.jsx(
-    DesktopLayout4,
+    TradingPageExtension,
     {
       className: "oui-h-[calc(100vh_-_48px_-_29px)] oui-bg-base-10",
       ...props