@dodoex/widgets 2.6.6 → 3.0.0-beta.0

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

@@ -0,0 +1,12 @@
+import { ChainId } from '../../../constants/chains';
+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/src/widgets/PoolWidget/PoolList/MyCreated.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { ChainId } from '../../../constants/chains';
+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/src/widgets/PoolWidget/PoolList/MyLiquidity.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { ChainId } from '../../../constants/chains';
+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/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/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/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/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/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/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/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/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/src/widgets/PoolWidget/PoolList/hooks/usePoolListFilterChainId.d.ts

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

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

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

package/dist/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/src/widgets/PoolWidget/PoolModify/index.d.ts

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

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

@@ -1,8 +1,9 @@
 /// <reference types="react" />
 import { OperatePool } from './types';
-export declare function AddPoolOperate({ refetch, submittedBack, onlyShowSide, pool, }: {
-    refetch?: () => void;
+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/src/widgets/PoolWidget/PoolOperate/PoolOperateInner.d.ts

@@ -1,6 +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 }: PoolOperateInnerProps): JSX.Element;
+export default function PoolOperateInner({ pool, operate, errorRefetch, }: PoolOperateInnerProps): JSX.Element;

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

@@ -2,8 +2,8 @@ import BigNumber from 'bignumber.js';
 import { OperatePool } from '../types';
 export declare function useLiquidityOperateAmount({ pool, maxBaseAmount, maxQuoteAmount, }: {
     pool: OperatePool;
-    maxBaseAmount?: BigNumber;
-    maxQuoteAmount?: BigNumber;
+    maxBaseAmount?: BigNumber | null;
+    maxQuoteAmount?: BigNumber | null;
 }): {
     baseAmount: string;
     quoteAmount: string;
@@ -14,6 +14,7 @@ export declare function useLiquidityOperateAmount({ pool, maxBaseAmount, maxQuot
     amountLoading?: undefined;
     amountError?: undefined;
     amountRefetch?: undefined;
+    amountCheckedDisabled?: undefined;
     midPrice?: undefined;
 } | {
     baseAmount: string;
@@ -40,5 +41,6 @@ export declare function useLiquidityOperateAmount({ pool, maxBaseAmount, maxQuot
         baseReserve: BigNumber;
         quoteReserve: BigNumber;
     } | null, Error>>;
+    amountCheckedDisabled: boolean;
     midPrice: BigNumber | undefined;
 };

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

@@ -2,7 +2,7 @@ export declare enum OperateTab {
     Add = 1,
     Remove = 2
 }
-export declare function usePoolOperateTabs(): {
+export declare function usePoolOperateTabs(defaultValue?: OperateTab): {
     operateTab: OperateTab;
     operateTabs: {
         key: OperateTab;

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

@@ -2,7 +2,9 @@ export declare enum PoolOrMiningTab {
     Liquidity = 1,
     Mining = 2
 }
-export declare function usePoolOrMiningTabs(): {
+export declare function usePoolOrMiningTabs({ hasMining }: {
+    hasMining?: boolean;
+}): {
     poolOrMiningTab: PoolOrMiningTab;
     poolOrMiningTabs: {
         key: PoolOrMiningTab;

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

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

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

@@ -7,11 +7,9 @@ export declare type OperatePool = {
     quoteToken: TokenInfo;
     baseLpToken?: {
         id: string;
-        decimals: number;
     };
     quoteLpToken?: {
         id: string;
-        decimals: number;
     };
     type: PoolType;
     owner?: string;

package/dist/src/widgets/PoolWidget/hooks/contract/getModifyDPPPoolParams.d.ts

@@ -0,0 +1,86 @@
+import BigNumber from 'bignumber.js';
+import { TokenInfo } from '../../../../hooks/Token';
+interface ModifyPool {
+    address: string;
+    baseReserve: string | BigNumber;
+    quoteReserve: string | BigNumber;
+    feeRate: string;
+    i: number;
+    k: number;
+}
+export declare function useDiffer({ srcPool, newPool, }: {
+    srcPool?: ModifyPool;
+    newPool: {
+        baseToken: TokenInfo;
+        quoteToken: TokenInfo;
+        baseAmount: string;
+        quoteAmount: string;
+        feeRate: string;
+        initPrice: string;
+        slippageCoefficient: string;
+    };
+}): {
+    baseAmount: {
+        now: BigNumber;
+        target: BigNumber;
+        isChange: boolean;
+        change: BigNumber;
+        changeText: string;
+        isAdd: boolean;
+        isRemove: boolean;
+    };
+    quoteAmount: {
+        now: BigNumber;
+        target: BigNumber;
+        isChange: boolean;
+        change: BigNumber;
+        changeText: string;
+        isAdd: boolean;
+        isRemove: boolean;
+    };
+    feeRate: {
+        now: BigNumber;
+        target: BigNumber;
+        isChange: boolean;
+        change: BigNumber;
+        changeText: string;
+        isAdd: boolean;
+        isRemove: boolean;
+    };
+    initPrice: {
+        now: BigNumber;
+        target: BigNumber;
+        isChange: boolean;
+        change: BigNumber;
+        changeText: string;
+        isAdd: boolean;
+        isRemove: boolean;
+    };
+    slippageCoefficient: {
+        now: BigNumber;
+        target: BigNumber;
+        isChange: boolean;
+        change: BigNumber;
+        changeText: string;
+        isAdd: boolean;
+        isRemove: boolean;
+    };
+} | null;
+export declare const getModifyDPPPoolParams: ({ chainId, account, srcPool, baseToken, quoteToken, baseAmount, quoteAmount, feeRate, initPrice, slippageCoefficient, SLIPPAGE_PROTECTION, }: {
+    chainId?: number | undefined;
+    account?: string | undefined;
+    srcPool?: ModifyPool | undefined;
+    baseToken: TokenInfo;
+    quoteToken: TokenInfo;
+    baseAmount: string;
+    quoteAmount: string;
+    feeRate: string;
+    initPrice: string;
+    slippageCoefficient: string;
+    SLIPPAGE_PROTECTION: number;
+}) => Promise<{
+    data: string;
+    to: string;
+    value?: string | number | undefined;
+} | null>;
+export {};

package/dist/src/widgets/PoolWidget/hooks/contract/useModifyDppPool.d.ts

@@ -0,0 +1,22 @@
+import { PoolType } from '@dodoex/api';
+import { TokenInfo } from '../../../../hooks/Token';
+export declare function useModifyDppPool({ pool, }: {
+    pool?: {
+        chainId: number;
+        address: string;
+        type: PoolType;
+        baseToken: TokenInfo;
+        quoteToken: TokenInfo;
+    };
+}): {
+    modifyDPPMutation: import("@tanstack/react-query/build/legacy/types").UseMutationResult<import("../../../../hooks/Submission/types").ExecutionResult, Error, {
+        baseAmount: string;
+        quoteAmount: string;
+        isRemove?: boolean | undefined;
+        feeRate?: string | undefined;
+        initPrice?: string | undefined;
+        slippageCoefficient?: string | undefined;
+        txTitle: string;
+        submittedBack?: (() => void) | undefined;
+    }, unknown>;
+};