@dodoex/widgets 3.0.2-zetachain.1 → 3.0.2-zetachain.100

package/dist/types/widgets/PoolWidget/PoolDetail/hooks/usePoolDayData.d.ts

@@ -19,6 +19,7 @@ export declare function usePoolDayData({ address, chainId, day, }: {
     isLoadingError: false;
     isRefetchError: true;
     isSuccess: false;
+    isPlaceholderData: false;
     status: "error";
     dataUpdatedAt: number;
     errorUpdatedAt: number;
@@ -30,11 +31,11 @@ export declare function usePoolDayData({ address, chainId, day, }: {
     isFetching: boolean;
     isInitialLoading: boolean;
     isPaused: boolean;
-    isPlaceholderData: boolean;
     isRefetching: boolean;
     isStale: boolean;
     refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@dodoex/api/dist/types/gql/graphql").FetchPoolDayDataQuery, Error>>;
     fetchStatus: import("@tanstack/react-query").FetchStatus;
+    promise: Promise<import("@dodoex/api/dist/types/gql/graphql").FetchPoolDayDataQuery>;
 } | {
     dayDataList: {
         volume: number;
@@ -51,6 +52,7 @@ export declare function usePoolDayData({ address, chainId, day, }: {
     isLoadingError: false;
     isRefetchError: false;
     isSuccess: true;
+    isPlaceholderData: false;
     status: "success";
     dataUpdatedAt: number;
     errorUpdatedAt: number;
@@ -62,11 +64,11 @@ export declare function usePoolDayData({ address, chainId, day, }: {
     isFetching: boolean;
     isInitialLoading: boolean;
     isPaused: boolean;
-    isPlaceholderData: boolean;
     isRefetching: boolean;
     isStale: boolean;
     refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@dodoex/api/dist/types/gql/graphql").FetchPoolDayDataQuery, Error>>;
     fetchStatus: import("@tanstack/react-query").FetchStatus;
+    promise: Promise<import("@dodoex/api/dist/types/gql/graphql").FetchPoolDayDataQuery>;
 } | {
     dayDataList: {
         volume: number;
@@ -83,6 +85,7 @@ export declare function usePoolDayData({ address, chainId, day, }: {
     isLoadingError: true;
     isRefetchError: false;
     isSuccess: false;
+    isPlaceholderData: false;
     status: "error";
     dataUpdatedAt: number;
     errorUpdatedAt: number;
@@ -94,11 +97,11 @@ export declare function usePoolDayData({ address, chainId, day, }: {
     isFetching: boolean;
     isInitialLoading: boolean;
     isPaused: boolean;
-    isPlaceholderData: boolean;
     isRefetching: boolean;
     isStale: boolean;
     refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@dodoex/api/dist/types/gql/graphql").FetchPoolDayDataQuery, Error>>;
     fetchStatus: import("@tanstack/react-query").FetchStatus;
+    promise: Promise<import("@dodoex/api/dist/types/gql/graphql").FetchPoolDayDataQuery>;
 } | {
     dayDataList: {
         volume: number;
@@ -115,6 +118,7 @@ export declare function usePoolDayData({ address, chainId, day, }: {
     isLoadingError: false;
     isRefetchError: false;
     isSuccess: false;
+    isPlaceholderData: false;
     status: "pending";
     dataUpdatedAt: number;
     errorUpdatedAt: number;
@@ -126,11 +130,11 @@ export declare function usePoolDayData({ address, chainId, day, }: {
     isFetching: boolean;
     isInitialLoading: boolean;
     isPaused: boolean;
-    isPlaceholderData: boolean;
     isRefetching: boolean;
     isStale: boolean;
     refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@dodoex/api/dist/types/gql/graphql").FetchPoolDayDataQuery, Error>>;
     fetchStatus: import("@tanstack/react-query").FetchStatus;
+    promise: Promise<import("@dodoex/api/dist/types/gql/graphql").FetchPoolDayDataQuery>;
 } | {
     dayDataList: {
         volume: number;
@@ -146,6 +150,7 @@ export declare function usePoolDayData({ address, chainId, day, }: {
     isLoadingError: false;
     isRefetchError: false;
     isSuccess: false;
+    isPlaceholderData: false;
     status: "pending";
     dataUpdatedAt: number;
     errorUpdatedAt: number;
@@ -158,9 +163,42 @@ export declare function usePoolDayData({ address, chainId, day, }: {
     isLoading: boolean;
     isInitialLoading: boolean;
     isPaused: boolean;
-    isPlaceholderData: boolean;
     isRefetching: boolean;
     isStale: boolean;
     refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@dodoex/api/dist/types/gql/graphql").FetchPoolDayDataQuery, Error>>;
     fetchStatus: import("@tanstack/react-query").FetchStatus;
+    promise: Promise<import("@dodoex/api/dist/types/gql/graphql").FetchPoolDayDataQuery>;
+} | {
+    dayDataList: {
+        volume: number;
+        fee: number;
+        traders: number;
+        date: number;
+        tvl: number;
+    }[];
+    data: import("@dodoex/api/dist/types/gql/graphql").FetchPoolDayDataQuery;
+    isError: false;
+    error: null;
+    isPending: false;
+    isLoading: false;
+    isLoadingError: false;
+    isRefetchError: false;
+    isSuccess: true;
+    isPlaceholderData: true;
+    status: "success";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@dodoex/api/dist/types/gql/graphql").FetchPoolDayDataQuery, Error>>;
+    fetchStatus: import("@tanstack/react-query").FetchStatus;
+    promise: Promise<import("@dodoex/api/dist/types/gql/graphql").FetchPoolDayDataQuery>;
 };

package/dist/types/widgets/PoolWidget/PoolDetail/hooks/usePoolSwapList.d.ts

@@ -34,6 +34,7 @@ export declare function usePoolSwapList({ chainId, address, first, }: {
     isLoadingError: false;
     isRefetchError: true;
     isSuccess: false;
+    isPlaceholderData: false;
     status: "error";
     dataUpdatedAt: number;
     errorUpdatedAt: number;
@@ -45,11 +46,11 @@ export declare function usePoolSwapList({ chainId, address, first, }: {
     isFetching: boolean;
     isInitialLoading: boolean;
     isPaused: boolean;
-    isPlaceholderData: boolean;
     isRefetching: boolean;
     isStale: boolean;
     refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@dodoex/api/dist/types/gql/graphql").FetchPoolSwapListQuery, Error>>;
     fetchStatus: import("@tanstack/react-query").FetchStatus;
+    promise: Promise<import("@dodoex/api/dist/types/gql/graphql").FetchPoolSwapListQuery>;
 } | {
     swapList: {
         id: string;
@@ -82,6 +83,7 @@ export declare function usePoolSwapList({ chainId, address, first, }: {
     isLoadingError: false;
     isRefetchError: false;
     isSuccess: true;
+    isPlaceholderData: false;
     status: "success";
     dataUpdatedAt: number;
     errorUpdatedAt: number;
@@ -93,11 +95,11 @@ export declare function usePoolSwapList({ chainId, address, first, }: {
     isFetching: boolean;
     isInitialLoading: boolean;
     isPaused: boolean;
-    isPlaceholderData: boolean;
     isRefetching: boolean;
     isStale: boolean;
     refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@dodoex/api/dist/types/gql/graphql").FetchPoolSwapListQuery, Error>>;
     fetchStatus: import("@tanstack/react-query").FetchStatus;
+    promise: Promise<import("@dodoex/api/dist/types/gql/graphql").FetchPoolSwapListQuery>;
 } | {
     swapList: {
         id: string;
@@ -130,6 +132,7 @@ export declare function usePoolSwapList({ chainId, address, first, }: {
     isLoadingError: true;
     isRefetchError: false;
     isSuccess: false;
+    isPlaceholderData: false;
     status: "error";
     dataUpdatedAt: number;
     errorUpdatedAt: number;
@@ -141,11 +144,11 @@ export declare function usePoolSwapList({ chainId, address, first, }: {
     isFetching: boolean;
     isInitialLoading: boolean;
     isPaused: boolean;
-    isPlaceholderData: boolean;
     isRefetching: boolean;
     isStale: boolean;
     refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@dodoex/api/dist/types/gql/graphql").FetchPoolSwapListQuery, Error>>;
     fetchStatus: import("@tanstack/react-query").FetchStatus;
+    promise: Promise<import("@dodoex/api/dist/types/gql/graphql").FetchPoolSwapListQuery>;
 } | {
     swapList: {
         id: string;
@@ -178,6 +181,7 @@ export declare function usePoolSwapList({ chainId, address, first, }: {
     isLoadingError: false;
     isRefetchError: false;
     isSuccess: false;
+    isPlaceholderData: false;
     status: "pending";
     dataUpdatedAt: number;
     errorUpdatedAt: number;
@@ -189,11 +193,11 @@ export declare function usePoolSwapList({ chainId, address, first, }: {
     isFetching: boolean;
     isInitialLoading: boolean;
     isPaused: boolean;
-    isPlaceholderData: boolean;
     isRefetching: boolean;
     isStale: boolean;
     refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@dodoex/api/dist/types/gql/graphql").FetchPoolSwapListQuery, Error>>;
     fetchStatus: import("@tanstack/react-query").FetchStatus;
+    promise: Promise<import("@dodoex/api/dist/types/gql/graphql").FetchPoolSwapListQuery>;
 } | {
     swapList: {
         id: string;
@@ -225,6 +229,7 @@ export declare function usePoolSwapList({ chainId, address, first, }: {
     isLoadingError: false;
     isRefetchError: false;
     isSuccess: false;
+    isPlaceholderData: false;
     status: "pending";
     dataUpdatedAt: number;
     errorUpdatedAt: number;
@@ -237,9 +242,58 @@ export declare function usePoolSwapList({ chainId, address, first, }: {
     isLoading: boolean;
     isInitialLoading: boolean;
     isPaused: boolean;
-    isPlaceholderData: boolean;
     isRefetching: boolean;
     isStale: boolean;
     refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@dodoex/api/dist/types/gql/graphql").FetchPoolSwapListQuery, Error>>;
     fetchStatus: import("@tanstack/react-query").FetchStatus;
+    promise: Promise<import("@dodoex/api/dist/types/gql/graphql").FetchPoolSwapListQuery>;
+} | {
+    swapList: {
+        id: string;
+        timestamp: any;
+        from: any;
+        baseVolume: any;
+        quoteVolume: any;
+        feeBase: any;
+        feeQuote: any;
+        amountIn: any;
+        amountOut: any;
+        fromToken: {
+            id: string;
+            symbol: string;
+            name: string;
+            decimals: any;
+        };
+        toToken: {
+            id: string;
+            symbol: string;
+            name: string;
+            decimals: any;
+        };
+    }[] | undefined;
+    data: import("@dodoex/api/dist/types/gql/graphql").FetchPoolSwapListQuery;
+    isError: false;
+    error: null;
+    isPending: false;
+    isLoading: false;
+    isLoadingError: false;
+    isRefetchError: false;
+    isSuccess: true;
+    isPlaceholderData: true;
+    status: "success";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@dodoex/api/dist/types/gql/graphql").FetchPoolSwapListQuery, Error>>;
+    fetchStatus: import("@tanstack/react-query").FetchStatus;
+    promise: Promise<import("@dodoex/api/dist/types/gql/graphql").FetchPoolSwapListQuery>;
 };

package/dist/types/widgets/PoolWidget/PoolDetail/index.d.ts

@@ -1,4 +1,5 @@
+import React from 'react';
 import { Page, PageType } from '../../../router/types';
 export default function PoolDetail({ params, }: {
     params: Page<PageType.PoolDetail>['params'];
-}): JSX.Element;
+}): React.JSX.Element;

package/dist/types/widgets/PoolWidget/PoolList/AddLiquidity.d.ts

@@ -1,8 +1,8 @@
 import { ChainId } from '@dodoex/api';
 import React from 'react';
-import { TokenAndPoolFilterUserOptions } from './hooks/usePoolListFilterTokenAndPool';
 import { PoolOperateProps } from '../PoolOperate';
-export default function AddLiquidityList({ scrollParentRef, filterChainIds, activeChainId, handleChangeActiveChainId, operatePool, setOperatePool, tokenAndPoolFilter, getMigrationPairAndMining, }: {
+import { TokenAndPoolFilterUserOptions } from './hooks/usePoolListFilterTokenAndPool';
+export default function AddLiquidityList({ scrollParentRef, filterChainIds, activeChainId, handleChangeActiveChainId, operatePool, setOperatePool, tokenAndPoolFilter, getMigrationPairAndMining, children, }: {
     scrollParentRef: React.MutableRefObject<HTMLDivElement | null>;
     account?: string;
     filterChainIds?: ChainId[];
@@ -15,4 +15,5 @@ export default function AddLiquidityList({ scrollParentRef, filterChainIds, acti
         address: string;
         chainId: number;
     }) => void;
-}): JSX.Element;
+    children?: React.ReactNode;
+}): React.JSX.Element;

package/dist/types/widgets/PoolWidget/PoolList/MyCreated.d.ts

@@ -1,10 +1,12 @@
 import { ChainId } from '@dodoex/api';
+import React from 'react';
 import { PoolOperateProps } from '../PoolOperate';
-export default function MyCreated({ account, filterChainIds, activeChainId, handleChangeActiveChainId, operatePool, setOperatePool, }: {
+export default function MyCreated({ account, filterChainIds, activeChainId, handleChangeActiveChainId, operatePool, setOperatePool, children, }: {
     account?: string;
     filterChainIds?: ChainId[];
     activeChainId: ChainId | undefined;
     handleChangeActiveChainId: (chainId: number | undefined) => void;
     operatePool: Partial<PoolOperateProps> | null;
     setOperatePool: (operate: Partial<PoolOperateProps> | null) => void;
-}): JSX.Element;
+    children?: React.ReactNode;
+}): React.JSX.Element;

package/dist/types/widgets/PoolWidget/PoolList/MyLiquidity.d.ts

@@ -1,7 +1,8 @@
 import { ChainId } from '@dodoex/api';
-import { TokenAndPoolFilterUserOptions } from './hooks/usePoolListFilterTokenAndPool';
+import React from 'react';
 import { PoolOperateProps } from '../PoolOperate';
-export default function MyLiquidity({ account, filterChainIds, activeChainId, handleChangeActiveChainId, operatePool, setOperatePool, getMigrationPairAndMining, tokenAndPoolFilter, }: {
+import { TokenAndPoolFilterUserOptions } from './hooks/usePoolListFilterTokenAndPool';
+export default function MyLiquidity({ account, filterChainIds, activeChainId, handleChangeActiveChainId, operatePool, setOperatePool, getMigrationPairAndMining, tokenAndPoolFilter, children, }: {
     account?: string;
     filterChainIds?: ChainId[];
     activeChainId: ChainId | undefined;
@@ -13,4 +14,5 @@ export default function MyLiquidity({ account, filterChainIds, activeChainId, ha
         chainId: number;
     }) => void;
     tokenAndPoolFilter?: TokenAndPoolFilterUserOptions;
-}): JSX.Element;
+    children?: React.ReactNode;
+}): React.JSX.Element;

package/dist/types/widgets/PoolWidget/PoolList/components/AddingOrRemovingBtn.d.ts

@@ -1,4 +1,4 @@
 export default function AddingOrRemovingBtn({ text, onClick, }: {
     text: string;
     onClick: () => void;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/PoolWidget/PoolList/components/CreatePoolBtn.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 export interface CreatePoolBtnProps {
 }
-export declare const CreatePoolBtn: (props: CreatePoolBtnProps) => JSX.Element;
+export declare const CreatePoolBtn: (props: CreatePoolBtnProps) => React.JSX.Element;

package/dist/types/widgets/PoolWidget/PoolList/components/FilterAddressTags.d.ts

@@ -4,4 +4,4 @@ export default function FilterAddressTags({ lqList, onDeleteTag, sx, }: {
     lqList: FetchLiquidityListLqList;
     onDeleteTag: () => void;
     sx?: BoxProps['sx'];
-}): JSX.Element | null;
+}): import("react").JSX.Element | null;

package/dist/types/widgets/PoolWidget/PoolList/components/FilterGroup.d.ts

@@ -0,0 +1,9 @@
+export interface FilterGroupProps<T> {
+    filterList: Array<{
+        label: string;
+        value: T;
+    }>;
+    value: T;
+    onChange: (value: T) => void;
+}
+export declare const FilterGroup: <T extends string>(props: FilterGroupProps<T>) => import("react").JSX.Element;

package/dist/types/widgets/PoolWidget/PoolList/components/FilterTokenTags.d.ts

@@ -4,4 +4,4 @@ export default function FilterTokenTags({ tags, onDeleteTag, sx, }: {
     tags: TokenInfo[];
     onDeleteTag: (tag: TokenInfo) => void;
     sx?: BoxProps['sx'];
-}): JSX.Element | null;
+}): import("react").JSX.Element | null;

package/dist/types/widgets/PoolWidget/PoolList/components/GoPoolDetailBtn.d.ts

@@ -1,4 +1,6 @@
-export default function GoPoolDetailBtn({ chainId, address, }: {
+import { PageType } from '../../../../router';
+export default function GoPoolDetailBtn({ chainId, address, type, }: {
     chainId: number;
     address: string;
-}): JSX.Element;
+    type?: PageType.PoolDetail | PageType.CurvePoolDetail;
+}): import("react").JSX.Element;

package/dist/types/widgets/PoolWidget/PoolList/components/LiquidityTable.d.ts

@@ -5,4 +5,4 @@ export default function LiquidityTable({ sx, children, empty, loading, hasMore,
     hasMore?: boolean;
     loadMore?: () => void;
     loadMoreLoading?: boolean;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/PoolWidget/PoolList/components/LoadingCard.d.ts

@@ -1,4 +1,4 @@
 import { BoxProps } from '@dodoex/components';
 export default function LoadingCard({ sx }: {
     sx?: BoxProps['sx'];
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/PoolWidget/PoolList/components/PoolApyTooltip.d.ts

@@ -16,4 +16,4 @@ export default function PoolApyTooltip({ chainId, baseToken, quoteToken, apy, ha
     hasMining: boolean;
     sx?: BoxProps['sx'];
     children?: React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-}): JSX.Element | null;
+}): React.JSX.Element | null;

package/dist/types/widgets/PoolWidget/PoolList/components/SkeletonTable.d.ts

@@ -1,3 +1,3 @@
 export default function SkeletonTable({ count }: {
     count?: number;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/PoolWidget/PoolList/components/TokenAndPoolFilter.d.ts

@@ -1,8 +1,9 @@
 import { BoxProps } from '@dodoex/components';
+import React from 'react';
 import { TokenInfo } from '../../../../hooks/Token';
 export default function TokenAndPoolFilter({ sx, value, onChange, searchAddress, }: {
     sx?: BoxProps['sx'];
     value: Array<TokenInfo>;
     onChange: (v: Array<TokenInfo>) => void;
     searchAddress: (address: string, onClose: () => void) => Promise<JSX.Element | null>;
-}): JSX.Element;
+}): React.JSX.Element;

package/dist/types/widgets/PoolWidget/PoolList/components/TokenListPoolItem.d.ts

@@ -2,4 +2,4 @@ import { FetchLiquidityListLqList } from '../../utils';
 export default function TokenListPoolItem({ list, onClick, }: {
     list: FetchLiquidityListLqList;
     onClick: () => void;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/PoolWidget/PoolList/components/migationWidget.d.ts

@@ -4,4 +4,4 @@ export interface MigrationTagProps {
     isRightTop?: boolean;
     isReverseColor?: boolean;
 }
-export declare const MigrationTag: ({ sx, isRightTop, isReverseColor, }: MigrationTagProps) => JSX.Element;
+export declare const MigrationTag: ({ sx, isRightTop, isReverseColor, }: MigrationTagProps) => import("react").JSX.Element;

package/dist/types/widgets/PoolWidget/PoolList/components/tags.d.ts

@@ -0,0 +1,11 @@
+export interface PoolTypeTagProps {
+    poolType: 'AMM V2' | 'AMM V3' | 'PMM';
+}
+export declare const PoolTypeTag: ({ poolType }: PoolTypeTagProps) => import("react").JSX.Element;
+export interface PoolFeeRateTagProps {
+    isAMMV2: boolean;
+    isAMMV3: boolean;
+    lpFeeRate: any;
+    mtFeeRate: any;
+}
+export declare const PoolFeeRateTag: ({ isAMMV2, isAMMV3, lpFeeRate, mtFeeRate, }: PoolFeeRateTagProps) => import("react").JSX.Element;

package/dist/types/widgets/PoolWidget/PoolList/hooks/usePoolListFilterTokenAndPool.d.ts

@@ -53,6 +53,18 @@ export declare function usePoolListFilterTokenAndPool(tokenAndPoolFilter?: Token
                 transactionQuoteApy?: any | null;
                 metromMiningApy?: any | null;
             } | null;
+            apyList?: Array<{
+                miningBaseApy?: any | null;
+                miningQuoteApy?: any | null;
+                transactionBaseApy?: any | null;
+                transactionQuoteApy?: any | null;
+                metromMiningApy?: any | null;
+                timeRange?: string | null;
+            } | null> | null;
+            volumeList?: Array<{
+                volume?: any | null;
+                timeRange?: string | null;
+            } | null> | null;
         } | null;
     } | null)[] | null | undefined;
     handleDeleteToken: (token: TokenInfo) => void;

package/dist/types/widgets/PoolWidget/PoolList/hooks/usePoolListTabs.d.ts

@@ -1,16 +1,50 @@
+export declare enum PoolTopTab {
+    ALM = "ALM",
+    NORMAL = "NORMAL",
+    MULTI_TOKEN = "MULTI_TOKEN"
+}
+export declare enum ALMPoolTab {
+    ALL = "ALL",
+    MY = "MY"
+}
 export declare enum PoolTab {
     addLiquidity = "add-liquidity",
     myLiquidity = "my-liquidity",
     myCreated = "my-created"
 }
-export declare function usePoolListTabs({ account, paramsTab, }: {
-    account?: string;
-    paramsTab: PoolTab | undefined;
-}): {
-    poolTab: PoolTab;
-    tabs: {
+export declare enum MultiTokenPoolTab {
+    ALL = "ALL",
+    MY = "MY"
+}
+export declare function usePoolListTabs(): {
+    poolTopTab: PoolTopTab;
+    normalPoolTab: PoolTab;
+    almPoolTab: ALMPoolTab;
+    multiTokenPoolTab: MultiTokenPoolTab;
+    topTabs: {
+        key: PoolTopTab;
+        value: string;
+    }[];
+    normalTabs: {
         key: PoolTab;
         value: string;
     }[];
-    handleChangePoolTab: (poolTab: PoolTab) => void;
+    almTabs: {
+        key: ALMPoolTab;
+        value: string;
+    }[];
+    multiTokenTabs: {
+        key: MultiTokenPoolTab;
+        value: string;
+    }[];
+    handleChangePoolTab: ({ topTab, poolTab, }: {
+        topTab: PoolTopTab.NORMAL;
+        poolTab: PoolTab;
+    } | {
+        topTab: PoolTopTab.ALM;
+        poolTab: ALMPoolTab;
+    } | {
+        topTab: PoolTopTab.MULTI_TOKEN;
+        poolTab: MultiTokenPoolTab;
+    }) => void;
 };

package/dist/types/widgets/PoolWidget/PoolList/index.d.ts

@@ -2,15 +2,14 @@ import React from 'react';
 import { Page, PageType } from '../../../router/types';
 import { PoolOperateProps } from '../PoolOperate';
 import { TokenAndPoolFilterUserOptions } from './hooks/usePoolListFilterTokenAndPool';
-export default function PoolList({ params, scrollRef: scrollParentRefProps, tokenAndPoolFilter, operatePMMPoolElement, operatePool: operatePoolProps, onOperatePool, getMigrationPairAndMining, }: {
+export default function PoolList({ params, scrollRef: scrollParentRefProps, tokenAndPoolFilter, operatePool: operatePoolProps, onOperatePool, getMigrationPairAndMining, }: {
     params?: Page<PageType.Pool>['params'];
     scrollRef?: React.RefObject<any>;
     tokenAndPoolFilter?: TokenAndPoolFilterUserOptions;
-    operatePMMPoolElement?: React.ReactElement;
     operatePool?: Partial<PoolOperateProps> | null;
     onOperatePool?: (pool: Partial<PoolOperateProps> | null) => boolean;
     getMigrationPairAndMining?: (p: {
         address: string;
         chainId: number;
     }) => void;
-}): JSX.Element;
+}): React.JSX.Element;

package/dist/types/widgets/PoolWidget/PoolModify/SectionTitle.d.ts

@@ -1,3 +1,3 @@
 export declare function SectionTitle({ titleKey }: {
     titleKey: string;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/PoolWidget/PoolModify/index.d.ts

@@ -1,4 +1,5 @@
+import React from 'react';
 import { Page, PageType } from '../../../router/types';
 export default function PoolModify({ params, }: {
     params: Page<PageType.PoolDetail>['params'];
-}): JSX.Element;
+}): React.JSX.Element;

package/dist/types/widgets/PoolWidget/PoolModify/operate-widgets/BottomButtonGroup.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 import { usePoolDetail } from '../../hooks/usePoolDetail';
 import { StateProps } from '../../PoolCreate/reducer';
 export declare function BottomButtonGroup({ state, pool, loading, }: {
     state: StateProps;
     pool?: ReturnType<typeof usePoolDetail>['poolDetail'];
     loading: boolean;
-}): JSX.Element;
+}): React.JSX.Element;

package/dist/types/widgets/PoolWidget/PoolModify/operate-widgets/FeeRateSetting.d.ts

@@ -4,4 +4,4 @@ export declare function FeeRateSetting({ dispatch, feeRate, isCustomized, }: {
     dispatch: React.Dispatch<Actions>;
     feeRate: StateProps['feeRate'];
     isCustomized: StateProps['isFeeRateCustomized'];
-}): JSX.Element;
+}): React.JSX.Element;

package/dist/types/widgets/PoolWidget/PoolOperate/AddPoolOperate.d.ts

@@ -1,8 +1,9 @@
-import { OperatePool } from './types';
+import React from 'react';
 import { usePoolBalanceInfo } from '../hooks/usePoolBalanceInfo';
+import { OperatePool } from './types';
 export declare function AddPoolOperate({ submittedBack: submittedBackProps, onlyShowSide, pool, balanceInfo, }: {
     submittedBack?: () => void;
     onlyShowSide?: 'base' | 'quote';
     pool?: OperatePool;
     balanceInfo: ReturnType<typeof usePoolBalanceInfo>;
-}): JSX.Element;
+}): React.JSX.Element;

package/dist/types/widgets/PoolWidget/PoolOperate/PoolOperateInner.d.ts

@@ -7,4 +7,4 @@ export interface PoolOperateInnerProps {
     errorRefetch?: () => void;
     submittedBack?: () => void;
 }
-export default function PoolOperateInner({ pool, operate, hidePoolInfo, errorRefetch, submittedBack, }: PoolOperateInnerProps): JSX.Element;
+export default function PoolOperateInner({ pool, operate, hidePoolInfo, errorRefetch, submittedBack, }: PoolOperateInnerProps): import("react").JSX.Element;

package/dist/types/widgets/PoolWidget/PoolOperate/RemovePoolOperate.d.ts

@@ -1,8 +1,9 @@
-import { OperatePool } from './types';
+import React from 'react';
 import { usePoolBalanceInfo } from '../hooks/usePoolBalanceInfo';
+import { OperatePool } from './types';
 export declare function RemovePoolOperate({ submittedBack: submittedBackProps, onlyShowSide, pool, balanceInfo, }: {
     submittedBack?: () => void;
     onlyShowSide?: 'base' | 'quote';
     pool?: OperatePool;
     balanceInfo: ReturnType<typeof usePoolBalanceInfo>;
-}): JSX.Element;
+}): React.JSX.Element;

package/dist/types/widgets/PoolWidget/PoolOperate/components/ComparePrice.d.ts

@@ -1,8 +1,9 @@
 import BigNumber from 'bignumber.js';
+import React from 'react';
 import { TokenInfo } from '../../../../hooks/Token';
 export default function ComparePrice({ lqAndDodoCompareText, baseToken, quoteToken, midPrice, }: {
     lqAndDodoCompareText: string;
     baseToken?: TokenInfo;
     quoteToken?: TokenInfo;
     midPrice?: BigNumber;
-}): JSX.Element;
+}): React.JSX.Element;

package/dist/types/widgets/PoolWidget/PoolOperate/components/GSPPairRiskWarning.d.ts

@@ -1 +1 @@
-export declare const GSPPairRiskWarning: () => JSX.Element;
+export declare const GSPPairRiskWarning: () => import("react").JSX.Element;

package/dist/types/widgets/PoolWidget/PoolOperate/components/LiquidityInfo.d.ts

@@ -6,4 +6,4 @@ export interface LiquidityInfoProps {
     pool: OperatePool;
     balanceInfo: ReturnType<typeof usePoolBalanceInfo>;
 }
-export default function LiquidityInfo({ loading: loadingProps, hidePoolInfo, pool, balanceInfo, }: LiquidityInfoProps): JSX.Element;
+export default function LiquidityInfo({ loading: loadingProps, hidePoolInfo, pool, balanceInfo, }: LiquidityInfoProps): import("react").JSX.Element;