@dodoex/widgets 2.6.7 → 3.0.0-beta.0

package/dist/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/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/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/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/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

@@ -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/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

@@ -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/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/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

@@ -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/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;

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>;
+};

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

@@ -0,0 +1,36 @@
+import { PoolType } from '@dodoex/api';
+import BigNumber from 'bignumber.js';
+import { TokenInfo } from '../../../../hooks/Token';
+import { usePoolBalanceInfo } from '../usePoolBalanceInfo';
+export interface SubmitLiquidityParams {
+    balanceInfo?: ReturnType<typeof usePoolBalanceInfo>;
+    baseAmount: string;
+    quoteAmount: string;
+    slippageProtection: number;
+    SLIPPAGE_PROTECTION: number;
+    txTitle: string;
+    isRemove?: boolean;
+    submittedBack?: () => void;
+    successBack?: () => void;
+    withdrawInfo?: {
+        withdrawFee: string;
+        receiveBaseAmount: string;
+        receiveQuoteAmount: string;
+        receiveAmountBg: BigNumber | undefined;
+    };
+}
+export declare const useOperateLiquidity: (pool?: {
+    chainId: number;
+    address: string;
+    type: PoolType;
+    baseToken: TokenInfo;
+    quoteToken: TokenInfo;
+    baseLpToken?: {
+        id: string;
+    };
+    quoteLpToken?: {
+        id: string;
+    };
+}) => {
+    operateLiquidityMutation: import("@tanstack/react-query/build/legacy/types").UseMutationResult<void, Error, SubmitLiquidityParams, unknown>;
+};

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

@@ -0,0 +1,33 @@
+import { PoolType } from '@dodoex/api';
+import BigNumber from 'bignumber.js';
+export declare const useWithdrawInfo: ({ pool, isBase, baseAmount, quoteAmount, }: {
+    pool?: {
+        chainId: number;
+        address: string;
+        type: PoolType;
+        baseToken: {
+            symbol: string;
+            decimals: number;
+        };
+        quoteToken: {
+            symbol: string;
+            decimals: number;
+        };
+    } | undefined;
+    isBase?: boolean | undefined;
+    baseAmount: string;
+    quoteAmount: string;
+}) => {
+    withdrawFee: string;
+    baseWithdrawFee: string;
+    quoteWithdrawFee: string;
+    receiveBaseAmount: string;
+    receiveQuoteAmount: string;
+    receiveAmountBg: BigNumber | undefined;
+    receiveList: {
+        amount: string;
+        symbol: string;
+    }[];
+    loading: boolean;
+    error: Error | null;
+};

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

@@ -0,0 +1,48 @@
+import { PoolType } from '@dodoex/api';
+import { BigNumber } from 'bignumber.js';
+import { TokenInfo } from '../../../hooks/Token';
+declare 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): BigNumber | null | undefined;
+export declare function usePoolBalanceInfo({ account, pool, }: {
+    account?: string;
+    pool?: {
+        address: string;
+        chainId: number;
+        baseToken: TokenInfo;
+        quoteToken: TokenInfo;
+        type: PoolType;
+    };
+}): {
+    /** existing base lp balance */
+    totalBaseLpBalance: BigNumber | null | undefined;
+    /** existing quote lp balance */
+    totalQuoteLpBalance: BigNumber | null | undefined;
+    /** the total deposited base lp balance */
+    baseReserve: BigNumber | undefined;
+    /** the total deposited quote lp balance */
+    quoteReserve: BigNumber | undefined;
+    /** classical base equilibrium target */
+    classicalBaseTarget: BigNumber | undefined;
+    /** classical quote equilibrium target */
+    classicalQuoteTarget: BigNumber | undefined;
+    /** the user's existing base lp balance */
+    userBaseLpBalance: Balance;
+    /** the user's existing quote lp balance */
+    userQuoteLpBalance: Balance;
+    /** The number of base that can be obtained when a user withdraws from the pool */
+    userBaseLpToTokenBalance: BigNumber | null | undefined;
+    /** The number of quote that can be obtained when a user withdraws from the pool */
+    userQuoteLpToTokenBalance: BigNumber | null | undefined;
+    baseLpToTokenProportion: BigNumber | undefined;
+    quoteLpToTokenProportion: BigNumber | undefined;
+    isSinglePool: boolean;
+    userLpBalanceLoading: boolean;
+    userLpToTokenBalanceLoading: boolean;
+    userLpBalanceError: boolean;
+    userLpToTokenBalanceError: boolean;
+    userLpToTokenBalanceRefetch: () => void;
+    error: boolean;
+    loading: boolean;
+    refetch: () => void;
+};
+export {};