@dodoex/widgets 3.2.2 → 3.2.4-beta.1

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

@@ -0,0 +1,245 @@
+export declare function usePoolSwapList({ chainId, address, first, }: {
+    chainId: number | undefined;
+    address: string | undefined;
+    first?: number;
+}): {
+    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;
+    error: Error;
+    isError: true;
+    isPending: false;
+    isLoading: false;
+    isLoadingError: false;
+    isRefetchError: true;
+    isSuccess: false;
+    status: "error";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    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;
+} | {
+    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;
+    error: null;
+    isError: false;
+    isPending: false;
+    isLoading: false;
+    isLoadingError: false;
+    isRefetchError: false;
+    isSuccess: true;
+    status: "success";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    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;
+} | {
+    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: undefined;
+    error: Error;
+    isError: true;
+    isPending: false;
+    isLoading: false;
+    isLoadingError: true;
+    isRefetchError: false;
+    isSuccess: false;
+    status: "error";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    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;
+} | {
+    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: undefined;
+    error: null;
+    isError: false;
+    isPending: true;
+    isLoading: true;
+    isLoadingError: false;
+    isRefetchError: false;
+    isSuccess: false;
+    status: "pending";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    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;
+} | {
+    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: undefined;
+    error: null;
+    isError: false;
+    isPending: true;
+    isLoadingError: false;
+    isRefetchError: false;
+    isSuccess: false;
+    status: "pending";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    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;
+};

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

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

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

@@ -0,0 +1,17 @@
+import { ChainId } from '@dodoex/api';
+import React from 'react';
+import { TokenAndPoolFilterUserOptions } from './hooks/usePoolListFilterTokenAndPool';
+import { PoolOperateProps } from '../PoolOperate';
+import { GetMigrationPairAndMining } from '../PoolOperate/types';
+export default function AddLiquidityList({ scrollParentRef, filterChainIds, activeChainId, handleChangeActiveChainId, operatePool, setOperatePool, tokenAndPoolFilter, getMigrationPairAndMining, supportAMMIcon, }: {
+    scrollParentRef: React.MutableRefObject<HTMLDivElement | null>;
+    account?: string;
+    filterChainIds?: ChainId[];
+    activeChainId: ChainId | undefined;
+    handleChangeActiveChainId: (chainId: number | undefined) => void;
+    operatePool: Partial<PoolOperateProps> | null;
+    setOperatePool: (operate: Partial<PoolOperateProps> | null) => void;
+    tokenAndPoolFilter?: TokenAndPoolFilterUserOptions;
+    getMigrationPairAndMining?: GetMigrationPairAndMining;
+    supportAMMIcon?: boolean;
+}): JSX.Element;

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

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

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

@@ -0,0 +1,15 @@
+import { ChainId } from '@dodoex/api';
+import { TokenAndPoolFilterUserOptions } from './hooks/usePoolListFilterTokenAndPool';
+import { PoolOperateProps } from '../PoolOperate';
+import { GetMigrationPairAndMining } from '../PoolOperate/types';
+export default function MyLiquidity({ account, filterChainIds, activeChainId, handleChangeActiveChainId, operatePool, setOperatePool, getMigrationPairAndMining, tokenAndPoolFilter, supportAMMIcon, }: {
+    account?: string;
+    filterChainIds?: ChainId[];
+    activeChainId: ChainId | undefined;
+    handleChangeActiveChainId: (chainId: number | undefined) => void;
+    operatePool: Partial<PoolOperateProps> | null;
+    setOperatePool: (operate: Partial<PoolOperateProps> | null) => void;
+    getMigrationPairAndMining?: GetMigrationPairAndMining;
+    tokenAndPoolFilter?: TokenAndPoolFilterUserOptions;
+    supportAMMIcon?: boolean;
+}): JSX.Element;

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

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

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

@@ -0,0 +1,3 @@
+export interface CreatePoolBtnProps {
+}
+export declare const CreatePoolBtn: (props: CreatePoolBtnProps) => JSX.Element;

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

@@ -0,0 +1,7 @@
+import { BoxProps } from '@dodoex/components';
+import { FetchLiquidityListLqList } from '../../utils';
+export default function FilterAddressTags({ lqList, onDeleteTag, sx, }: {
+    lqList: FetchLiquidityListLqList;
+    onDeleteTag: () => void;
+    sx?: BoxProps['sx'];
+}): JSX.Element | null;

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

@@ -0,0 +1,7 @@
+import { BoxProps } from '@dodoex/components';
+import { TokenInfo } from '../../../../hooks/Token';
+export default function FilterTokenTags({ tags, onDeleteTag, sx, }: {
+    tags: TokenInfo[];
+    onDeleteTag: (tag: TokenInfo) => void;
+    sx?: BoxProps['sx'];
+}): JSX.Element | null;

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

@@ -0,0 +1,4 @@
+export default function GoPoolDetailBtn({ chainId, address, }: {
+    chainId: number;
+    address: string;
+}): JSX.Element;

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

@@ -0,0 +1,8 @@
+import { BoxProps } from '@dodoex/components';
+export default function LiquidityTable({ sx, children, empty, loading, hasMore, loadMore, loadMoreLoading, ...props }: BoxProps & {
+    empty?: boolean;
+    loading?: boolean;
+    hasMore?: boolean;
+    loadMore?: () => void;
+    loadMoreLoading?: boolean;
+}): JSX.Element;

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

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

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

@@ -0,0 +1,7 @@
+import { BoxProps } from '@dodoex/components';
+export interface OnlyV3ToggleProps {
+    onlyV3: boolean;
+    setOnlyV3: React.Dispatch<React.SetStateAction<boolean>>;
+    sx?: BoxProps['sx'];
+}
+export declare const OnlyV3Toggle: ({ onlyV3, setOnlyV3, sx }: OnlyV3ToggleProps) => JSX.Element;

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

@@ -0,0 +1,19 @@
+import { BoxProps } from '@dodoex/components';
+import React from 'react';
+import { TokenInfo } from '../../../../hooks/Token';
+export default function PoolApyTooltip({ chainId, baseToken, quoteToken, apy, hasQuote, hasMining, sx, children, }: {
+    chainId: number;
+    baseToken: TokenInfo | undefined;
+    quoteToken: TokenInfo | undefined;
+    apy: {
+        transactionBaseApy?: string | null;
+        transactionQuoteApy?: string | null;
+        miningBaseApy?: string | null;
+        miningQuoteApy?: string | null;
+        metromMiningApy?: string | null;
+    } | undefined | null;
+    hasQuote: boolean;
+    hasMining: boolean;
+    sx?: BoxProps['sx'];
+    children?: React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+}): JSX.Element | null;

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

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

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

@@ -0,0 +1,8 @@
+import { BoxProps } from '@dodoex/components';
+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;

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

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

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

@@ -0,0 +1,7 @@
+import { BoxProps } from '@dodoex/components';
+export interface MigrationTagProps {
+    sx?: BoxProps['sx'];
+    isRightTop?: boolean;
+    isReverseColor?: boolean;
+}
+export declare const MigrationTag: ({ sx, isRightTop, isReverseColor, }: MigrationTagProps) => JSX.Element;

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

@@ -0,0 +1,6 @@
+import { ChainId } from '@dodoex/api';
+export declare function usePoolListFilterChainId(): {
+    activeChainId: ChainId | undefined;
+    filterChainIds: ChainId[] | undefined;
+    handleChangeActiveChainId: (chainId: number | undefined) => void;
+};

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

@@ -0,0 +1,61 @@
+import React from 'react';
+import { TokenInfo } from '../../../../hooks/Token';
+import { FetchLiquidityListLqList } from '../../utils';
+export interface TokenAndPoolFilterUserOptions {
+    tokens: Array<TokenInfo>;
+    lqList: FetchLiquidityListLqList;
+    onChangeFilterTokens: (tokens: Array<TokenInfo>) => void;
+    onChangeFilterAddressLqList: (lqList: FetchLiquidityListLqList) => void;
+    element: React.ReactNode;
+}
+export declare function usePoolListFilterTokenAndPool(tokenAndPoolFilter?: TokenAndPoolFilterUserOptions): {
+    filterTokens: TokenInfo[];
+    filterASymbol: string;
+    filterBSymbol: string;
+    filterAddressLqList: ({
+        id?: string | null;
+        pair?: {
+            id: string;
+            chainId: number;
+            type: string;
+            lpFeeRate: any;
+            mtFeeRate: any;
+            creator: any;
+            tvl?: any | null;
+            miningAddress?: Array<string | null> | null;
+            volume24H?: any | null;
+            baseLpToken?: {
+                id: string;
+                decimals: any;
+            } | null;
+            quoteLpToken?: {
+                id: string;
+                decimals: any;
+            } | null;
+            baseToken: {
+                id: string;
+                symbol: string;
+                name: string;
+                decimals: any;
+                logoImg?: string | null;
+            };
+            quoteToken: {
+                id: string;
+                symbol: string;
+                name: string;
+                decimals: any;
+                logoImg?: string | null;
+            };
+            apy?: {
+                miningBaseApy?: any | null;
+                miningQuoteApy?: any | null;
+                transactionBaseApy?: any | null;
+                transactionQuoteApy?: any | null;
+                metromMiningApy?: any | null;
+            } | null;
+        } | null;
+    } | null)[] | null | undefined;
+    handleDeleteToken: (token: TokenInfo) => void;
+    handleChangeFilterTokens: (tokens: Array<TokenInfo>) => void;
+    handleChangeFilterAddress: (lqList: FetchLiquidityListLqList) => void;
+};

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

@@ -0,0 +1,16 @@
+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: {
+        key: PoolTab;
+        value: string;
+    }[];
+    handleChangePoolTab: (poolTab: PoolTab) => void;
+};

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Page, PageType } from '../../../router/types';
+import { GetMigrationPairAndMining, ShowMigrationPairAndMining } from '../PoolOperate/types';
+import { TokenAndPoolFilterUserOptions } from './hooks/usePoolListFilterTokenAndPool';
+export default function PoolList({ params, scrollRef: scrollParentRefProps, tokenAndPoolFilter, getMigrationPairAndMining, showMigrationPairAndMining, supportAMMIcon, }: {
+    params?: Page<PageType.Pool>['params'];
+    scrollRef?: React.RefObject<any>;
+    tokenAndPoolFilter?: TokenAndPoolFilterUserOptions;
+    getMigrationPairAndMining?: GetMigrationPairAndMining;
+    showMigrationPairAndMining?: ShowMigrationPairAndMining;
+    supportAMMIcon?: boolean;
+}): JSX.Element;

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

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

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

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

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

@@ -0,0 +1,7 @@
+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;

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import { Actions, StateProps } from '../../PoolCreate/reducer';
+export declare function FeeRateSetting({ dispatch, feeRate, isCustomized, }: {
+    dispatch: React.Dispatch<Actions>;
+    feeRate: StateProps['feeRate'];
+    isCustomized: StateProps['isFeeRateCustomized'];
+}): JSX.Element;

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

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

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

@@ -0,0 +1,12 @@
+import { OperateTab } from './hooks/usePoolOperateTabs';
+import { GetMigrationPairAndMining, OperatePool, ShowMigrationPairAndMining } from './types';
+export interface PoolOperateInnerProps {
+    pool: OperatePool;
+    operate?: OperateTab;
+    hidePoolInfo?: boolean;
+    errorRefetch?: () => void;
+    submittedBack?: () => void;
+    getMigrationPairAndMining?: GetMigrationPairAndMining;
+    showMigrationPairAndMining?: ShowMigrationPairAndMining;
+}
+export default function PoolOperateInner({ pool, operate, hidePoolInfo, errorRefetch, submittedBack, getMigrationPairAndMining, showMigrationPairAndMining, }: PoolOperateInnerProps): JSX.Element;

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

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

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

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

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

@@ -0,0 +1 @@
+export declare const GSPPairRiskWarning: () => JSX.Element;

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

@@ -0,0 +1,9 @@
+import { usePoolBalanceInfo } from '../../hooks/usePoolBalanceInfo';
+import { OperatePool } from '../types';
+export interface LiquidityInfoProps {
+    loading?: boolean;
+    hidePoolInfo?: boolean;
+    pool: OperatePool;
+    balanceInfo: ReturnType<typeof usePoolBalanceInfo>;
+}
+export default function LiquidityInfo({ loading: loadingProps, hidePoolInfo, pool, balanceInfo, }: LiquidityInfoProps): JSX.Element;

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

@@ -0,0 +1,6 @@
+import { useTokenStatus } from '../../../../hooks/Token/useTokenStatus';
+export default function OperateBtn({ chainId, baseTokenStatus, quoteTokenStatus, children, }: React.PropsWithChildren<{
+    chainId: number;
+    baseTokenStatus: ReturnType<typeof useTokenStatus>;
+    quoteTokenStatus: ReturnType<typeof useTokenStatus>;
+}>): JSX.Element;

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

@@ -0,0 +1,12 @@
+import BigNumber from 'bignumber.js';
+import { OperatePool } from '../types';
+import { useSlipper } from './SlippageSetting';
+export default function Ratio({ pool, addPortion, midPrice, shareOfPool, slipper, setSlipper, canOperate, }: {
+    pool?: OperatePool;
+    addPortion?: BigNumber;
+    midPrice?: BigNumber;
+    shareOfPool?: string;
+    slipper: ReturnType<typeof useSlipper>['slipper'];
+    setSlipper: ReturnType<typeof useSlipper>['setSlipper'];
+    canOperate?: boolean;
+}): JSX.Element;

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

@@ -0,0 +1,7 @@
+import { BoxProps } from '@dodoex/components';
+export declare function SliderPercentageCard({ disabled, value, onChange, sx, }: {
+    disabled?: boolean;
+    value: number;
+    onChange: (val: number) => void;
+    sx?: BoxProps['sx'];
+}): JSX.Element;

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

@@ -0,0 +1,19 @@
+import { BoxProps } from '@dodoex/components';
+import { AUTO_SWAP_SLIPPAGE_PROTECTION } from '../../../../constants/pool';
+import { PoolType } from '@dodoex/api';
+export declare const useSlipper: ({ address, type, }: {
+    address?: string;
+    type?: PoolType;
+}) => {
+    slipper: number | "auto";
+    setSlipper: import("react").Dispatch<import("react").SetStateAction<number | "auto">>;
+    slipperValue: number;
+    resetSlipper: () => void;
+};
+export default function SlippageSetting({ type, disabled, value, onChange, sx, }: {
+    type?: PoolType;
+    disabled?: boolean;
+    value: number | typeof AUTO_SWAP_SLIPPAGE_PROTECTION;
+    onChange: (val: number | typeof AUTO_SWAP_SLIPPAGE_PROTECTION) => void;
+    sx?: BoxProps['sx'];
+}): JSX.Element;