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

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;

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,3 +1,4 @@
+import React from 'react';
 import { OperatePool } from './types';
 import { usePoolBalanceInfo } from '../hooks/usePoolBalanceInfo';
 export declare function RemovePoolOperate({ submittedBack: submittedBackProps, onlyShowSide, pool, balanceInfo, }: {
@@ -5,4 +6,4 @@ export declare function RemovePoolOperate({ submittedBack: submittedBackProps, o
     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;

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

@@ -3,4 +3,4 @@ export default function OperateBtn({ chainId, baseTokenStatus, quoteTokenStatus,
     chainId: number;
     baseTokenStatus: ReturnType<typeof useTokenStatus>;
     quoteTokenStatus: ReturnType<typeof useTokenStatus>;
-}>): JSX.Element;
+}>): import("react").JSX.Element;

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

@@ -5,4 +5,4 @@ export default function Ratio({ pool, addPortion, midPrice, shareOfPool, }: {
     addPortion?: BigNumber;
     midPrice?: BigNumber;
     shareOfPool?: string;
-}): JSX.Element;
+}): import("react").JSX.Element;

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

@@ -4,4 +4,4 @@ export declare function SliderPercentageCard({ disabled, value, onChange, sx, }:
     value: number;
     onChange: (val: number) => void;
     sx?: BoxProps['sx'];
-}): JSX.Element;
+}): import("react").JSX.Element;

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

@@ -16,4 +16,4 @@ export default function SlippageSetting({ type, disabled, value, onChange, sx, }
     value: number | typeof AUTO_SWAP_SLIPPAGE_PROTECTION;
     onChange: (val: number | typeof AUTO_SWAP_SLIPPAGE_PROTECTION) => void;
     sx?: BoxProps['sx'];
-}): JSX.Element;
+}): import("react").JSX.Element;

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

@@ -8,4 +8,4 @@ export default function TokenList({ pool, checkTokenType, setCheckToken, balance
     balanceInfo?: ReturnType<typeof usePoolBalanceInfo>;
     baseTokenBalanceUpdateLoading: boolean;
     quoteBalanceUpdateLoading: boolean;
-}): JSX.Element | null;
+}): import("react").JSX.Element | null;

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

@@ -1,5 +1,6 @@
 import { BoxProps } from '@dodoex/components';
 import { PoolOperateInnerProps } from './PoolOperateInner';
+import React from 'react';
 export interface PoolOperateProps {
     onClose?: () => void;
     account: string | undefined;
@@ -11,7 +12,7 @@ export interface PoolOperateProps {
     hidePoolInfo?: boolean;
     sx?: BoxProps['sx'];
 }
-export declare function PoolOperate({ onClose, pool: poolProps, address, operate, chainId, hasMining, hidePoolInfo, sx, }: PoolOperateProps): JSX.Element;
+export declare function PoolOperate({ onClose, pool: poolProps, address, operate, chainId, hasMining, hidePoolInfo, sx, }: PoolOperateProps): React.JSX.Element;
 export default function PoolOperateDialog({ modal, ...props }: PoolOperateProps & {
     modal?: boolean;
-}): JSX.Element;
+}): React.JSX.Element;

package/dist/types/widgets/PoolWidget/hooks/usePoolBalanceInfo.d.ts

@@ -1,5 +1,4 @@
 import { PoolType } from '@dodoex/api';
-import { BigNumber } from 'bignumber.js';
 type Balance = BigNumber | null | undefined;
 export declare function getLpToTokenBalance(userLpBalance: Balance, totalLpBalance: Balance, reserve: Balance, target: Balance, address: string | undefined, type: PoolType | undefined, decimals: number | undefined): undefined[] | BigNumber[];
 export declare function usePoolBalanceInfo({ account, pool, }: {