@kodiak-finance/orderly-trading 2.9.2 → 2.9.3

package/dist/index.d.mts

@@ -1,13 +1,15 @@
+import { SymbolInfoBarFullProps } from '@kodiak-finance/orderly-markets';
 import * as React$1 from 'react';
-import React__default, { ReactNode, FC, RefObject, PropsWithChildren } from 'react';
+import React__default, { ReactNode, RefObject, FC, PropsWithChildren } from 'react';
 import * as _kodiak_finance_orderly_types from '@kodiak-finance/orderly-types';
 import { API, NetworkId, AccountStatusEnum } from '@kodiak-finance/orderly-types';
 import * as _kodiak_finance_orderly_ui_share from '@kodiak-finance/orderly-ui-share';
 import { SharePnLConfig } from '@kodiak-finance/orderly-ui-share';
 import { TradingviewWidgetPropsInterface } from '@kodiak-finance/orderly-ui-tradingview';
+import { AccountState as AccountState$1 } from '@kodiak-finance/orderly-core';
+import Split, { SplitProps } from '@uiw/react-split';
 import { PositionsProps } from '@kodiak-finance/orderly-ui-positions';
 import * as _kodiak_finance_orderly_hooks from '@kodiak-finance/orderly-hooks';
-import Split, { SplitProps } from '@uiw/react-split';
 import { SliderMarks } from '@kodiak-finance/orderly-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.DesktopLayout', ...), createInterceptor('Account.MobileAccountMenu', ...), etc.
+ */
+
+declare module "@kodiak-finance/orderly-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",
@@ -272,6 +395,8 @@ declare const useOrderBookScript: (props: {
     lastPrice: number[] | undefined;
     depths: string[];
     selDepth: string | undefined;
+    /** Canonical API / route symbol (do not reconstruct from base+quote). */
+    symbol: string;
     base: string;
     quote: string;
     isLoading: boolean | undefined;
@@ -304,6 +429,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 +524,7 @@ declare const usePortfolioSheetScript: () => {
     hasSubAccount: boolean;
     aggregated: Omit<_kodiak_finance_orderly_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<_kodiak_finance_orderly_types.API.PositionInfo, "rows">[Key] | undefined) => Omit<_kodiak_finance_orderly_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<_kodiak_finance_orderly_types.API.PositionInfo, "rows">[Key] | undefined) => Omit<_kodiak_finance_orderly_types.API.PositionInfo, "rows">[Key]> & {
         isNil: boolean;
     };
     marginRatio: number;
@@ -447,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;
@@ -546,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, 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, 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 '@kodiak-finance/orderly-markets';
 import * as React$1 from 'react';
-import React__default, { ReactNode, FC, RefObject, PropsWithChildren } from 'react';
+import React__default, { ReactNode, RefObject, FC, PropsWithChildren } from 'react';
 import * as _kodiak_finance_orderly_types from '@kodiak-finance/orderly-types';
 import { API, NetworkId, AccountStatusEnum } from '@kodiak-finance/orderly-types';
 import * as _kodiak_finance_orderly_ui_share from '@kodiak-finance/orderly-ui-share';
 import { SharePnLConfig } from '@kodiak-finance/orderly-ui-share';
 import { TradingviewWidgetPropsInterface } from '@kodiak-finance/orderly-ui-tradingview';
+import { AccountState as AccountState$1 } from '@kodiak-finance/orderly-core';
+import Split, { SplitProps } from '@uiw/react-split';
 import { PositionsProps } from '@kodiak-finance/orderly-ui-positions';
 import * as _kodiak_finance_orderly_hooks from '@kodiak-finance/orderly-hooks';
-import Split, { SplitProps } from '@uiw/react-split';
 import { SliderMarks } from '@kodiak-finance/orderly-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.DesktopLayout', ...), createInterceptor('Account.MobileAccountMenu', ...), etc.
+ */
+
+declare module "@kodiak-finance/orderly-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",
@@ -272,6 +395,8 @@ declare const useOrderBookScript: (props: {
     lastPrice: number[] | undefined;
     depths: string[];
     selDepth: string | undefined;
+    /** Canonical API / route symbol (do not reconstruct from base+quote). */
+    symbol: string;
     base: string;
     quote: string;
     isLoading: boolean | undefined;
@@ -304,6 +429,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 +524,7 @@ declare const usePortfolioSheetScript: () => {
     hasSubAccount: boolean;
     aggregated: Omit<_kodiak_finance_orderly_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<_kodiak_finance_orderly_types.API.PositionInfo, "rows">[Key] | undefined) => Omit<_kodiak_finance_orderly_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<_kodiak_finance_orderly_types.API.PositionInfo, "rows">[Key] | undefined) => Omit<_kodiak_finance_orderly_types.API.PositionInfo, "rows">[Key]> & {
         isNil: boolean;
     };
     marginRatio: number;
@@ -447,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;
@@ -546,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, 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, 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 };