@dodoex/widgets 3.0.2-zetachain.2 → 3.0.2-zetachain.20

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

@@ -48,6 +48,7 @@ export declare function usePoolDashboard({ address, chainId, }: {
     isLoadingError: false;
     isRefetchError: true;
     isSuccess: false;
+    isPlaceholderData: false;
     status: "error";
     dataUpdatedAt: number;
     errorUpdatedAt: number;
@@ -59,11 +60,11 @@ export declare function usePoolDashboard({ address, chainId, }: {
     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").FetchPoolDashboardQuery, Error>>;
     fetchStatus: import("@tanstack/react-query").FetchStatus;
+    promise: Promise<import("@dodoex/api/dist/types/gql/graphql").FetchPoolDashboardQuery>;
 } | {
     dashboard: {
         fee?: string | null;
@@ -110,6 +111,7 @@ export declare function usePoolDashboard({ address, chainId, }: {
     isLoadingError: false;
     isRefetchError: false;
     isSuccess: true;
+    isPlaceholderData: false;
     status: "success";
     dataUpdatedAt: number;
     errorUpdatedAt: number;
@@ -121,11 +123,11 @@ export declare function usePoolDashboard({ address, chainId, }: {
     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").FetchPoolDashboardQuery, Error>>;
     fetchStatus: import("@tanstack/react-query").FetchStatus;
+    promise: Promise<import("@dodoex/api/dist/types/gql/graphql").FetchPoolDashboardQuery>;
 } | {
     dashboard: {
         fee?: string | null;
@@ -172,6 +174,7 @@ export declare function usePoolDashboard({ address, chainId, }: {
     isLoadingError: true;
     isRefetchError: false;
     isSuccess: false;
+    isPlaceholderData: false;
     status: "error";
     dataUpdatedAt: number;
     errorUpdatedAt: number;
@@ -183,11 +186,11 @@ export declare function usePoolDashboard({ address, chainId, }: {
     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").FetchPoolDashboardQuery, Error>>;
     fetchStatus: import("@tanstack/react-query").FetchStatus;
+    promise: Promise<import("@dodoex/api/dist/types/gql/graphql").FetchPoolDashboardQuery>;
 } | {
     dashboard: {
         fee?: string | null;
@@ -234,6 +237,7 @@ export declare function usePoolDashboard({ address, chainId, }: {
     isLoadingError: false;
     isRefetchError: false;
     isSuccess: false;
+    isPlaceholderData: false;
     status: "pending";
     dataUpdatedAt: number;
     errorUpdatedAt: number;
@@ -245,11 +249,11 @@ export declare function usePoolDashboard({ address, chainId, }: {
     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").FetchPoolDashboardQuery, Error>>;
     fetchStatus: import("@tanstack/react-query").FetchStatus;
+    promise: Promise<import("@dodoex/api/dist/types/gql/graphql").FetchPoolDashboardQuery>;
 } | {
     dashboard: {
         fee?: string | null;
@@ -295,6 +299,7 @@ export declare function usePoolDashboard({ address, chainId, }: {
     isLoadingError: false;
     isRefetchError: false;
     isSuccess: false;
+    isPlaceholderData: false;
     status: "pending";
     dataUpdatedAt: number;
     errorUpdatedAt: number;
@@ -307,9 +312,72 @@ export declare function usePoolDashboard({ address, chainId, }: {
     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").FetchPoolDashboardQuery, Error>>;
     fetchStatus: import("@tanstack/react-query").FetchStatus;
+    promise: Promise<import("@dodoex/api/dist/types/gql/graphql").FetchPoolDashboardQuery>;
+} | {
+    dashboard: {
+        fee?: string | null;
+        volume?: string | null;
+        totalFee?: string | null;
+        totalMtFee?: string | null;
+        totalVolume?: string | null;
+        tvl?: string | null;
+        turnover?: string | null;
+        liquidity?: string | null;
+        baseReserve?: string | null;
+        quoteReserve?: string | null;
+        baseVolume?: string | null;
+        quoteVolume?: string | null;
+        basePrice?: string | null;
+        quotePrice?: string | null;
+        price?: string | null;
+        baseFee?: string | null;
+        quoteFee?: string | null;
+        baseMtFee?: string | null;
+        quoteMtFee?: string | null;
+        pair?: string | null;
+        poolType?: string | null;
+        baseVolumeCumulative?: string | null;
+        quoteVolumeCumulative?: string | null;
+        baseAddress?: string | null;
+        baseSymbol?: string | null;
+        quoteAddress?: string | null;
+        quoteSymbol?: string | null;
+        network?: string | null;
+        pairAddress?: string | null;
+        txes?: number | null;
+        txesNear24h?: number | null;
+        txUsers?: number | null;
+        txUserNear24h?: number | null;
+        mtFeeNear24h?: string | null;
+        feeNear24h?: string | null;
+    } | null | undefined;
+    data: import("@dodoex/api/dist/types/gql/graphql").FetchPoolDashboardQuery;
+    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").FetchPoolDashboardQuery, Error>>;
+    fetchStatus: import("@tanstack/react-query").FetchStatus;
+    promise: Promise<import("@dodoex/api/dist/types/gql/graphql").FetchPoolDashboardQuery>;
 };

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

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

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

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

@@ -1,6 +1,7 @@
 import { ChainId } from '@dodoex/api';
-import { TokenAndPoolFilterUserOptions } from './hooks/usePoolListFilterTokenAndPool';
+import React from 'react';
 import { PoolOperateProps } from '../PoolOperate';
+import { TokenAndPoolFilterUserOptions } from './hooks/usePoolListFilterTokenAndPool';
 export default function MyLiquidity({ account, filterChainIds, activeChainId, handleChangeActiveChainId, operatePool, setOperatePool, getMigrationPairAndMining, tokenAndPoolFilter, }: {
     account?: string;
     filterChainIds?: ChainId[];
@@ -13,4 +14,4 @@ export default function MyLiquidity({ account, filterChainIds, activeChainId, ha
         chainId: number;
     }) => void;
     tokenAndPoolFilter?: TokenAndPoolFilterUserOptions;
-}): JSX.Element;
+}): 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,4 @@
 export default function GoPoolDetailBtn({ chainId, address, }: {
     chainId: number;
     address: string;
-}): JSX.Element;
+}): 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/index.d.ts

@@ -13,4 +13,4 @@ export default function PoolList({ params, scrollRef: scrollParentRefProps, toke
         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;