@dodoex/widgets 2.6.7 → 3.0.0-beta.1

package/dist/cjs/src/widgets/PoolWidget/PoolList/AddLiquidity.d.ts

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

package/dist/cjs/src/widgets/PoolWidget/PoolList/MyCreated.d.ts

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

package/dist/cjs/src/widgets/PoolWidget/PoolList/MyLiquidity.d.ts

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

package/dist/cjs/src/widgets/PoolWidget/PoolList/components/AddingOrRemovingBtn.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export default function AddingOrRemovingBtn({ text, onClick, }: {
+    text: string;
+    onClick: () => void;
+}): JSX.Element;

package/dist/cjs/src/widgets/PoolWidget/PoolList/components/FilterAddressTags.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+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/cjs/src/widgets/PoolWidget/PoolList/components/FilterTokenTags.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+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/cjs/src/widgets/PoolWidget/PoolList/components/LiquidityTable.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { BoxProps } from '@dodoex/components';
+export default function LiquidityTable({ sx, children, ...props }: BoxProps): JSX.Element;

package/dist/cjs/src/widgets/PoolWidget/PoolList/components/LoadingCard.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { BoxProps } from '@dodoex/components';
+export default function LoadingCard({ sx }: {
+    sx?: BoxProps['sx'];
+}): JSX.Element;

package/dist/cjs/src/widgets/PoolWidget/PoolList/components/PoolApyTooltip.d.ts

@@ -0,0 +1,18 @@
+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;
+    } | undefined | null;
+    hasQuote: boolean;
+    hasMining: boolean;
+    sx?: BoxProps['sx'];
+    children?: React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+}): JSX.Element | null;

package/dist/cjs/src/widgets/PoolWidget/PoolList/components/TokenAndPoolFilter.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+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/cjs/src/widgets/PoolWidget/PoolList/components/TokenListPoolItem.d.ts

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

package/dist/cjs/src/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/cjs/src/widgets/PoolWidget/PoolList/hooks/usePoolListFilterTokenAndPool.d.ts

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

package/dist/cjs/src/widgets/PoolWidget/PoolList/hooks/usePoolListTabs.d.ts

@@ -0,0 +1,15 @@
+export declare enum PoolTab {
+    addLiquidity = "add-liquidity",
+    myLiquidity = "my-liquidity",
+    myCreated = "my-created"
+}
+export declare function usePoolListTabs({ account }: {
+    account?: string;
+}): {
+    poolTab: PoolTab;
+    tabs: {
+        key: PoolTab;
+        value: string;
+    }[];
+    handleChangePoolTab: (poolTab: PoolTab) => void;
+};

package/dist/cjs/src/widgets/PoolWidget/PoolList/index.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export default function PoolList(): JSX.Element;

package/dist/cjs/src/widgets/PoolWidget/PoolModify/SectionTitle.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare function SectionTitle({ titleKey }: {
+    titleKey: string;
+}): JSX.Element;

package/dist/cjs/src/widgets/PoolWidget/PoolModify/index.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export default function gDolModify(): JSX.Element;

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

@@ -0,0 +1,8 @@
+/// <reference types="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;

package/dist/cjs/src/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/cjs/src/widgets/PoolWidget/PoolOperate/AddPoolOperate.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+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/cjs/src/widgets/PoolWidget/PoolOperate/Footer.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import BigNumber from 'bignumber.js';
+import { OperatePool } from './types';
+declare type InputStatus = any;
+export default function Footer({ pool, onSubmit, lqAndDodoCompare, midPrice, isShowCompare, isWarnCompare, disabled, baseInputStatus, quoteInputStatus, submitBtnText, hasFeeTokenSymbol, }: {
+    pool?: OperatePool;
+    onSubmit: () => void;
+    lqAndDodoCompare: number;
+    midPrice?: BigNumber;
+    isShowCompare: boolean;
+    isWarnCompare: boolean;
+    disabled: boolean;
+    baseInputStatus: InputStatus;
+    quoteInputStatus: InputStatus;
+    submitBtnText: string;
+    hasFeeTokenSymbol: string;
+}): JSX.Element;
+export {};

package/dist/cjs/src/widgets/PoolWidget/PoolOperate/LiquidityInfo.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { OperatePool } from './types';
+export interface LiquidityInfoProps {
+    loading?: boolean;
+    hidePoolInfo?: boolean;
+    pool: OperatePool;
+}
+export default function LiquidityInfo({ loading, hidePoolInfo, pool, }: LiquidityInfoProps): JSX.Element;

package/dist/cjs/src/widgets/PoolWidget/PoolOperate/PoolOperateInner.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { OperateTab } from './hooks/usePoolOperateTabs';
+import { OperatePool } from './types';
+export interface PoolOperateInnerProps {
+    pool: OperatePool;
+    operate?: OperateTab;
+    errorRefetch?: () => void;
+}
+export default function PoolOperateInner({ pool, operate, errorRefetch, }: PoolOperateInnerProps): JSX.Element;

package/dist/cjs/src/widgets/PoolWidget/PoolOperate/Ratio.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import BigNumber from 'bignumber.js';
+import { OperatePool } from './types';
+export default function Ratio({ pool, addPortion, midPrice, }: {
+    pool?: OperatePool;
+    addPortion?: BigNumber;
+    midPrice?: BigNumber;
+}): JSX.Element;

package/dist/cjs/src/widgets/PoolWidget/PoolOperate/RemovePoolOperate.d.ts

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

package/dist/cjs/src/widgets/PoolWidget/PoolOperate/SlippageSetting.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { AUTO_SWAP_SLIPPAGE_PROTECTION } from '../../../constants/pool';
+interface Props {
+    value: number | typeof AUTO_SWAP_SLIPPAGE_PROTECTION;
+    onChange: (val: number | typeof AUTO_SWAP_SLIPPAGE_PROTECTION) => void;
+}
+export declare const useSlipper: ({ address }: {
+    address?: string | undefined;
+}) => {
+    slipper: number | "auto";
+    setSlipper: import("react").Dispatch<import("react").SetStateAction<number | "auto">>;
+    slipperValue: number;
+    resetSlipper: () => void;
+};
+export default function SlippageSetting({ disabled, ...attrs }: Props & {
+    disabled?: boolean;
+}): JSX.Element;
+export {};

package/dist/cjs/src/widgets/PoolWidget/PoolOperate/components/ComparePrice.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+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/cjs/src/widgets/PoolWidget/PoolOperate/components/LiquidityInfo.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+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/cjs/src/widgets/PoolWidget/PoolOperate/components/OperateBtn.d.ts

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

package/dist/cjs/src/widgets/PoolWidget/PoolOperate/components/Ratio.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import BigNumber from 'bignumber.js';
+import { OperatePool } from '../types';
+export default function Ratio({ pool, addPortion, midPrice, }: {
+    pool?: OperatePool;
+    addPortion?: BigNumber;
+    midPrice?: BigNumber;
+}): JSX.Element;

package/dist/cjs/src/widgets/PoolWidget/PoolOperate/components/SliderPercentageCard.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+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/cjs/src/widgets/PoolWidget/PoolOperate/components/SlippageSetting.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { AUTO_SWAP_SLIPPAGE_PROTECTION } from '../../../../constants/pool';
+interface Props {
+    value: number | typeof AUTO_SWAP_SLIPPAGE_PROTECTION;
+    onChange: (val: number | typeof AUTO_SWAP_SLIPPAGE_PROTECTION) => void;
+}
+export declare const useSlipper: ({ address }: {
+    address?: string | undefined;
+}) => {
+    slipper: number | "auto";
+    setSlipper: import("react").Dispatch<import("react").SetStateAction<number | "auto">>;
+    slipperValue: number;
+    resetSlipper: () => void;
+};
+export default function SlippageSetting({ disabled, ...attrs }: Props & {
+    disabled?: boolean;
+}): JSX.Element;
+export {};

package/dist/cjs/src/widgets/PoolWidget/PoolOperate/components/TokenList.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { usePoolBalanceInfo } from '../../hooks/usePoolBalanceInfo';
+import { CheckTokenType } from '../hooks/useCheckToken';
+import { OperatePool } from '../types';
+export default function TokenList({ pool, checkTokenType, setCheckToken, balanceInfo, baseTokenBalanceUpdateLoading, quoteBalanceUpdateLoading, }: {
+    pool?: OperatePool;
+    checkTokenType: CheckTokenType;
+    setCheckToken: (checkTokenType: CheckTokenType) => void;
+    balanceInfo?: ReturnType<typeof usePoolBalanceInfo>;
+    baseTokenBalanceUpdateLoading: boolean;
+    quoteBalanceUpdateLoading: boolean;
+}): JSX.Element | null;

package/dist/cjs/src/widgets/PoolWidget/PoolOperate/hooks/useCheckToken.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { TokenInfo } from '../../../../hooks/Token';
+import { OperatePool } from '../types';
+export declare enum CheckTokenType {
+    base = 1,
+    quote = 2
+}
+export declare const useCheckToken: (pool?: OperatePool) => {
+    isBase: boolean | undefined;
+    checkToken: TokenInfo | undefined;
+    checkTokenType: CheckTokenType;
+    setCheckToken: React.Dispatch<React.SetStateAction<CheckTokenType>>;
+};

package/dist/cjs/src/widgets/PoolWidget/PoolOperate/hooks/useComparePrice.d.ts

@@ -0,0 +1,19 @@
+import BigNumber from 'bignumber.js';
+import { TokenInfo } from '../../../../hooks/Token';
+export declare function useDODOPrice({ baseToken, quoteToken, }: {
+    baseToken?: TokenInfo;
+    quoteToken?: TokenInfo;
+}): {
+    comparePrice: BigNumber | null;
+    comparePriceText: string;
+    loading: boolean;
+};
+export declare const lqAndDodoCompareSmallNum = 0.01;
+export declare const lqAndDodoCompareWarningNum = 0.03;
+export declare const useComparePrice: (baseToken?: TokenInfo, quoteToken?: TokenInfo, midPrice?: BigNumber) => {
+    lqAndDodoCompare: number;
+    lqAndDodoCompareText: string;
+    midPrice: BigNumber | undefined;
+    isShowCompare: boolean;
+    isWarnCompare: boolean;
+};

package/dist/cjs/src/widgets/PoolWidget/PoolOperate/hooks/useLiquidityOperateAmount.d.ts

@@ -0,0 +1,46 @@
+import BigNumber from 'bignumber.js';
+import { OperatePool } from '../types';
+export declare function useLiquidityOperateAmount({ pool, maxBaseAmount, maxQuoteAmount, }: {
+    pool: OperatePool;
+    maxBaseAmount?: BigNumber | null;
+    maxQuoteAmount?: BigNumber | null;
+}): {
+    baseAmount: string;
+    quoteAmount: string;
+    handleChangeBaseAmount: () => void;
+    handleChangeQuoteAmount: () => void;
+    reset: () => void;
+    addPortion?: undefined;
+    amountLoading?: undefined;
+    amountError?: undefined;
+    amountRefetch?: undefined;
+    amountCheckedDisabled?: undefined;
+    midPrice?: undefined;
+} | {
+    baseAmount: string;
+    quoteAmount: string;
+    handleChangeBaseAmount: (newValue: string) => void;
+    handleChangeQuoteAmount: (newValue: string) => void;
+    reset: () => void;
+    addPortion: BigNumber;
+    amountLoading: false;
+    amountError: boolean;
+    amountRefetch: (options?: import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa")._ | undefined) => Promise<import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").ae<{
+        midPrice: BigNumber | undefined;
+        pmmParamsBG: {
+            q: BigNumber;
+            b: BigNumber;
+            k: BigNumber;
+            i: BigNumber;
+            b0: BigNumber;
+            q0: BigNumber;
+            R: number;
+            lpFeeRate: BigNumber | undefined;
+            mtFeeRate: BigNumber | undefined;
+        };
+        baseReserve: BigNumber;
+        quoteReserve: BigNumber;
+    } | null, Error>>;
+    amountCheckedDisabled: boolean;
+    midPrice: BigNumber | undefined;
+};

package/dist/cjs/src/widgets/PoolWidget/PoolOperate/hooks/usePercentageRemove.d.ts

@@ -0,0 +1,26 @@
+import BigNumber from 'bignumber.js';
+import { OperatePool } from '../types';
+export declare const initSliderPercentage = 50;
+export declare enum RemoveMode {
+    quantity = 1,
+    percentage = 2
+}
+export declare function usePercentageRemove({ isBase, pool, baseOverride, quoteOverride, resetAmount, handleChangeBaseAmount, handleChangeQuoteAmount, }: {
+    isBase: boolean | undefined;
+    pool: OperatePool | undefined;
+    baseOverride: BigNumber | undefined | null;
+    quoteOverride: BigNumber | undefined | null;
+    resetAmount: () => void;
+    handleChangeBaseAmount: (val: string) => void;
+    handleChangeQuoteAmount: (val: string) => void;
+}): {
+    mode: RemoveMode;
+    modeOptions: {
+        key: RemoveMode;
+        value: string;
+    }[];
+    handleChangeMode: (mode: RemoveMode) => void;
+    sliderPercentage: number;
+    handleChangeSliderPercentage: (val: number) => void;
+    resetPercentage: () => void;
+};

package/dist/cjs/src/widgets/PoolWidget/PoolOperate/hooks/usePoolOperateTabs.d.ts

@@ -0,0 +1,12 @@
+export declare enum OperateTab {
+    Add = 1,
+    Remove = 2
+}
+export declare function usePoolOperateTabs(defaultValue?: OperateTab): {
+    operateTab: OperateTab;
+    operateTabs: {
+        key: OperateTab;
+        value: string;
+    }[];
+    handleChangeTab: (poolTab: OperateTab) => void;
+};

package/dist/cjs/src/widgets/PoolWidget/PoolOperate/hooks/usePoolOrMiningTabs.d.ts

@@ -0,0 +1,14 @@
+export declare enum PoolOrMiningTab {
+    Liquidity = 1,
+    Mining = 2
+}
+export declare function usePoolOrMiningTabs({ hasMining }: {
+    hasMining?: boolean;
+}): {
+    poolOrMiningTab: PoolOrMiningTab;
+    poolOrMiningTabs: {
+        key: PoolOrMiningTab;
+        value: string;
+    }[];
+    handleChangeTab: (poolTab: PoolOrMiningTab) => void;
+};

package/dist/cjs/src/widgets/PoolWidget/PoolOperate/hooks/useRemoveLiquidityTokenStatus.d.ts

@@ -0,0 +1,33 @@
+import { usePoolBalanceInfo } from '../../hooks/usePoolBalanceInfo';
+import { OperatePool } from '../types';
+export declare function useRemoveLiquidityTokenStatus({ pool, baseAmount, quoteAmount, balanceInfo, }: {
+    pool: OperatePool | undefined;
+    baseAmount: string;
+    quoteAmount: string;
+    balanceInfo: ReturnType<typeof usePoolBalanceInfo>;
+}): {
+    baseTokenStatus: {
+        isApproving: boolean;
+        isGetApproveLoading: boolean;
+        needApprove: boolean;
+        needReset: boolean | undefined;
+        needShowTokenStatusButton: boolean;
+        insufficientBalance: boolean;
+        loading: boolean;
+        approveTitle: string;
+        submitApprove: () => Promise<void>;
+        getMaxBalance: () => string;
+    };
+    quoteTokenStatus: {
+        isApproving: boolean;
+        isGetApproveLoading: boolean;
+        needApprove: boolean;
+        needReset: boolean | undefined;
+        needShowTokenStatusButton: boolean;
+        insufficientBalance: boolean;
+        loading: boolean;
+        approveTitle: string;
+        submitApprove: () => Promise<void>;
+        getMaxBalance: () => string;
+    };
+};

package/dist/cjs/src/widgets/PoolWidget/PoolOperate/index.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { BoxProps } from '@dodoex/components';
+import { PoolOperateInnerProps } from './PoolOperateInner';
+export interface PoolOperateProps {
+    onClose?: () => void;
+    account: string | undefined;
+    pool?: PoolOperateInnerProps['pool'];
+    address?: string;
+    operate?: PoolOperateInnerProps['operate'];
+    chainId?: number;
+    hasMining?: boolean;
+    sx?: BoxProps['sx'];
+}
+export default function PoolOperate({ sx, ...props }: PoolOperateProps): JSX.Element;

package/dist/cjs/src/widgets/PoolWidget/PoolOperate/types.d.ts

@@ -0,0 +1,17 @@
+import { PoolType } from '@dodoex/api';
+import { TokenInfo } from '../../../hooks/Token';
+export declare type OperatePool = {
+    address: string;
+    chainId: number;
+    baseToken: TokenInfo;
+    quoteToken: TokenInfo;
+    baseLpToken?: {
+        id: string;
+    };
+    quoteLpToken?: {
+        id: string;
+    };
+    type: PoolType;
+    owner?: string;
+    creator: string;
+} | undefined;