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

package/dist/index.d.mts

@@ -1,13 +1,15 @@
+import { SymbolInfoBarFullProps } from '@orderly.network/markets';
 import * as React$1 from 'react';
-import React__default, { ReactNode, FC, PropsWithChildren, RefObject } from 'react';
+import React__default, { ReactNode, RefObject, FC, PropsWithChildren } 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';
 import { SharePnLConfig } from '@orderly.network/ui-share';
 import { TradingviewWidgetPropsInterface } from '@orderly.network/ui-tradingview';
+import { AccountState as AccountState$1 } from '@orderly.network/core';
+import Split, { SplitProps } from '@uiw/react-split';
 import { PositionsProps } from '@orderly.network/ui-positions';
 import * as _orderly_network_hooks from '@orderly.network/hooks';
-import Split, { SplitProps } from '@uiw/react-split';
 import { SliderMarks } from '@orderly.network/ui';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
@@ -146,6 +148,127 @@ type TradingPageProps = BaseTradingPageProps & {
     bottomSheetLeading?: React.ReactNode | string;
 };
 
+/**
+ * Desktop asks list props. `symbolInfo` and `depth` are threaded through
+ * {@link InjectableDesktopAsks} so Orderly plugins replacing `OrderBook.Desktop.Asks`
+ * can render without relying only on context. The default `DesktopAsks` uses `data`
+ * and reads symbol/depth from `OrderBookProvider` / `OrderBookContext`.
+ */
+interface Props$1 {
+    data: number[][];
+    /** For plugin replacements; unused by the default asks row list (context carries symbol). */
+    symbolInfo: BasicSymbolInfo;
+    /** For plugin replacements; active depth key; unused by the default list (context carries depth). */
+    depth: string | undefined;
+}
+
+/**
+ * Desktop bids list props. `symbolInfo` and `depth` are threaded through
+ * {@link InjectableDesktopBids} so Orderly plugins replacing `OrderBook.Desktop.Bids`
+ * can render without relying only on context. The default `DesktopBids` uses `data`
+ * and reads symbol/depth from `OrderBookProvider` / `OrderBookContext`.
+ */
+interface Props {
+    data: number[][];
+    /** For plugin replacements; unused by the default bids row list (context carries symbol). */
+    symbolInfo: BasicSymbolInfo;
+    /** For plugin replacements; active depth key; unused by the default list (context carries depth). */
+    depth: string | undefined;
+}
+
+declare const useAccountScript: () => {
+    onShowAccountSheet: () => void;
+    address: string | undefined;
+    state: AccountState$1;
+};
+type AccountState = ReturnType<typeof useAccountScript>;
+
+type LayoutPosition = "left" | "right";
+
+type TradingState = ReturnType<typeof useTradingScript>;
+type MarketLayoutPosition = "left" | "top" | "bottom" | "hide";
+declare const useTradingScript: () => TradingPageState & {
+    marketsWidth: number;
+    tradindviewMaxHeight: number;
+    dataListMinHeight: number;
+    total: number | null;
+    hideAssets: any;
+    setHideAssets: (value: boolean) => void;
+    onShowPortfolioSheet: () => void;
+    navigateToPortfolio: (() => void) | undefined;
+    isFirstTimeDeposit: boolean;
+    symbolInfoBarHeight: number;
+    max2XLSplitRef: RefObject<Split>;
+    tradingviewAndOrderbookSplitRef: RefObject<Split>;
+    onTradingviewAndOrderbookDragging: (preSize: number, nextSize: number) => void;
+    onDataListSplitHeightDragging: (preSize: number, nextSize: number) => void;
+    extraHeight: any;
+    dataListHeight: any;
+    restrictedInfo: {
+        ip: string;
+        invalidRegions: string[];
+        restrictedOpen: boolean;
+        content: React$1.ReactNode | ((data: {
+            ip: string;
+            brokerName: string;
+        }) => React$1.ReactNode);
+        canUnblock: boolean;
+        accessRestricted: any;
+        setAccessRestricted: (value: boolean | undefined) => void;
+    };
+    orderEntryViewRef: RefObject<HTMLDivElement>;
+    orderEntryHeight: number;
+    orderBookSplitSize: string | undefined;
+    setOrderbookSplitSize: (size: string) => void;
+    dataListSplitSize: string | undefined;
+    setDataListSplitSize: (size: string) => void;
+    mainSplitSize: string | undefined;
+    setMainSplitSize: (size: string) => void;
+    dataListSplitHeightSM: string | undefined;
+    setDataListSplitHeightSM: (size: string) => void;
+    orderBookSplitHeightSM: string | undefined;
+    setOrderbookSplitHeightSM: (size: string) => void;
+    positions: number[];
+    showPositionIcon: boolean;
+    updatePositions: (currentIdx: number, targetIdx: number) => void;
+    resizeable: boolean;
+    panelSize: "small" | "middle" | "large";
+    onPanelSizeChange: (collapsed: "small" | "middle" | "large") => void;
+    animating: boolean;
+    setAnimating: React$1.Dispatch<React$1.SetStateAction<boolean>>;
+    layout: any;
+    onLayout: (value: LayoutPosition) => void;
+    marketLayout: any;
+    onMarketLayout: (value: MarketLayoutPosition) => void;
+    max2XL: boolean;
+    min3XL: boolean;
+    max4XL: boolean;
+    canTrade: boolean;
+    openMarketsSheet: boolean;
+    onOpenMarketsSheetChange: React$1.Dispatch<React$1.SetStateAction<boolean>>;
+    horizontalDraggable: boolean;
+};
+
+type DesktopLayoutProps = TradingState & {
+    className?: string;
+};
+
+/**
+ * Module augmentation: maps interceptor target paths to their component props types.
+ * Import from @orderly.network/trading to enable typed props in
+ * createInterceptor('Trading.Layout.Desktop', ...), createInterceptor('Account.MobileAccountMenu', ...), etc.
+ */
+
+declare module "@orderly.network/plugin-core" {
+    interface InterceptorTargetPropsMap {
+        "Account.MobileAccountMenu": AccountState;
+        "OrderBook.Desktop.Asks": Props$1;
+        "OrderBook.Desktop.Bids": Props;
+        "Trading.Layout.Desktop": DesktopLayoutProps;
+        "Trading.SymbolInfoBar.Desktop": SymbolInfoBarFullProps;
+    }
+}
+
 declare enum DataListTabType {
     positions = "Positions",
     pending = "Pending",
@@ -401,7 +524,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" | "total_unsettled_cross_pnl" | "total_unsettled_isolated_pnl", <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" | "total_unsettled_cross_pnl" | "total_unsettled_isolated_pnl">(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" | "total_unsettled_cross_pnl" | "total_unsettled_isolated_pnl", <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" | "total_unsettled_cross_pnl" | "total_unsettled_isolated_pnl">(defaultValue?: Omit<_orderly_network_types.API.PositionInfo, "rows">[Key] | undefined) => Omit<_orderly_network_types.API.PositionInfo, "rows">[Key]> & {
         isNil: boolean;
     };
     marginRatio: number;
@@ -479,72 +602,6 @@ declare const FundingRateModalWidget: React__default.FC<{
 declare const FundingRateDialogId = "FundingRateDialogId";
 declare const FundingRateSheetId = "FundingRateSheetId";
 
-type LayoutPosition = "left" | "right";
-
-type TradingState = ReturnType<typeof useTradingScript>;
-type MarketLayoutPosition = "left" | "top" | "bottom" | "hide";
-declare const useTradingScript: () => TradingPageState & {
-    marketsWidth: number;
-    tradindviewMaxHeight: number;
-    dataListMinHeight: number;
-    total: number | null;
-    hideAssets: any;
-    setHideAssets: (value: boolean) => void;
-    onShowPortfolioSheet: () => void;
-    navigateToPortfolio: (() => void) | undefined;
-    isFirstTimeDeposit: boolean;
-    symbolInfoBarHeight: number;
-    max2XLSplitRef: RefObject<Split>;
-    tradingviewAndOrderbookSplitRef: RefObject<Split>;
-    onTradingviewAndOrderbookDragging: (preSize: number, nextSize: number) => void;
-    onDataListSplitHeightDragging: (preSize: number, nextSize: number) => void;
-    extraHeight: any;
-    dataListHeight: any;
-    restrictedInfo: {
-        ip: string;
-        invalidRegions: string[];
-        restrictedOpen: boolean;
-        content: React$1.ReactNode | ((data: {
-            ip: string;
-            brokerName: string;
-        }) => React$1.ReactNode);
-        canUnblock: boolean;
-        accessRestricted: any;
-        setAccessRestricted: (value: boolean | undefined) => void;
-    };
-    orderEntryViewRef: RefObject<HTMLDivElement>;
-    orderEntryHeight: number;
-    orderBookSplitSize: string | undefined;
-    setOrderbookSplitSize: (size: string) => void;
-    dataListSplitSize: string | undefined;
-    setDataListSplitSize: (size: string) => void;
-    mainSplitSize: string | undefined;
-    setMainSplitSize: (size: string) => void;
-    dataListSplitHeightSM: string | undefined;
-    setDataListSplitHeightSM: (size: string) => void;
-    orderBookSplitHeightSM: string | undefined;
-    setOrderbookSplitHeightSM: (size: string) => void;
-    positions: number[];
-    showPositionIcon: boolean;
-    updatePositions: (currentIdx: number, targetIdx: number) => void;
-    resizeable: boolean;
-    panelSize: "middle" | "small" | "large";
-    onPanelSizeChange: (collapsed: "small" | "middle" | "large") => void;
-    animating: boolean;
-    setAnimating: React$1.Dispatch<React$1.SetStateAction<boolean>>;
-    layout: any;
-    onLayout: (value: LayoutPosition) => void;
-    marketLayout: any;
-    onMarketLayout: (value: MarketLayoutPosition) => void;
-    max2XL: boolean;
-    min3XL: boolean;
-    max4XL: boolean;
-    canTrade: boolean;
-    openMarketsSheet: boolean;
-    onOpenMarketsSheetChange: React$1.Dispatch<React$1.SetStateAction<boolean>>;
-    horizontalDraggable: boolean;
-};
-
 declare const Trading: FC<TradingState>;
 
 declare const TradingWidget: React__default.FC;
@@ -578,4 +635,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, 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 };
+export { type AccountState, AssetView, AssetViewWidget, BottomNavBar, BottomNavBarWidget, type BuySellRatio, BuySellRatioBar, DataList, DataListWidget, type DesktopLayoutProps, FundingRate, FundingRateDialogId, FundingRateModal, type FundingRateModalState, FundingRateModalWidget, FundingRateSheetId, FundingRateWidget, LastTrades, LastTradesWidget, OrderBook, OrderBookAndTrades, OrderBookAndTradesWidget, type Props$1 as OrderBookDesktopAsksProps, type Props as OrderBookDesktopBidsProps, 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,13 +1,15 @@
+import { SymbolInfoBarFullProps } from '@orderly.network/markets';
 import * as React$1 from 'react';
-import React__default, { ReactNode, FC, PropsWithChildren, RefObject } from 'react';
+import React__default, { ReactNode, RefObject, FC, PropsWithChildren } 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';
 import { SharePnLConfig } from '@orderly.network/ui-share';
 import { TradingviewWidgetPropsInterface } from '@orderly.network/ui-tradingview';
+import { AccountState as AccountState$1 } from '@orderly.network/core';
+import Split, { SplitProps } from '@uiw/react-split';
 import { PositionsProps } from '@orderly.network/ui-positions';
 import * as _orderly_network_hooks from '@orderly.network/hooks';
-import Split, { SplitProps } from '@uiw/react-split';
 import { SliderMarks } from '@orderly.network/ui';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
@@ -146,6 +148,127 @@ type TradingPageProps = BaseTradingPageProps & {
     bottomSheetLeading?: React.ReactNode | string;
 };
 
+/**
+ * Desktop asks list props. `symbolInfo` and `depth` are threaded through
+ * {@link InjectableDesktopAsks} so Orderly plugins replacing `OrderBook.Desktop.Asks`
+ * can render without relying only on context. The default `DesktopAsks` uses `data`
+ * and reads symbol/depth from `OrderBookProvider` / `OrderBookContext`.
+ */
+interface Props$1 {
+    data: number[][];
+    /** For plugin replacements; unused by the default asks row list (context carries symbol). */
+    symbolInfo: BasicSymbolInfo;
+    /** For plugin replacements; active depth key; unused by the default list (context carries depth). */
+    depth: string | undefined;
+}
+
+/**
+ * Desktop bids list props. `symbolInfo` and `depth` are threaded through
+ * {@link InjectableDesktopBids} so Orderly plugins replacing `OrderBook.Desktop.Bids`
+ * can render without relying only on context. The default `DesktopBids` uses `data`
+ * and reads symbol/depth from `OrderBookProvider` / `OrderBookContext`.
+ */
+interface Props {
+    data: number[][];
+    /** For plugin replacements; unused by the default bids row list (context carries symbol). */
+    symbolInfo: BasicSymbolInfo;
+    /** For plugin replacements; active depth key; unused by the default list (context carries depth). */
+    depth: string | undefined;
+}
+
+declare const useAccountScript: () => {
+    onShowAccountSheet: () => void;
+    address: string | undefined;
+    state: AccountState$1;
+};
+type AccountState = ReturnType<typeof useAccountScript>;
+
+type LayoutPosition = "left" | "right";
+
+type TradingState = ReturnType<typeof useTradingScript>;
+type MarketLayoutPosition = "left" | "top" | "bottom" | "hide";
+declare const useTradingScript: () => TradingPageState & {
+    marketsWidth: number;
+    tradindviewMaxHeight: number;
+    dataListMinHeight: number;
+    total: number | null;
+    hideAssets: any;
+    setHideAssets: (value: boolean) => void;
+    onShowPortfolioSheet: () => void;
+    navigateToPortfolio: (() => void) | undefined;
+    isFirstTimeDeposit: boolean;
+    symbolInfoBarHeight: number;
+    max2XLSplitRef: RefObject<Split>;
+    tradingviewAndOrderbookSplitRef: RefObject<Split>;
+    onTradingviewAndOrderbookDragging: (preSize: number, nextSize: number) => void;
+    onDataListSplitHeightDragging: (preSize: number, nextSize: number) => void;
+    extraHeight: any;
+    dataListHeight: any;
+    restrictedInfo: {
+        ip: string;
+        invalidRegions: string[];
+        restrictedOpen: boolean;
+        content: React$1.ReactNode | ((data: {
+            ip: string;
+            brokerName: string;
+        }) => React$1.ReactNode);
+        canUnblock: boolean;
+        accessRestricted: any;
+        setAccessRestricted: (value: boolean | undefined) => void;
+    };
+    orderEntryViewRef: RefObject<HTMLDivElement>;
+    orderEntryHeight: number;
+    orderBookSplitSize: string | undefined;
+    setOrderbookSplitSize: (size: string) => void;
+    dataListSplitSize: string | undefined;
+    setDataListSplitSize: (size: string) => void;
+    mainSplitSize: string | undefined;
+    setMainSplitSize: (size: string) => void;
+    dataListSplitHeightSM: string | undefined;
+    setDataListSplitHeightSM: (size: string) => void;
+    orderBookSplitHeightSM: string | undefined;
+    setOrderbookSplitHeightSM: (size: string) => void;
+    positions: number[];
+    showPositionIcon: boolean;
+    updatePositions: (currentIdx: number, targetIdx: number) => void;
+    resizeable: boolean;
+    panelSize: "small" | "middle" | "large";
+    onPanelSizeChange: (collapsed: "small" | "middle" | "large") => void;
+    animating: boolean;
+    setAnimating: React$1.Dispatch<React$1.SetStateAction<boolean>>;
+    layout: any;
+    onLayout: (value: LayoutPosition) => void;
+    marketLayout: any;
+    onMarketLayout: (value: MarketLayoutPosition) => void;
+    max2XL: boolean;
+    min3XL: boolean;
+    max4XL: boolean;
+    canTrade: boolean;
+    openMarketsSheet: boolean;
+    onOpenMarketsSheetChange: React$1.Dispatch<React$1.SetStateAction<boolean>>;
+    horizontalDraggable: boolean;
+};
+
+type DesktopLayoutProps = TradingState & {
+    className?: string;
+};
+
+/**
+ * Module augmentation: maps interceptor target paths to their component props types.
+ * Import from @orderly.network/trading to enable typed props in
+ * createInterceptor('Trading.Layout.Desktop', ...), createInterceptor('Account.MobileAccountMenu', ...), etc.
+ */
+
+declare module "@orderly.network/plugin-core" {
+    interface InterceptorTargetPropsMap {
+        "Account.MobileAccountMenu": AccountState;
+        "OrderBook.Desktop.Asks": Props$1;
+        "OrderBook.Desktop.Bids": Props;
+        "Trading.Layout.Desktop": DesktopLayoutProps;
+        "Trading.SymbolInfoBar.Desktop": SymbolInfoBarFullProps;
+    }
+}
+
 declare enum DataListTabType {
     positions = "Positions",
     pending = "Pending",
@@ -401,7 +524,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" | "total_unsettled_cross_pnl" | "total_unsettled_isolated_pnl", <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" | "total_unsettled_cross_pnl" | "total_unsettled_isolated_pnl">(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" | "total_unsettled_cross_pnl" | "total_unsettled_isolated_pnl", <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" | "total_unsettled_cross_pnl" | "total_unsettled_isolated_pnl">(defaultValue?: Omit<_orderly_network_types.API.PositionInfo, "rows">[Key] | undefined) => Omit<_orderly_network_types.API.PositionInfo, "rows">[Key]> & {
         isNil: boolean;
     };
     marginRatio: number;
@@ -479,72 +602,6 @@ declare const FundingRateModalWidget: React__default.FC<{
 declare const FundingRateDialogId = "FundingRateDialogId";
 declare const FundingRateSheetId = "FundingRateSheetId";
 
-type LayoutPosition = "left" | "right";
-
-type TradingState = ReturnType<typeof useTradingScript>;
-type MarketLayoutPosition = "left" | "top" | "bottom" | "hide";
-declare const useTradingScript: () => TradingPageState & {
-    marketsWidth: number;
-    tradindviewMaxHeight: number;
-    dataListMinHeight: number;
-    total: number | null;
-    hideAssets: any;
-    setHideAssets: (value: boolean) => void;
-    onShowPortfolioSheet: () => void;
-    navigateToPortfolio: (() => void) | undefined;
-    isFirstTimeDeposit: boolean;
-    symbolInfoBarHeight: number;
-    max2XLSplitRef: RefObject<Split>;
-    tradingviewAndOrderbookSplitRef: RefObject<Split>;
-    onTradingviewAndOrderbookDragging: (preSize: number, nextSize: number) => void;
-    onDataListSplitHeightDragging: (preSize: number, nextSize: number) => void;
-    extraHeight: any;
-    dataListHeight: any;
-    restrictedInfo: {
-        ip: string;
-        invalidRegions: string[];
-        restrictedOpen: boolean;
-        content: React$1.ReactNode | ((data: {
-            ip: string;
-            brokerName: string;
-        }) => React$1.ReactNode);
-        canUnblock: boolean;
-        accessRestricted: any;
-        setAccessRestricted: (value: boolean | undefined) => void;
-    };
-    orderEntryViewRef: RefObject<HTMLDivElement>;
-    orderEntryHeight: number;
-    orderBookSplitSize: string | undefined;
-    setOrderbookSplitSize: (size: string) => void;
-    dataListSplitSize: string | undefined;
-    setDataListSplitSize: (size: string) => void;
-    mainSplitSize: string | undefined;
-    setMainSplitSize: (size: string) => void;
-    dataListSplitHeightSM: string | undefined;
-    setDataListSplitHeightSM: (size: string) => void;
-    orderBookSplitHeightSM: string | undefined;
-    setOrderbookSplitHeightSM: (size: string) => void;
-    positions: number[];
-    showPositionIcon: boolean;
-    updatePositions: (currentIdx: number, targetIdx: number) => void;
-    resizeable: boolean;
-    panelSize: "middle" | "small" | "large";
-    onPanelSizeChange: (collapsed: "small" | "middle" | "large") => void;
-    animating: boolean;
-    setAnimating: React$1.Dispatch<React$1.SetStateAction<boolean>>;
-    layout: any;
-    onLayout: (value: LayoutPosition) => void;
-    marketLayout: any;
-    onMarketLayout: (value: MarketLayoutPosition) => void;
-    max2XL: boolean;
-    min3XL: boolean;
-    max4XL: boolean;
-    canTrade: boolean;
-    openMarketsSheet: boolean;
-    onOpenMarketsSheetChange: React$1.Dispatch<React$1.SetStateAction<boolean>>;
-    horizontalDraggable: boolean;
-};
-
 declare const Trading: FC<TradingState>;
 
 declare const TradingWidget: React__default.FC;
@@ -578,4 +635,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, 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 };
+export { type AccountState, AssetView, AssetViewWidget, BottomNavBar, BottomNavBarWidget, type BuySellRatio, BuySellRatioBar, DataList, DataListWidget, type DesktopLayoutProps, FundingRate, FundingRateDialogId, FundingRateModal, type FundingRateModalState, FundingRateModalWidget, FundingRateSheetId, FundingRateWidget, LastTrades, LastTradesWidget, OrderBook, OrderBookAndTrades, OrderBookAndTradesWidget, type Props$1 as OrderBookDesktopAsksProps, type Props as OrderBookDesktopBidsProps, 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

@@ -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;
@@ -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,
                   {
@@ -6918,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
@@ -8403,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) {
@@ -8476,9 +8494,6 @@ var DesktopLayout4 = (props) => {
   const marketsWidget = /* @__PURE__ */ jsxRuntime.jsx(
     markets.SideMarketsWidget,
     {
-      resizeable,
-      panelSize,
-      onPanelSizeChange,
       symbol: props.symbol,
       onSymbolChange: props.onSymbolChange
     }
@@ -9109,6 +9124,12 @@ var DesktopLayout4 = (props) => {
     }
   );
 };
+
+// src/pages/trading/trading.injectable.tsx
+var InjectableDesktopLayout = ui.injectable(
+  DesktopLayout4,
+  "Trading.Layout.Desktop"
+);
 var Countdown = ({
   timeInterval
 }) => {
@@ -9371,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