@kodiak-finance/orderly-portfolio 2.8.16-rc.0 → 2.8.16-rc.2

package/dist/index.d.mts

@@ -0,0 +1,707 @@
+import * as React$1 from 'react';
+import React__default, { FC, PropsWithChildren } from 'react';
+import { ScaffoldProps, SideBarProps, SideMenuItem } from '@kodiak-finance/orderly-ui-scaffold';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as _kodiak_finance_orderly_types from '@kodiak-finance/orderly-types';
+import { API, AssetHistorySideEnum } from '@kodiak-finance/orderly-types';
+import * as _kodiak_finance_orderly_hooks from '@kodiak-finance/orderly-hooks';
+import { TWType, useAccount } from '@kodiak-finance/orderly-hooks';
+import * as _kodiak_finance_orderly_ui from '@kodiak-finance/orderly-ui';
+import { Column, TanstackColumn } from '@kodiak-finance/orderly-ui';
+import { PositionsProps } from '@kodiak-finance/orderly-ui-positions';
+import { SharePnLConfig } from '@kodiak-finance/orderly-ui-share';
+import { Decimal } from '@kodiak-finance/orderly-utils';
+
+type PortfolioLayoutProps = ScaffoldProps & {
+    hideSideBar?: boolean;
+    items?: SideBarProps["items"];
+};
+declare const PortfolioLayout: FC<PropsWithChildren<PortfolioLayoutProps>>;
+
+type PortfolioLayoutWidgetProps = PortfolioLayoutProps;
+declare const PortfolioLayoutWidget: FC<PropsWithChildren<PortfolioLayoutWidgetProps>>;
+
+declare enum PortfolioLeftSidebarPath {
+    Overview = "/portfolio",
+    Positions = "/portfolio/positions",
+    Orders = "/portfolio/orders",
+    Assets = "/portfolio/assets",
+    FeeTier = "/portfolio/feeTier",
+    ApiKey = "/portfolio/apiKey",
+    Setting = "/portfolio/setting",
+    History = "/portfolio/history",
+    SymbolPerformance = "/portfolio/symbol-performance"
+}
+type UseLayoutBuilderOptions = {
+    current?: string;
+};
+declare const usePortfolioLayoutScript: (props: UseLayoutBuilderOptions) => {
+    items: ({
+        name: string;
+        href: PortfolioLeftSidebarPath;
+        icon: react_jsx_runtime.JSX.Element;
+        hide?: undefined;
+    } | {
+        name: string;
+        href: PortfolioLeftSidebarPath;
+        hide: boolean;
+        icon?: undefined;
+    })[];
+    current: string;
+    hideSideBar: boolean;
+    onItemSelect: (item: SideMenuItem) => void;
+};
+
+declare const useAssetScript: () => {
+    readonly canTrade: boolean;
+    readonly connect: (options?: any) => Promise<_kodiak_finance_orderly_hooks.WalletState[]>;
+    readonly portfolioValue: number | null;
+    readonly freeCollateral: number;
+    readonly unrealPnL: number;
+    readonly unrealROI: number;
+    readonly currentLeverage: number;
+    readonly onLeverageEdit: () => void;
+    readonly visible: any;
+    readonly wrongNetwork: boolean;
+    readonly toggleVisible: () => void;
+    readonly onDeposit: () => void;
+    readonly onWithdraw: () => void;
+    readonly onTransfer: () => void;
+    readonly namespace: _kodiak_finance_orderly_types.ChainNamespace | null;
+    readonly isMainAccount: boolean;
+    readonly hasSubAccount: boolean;
+};
+type AssetScriptReturn = ReturnType<typeof useAssetScript>;
+
+declare const AssetsUI: React__default.FC<AssetScriptReturn & {
+    onConnectWallet?: () => void;
+}>;
+
+declare const AssetWidget: React__default.FC;
+
+declare const HistoryDataGroupWidget: React.FC;
+
+declare const AssetsChartWidget: React__default.FC;
+
+declare enum PeriodType$1 {
+    DAY = "1D",
+    WEEK = "7D",
+    MONTH = "30D",
+    QUARTER = "90D"
+}
+declare const useAssetsHistoryData: (localKey: string, options?: {
+    isRealtime?: boolean;
+}) => {
+    readonly periodTypes: PeriodType$1[];
+    readonly period: PeriodType$1 | null;
+    readonly onPeriodChange: (value: PeriodType$1) => void;
+    readonly periodLabel: Record<PeriodType$1, string>;
+    readonly curPeriod: string;
+    readonly data: API.DailyRow[];
+    readonly aggregateValue: {
+        vol: number;
+        pnl: number;
+        roi: number;
+    };
+    readonly createFakeData: (start: Partial<API.DailyRow>, end: Partial<API.DailyRow>) => {
+        account_value?: number | undefined;
+        broker_id?: string | undefined;
+        date: string;
+        perp_volume?: number | undefined;
+        pnl?: number | undefined;
+        snapshot_time?: number | undefined;
+    }[];
+    readonly volumeUpdateDate: any;
+    readonly filterItems: any;
+    readonly onFilter: (filter: {
+        name: string;
+        value: any;
+    }) => void;
+    readonly dateRange: {
+        from: Date;
+        to: Date;
+    };
+    readonly setDateRange: (newRange: {
+        from: Date | string;
+        to: Date | string;
+    }) => void;
+};
+type useAssetsHistoryDataReturn = ReturnType<typeof useAssetsHistoryData>;
+
+declare const useAssetsChartScript: () => {
+    readonly data: {
+        account_value?: number | undefined;
+        broker_id?: string | undefined;
+        date: string;
+        perp_volume?: number | undefined;
+        pnl?: number | undefined;
+        snapshot_time?: number | undefined;
+    }[];
+    readonly invisible: boolean;
+    readonly type?: _kodiak_finance_orderly_hooks.TWType;
+    readonly periodTypes: PeriodType$1[];
+    readonly period: PeriodType$1 | null;
+    readonly onPeriodChange: (value: PeriodType$1) => void;
+    readonly periodLabel: Record<PeriodType$1, string>;
+    readonly curPeriod: string;
+    readonly aggregateValue: {
+        vol: number;
+        pnl: number;
+        roi: number;
+    };
+    readonly createFakeData: (start: Partial<_kodiak_finance_orderly_types.API.DailyRow>, end: Partial<_kodiak_finance_orderly_types.API.DailyRow>) => {
+        account_value?: number | undefined;
+        broker_id?: string | undefined;
+        date: string;
+        perp_volume?: number | undefined;
+        pnl?: number | undefined;
+        snapshot_time?: number | undefined;
+    }[];
+    readonly volumeUpdateDate: any;
+    readonly filterItems: any;
+    readonly onFilter: (filter: {
+        name: string;
+        value: any;
+    }) => void;
+    readonly dateRange: {
+        from: Date;
+        to: Date;
+    };
+    readonly setDateRange: (newRange: {
+        from: Date | string;
+        to: Date | string;
+    }) => void;
+    readonly totalOrderClaimedReward: [number | undefined, {
+        refresh: () => void;
+    }];
+    readonly curEpochEstimate: _kodiak_finance_orderly_hooks.CurrentEpochEstimate | undefined;
+    readonly epochList: _kodiak_finance_orderly_hooks.EpochInfoType;
+    readonly brokerName: string | undefined;
+    readonly referralInfo: _kodiak_finance_orderly_hooks.RefferalAPI.ReferralInfo | undefined;
+};
+type useAssetsChartScriptReturn = ReturnType<typeof useAssetsChartScript>;
+
+type AssetsLineChartProps = {} & useAssetsChartScriptReturn;
+declare const AssetsChart: React__default.FC<AssetsLineChartProps>;
+
+type Options = {
+    chainsInfo: any[];
+    isDeposit: boolean;
+    isWeb3Wallet: boolean;
+};
+declare const useAssetHistoryColumns: (options: Options) => Column[];
+
+declare enum AssetTarget {
+    Web3Wallet = "Web3Wallet",
+    AccountId = "AccountId"
+}
+type AssetHistoryScriptOptions = {
+    side: AssetHistorySideEnum;
+};
+type AssetHistoryScriptReturn = ReturnType<typeof useAssetHistoryScript>;
+declare const useAssetHistoryScript: (options: AssetHistoryScriptOptions) => {
+    dataSource: any[];
+    total: number | undefined;
+    isLoading: boolean;
+    queryParameter: {
+        target: AssetTarget;
+        dateRange: Date[];
+    };
+    onFilter: (filter: {
+        name: string;
+        value: any;
+    }) => void;
+    pagination: _kodiak_finance_orderly_ui.PaginationMeta;
+    onDeposit: () => void;
+    chainsInfo: any[];
+    isDeposit: boolean;
+    isWeb3Wallet: boolean;
+};
+
+type AssetHistoryProps = AssetHistoryScriptReturn;
+declare const AssetHistory: FC<AssetHistoryProps>;
+
+type AssetHistoryWidgetProps = {
+    side: AssetHistorySideEnum;
+};
+declare const AssetHistoryWidget: React__default.FC<AssetHistoryWidgetProps>;
+
+declare const usePerformanceScript: () => {
+    data: ReadonlyArray<any>;
+    invisible: boolean;
+    visible: boolean;
+    setVisible: (value: boolean) => void;
+    type?: _kodiak_finance_orderly_hooks.TWType;
+    periodTypes: PeriodType$1[];
+    period: PeriodType$1 | null;
+    onPeriodChange: (value: PeriodType$1) => void;
+    periodLabel: Record<PeriodType$1, string>;
+    curPeriod: string;
+    aggregateValue: {
+        vol: number;
+        pnl: number;
+        roi: number;
+    };
+    createFakeData: (start: Partial<_kodiak_finance_orderly_types.API.DailyRow>, end: Partial<_kodiak_finance_orderly_types.API.DailyRow>) => {
+        account_value?: number | undefined;
+        broker_id?: string | undefined;
+        date: string;
+        perp_volume?: number | undefined;
+        pnl?: number | undefined;
+        snapshot_time?: number | undefined;
+    }[];
+    volumeUpdateDate: any;
+    filterItems: any;
+    onFilter: (filter: {
+        name: string;
+        value: any;
+    }) => void;
+    dateRange: {
+        from: Date;
+        to: Date;
+    };
+    setDateRange: (newRange: {
+        from: Date | string;
+        to: Date | string;
+    }) => void;
+    totalOrderClaimedReward: [number | undefined, {
+        refresh: () => void;
+    }];
+    curEpochEstimate: _kodiak_finance_orderly_hooks.CurrentEpochEstimate | undefined;
+    epochList: _kodiak_finance_orderly_hooks.EpochInfoType;
+    brokerName: string | undefined;
+    referralInfo: _kodiak_finance_orderly_hooks.RefferalAPI.ReferralInfo | undefined;
+};
+type UsePerformanceScriptReturn = ReturnType<typeof usePerformanceScript>;
+
+type PerformanceUIProps = {} & UsePerformanceScriptReturn;
+declare const PerformanceUI: React__default.FC<PerformanceUIProps>;
+
+declare const PerformanceWidget: React__default.FC;
+
+declare const PerformanceMobileUI: React__default.FC<Pick<useAssetsHistoryDataReturn & UsePerformanceScriptReturn, "data" | "curPeriod" | "aggregateValue" | "onPeriodChange" | "invisible" | "visible" | "createFakeData" | "period" | "filterItems" | "onFilter">>;
+
+declare const PerformanceMobileWidget: React__default.FC;
+declare const PerformanceMobileSheetId = "PerformanceMobileSheetId";
+declare const PerformanceMobileDialogId = "PerformanceMobileDialogId";
+
+declare const FundingHistoryWidget: React__default.FC;
+
+declare const useFundingHistoryHook: () => {
+    readonly dataSource: (_kodiak_finance_orderly_types.API.FundingFeeRow & {
+        annual_rate: number;
+    })[] | null;
+    readonly isLoading: boolean;
+    readonly isValidating: boolean;
+    readonly queryParameter: {
+        readonly symbol: string;
+        readonly dateRange: Date[];
+    };
+    readonly onFilter: (filter: {
+        name: string;
+        value: any;
+    }) => void;
+    readonly pagination: _kodiak_finance_orderly_ui.PaginationMeta;
+};
+
+declare const useFundingHistoryColumns: () => Column<API.FundingFeeRow & {
+    annual_rate: number;
+}>[];
+
+declare const DistributionHistoryWidget: React__default.FC;
+
+declare const useDistributionHistoryHook: () => {
+    readonly dataSource: (_kodiak_finance_orderly_types.API.FundingFeeRow & {
+        annual_rate: number;
+    })[];
+    readonly isLoading: boolean;
+    readonly isValidating: boolean;
+    readonly queryParameter: {
+        readonly type: string;
+        readonly dateRange: Date[];
+    };
+    readonly onFilter: (filter: {
+        name: string;
+        value: any;
+    }) => void;
+    readonly pagination: _kodiak_finance_orderly_ui.PaginationMeta;
+};
+type useDistributionHistoryHookReturn = ReturnType<typeof useDistributionHistoryHook>;
+
+type FundingHistoryProps$1 = {} & useDistributionHistoryHookReturn;
+declare const DistributionHistoryMobile: FC<FundingHistoryProps$1>;
+
+type FundingHistoryProps = {} & useDistributionHistoryHookReturn;
+declare const DistributionHistoryDesktop: FC<FundingHistoryProps>;
+
+declare const OverviewPage: React__default.FC;
+
+declare const OverviewProvider: FC<PropsWithChildren<{
+    type?: TWType;
+}>>;
+
+declare const index$6_AssetHistory: typeof AssetHistory;
+declare const index$6_AssetHistoryWidget: typeof AssetHistoryWidget;
+declare const index$6_AssetWidget: typeof AssetWidget;
+declare const index$6_AssetsChart: typeof AssetsChart;
+declare const index$6_AssetsChartWidget: typeof AssetsChartWidget;
+declare const index$6_AssetsUI: typeof AssetsUI;
+declare const index$6_DistributionHistoryDesktop: typeof DistributionHistoryDesktop;
+declare const index$6_DistributionHistoryMobile: typeof DistributionHistoryMobile;
+declare const index$6_DistributionHistoryWidget: typeof DistributionHistoryWidget;
+declare const index$6_FundingHistoryWidget: typeof FundingHistoryWidget;
+declare const index$6_HistoryDataGroupWidget: typeof HistoryDataGroupWidget;
+declare const index$6_OverviewPage: typeof OverviewPage;
+declare const index$6_OverviewProvider: typeof OverviewProvider;
+declare const index$6_PerformanceMobileDialogId: typeof PerformanceMobileDialogId;
+declare const index$6_PerformanceMobileSheetId: typeof PerformanceMobileSheetId;
+declare const index$6_PerformanceMobileUI: typeof PerformanceMobileUI;
+declare const index$6_PerformanceMobileWidget: typeof PerformanceMobileWidget;
+declare const index$6_PerformanceUI: typeof PerformanceUI;
+declare const index$6_PerformanceWidget: typeof PerformanceWidget;
+declare const index$6_useAssetHistoryColumns: typeof useAssetHistoryColumns;
+declare const index$6_useAssetHistoryScript: typeof useAssetHistoryScript;
+declare const index$6_useAssetsChartScript: typeof useAssetsChartScript;
+declare const index$6_useFundingHistoryColumns: typeof useFundingHistoryColumns;
+declare const index$6_useFundingHistoryHook: typeof useFundingHistoryHook;
+declare const index$6_usePerformanceScript: typeof usePerformanceScript;
+declare namespace index$6 {
+  export { index$6_AssetHistory as AssetHistory, index$6_AssetHistoryWidget as AssetHistoryWidget, index$6_AssetWidget as AssetWidget, index$6_AssetsChart as AssetsChart, index$6_AssetsChartWidget as AssetsChartWidget, index$6_AssetsUI as AssetsUI, index$6_DistributionHistoryDesktop as DistributionHistoryDesktop, index$6_DistributionHistoryMobile as DistributionHistoryMobile, index$6_DistributionHistoryWidget as DistributionHistoryWidget, index$6_FundingHistoryWidget as FundingHistoryWidget, index$6_HistoryDataGroupWidget as HistoryDataGroupWidget, index$6_OverviewPage as OverviewPage, index$6_OverviewProvider as OverviewProvider, index$6_PerformanceMobileDialogId as PerformanceMobileDialogId, index$6_PerformanceMobileSheetId as PerformanceMobileSheetId, index$6_PerformanceMobileUI as PerformanceMobileUI, index$6_PerformanceMobileWidget as PerformanceMobileWidget, index$6_PerformanceUI as PerformanceUI, index$6_PerformanceWidget as PerformanceWidget, index$6_useAssetHistoryColumns as useAssetHistoryColumns, index$6_useAssetHistoryScript as useAssetHistoryScript, index$6_useAssetsChartScript as useAssetsChartScript, index$6_useFundingHistoryColumns as useFundingHistoryColumns, index$6_useFundingHistoryHook as useFundingHistoryHook, index$6_usePerformanceScript as usePerformanceScript };
+}
+
+type FeeTierWidgetProps = UseFeeTierScriptOptions;
+
+type FeeTierPageProps = FeeTierWidgetProps;
+declare const FeeTierPage: React__default.FC<FeeTierPageProps>;
+
+type UseFeeTierScriptOptions = {
+    dataAdapter?: (columns: Column<any>[], dataSource: any[], context?: {
+        tier?: number;
+    }) => {
+        columns: Column<any>[];
+        dataSource: any[];
+    };
+    headerDataAdapter?: (original: any[]) => any[];
+    onRow?: (record: any, index: number) => {
+        normal?: any;
+        active?: any;
+    };
+    onCell?: (column: TanstackColumn<any>, record: any, index: number) => {
+        normal?: any;
+        active?: any;
+    };
+};
+interface FeeDataType {
+    tier: number | null;
+    volume_min?: number | null;
+    volume_max?: number | null;
+    volume_node?: React__default.ReactNode;
+    or?: string | null;
+    maker_fee: string;
+    taker_fee: string;
+}
+declare const useFeeTierScript: (options?: UseFeeTierScriptOptions) => {
+    columns: Column<any>[] | Column<FeeDataType>[];
+    dataSource: any[] | FeeDataType[];
+    onRow: ((record: any, index: number) => {
+        normal?: any;
+        active?: any;
+    }) | undefined;
+    onCell: ((column: TanstackColumn<any>, record: any, index: number) => {
+        normal?: any;
+        active?: any;
+    }) | undefined;
+    headerDataAdapter: ((original: any[]) => any[]) | undefined;
+    tier?: number | null | undefined;
+    vol?: number | undefined;
+};
+
+type index$5_FeeDataType = FeeDataType;
+declare const index$5_FeeTierPage: typeof FeeTierPage;
+type index$5_UseFeeTierScriptOptions = UseFeeTierScriptOptions;
+declare const index$5_useFeeTierScript: typeof useFeeTierScript;
+declare namespace index$5 {
+  export { type index$5_FeeDataType as FeeDataType, index$5_FeeTierPage as FeeTierPage, type index$5_UseFeeTierScriptOptions as UseFeeTierScriptOptions, index$5_useFeeTierScript as useFeeTierScript };
+}
+
+declare const PositionsPage: React__default.FC<PositionsProps>;
+
+declare const page$1_PositionsPage: typeof PositionsPage;
+declare namespace page$1 {
+  export { page$1_PositionsPage as PositionsPage };
+}
+
+declare const OrdersPage: React__default.FC<{
+    sharePnLConfig?: SharePnLConfig;
+}>;
+
+declare const page_OrdersPage: typeof OrdersPage;
+declare namespace page {
+  export { page_OrdersPage as OrdersPage };
+}
+
+declare const APIManagerWidget: (props?: {
+    filterTags?: [string];
+    keyStatus?: string;
+}) => react_jsx_runtime.JSX.Element;
+
+/**
+ * API key manager page
+ * @param filterTags filterTags
+ * @param keyStatus filterTags default is "ACTIVE"
+ * @returns
+ */
+declare const APIManagerPage: (props: {
+    filterTags?: [string];
+    keyStatus?: string;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const index$4_APIManagerPage: typeof APIManagerPage;
+declare const index$4_APIManagerWidget: typeof APIManagerWidget;
+declare namespace index$4 {
+  export { index$4_APIManagerPage as APIManagerPage, index$4_APIManagerWidget as APIManagerWidget };
+}
+
+declare const SettingWidget: React__default.FC;
+
+declare const SettingPage: React__default.FC;
+
+declare const index$3_SettingPage: typeof SettingPage;
+declare const index$3_SettingWidget: typeof SettingWidget;
+declare namespace index$3 {
+  export { index$3_SettingPage as SettingPage, index$3_SettingWidget as SettingWidget };
+}
+
+declare const useAssetsScript: () => {
+    columns: _kodiak_finance_orderly_ui.Column[];
+    dataSource: {
+        children: {
+            indexPrice: number;
+            assetValue: number;
+            collateralRatio: Decimal;
+            collateralContribution: number;
+            token: string;
+            holding: number;
+            frozen: number;
+            pending_short: number;
+            updated_time: number;
+            account_id: string;
+        }[];
+        account_id: string;
+        id?: string;
+        description?: string;
+    }[];
+    visible: boolean;
+    onToggleVisibility: () => void;
+    selectedAccount: string;
+    selectedAsset: string;
+    onFilter: (filter: {
+        name: string;
+        value: string;
+    }) => void;
+    totalValue: number;
+    hasSubAccount: boolean;
+    onDeposit: () => void;
+    onWithdraw: () => void;
+    holding: _kodiak_finance_orderly_types.API.Holding[];
+    assetsOptions: {
+        label: string;
+        value: string;
+    }[];
+};
+type useAssetsScriptReturn = ReturnType<typeof useAssetsScript> & ReturnType<typeof useAccount>;
+
+type AssetsWidgetProps = useAssetsScriptReturn;
+declare const AssetsDataTableWidget: React__default.FC;
+declare const AssetsWidget: React__default.FC;
+
+declare const AssetsPage: React__default.FC;
+
+declare const AssetsDataTable: React__default.FC<Pick<AssetsWidgetProps, "columns" | "dataSource" | "isMainAccount" | "onFilter" | "selectedAccount" | "selectedAsset" | "assetsOptions" | "state">>;
+declare const AssetsTable: React__default.FC<AssetsWidgetProps>;
+
+declare const AssetsTableMobile: React__default.FC<useAssetsScriptReturn>;
+
+declare const index$2_AssetsDataTable: typeof AssetsDataTable;
+declare const index$2_AssetsDataTableWidget: typeof AssetsDataTableWidget;
+declare const index$2_AssetsPage: typeof AssetsPage;
+declare const index$2_AssetsTable: typeof AssetsTable;
+declare const index$2_AssetsTableMobile: typeof AssetsTableMobile;
+declare const index$2_AssetsWidget: typeof AssetsWidget;
+type index$2_AssetsWidgetProps = AssetsWidgetProps;
+declare namespace index$2 {
+  export { index$2_AssetsDataTable as AssetsDataTable, index$2_AssetsDataTableWidget as AssetsDataTableWidget, index$2_AssetsPage as AssetsPage, index$2_AssetsTable as AssetsTable, index$2_AssetsTableMobile as AssetsTableMobile, index$2_AssetsWidget as AssetsWidget, type index$2_AssetsWidgetProps as AssetsWidgetProps };
+}
+
+declare const HistoryWidget: React__default.FC;
+declare const HistoryPage: React__default.FC;
+
+declare const index$1_HistoryPage: typeof HistoryPage;
+declare const index$1_HistoryWidget: typeof HistoryWidget;
+declare namespace index$1 {
+  export { index$1_HistoryPage as HistoryPage, index$1_HistoryWidget as HistoryWidget };
+}
+
+declare const SymbolPerformancePage: React__default.FC;
+
+declare const SymbolPerformanceWidget: React__default.FC<{
+    symbol?: string;
+}>;
+
+interface TradeData {
+    id: number;
+    symbol: string;
+    fee: number;
+    fee_asset: string;
+    side: "BUY" | "SELL";
+    order_id: number;
+    executed_price: number;
+    executed_quantity: number;
+    executed_timestamp: number;
+    is_maker: number;
+    realized_pnl: number;
+    match_id: string;
+}
+
+interface SymbolPerformanceMetrics {
+    totalPnL: number;
+    totalVolume: number;
+    totalFees: number;
+    totalTrades: number;
+    makerShare: number;
+    dailyData: Array<{
+        date: string;
+        pnl: number;
+        volume: number;
+        fees: number;
+    }>;
+    cumulativeDailyPnL: Array<{
+        date: string;
+        cumulativePnl: number;
+    }>;
+    cumulativeDailyFees: Array<{
+        date: string;
+        cumulativeFees: number;
+    }>;
+    cumulativeDailyVolume: Array<{
+        date: string;
+        cumulativeVolume: number;
+    }>;
+    hourlyData: Array<{
+        date: string;
+        pnl: number;
+        fees: number;
+        volume: number;
+    }>;
+    cumulativeHourlyPnL: Array<{
+        date: string;
+        cumulativePnl: number;
+    }>;
+    cumulativeHourlyFees: Array<{
+        date: string;
+        cumulativeFees: number;
+    }>;
+    cumulativeHourlyVolume: Array<{
+        date: string;
+        cumulativeVolume: number;
+    }>;
+    fifteenMinuteData: Array<{
+        date: string;
+        pnl: number;
+        fees: number;
+        volume: number;
+    }>;
+    cumulativeFifteenMinutePnL: Array<{
+        date: string;
+        cumulativePnl: number;
+    }>;
+    cumulativeFifteenMinuteFees: Array<{
+        date: string;
+        cumulativeFees: number;
+    }>;
+    cumulativeFifteenMinuteVolume: Array<{
+        date: string;
+        cumulativeVolume: number;
+    }>;
+}
+
+declare enum PeriodType {
+    DAY = "1D",
+    WEEK = "7D",
+    MONTH = "30D",
+    QUARTER = "90D"
+}
+declare enum AggregationWindow {
+    FIFTEEN_MIN = "15m",
+    HOURLY = "1h",
+    DAILY = "1d"
+}
+type Timeframe = "1D" | "7D" | "30D" | "90D" | "ALL";
+declare const useSymbolPerformanceScript: (symbol?: string) => {
+    selectedSymbol: string;
+    setSelectedSymbol: React$1.Dispatch<React$1.SetStateAction<string>>;
+    period: PeriodType | null;
+    onPeriodChange: (value: PeriodType) => void;
+    periodTypes: PeriodType[];
+    aggregationWindow: AggregationWindow;
+    setAggregationWindow: React$1.Dispatch<React$1.SetStateAction<AggregationWindow>>;
+    aggregationWindowTypes: AggregationWindow[];
+    dateRange: {
+        from: Date;
+        to: Date;
+    };
+    filterItems: {
+        type: "range";
+        name: string;
+        value: {
+            from: Date;
+            to: Date;
+        };
+        max: number;
+    }[];
+    onFilter: (filter: {
+        name: string;
+        value: any;
+    }) => void;
+    trades: TradeData[];
+    isLoading: boolean;
+    error: any;
+    performanceData: SymbolPerformanceMetrics | null;
+    aggregatedData: {
+        periodData: {
+            date: string;
+            pnl: number;
+            fees: number;
+            volume: number;
+        }[];
+        cumulativePnL: {
+            date: string;
+            cumulativePnl: number;
+        }[];
+        cumulativeFees: {
+            date: string;
+            cumulativeFees: number;
+        }[];
+        cumulativeVolume: {
+            date: string;
+            cumulativeVolume: number;
+        }[];
+    } | null;
+    invisible: boolean;
+};
+type UseSymbolPerformanceScriptReturn = ReturnType<typeof useSymbolPerformanceScript>;
+
+type SymbolPerformanceUIProps = UseSymbolPerformanceScriptReturn;
+declare const SymbolPerformanceUI: React__default.FC<SymbolPerformanceUIProps>;
+
+declare const index_SymbolPerformancePage: typeof SymbolPerformancePage;
+declare const index_SymbolPerformanceUI: typeof SymbolPerformanceUI;
+declare const index_SymbolPerformanceWidget: typeof SymbolPerformanceWidget;
+type index_Timeframe = Timeframe;
+type index_UseSymbolPerformanceScriptReturn = UseSymbolPerformanceScriptReturn;
+declare const index_useSymbolPerformanceScript: typeof useSymbolPerformanceScript;
+declare namespace index {
+  export { index_SymbolPerformancePage as SymbolPerformancePage, index_SymbolPerformanceUI as SymbolPerformanceUI, index_SymbolPerformanceWidget as SymbolPerformanceWidget, type index_Timeframe as Timeframe, type index_UseSymbolPerformanceScriptReturn as UseSymbolPerformanceScriptReturn, index_useSymbolPerformanceScript as useSymbolPerformanceScript };
+}
+
+export { index$4 as APIManagerModule, index$2 as AssetsModule, index$5 as FeeTierModule, index$1 as HistoryModule, page as OrdersModule, index$6 as OverviewModule, PortfolioLayout, type PortfolioLayoutProps, PortfolioLayoutWidget, type PortfolioLayoutWidgetProps, PortfolioLeftSidebarPath, page$1 as PositionsModule, index$3 as SettingModule, index as SymbolPerformanceModule, usePortfolioLayoutScript };