@orderly.network/trading-next 3.0.0-beta.2

package/dist/index.d.mts

@@ -0,0 +1,678 @@
+import { SymbolInfoBarFullProps } from '@orderly.network/markets';
+import { AccountState as AccountState$1 } from '@orderly.network/core';
+import { LayoutStrategy, LayoutModel } from '@orderly.network/layout-core';
+import * as React$1 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 Split, { SplitProps } from '@uiw/react-split';
+import { PositionsProps } from '@orderly.network/ui-positions';
+import * as _orderly_network_hooks from '@orderly.network/hooks';
+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>;
+
+declare const scrollBarWidth = 6;
+declare const topBarHeight = 48;
+declare const bottomBarHeight = 29;
+declare const space = 8;
+declare const orderbookMinHeight = 464;
+declare const orderbookMaxHeight = 728;
+/** Absolute minimum height the TradingView chart may be resized to */
+declare const tradindviewMinHeight = 320;
+declare const dataListInitialHeight = 350;
+
+type LayoutPosition = "left" | "right";
+
+type layoutInfo = {
+    width?: number;
+    height?: number;
+    fontSize?: number;
+    color?: string;
+    textAlign?: CanvasTextAlign;
+    textBaseline?: CanvasTextBaseline;
+    position: Partial<{
+        left: number;
+        right: number;
+        top: number;
+        bottom: number;
+    }>;
+};
+type PosterLayoutConfig = {
+    message?: layoutInfo;
+    domain?: layoutInfo;
+    position?: layoutInfo;
+    unrealizedPnl?: layoutInfo & {
+        secondaryColor: string;
+        secondaryFontSize: number;
+    };
+    informations?: layoutInfo & {
+        labelColor?: string;
+    };
+    updateTime?: layoutInfo;
+};
+type ShareOptions = {
+    pnl: {
+        /**
+         * defualt is Manrope
+         */
+        fontFamily?: string;
+        /**
+         * can not empty
+         */
+        backgroundImages: string[];
+        /**
+         * posterLayoutConfig
+         */
+        layout?: PosterLayoutConfig;
+        /**
+         * norma text color, default is  "rgba(255, 255, 255, 0.98)"
+         */
+        color?: string;
+        /**
+         * profit text color, default is "rgb(0,181,159)"
+         */
+        profitColor?: string;
+        /**
+         * loss text color, default is  "rgb(255,103,194)"
+         */
+        lossColor?: string;
+        /**
+         * brand color, default is "rgb(0,181,159)"
+         */
+        brandColor?: string;
+    };
+};
+declare enum TradingFeatures {
+    Sider = "sider",
+    TopNavBar = "topNavBar",
+    Footer = "footer",
+    Header = "header",
+    Kline = "kline",
+    OrderBook = "orderBook",
+    TradeHistory = "tradeHistory",
+    Positions = "positions",
+    Orders = "orders",
+    AssetAndMarginInfo = "asset_margin_info",
+    SlippageSetting = "slippageSetting",
+    FeesInfo = "feesInfo"
+}
+type BasicSymbolInfo = {
+    base_dp: number;
+    quote_dp: number;
+    base_tick: number;
+    base: string;
+    quote: string;
+};
+interface TradingPageState extends TradingPageProps {
+    symbolInfo: {
+        base_dp: number;
+        quote_dp: number;
+        base_tick: number;
+        base: string;
+        quote: string;
+        symbol: string;
+    };
+}
+interface TradingViewConfigInterface {
+    scriptSRC?: string;
+    library_path: string;
+    overrides?: TradingviewWidgetPropsInterface["overrides"];
+    studiesOverrides?: TradingviewWidgetPropsInterface["studiesOverrides"];
+    customCssUrl?: string;
+    colorConfig?: ColorConfigInterface;
+    locale?: TradingviewWidgetPropsInterface["locale"];
+    enabled_features?: string[];
+    disabled_features?: string[];
+}
+interface ColorConfigInterface {
+    chartBG?: string;
+    upColor?: string;
+    downColor?: string;
+    pnlUpColor?: string;
+    pnlDownColor?: string;
+    pnlZoreColor?: string;
+    textColor?: string;
+    qtyTextColor?: string;
+    font?: string;
+    closeIcon?: string;
+}
+type ReferralProps = {
+    saveRefCode?: boolean;
+    onClickReferral?: () => void;
+    onBoundRefCode?: (success: boolean, error: any) => void;
+};
+type TradingRewardsProps = {
+    onClickTradingRewards?: () => void;
+};
+type BaseTradingPageProps = {
+    symbol: string;
+    tradingViewConfig: TradingViewConfigInterface;
+    onSymbolChange?: (symbol: API.Symbol) => void;
+    disableFeatures?: TradingFeatures[];
+    overrideFeatures?: Record<TradingFeatures, ReactNode>;
+};
+/**
+ * Options passed to getInitialLayout for desktop trading layout.
+ * Trading only passes non-layout fields (e.g. variant); layout-related state is owned by layout plugins.
+ */
+type DesktopLayoutInitialOptions = {
+    /** Viewport/screen size variant; layout plugins may use for breakpoint behaviour */
+    variant?: "default" | "max2XL";
+};
+type TradingPageProps = BaseTradingPageProps & {
+    sharePnLConfig?: SharePnLConfig;
+    referral?: ReferralProps;
+    tradingRewards?: TradingRewardsProps;
+    bottomSheetLeading?: React.ReactNode | string;
+    /** Layout strategy for desktop trading UI; must be provided by the consumer (e.g. split or grid) */
+    layoutStrategy?: LayoutStrategy;
+    /** Optional factory for initial layout; called with desktop options. If omitted, strategy.defaultLayout(panelIds) is used. */
+    getInitialLayout?: (options: DesktopLayoutInitialOptions) => LayoutModel;
+};
+
+type TradingState = ReturnType<typeof useTradingScript>;
+declare const useTradingScript: () => TradingPageState & {
+    tradindviewMaxHeight: number;
+    dataListMinHeight: number;
+    total: number | null;
+    hideAssets: any;
+    setHideAssets: (value: boolean) => void;
+    onShowPortfolioSheet: () => void;
+    navigateToPortfolio: (() => void) | undefined;
+    isFirstTimeDeposit: boolean;
+    symbolInfoBarHeight: number;
+    sortableItems: any;
+    setSortableItems: (value: string[]) => void;
+    tradingViewFullScreen: any;
+    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;
+    positions: number[];
+    showPositionIcon: boolean;
+    updatePositions: (currentIdx: number, targetIdx: number) => void;
+    max2XL: boolean;
+    min3XL: boolean;
+    max4XL: boolean;
+    canTrade: boolean;
+    openMarketsSheet: boolean;
+    onOpenMarketsSheetChange: React$1.Dispatch<React$1.SetStateAction<boolean>>;
+    horizontalDraggable: boolean;
+};
+
+/**
+ * Minimal desktop layout: builds panel registry and renders LayoutHost.
+ * Chrome (markets, DnD, Flex) is provided by layout plugins (e.g. layout-split).
+ */
+
+type DesktopLayoutProps = TradingState & {
+    className?: string;
+    /** Injected by layout plugin interceptor when not provided by host */
+    layoutStrategy?: LayoutStrategy;
+    getInitialLayout?: (options: DesktopLayoutInitialOptions) => LayoutModel | undefined;
+    /** Optional storage key for layout persistence; when provided (e.g. by grid plugin) overrides default. */
+    storageKey?: string;
+    /**
+     * When true, disables LayoutHost localStorage persistence.
+     * Useful in development when layout should reset on every refresh.
+     */
+    disableLayoutPersistence?: boolean;
+    /** Optional layout props when plugin provides rule-based layout; defaults used for SwitchLayout. */
+    layout?: LayoutPosition;
+    marketLayout?: "left" | "top" | "bottom" | "hide";
+    onLayout?: (v: LayoutPosition) => void;
+    onMarketLayout?: (v: "left" | "top" | "bottom" | "hide") => void;
+    resizeable?: boolean;
+    panelSize?: "small" | "middle" | "large";
+    onPanelSizeChange?: (v: "small" | "middle" | "large") => void;
+    animating?: boolean;
+    setAnimating?: (v: boolean) => void;
+};
+
+/**
+ * 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 "@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",
+    tp_sl = "TP/SL",
+    filled = "Filled",
+    positionHistory = "Position history",
+    orderHistory = "Order history",
+    liquidation = "Liquidation",
+    assets = "Assets"
+}
+declare const useDataListScript: (inputs: {
+    current?: DataListTabType;
+} & PositionsProps) => {
+    positionCount: number;
+    pendingOrderCount: number;
+    tpSlOrderCount: number;
+    onSymbolChange: ((symbol: _orderly_network_types.API.Symbol) => void) | undefined;
+    unPnlPriceBasis: any;
+    setUnPnlPriceBasic: (value: string) => void;
+    pnlNotionalDecimalPrecision: any;
+    setPnlNotionalDecimalPrecision: (value: number) => void;
+    showAllSymbol: any;
+    setShowAllSymbol: (value: boolean) => void;
+    hideAssets: any;
+    setHideAssets: (value: boolean) => void;
+    current: DataListTabType | undefined;
+    sharePnLConfig: _orderly_network_ui_share.SharePnLConfig | undefined;
+    symbol: string | undefined;
+    calcMode: any;
+    includedPendingOrder: boolean | undefined;
+};
+type DataListState = ReturnType<typeof useDataListScript>;
+
+declare const DataList: React__default.FC<DataListState>;
+
+declare const DataListWidget: React__default.FC<{
+    current?: DataListTabType;
+} & PositionsProps>;
+
+declare const useLastTradesScript: (symbol: string) => {
+    base: string;
+    quote: string;
+    data: _orderly_network_types.API.Trade[];
+    isLoading: boolean;
+    baseDp: number;
+    quoteDp: number;
+};
+type LastTradesState = ReturnType<typeof useLastTradesScript>;
+
+declare const LastTrades: FC<LastTradesState & {
+    classNames?: {
+        root?: string;
+        list?: string;
+        listHeader?: string;
+        listItem?: {
+            left?: string;
+            mid?: string;
+            right?: string;
+        };
+    };
+    style?: React__default.CSSProperties;
+}>;
+
+declare const LastTradesWidget: React__default.FC<{
+    symbol: string;
+    classNames?: {
+        root?: string;
+        list?: string;
+        listHeader?: string;
+        listItem?: {
+            left?: string;
+            mid?: string;
+            right?: string;
+        };
+    };
+    style?: React__default.CSSProperties;
+}>;
+
+declare const useAssetViewScript: () => {
+    onDeposit: () => Promise<unknown>;
+    onWithdraw: () => Promise<unknown>;
+    onTransfer: () => Promise<unknown>;
+    onSettle: () => Promise<any>;
+    visible: any;
+    toggleVisible: () => void;
+    networkId: NetworkId;
+    totalValue: number | undefined;
+    status: AccountStatusEnum;
+    freeCollateral: number | undefined;
+    marginRatioVal: number | undefined;
+    renderMMR: number | undefined;
+    maintenanceMargin: number | undefined;
+    currentLeverage: number | undefined;
+    isConnected: boolean;
+    isMainAccount: boolean;
+    hasSubAccount: boolean;
+    currentLtv: number;
+};
+type AssetViewState = ReturnType<typeof useAssetViewScript>;
+
+declare const AssetView: FC<AssetViewState & {
+    isFirstTimeDeposit?: boolean;
+}>;
+
+type AssetViewWidgetProps = {
+    isFirstTimeDeposit?: boolean;
+};
+declare const AssetViewWidget: React__default.FC<AssetViewWidgetProps>;
+
+interface BuySellRatio {
+    buyPercentage: number;
+    sellPercentage: number;
+    buyAmount: number;
+    sellAmount: number;
+}
+declare const useOrderBookScript: (props: {
+    symbol: string;
+    height?: number;
+}) => {
+    level: number;
+    asks: _orderly_network_hooks.OrderBookItem[] | undefined;
+    bids: _orderly_network_hooks.OrderBookItem[] | undefined;
+    markPrice: number | undefined;
+    lastPrice: number[] | undefined;
+    depths: string[];
+    selDepth: string | undefined;
+    base: string;
+    quote: string;
+    isLoading: boolean | undefined;
+    onItemClick: ((item: _orderly_network_hooks.OrderBookItem) => void) | undefined;
+    cellHeight: number;
+    onDepthChange: ((val: number) => void) | undefined;
+    pendingOrders: number[];
+    symbolInfo: BasicSymbolInfo;
+    isMobile: boolean;
+    showBuySellRatio: any;
+    setShowBuySellRatio: (value: boolean) => void;
+    buySellRatio: BuySellRatio | null;
+};
+type OrderBookState = ReturnType<typeof useOrderBookScript>;
+
+declare const OrderBook: React__default.FC<OrderBookState & {
+    className?: string;
+}>;
+
+interface OrderBookWidgetProps {
+    className?: string;
+    symbol: string;
+    height?: number;
+}
+declare const OrderBookWidget: React__default.FC<OrderBookWidgetProps>;
+
+interface BuySellRatioBarProps {
+    ratio: BuySellRatio | null;
+    className?: string;
+}
+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: {
+        isHigh: boolean;
+        isMedium: boolean;
+        isLow: boolean;
+        isDefault: boolean;
+    };
+    isConnected: boolean;
+    currentLeverage: number | null;
+    maxLeverage: number | null;
+};
+type RiskRateState = ReturnType<typeof useRiskRateScript>;
+
+declare const RiskRate: FC<RiskRateState>;
+
+declare const RiskRateWidget: React__default.FC;
+
+declare const useOrderBookAndTradesScript: (symbol: string) => {
+    symbol: string;
+    containerSize: {
+        width: number;
+        height: number;
+    } | undefined;
+    containerRef: React$1.RefObject<HTMLDivElement>;
+    tab: "orderBook" | "lastTrades";
+    setTab: React$1.Dispatch<React$1.SetStateAction<"orderBook" | "lastTrades">>;
+};
+type OrderBookAndTradesState = ReturnType<typeof useOrderBookAndTradesScript>;
+
+declare const OrderBookAndTrades: React__default.FC<OrderBookAndTradesState>;
+
+declare const OrderBookAndTradesWidget: React__default.FC<{
+    symbol: string;
+}>;
+
+declare const SplitLayout: React__default.ForwardRefExoticComponent<SplitProps & {
+    children?: React__default.ReactNode | undefined;
+} & {
+    onSizeChange?: (size: string) => void;
+} & React__default.RefAttributes<Split>>;
+
+declare const useBottomNavBarScript: () => {
+    wrongNetwork: boolean;
+    disabledConnect: boolean;
+    status: _orderly_network_types.AccountStatusEnum;
+    onDisconnect: () => Promise<void>;
+};
+type BottomNavBarState = ReturnType<typeof useBottomNavBarScript>;
+
+declare const BottomNavBar: FC<BottomNavBarState>;
+
+declare const BottomNavBarWidget: React__default.FC;
+
+declare const usePortfolioSheetScript: () => {
+    onSettlePnL: () => Promise<any>;
+    onDeposit: () => void;
+    onWithdraw: () => void;
+    showSliderTip: boolean;
+    setShowSliderTip: React$1.Dispatch<React$1.SetStateAction<boolean>>;
+    isMainAccount: boolean;
+    onTransfer: () => void;
+    hasSubAccount: boolean;
+    aggregated: Omit<_orderly_network_types.API.PositionsTPSLExt, "rows">;
+    totalUnrealizedROI: number;
+    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;
+    marginRatioVal: number;
+    mmr: number | null;
+    currentLeverage: number | null;
+    step: number;
+    marks: SliderMarks;
+    onLeverageChange: (leverage: number) => void;
+    onLeverageIncrease: React$1.MouseEventHandler<SVGSVGElement>;
+    onLeverageReduce: React$1.MouseEventHandler<SVGSVGElement>;
+    onInputChange: React$1.ChangeEventHandler<HTMLInputElement>;
+    isReduceDisabled: boolean;
+    isIncreaseDisabled: boolean;
+    onValueCommit: (value: number | number[]) => void;
+    value: number;
+    maxLeverage: number;
+    onSaveLeverage: (leverage: number) => Promise<void>;
+    hideAssets: any;
+    toggleHideAssets: () => void;
+    totalCollateral: number;
+    freeCollateral: number;
+    totalValue: number | null;
+    availableBalance: number;
+};
+type PortfolioSheetState = ReturnType<typeof usePortfolioSheetScript>;
+
+declare const PortfolioSheet: FC<PortfolioSheetState>;
+
+declare const PortfolioSheetWidget: () => react_jsx_runtime.JSX.Element;
+
+declare const useFundingRateScript: (symbol: string) => {
+    data: {
+        est_funding_rate: string | null | undefined;
+        countDown: string;
+        symbol?: string | undefined;
+        est_funding_rate_timestamp?: number | undefined;
+        last_funding_rate?: number | undefined;
+        last_funding_rate_timestamp?: number | undefined;
+        next_funding_time?: number | undefined;
+        sum_unitary_funding?: number | undefined;
+    };
+    onClick: React$1.MouseEventHandler<HTMLElement>;
+};
+type FundingRateState = ReturnType<typeof useFundingRateScript>;
+
+declare const FundingRate: FC<FundingRateState>;
+
+declare const FundingRateWidget: React__default.FC<{
+    symbol: string;
+}>;
+
+interface FundingRateOptions {
+    symbol: string;
+}
+declare const useFundingRateModalScript: (options: FundingRateOptions) => {
+    fundingPeriod: string;
+    capFunding: string;
+    floorFunding: string;
+    lastFundingRate: string | undefined;
+    estFundingFee: string;
+    lastFundingRateAnnualized: string | undefined;
+    estFundingRateByTimeframe: {
+        timeframe: "1H" | "4H" | "1D" | "7D" | "30D" | "1Y";
+        value: string;
+    }[];
+};
+type FundingRateModalState = ReturnType<typeof useFundingRateModalScript>;
+
+declare const FundingRateModal: React__default.FC<FundingRateModalState>;
+
+declare const FundingRateModalWidget: React__default.FC<{
+    symbol: string;
+}>;
+declare const FundingRateDialogId = "FundingRateDialogId";
+declare const FundingRateSheetId = "FundingRateSheetId";
+
+/** Injectable so layout plugins can intercept and replace desktop layout via renderContent */
+declare const Trading: FC<TradingState>;
+
+declare const TradingWidget: React__default.FC;
+
+/** Injectable so layout plugins can intercept and inject layoutStrategy/getInitialLayout when host does not pass them */
+declare const TradingPage: React__default.ComponentType<TradingPageProps>;
+
+/**
+ * Drag overlay content for order-entry sortable panels.
+ * Used by layout-split chrome inside DragOverlay; Trading owns widget definitions.
+ */
+
+/** Props required to render the overlay for one order-entry item */
+interface OrderEntryDragOverlayContentProps {
+    /** Id of the panel being dragged (e.g. "margin" | "assets" | "orderEntry") */
+    activeId: string | null;
+    showPositionIcon: boolean;
+    symbol: string;
+    disableFeatures?: unknown;
+    navigateToPortfolio?: () => void;
+    isFirstTimeDeposit?: boolean;
+}
+/**
+ * Renders the drag overlay content for the active order-entry sortable item.
+ * Used by split layout chrome; does not render when activeId is null.
+ */
+declare function OrderEntryDragOverlayContent(props: OrderEntryDragOverlayContentProps): React__default.ReactElement | null;
+
+declare const TradingPageContext: React$1.Context<TradingPageState>;
+declare const useTradingPageContext: () => TradingPageState;
+
+/**
+ * Provider does not import a default layout strategy; consumer or desktop UI
+ * should pass layoutStrategy via props or use a fallback when rendering LayoutHost.
+ */
+declare const TradingPageProvider: FC<PropsWithChildren<TradingPageProps>>;
+
+declare const useTradingLocalStorage: (props?: {
+    pnlNotionalDecimalPrecision?: number;
+}) => {
+    unPnlPriceBasis: any;
+    setUnPnlPriceBasic: (value: string) => void;
+    pnlNotionalDecimalPrecision: any;
+    setPnlNotionalDecimalPrecision: (value: number) => void;
+    showAllSymbol: any;
+    setShowAllSymbol: (value: boolean) => void;
+    hideAssets: any;
+    setHideAssets: (value: boolean) => void;
+};
+
+declare const usePositionsCount: (symbol?: string) => {
+    positionCount: number;
+};
+
+declare const usePendingOrderCount: (symbol?: string) => {
+    pendingOrderCount: number;
+    tpSlOrderCount: number;
+};
+
+declare const useShowRwaCountdown: (symbol: string) => {
+    showCountdown: boolean | undefined;
+    closeCountdown: () => void;
+};
+
+export { type AccountState, AssetView, AssetViewWidget, BottomNavBar, BottomNavBarWidget, type BuySellRatio, BuySellRatioBar, DataList, DataListWidget, type DesktopLayoutInitialOptions, type DesktopLayoutProps, FundingRate, FundingRateDialogId, FundingRateModal, type FundingRateModalState, FundingRateModalWidget, FundingRateSheetId, FundingRateWidget, LastTrades, LastTradesWidget, OrderBook, OrderBookAndTrades, OrderBookAndTradesWidget, type OrderBookContextValue, type Props$1 as OrderBookDesktopAsksProps, OrderBookProvider, OrderBookWidget, OrderEntryDragOverlayContent, type OrderEntryDragOverlayContentProps, PortfolioSheet, PortfolioSheetWidget, type ReferralProps, RiskRate, RiskRateWidget, type ShareOptions, SplitLayout, Trading, TradingPage, TradingPageContext, type TradingPageProps, TradingPageProvider, type TradingRewardsProps, TradingWidget, bottomBarHeight, dataListInitialHeight, orderbookMaxHeight, orderbookMinHeight, scrollBarWidth, space, topBarHeight, tradindviewMinHeight, useBottomNavBarScript, useFundingRateModalScript, useFundingRateScript, useOrderBookAndTradesScript, useOrderBookContext, useOrderBookScript, usePendingOrderCount, usePortfolioSheetScript, usePositionsCount, useShowRwaCountdown, useTradingLocalStorage, useTradingPageContext, useTradingScript };