@dodoex/widgets 3.16.0 → 3.18.0

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

@@ -48,6 +48,7 @@ export declare function usePoolSwapList({ chainId, address, first, }: {
     isPaused: boolean;
     isRefetching: boolean;
     isStale: boolean;
+    isEnabled: boolean;
     refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@dodoex/api/dist/types/gql/graphql").FetchPoolSwapListQuery, Error>>;
     fetchStatus: import("@tanstack/react-query").FetchStatus;
     promise: Promise<import("@dodoex/api/dist/types/gql/graphql").FetchPoolSwapListQuery>;
@@ -97,6 +98,7 @@ export declare function usePoolSwapList({ chainId, address, first, }: {
     isPaused: boolean;
     isRefetching: boolean;
     isStale: boolean;
+    isEnabled: boolean;
     refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@dodoex/api/dist/types/gql/graphql").FetchPoolSwapListQuery, Error>>;
     fetchStatus: import("@tanstack/react-query").FetchStatus;
     promise: Promise<import("@dodoex/api/dist/types/gql/graphql").FetchPoolSwapListQuery>;
@@ -146,6 +148,7 @@ export declare function usePoolSwapList({ chainId, address, first, }: {
     isPaused: boolean;
     isRefetching: boolean;
     isStale: boolean;
+    isEnabled: boolean;
     refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@dodoex/api/dist/types/gql/graphql").FetchPoolSwapListQuery, Error>>;
     fetchStatus: import("@tanstack/react-query").FetchStatus;
     promise: Promise<import("@dodoex/api/dist/types/gql/graphql").FetchPoolSwapListQuery>;
@@ -195,6 +198,7 @@ export declare function usePoolSwapList({ chainId, address, first, }: {
     isPaused: boolean;
     isRefetching: boolean;
     isStale: boolean;
+    isEnabled: boolean;
     refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@dodoex/api/dist/types/gql/graphql").FetchPoolSwapListQuery, Error>>;
     fetchStatus: import("@tanstack/react-query").FetchStatus;
     promise: Promise<import("@dodoex/api/dist/types/gql/graphql").FetchPoolSwapListQuery>;
@@ -244,6 +248,7 @@ export declare function usePoolSwapList({ chainId, address, first, }: {
     isPaused: boolean;
     isRefetching: boolean;
     isStale: boolean;
+    isEnabled: boolean;
     refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@dodoex/api/dist/types/gql/graphql").FetchPoolSwapListQuery, Error>>;
     fetchStatus: import("@tanstack/react-query").FetchStatus;
     promise: Promise<import("@dodoex/api/dist/types/gql/graphql").FetchPoolSwapListQuery>;
@@ -293,6 +298,7 @@ export declare function usePoolSwapList({ chainId, address, first, }: {
     isPaused: boolean;
     isRefetching: boolean;
     isStale: boolean;
+    isEnabled: boolean;
     refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@dodoex/api/dist/types/gql/graphql").FetchPoolSwapListQuery, Error>>;
     fetchStatus: import("@tanstack/react-query").FetchStatus;
     promise: Promise<import("@dodoex/api/dist/types/gql/graphql").FetchPoolSwapListQuery>;

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

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

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

@@ -1,8 +1,9 @@
 import { ChainId } from '@dodoex/api';
 import React from 'react';
-import { PoolOperateProps } from '../PoolOperate';
 import { TokenAndPoolFilterUserOptions } from './hooks/usePoolListFilterTokenAndPool';
-export default function AddLiquidityList({ scrollParentRef, filterChainIds, activeChainId, handleChangeActiveChainId, operatePool, setOperatePool, tokenAndPoolFilter, getMigrationPairAndMining, children, }: {
+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[];
@@ -11,9 +12,6 @@ export default function AddLiquidityList({ scrollParentRef, filterChainIds, acti
     operatePool: Partial<PoolOperateProps> | null;
     setOperatePool: (operate: Partial<PoolOperateProps> | null) => void;
     tokenAndPoolFilter?: TokenAndPoolFilterUserOptions;
-    getMigrationPairAndMining?: (p: {
-        address: string;
-        chainId: number;
-    }) => void;
-    children?: React.ReactNode;
+    getMigrationPairAndMining?: GetMigrationPairAndMining;
+    supportAMMIcon?: boolean;
 }): React.JSX.Element;

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

@@ -1,12 +1,17 @@
 import { ChainId } from '@dodoex/api';
 import React from 'react';
 import { PoolOperateProps } from '../PoolOperate';
-export default function MyCreated({ account, filterChainIds, activeChainId, handleChangeActiveChainId, operatePool, setOperatePool, children, }: {
+export type OnModifyGspPool = (params: {
+    chainId: number;
+    address: string;
+}) => void;
+export default function MyCreated({ account, filterChainIds, activeChainId, handleChangeActiveChainId, operatePool, setOperatePool, supportAMMIcon, onModifyGspPool, }: {
     account?: string;
     filterChainIds?: ChainId[];
     activeChainId: ChainId | undefined;
     handleChangeActiveChainId: (chainId: number | undefined) => void;
     operatePool: Partial<PoolOperateProps> | null;
     setOperatePool: (operate: Partial<PoolOperateProps> | null) => void;
-    children?: React.ReactNode;
+    supportAMMIcon?: boolean;
+    onModifyGspPool?: OnModifyGspPool;
 }): React.JSX.Element;

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

@@ -1,18 +1,16 @@
 import { ChainId } from '@dodoex/api';
 import React from 'react';
-import { PoolOperateProps } from '../PoolOperate';
 import { TokenAndPoolFilterUserOptions } from './hooks/usePoolListFilterTokenAndPool';
-export default function MyLiquidity({ account, filterChainIds, activeChainId, handleChangeActiveChainId, operatePool, setOperatePool, getMigrationPairAndMining, tokenAndPoolFilter, children, }: {
+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?: (p: {
-        address: string;
-        chainId: number;
-    }) => void;
+    getMigrationPairAndMining?: GetMigrationPairAndMining;
     tokenAndPoolFilter?: TokenAndPoolFilterUserOptions;
-    children?: React.ReactNode;
+    supportAMMIcon?: boolean;
 }): React.JSX.Element;

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

@@ -1,6 +1,4 @@
-import { PageType } from '../../../../router';
-export default function GoPoolDetailBtn({ chainId, address, type, }: {
+export default function GoPoolDetailBtn({ chainId, address, }: {
     chainId: number;
     address: string;
-    type?: PageType.PoolDetail | PageType.CurvePoolDetail;
 }): import("react").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) => import("react").JSX.Element;

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

@@ -1,24 +1,16 @@
-export declare enum PoolTokenTab {
-    ALM = "ALM",
-    NORMAL = "NORMAL",
-    MULTI_TOKEN = "MULTI_TOKEN"
-}
 export declare enum PoolTab {
     addLiquidity = "add-liquidity",
     myLiquidity = "my-liquidity",
     myCreated = "my-created"
 }
-export declare function usePoolListTabs(): {
+export declare function usePoolListTabs({ account, paramsTab, }: {
+    account?: string;
+    paramsTab: PoolTab | undefined;
+}): {
     poolTab: PoolTab;
-    poolTabs: {
+    tabs: {
         key: PoolTab;
         value: string;
     }[];
-    poolTokenTab: PoolTokenTab;
-    poolTokenTabs: {
-        key: PoolTokenTab;
-        value: string;
-    }[];
-    handleChangePoolTab: (tab: PoolTab) => void;
-    handleChangeTokenTab: (tab: PoolTokenTab) => void;
+    handleChangePoolTab: (poolTab: PoolTab) => void;
 };

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

@@ -1,15 +1,14 @@
 import React from 'react';
 import { Page, PageType } from '../../../router/types';
-import { PoolOperateProps } from '../PoolOperate';
+import { GetMigrationPairAndMining, ShowMigrationPairAndMining } from '../PoolOperate/types';
 import { TokenAndPoolFilterUserOptions } from './hooks/usePoolListFilterTokenAndPool';
-export default function PoolList({ params, scrollRef: scrollParentRefProps, tokenAndPoolFilter, operatePool: operatePoolProps, onOperatePool, getMigrationPairAndMining, }: {
+import { OnModifyGspPool } from './MyCreated';
+export default function PoolList({ params, scrollRef: scrollParentRefProps, tokenAndPoolFilter, getMigrationPairAndMining, showMigrationPairAndMining, supportAMMIcon, onModifyGspPool, }: {
     params?: Page<PageType.Pool>['params'];
     scrollRef?: React.RefObject<any>;
     tokenAndPoolFilter?: TokenAndPoolFilterUserOptions;
-    operatePool?: Partial<PoolOperateProps> | null;
-    onOperatePool?: (pool: Partial<PoolOperateProps> | null) => boolean;
-    getMigrationPairAndMining?: (p: {
-        address: string;
-        chainId: number;
-    }) => void;
+    getMigrationPairAndMining?: GetMigrationPairAndMining;
+    showMigrationPairAndMining?: ShowMigrationPairAndMining;
+    supportAMMIcon?: boolean;
+    onModifyGspPool?: OnModifyGspPool;
 }): React.JSX.Element;

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

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

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

@@ -1,9 +1,13 @@
 import React from 'react';
-import { usePoolBalanceInfo } from '../hooks/usePoolBalanceInfo';
 import { OperatePool } from './types';
-export declare function AddPoolOperate({ submittedBack: submittedBackProps, onlyShowSide, pool, balanceInfo, }: {
+import { usePoolBalanceInfo } from '../hooks/usePoolBalanceInfo';
+import BigNumber from 'bignumber.js';
+export declare function AddPoolOperate({ submittedBack: submittedBackProps, onlyShowSide, pool, balanceInfo, baseReserve, quoteReserve, totalSupplyBG }: {
     submittedBack?: () => void;
     onlyShowSide?: 'base' | 'quote';
     pool?: OperatePool;
     balanceInfo: ReturnType<typeof usePoolBalanceInfo>;
+    baseReserve?: BigNumber;
+    quoteReserve?: BigNumber;
+    totalSupplyBG?: BigNumber;
 }): React.JSX.Element;

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

@@ -1,10 +1,12 @@
 import { OperateTab } from './hooks/usePoolOperateTabs';
-import { OperatePool } from './types';
+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, }: PoolOperateInnerProps): import("react").JSX.Element;
+export default function PoolOperateInner({ pool, operate, hidePoolInfo, errorRefetch, submittedBack, getMigrationPairAndMining, showMigrationPairAndMining, }: PoolOperateInnerProps): import("react").JSX.Element;

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

@@ -1,9 +1,11 @@
 import React from 'react';
+import { GetMigrationPairAndMining, OperatePool, ShowMigrationPairAndMining } from './types';
 import { usePoolBalanceInfo } from '../hooks/usePoolBalanceInfo';
-import { OperatePool } from './types';
-export declare function RemovePoolOperate({ submittedBack: submittedBackProps, onlyShowSide, pool, balanceInfo, }: {
+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;
 }): React.JSX.Element;

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

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

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

@@ -1,8 +1,12 @@
 import BigNumber from 'bignumber.js';
 import { OperatePool } from '../types';
-export default function Ratio({ pool, addPortion, midPrice, shareOfPool, }: {
+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;
 }): import("react").JSX.Element;

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

@@ -3,7 +3,7 @@ import { AUTO_SWAP_SLIPPAGE_PROTECTION } from '../../../../constants/pool';
 import { PoolType } from '@dodoex/api';
 export declare const useSlipper: ({ address, type, }: {
     address?: string;
-    type?: "AMMV2" | "AMMV3";
+    type?: PoolType;
 }) => {
     slipper: number | "auto";
     setSlipper: import("react").Dispatch<import("react").SetStateAction<number | "auto">>;

package/dist/types/widgets/PoolWidget/PoolOperate/hooks/useRemoveLiquidityTokenStatus.d.ts

@@ -1,4 +1,3 @@
-import BigNumber from 'bignumber.js';
 import { usePoolBalanceInfo } from '../../hooks/usePoolBalanceInfo';
 import { OperatePool } from '../types';
 export declare function useRemoveLiquidityTokenStatus({ pool, baseAmount, quoteAmount, balanceInfo, }: {
@@ -8,9 +7,7 @@ export declare function useRemoveLiquidityTokenStatus({ pool, baseAmount, quoteA
     balanceInfo: ReturnType<typeof usePoolBalanceInfo>;
 }): {
     baseTokenStatus: {
-        token: (Pick<import("../../../..").TokenInfo, "chainId" | "address"> & {
-            symbol?: string;
-        }) | null | undefined;
+        token: import("../../../..").TokenInfo | null | undefined;
         isApproving: boolean;
         isGetApproveLoading: boolean;
         needApprove: boolean;
@@ -21,32 +18,9 @@ export declare function useRemoveLiquidityTokenStatus({ pool, baseAmount, quoteA
         approveTitle: string;
         submitApprove: () => Promise<void>;
         getMaxBalance: () => string;
-        tokenQuery: import("@tanstack/react-query").UseQueryResult<{
-            symbol: string;
-            address: string;
-            name: string;
-            decimals: number;
-            balance: BigNumber;
-            allowance: BigNumber;
-            account: string;
-            spender: string | undefined;
-            chainId: number;
-        } | {
-            address: string;
-            decimals: number;
-            symbol: string;
-            name: string;
-            balance: BigNumber;
-            spender: string | undefined;
-            allowance: BigNumber;
-            chainId: number;
-            account?: undefined;
-        } | null, Error>;
     };
     quoteTokenStatus: {
-        token: (Pick<import("../../../..").TokenInfo, "chainId" | "address"> & {
-            symbol?: string;
-        }) | null | undefined;
+        token: import("../../../..").TokenInfo | null | undefined;
         isApproving: boolean;
         isGetApproveLoading: boolean;
         needApprove: boolean;
@@ -57,26 +31,5 @@ export declare function useRemoveLiquidityTokenStatus({ pool, baseAmount, quoteA
         approveTitle: string;
         submitApprove: () => Promise<void>;
         getMaxBalance: () => string;
-        tokenQuery: import("@tanstack/react-query").UseQueryResult<{
-            symbol: string;
-            address: string;
-            name: string;
-            decimals: number;
-            balance: BigNumber;
-            allowance: BigNumber;
-            account: string;
-            spender: string | undefined;
-            chainId: number;
-        } | {
-            address: string;
-            decimals: number;
-            symbol: string;
-            name: string;
-            balance: BigNumber;
-            spender: string | undefined;
-            allowance: BigNumber;
-            chainId: number;
-            account?: undefined;
-        } | null, Error>;
     };
 };

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

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

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

@@ -20,3 +20,15 @@ export type OperatePool = {
     lpFeeRate?: string;
     liquidityPositions?: ExcludeNone<ExcludeNone<FetchMyLiquidityListLqList>[0]>['liquidityPositions'];
 } | undefined;
+export interface LiquidityMigrationInfo {
+    chainId: number;
+    miningContractAddress: string;
+    stakeTokenAddress: string;
+    newMiningContractAddress: string;
+    newStakeTokenAddress: string;
+}
+export type GetMigrationPairAndMining = (p: {
+    address: string;
+    chainId: number;
+}) => LiquidityMigrationInfo | undefined;
+export type ShowMigrationPairAndMining = (p: LiquidityMigrationInfo) => void;

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

@@ -9,7 +9,7 @@ export declare function useModifyDppPool({ pool, }: {
         quoteToken: TokenInfo;
     };
 }): {
-    modifyDPPMutation: import("@tanstack/react-query").UseMutationResult<import("../../../../hooks/Submission/types").ExecutionResult, Error, {
+    modifyDPPMutation: import("@tanstack/react-query").UseMutationResult<import("../../../../hooks/Submission/types").ExecutionResult | undefined, Error, {
         baseAmount: string;
         quoteAmount: string;
         isRemove?: boolean;

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

@@ -9,4 +9,4 @@ export declare function useAMMV2AddLiquidity({ baseToken, quoteToken, baseAmount
     isExists?: boolean;
     successBack?: () => void;
     submittedBack?: () => void;
-}): import("@tanstack/react-query").UseMutationResult<import("../../../hooks/Submission/types").ExecutionResult, Error, void, unknown>;
+}): import("@tanstack/react-query").UseMutationResult<import("../../../hooks/Submission/types").ExecutionResult | undefined, Error, void, unknown>;

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

@@ -8,4 +8,4 @@ export declare function useAMMV2RemoveLiquidity({ baseToken, quoteToken, baseAmo
     slippage: number;
     fee: number | undefined;
     submittedBack?: () => void;
-}): import("@tanstack/react-query").UseMutationResult<import("../../../hooks/Submission/types").ExecutionResult, Error, void, unknown>;
+}): import("@tanstack/react-query").UseMutationResult<import("../../../hooks/Submission/types").ExecutionResult | undefined, Error, void, unknown>;

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

@@ -77,6 +77,7 @@ export declare function usePoolDetail({ id, chainId, }: {
     isPaused: boolean;
     isRefetching: boolean;
     isStale: boolean;
+    isEnabled: boolean;
     refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@dodoex/api/dist/types/gql/graphql").FetchPoolQuery, Error>>;
     fetchStatus: import("@tanstack/react-query").FetchStatus;
     promise: Promise<import("@dodoex/api/dist/types/gql/graphql").FetchPoolQuery>;
@@ -154,6 +155,7 @@ export declare function usePoolDetail({ id, chainId, }: {
     isPaused: boolean;
     isRefetching: boolean;
     isStale: boolean;
+    isEnabled: boolean;
     refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@dodoex/api/dist/types/gql/graphql").FetchPoolQuery, Error>>;
     fetchStatus: import("@tanstack/react-query").FetchStatus;
     promise: Promise<import("@dodoex/api/dist/types/gql/graphql").FetchPoolQuery>;
@@ -231,6 +233,7 @@ export declare function usePoolDetail({ id, chainId, }: {
     isPaused: boolean;
     isRefetching: boolean;
     isStale: boolean;
+    isEnabled: boolean;
     refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@dodoex/api/dist/types/gql/graphql").FetchPoolQuery, Error>>;
     fetchStatus: import("@tanstack/react-query").FetchStatus;
     promise: Promise<import("@dodoex/api/dist/types/gql/graphql").FetchPoolQuery>;
@@ -308,6 +311,7 @@ export declare function usePoolDetail({ id, chainId, }: {
     isPaused: boolean;
     isRefetching: boolean;
     isStale: boolean;
+    isEnabled: boolean;
     refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@dodoex/api/dist/types/gql/graphql").FetchPoolQuery, Error>>;
     fetchStatus: import("@tanstack/react-query").FetchStatus;
     promise: Promise<import("@dodoex/api/dist/types/gql/graphql").FetchPoolQuery>;
@@ -385,6 +389,7 @@ export declare function usePoolDetail({ id, chainId, }: {
     isPaused: boolean;
     isRefetching: boolean;
     isStale: boolean;
+    isEnabled: boolean;
     refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@dodoex/api/dist/types/gql/graphql").FetchPoolQuery, Error>>;
     fetchStatus: import("@tanstack/react-query").FetchStatus;
     promise: Promise<import("@dodoex/api/dist/types/gql/graphql").FetchPoolQuery>;
@@ -462,6 +467,7 @@ export declare function usePoolDetail({ id, chainId, }: {
     isPaused: boolean;
     isRefetching: boolean;
     isStale: boolean;
+    isEnabled: boolean;
     refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@dodoex/api/dist/types/gql/graphql").FetchPoolQuery, Error>>;
     fetchStatus: import("@tanstack/react-query").FetchStatus;
     promise: Promise<import("@dodoex/api/dist/types/gql/graphql").FetchPoolQuery>;

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

@@ -0,0 +1,15 @@
+import { FetchMyLiquidityListLqList } from '../utils';
+import BigNumber from 'bignumber.js';
+export declare function usePoolListMyLiquidity({ account, lqList, }: {
+    account?: string;
+    lqList: FetchMyLiquidityListLqList;
+}): {
+    needRealtimeBalance: boolean;
+    userLpBalanceMap: Map<string, {
+        userBaseLpBalance?: BigNumber;
+        userQuoteLpBalance?: BigNumber;
+        poolTokenPercentage?: BigNumber;
+    }>;
+    isLpLoading: boolean;
+    isPoolShareLoading: boolean;
+};

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

@@ -1,6 +1,6 @@
+import { TokenInfo } from '../../../hooks/Token';
 import { Pair } from '@uniswap/v2-sdk';
 import BigNumber from 'bignumber.js';
-import { TokenInfo } from '../../../hooks/Token';
 export declare function useUniV2Pairs({ pool, baseAmount, quoteAmount, }: {
     pool?: {
         type: string;

package/dist/types/widgets/PoolWidget/utils.d.ts

@@ -19,7 +19,3 @@ export declare function convertFetchMyLiquidityToOperateData(lqData: ExcludeNone
 export declare function convertFetchPoolToOperateData(pool: FetchPoolList[0], chainId: number): OperatePool;
 export declare function getPoolAMMOrPMM(type: PoolType): "AMM V2" | "AMM V3" | "PMM";
 export declare function getIsAMMV2DynamicFeeContractByChainId(chainId: number): boolean;
-export declare function toColorfulNumString({ input, decimals, }: {
-    input?: BigNumber | number | string | null;
-    decimals?: number;
-}): import("react").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dodoex/widgets",
-  "version": "3.16.0",
+  "version": "3.18.0",
   "description": "DODO Widgets",
   "source": "src/index.tsx",
   "types": "dist/types/index.d.ts",

package/dist/helper-Dry2KYfh.js

@@ -1 +0,0 @@
-import{i18n as e}from"@lingui/core";import t from"bignumber.js";import{f as i}from"./index-Ca_h9Yxg.js";function o(t,i){switch(t){case"depth-chart.tips.buy":return e._({id:"q+Q952",message:"Users pay {0} {1} and receive {2} {3}\\nPrice {4} ({5}%)",values:{0:i.amountText,1:i.baseTokenSymbol,2:i.oppositeAmountText,3:i.quoteTokenSymbol,4:i.priceText,5:i.slippageText}});case"depth-chart.tips.mid-price":return e._({id:"cnbRVW",message:"Initial Price {0} {1} = {2} {3}",values:{0:i.amountText,1:i.baseTokenSymbol,2:i.oppositeAmountText,3:i.quoteTokenSymbol}});case"depth-chart.tips.sell":return e._({id:"q+Q952",message:"Users pay {0} {1} and receive {2} {3}\\nPrice {4} ({5}%)",values:{0:i.oppositeAmountText,1:i.quoteTokenSymbol,2:i.amountText,3:i.baseTokenSymbol,4:i.priceText,5:i.slippageText}});case"pool.chart.buy-amount":return e._({id:"TaScUS",message:"Users sell {0} amount:",values:{0:i.symbol}});case"pool.chart.price-impact":return e._({id:"I0LXan",message:"Price Impact: {0}",values:{0:i.amount}});case"pool.chart.sell-amount":return e._({id:"F2vX4t",message:"Users buy {0} amount:",values:{0:i.symbol}});case"pool.create.disabled-token-amount":return e._({id:"5QDjef",message:"The token amount is calculated by initial price."});case"pool.create.set-pool.emulator.title":return e._({id:"FQfStS",message:"Emulator"});case"pool.create.set-pool.emulator.title.question":return e._({id:"ihn3o9",message:"The liquidity of ZUNO is continuous, which is different from the discrete liquidity of UniV3. The ticks shown in the illustration are for demonstration purposes only."});case"pool.chart.liquidity-chart-tip":return e._({id:"YvXHDU",message:"The area of the chart indicates the buy/sell volume of {0} that can be carried by the market when the current price changes to the hover price.",values:{0:i.baseTokenSymbol}});case"pool.chart.liquidity-chart-buy":return e._({id:"TvH4Ym",message:"Bought {0} {1}, price in the pool decreased to {2}",values:{0:i.amount,1:i.symbol,2:i.price}});case"pool.chart.liquidity-chart-sell":return e._({id:"0O1wzf",message:"Traders sold ‪{0}‬ {1}, price in the pool increased to {2}",values:{0:i.amount,1:i.symbol,2:i.price}});default:throw new Error(`Unknown key ${t}`)}}const l=12,n=18;function s(e){let t=e.toLowerCase();if(t&&/^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/.test(t)){if(4===t.length){let e="#";for(let i=1;i<4;i+=1)e+=t.slice(i,i+1).concat(t.slice(i,i+1));t=e}const e=[];for(let i=1;i<7;i+=2)e.push(parseInt(`0x${t.slice(i,i+2)}`));return e.join(",")}return t}function r({val:e,model:i}){let o=e;if(e.isNaN())return{side:"no-one",vert:new t(0),base:new t(0),quote:new t(0)};i.Q0.eq(0)&&e.lt(i.i)&&(o=i.i),i.B0.eq(0)&&e.gt(i.i)&&(o=i.i);const l=i.getPriceDepth(o),n=l.baseAmount,s=l.quoteAmount,{isBuy:r}=l;return{side:r?"ask":"bid",vert:r?n:s,base:n,quote:s}}function a({midPrice:e,q:i,q0:o,pmmModel:l}){let n=t.maximum(i,o,l.B.multipliedBy(e));return n.isNaN()&&(n=new t(10)),n.eq(0)&&(n=new t(1)),{buyBaseVert:n.multipliedBy(1.2),sellBaseVert:n.div(e).multipliedBy(1.2)}}function u(e,i=1){return new t(i).div(e/2)}function m({tooltip:e,x:o,chartWidth:l,chartHeight:n,buyBaseVert:a,sellBaseVert:m,pmmModel:p,midPrice:d,baseTokenSymbol:c,quoteTokenSymbol:h,t:b,baseMinAndZoomMultiples:f,isHover:y,color:g,leftColor:T,rightColor:x}){const{zoomMultiples:v,baseMin:w}=f,k=u(l,v),M=a.div(n),B=m.div(n),q=2*v,N=w.multipliedBy(10**k.multipliedBy(o).toNumber());let S=new t(Math.log(d.div(w).toNumber())/Math.log(10));S=t.minimum(q,S),S=t.maximum(0,S);const P=S.div(k),X=r({val:N,model:p,midPrice:d});if(X.vert.isNaN())return;const A=N.lt(d);let _=n-X.vert.div(M).toNumber();A||(_=n-X.vert.div(B).toNumber());const z=i(N),$=i(X.vert),O=N.minus(d).abs().div(d).multipliedBy(100).toFixed(2),U=P.toNumber(),H=e.findOne("#toolTipVertLine"),L=e.findOne("#toolTipHoriLine"),D=e.findOne("#joinCircle"),V=e.findOne("#toolTip"),j=e.findOne("#priceTextLabel"),W=e.findOne("#slippageTextLabel");if(!V)return;V.x(o),V.y(_-5-6);const Y=V.getText(),F=V.getTag();let I="ask"===X.side?i(X.quote):i(X.base);const Q=p.k.lte(0);Q&&(I=$);const C=i(d),Z={amountText:$,baseTokenSymbol:c,oppositeAmountText:I,quoteTokenSymbol:h,priceText:Q?C:z,slippageText:`${A?"-":"+"}${O}`};if(P.minus(4).lte(o)&&P.plus(2).gte(o)&&y)Y.text(b("depth-chart.tips.mid-price",{amountText:1,baseTokenSymbol:c,oppositeAmountText:C,quoteTokenSymbol:h})),V.x(U),V.y(n/2),null==H||H.hide(),null==L||L.hide(),null==D||D.hide(),null==j||j.hide(),null==W||W.hide();else{Y.text(A?b("depth-chart.tips.buy",{amountText:I,baseTokenSymbol:c,oppositeAmountText:$,quoteTokenSymbol:h,priceText:Q?C:z,slippageText:`${A?"-":"+"}${O}`}):b("depth-chart.tips.sell",Z));const e=g||(A?"#55f6db":"#ff4f73"),t=A?T||"#55f6db":x||"#ff4f73";Y.fill(e),V.width()/2>o?(F.pointerDirection("left"),F.pointerHeight(15),F.pointerWidth(8),V.offsetX(-11),V.offsetY(-11)):V.width()/2+o>l?(F.pointerDirection("right"),F.pointerHeight(15),F.pointerWidth(8),V.offsetX(11),V.offsetY(-11)):(F.pointerDirection("down"),F.pointerHeight(8),F.pointerWidth(15),V.offsetX(0),V.offsetY(0)),null==H||H.points([o,n,o,_]),null==H||H.stroke(t),null==L||L.points(A?[o,_,U,_]:[U,_,o,_]),null==L||L.stroke(t),null==D||D.x(o),null==D||D.y(_),null==D||D.fill(A?T||"rgb(86, 246, 218)":x||"#FF5072"),null==D||D.stroke(A?T?`rgba(${s(T)}, 0.4)`:"rgba(86, 246, 218, 0.3)":x?`rgba(${s(x)}, 0.4)`:"rgba(255, 80, 114, 0.3)"),j&&(j.x(o),j.y(n),j.offsetX(j.width()/2),j.x()-j.width()/2<0?j.x(j.width()/2):j.x()+j.width()/2>l?j.x(l-j.width()/2):j.x(o));const i=null==j?void 0:j.findOne("#priceTextLabel-text");i&&(i.fill(e),i.text(z)),W&&(W.x(A?o+(U-o)/2:o-(o-U)/2),W.y(_),W.offsetY(W.height()/2),W.offsetX(W.width()/2));const r=null==W?void 0:W.findOne("#slippageTextLabel-text");r&&(r.fill(e),r.text(`${A?"-":"+"}${O}%`)),null==H||H.show(),null==L||L.show(),null==D||D.show(),null==j||j.show(),null==W||W.show()}e.show()}function p({dragDistance:e,prevBaseMin:i,chartWidth:o,zoomMultiples:l}){const n=u(o,l);return e>0?i.multipliedBy(1-n.multipliedBy(e).toNumber()):i.multipliedBy(10**n.multipliedBy(new t(e).abs()).plus(0).toNumber())}const d=1;function c({prevZoomMultiples:e,zoomIn:t}){return!t&&e<=.1?e:t?e+.1:e-.1}function h({type:e,targetPrice:i,midPrice:o,width:l}){if("sell"===e){return{zoomMultiples:new t(Math.log10(i.div(o).toNumber())).minus(0).div(3/4).abs(),targetX:l/2*(3/4)+l/2}}const n=new t(Math.log10(i.div(o).toNumber()));return{zoomMultiples:new t(0).minus(n).div(3/4).abs(),targetX:l/2*(1/4)}}function b({currentBaseMinAndZoomMultiples:e,targetPrice:i,midPrice:o,width:l}){const{baseMin:n,zoomMultiples:s}=e,r=new t(Math.log10(n.div(o).toNumber())),a=r.plus(2*s),u=new t(o.multipliedBy(10**a.toNumber()));if(i.gte(n)&&i.lte(u)){return{isSkip:!0,targetX:new t(Math.log10(i.div(o).toNumber())).minus(r).div(2*s).multipliedBy(l).toNumber(),baseMin:new t(0),zoomMultiples:1}}const m=new t(o.multipliedBy(.1)),p=new t(o.multipliedBy(10));if(i.gte(m)&&i.lte(p)){return{isSkip:!1,targetX:new t(Math.log10(i.div(o).toNumber())).minus(-1).div(2).multipliedBy(l).toNumber(),baseMin:m,zoomMultiples:1}}return{isSkip:!1,targetX:-1,baseMin:new t(0),zoomMultiples:1}}function f({midPrice:e,zoomMultiples:t}){return e.multipliedBy(10**-t)}export{a,p as b,u as c,c as d,r as e,f,o as g,n as h,d as i,b as j,h as k,l,s as m,m as u};

package/dist/helper-iRd-4sp4.cjs

@@ -1 +0,0 @@
-"use strict";var e=require("@lingui/core"),t=require("bignumber.js"),i=require("./index-vyWzevj_.cjs");function o(e){let t=e.toLowerCase();if(t&&/^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/.test(t)){if(4===t.length){let e="#";for(let i=1;i<4;i+=1)e+=t.slice(i,i+1).concat(t.slice(i,i+1));t=e}const e=[];for(let i=1;i<7;i+=2)e.push(parseInt(`0x${t.slice(i,i+2)}`));return e.join(",")}return t}function r({val:e,model:i}){let o=e;if(e.isNaN())return{side:"no-one",vert:new t(0),base:new t(0),quote:new t(0)};i.Q0.eq(0)&&e.lt(i.i)&&(o=i.i),i.B0.eq(0)&&e.gt(i.i)&&(o=i.i);const r=i.getPriceDepth(o),n=r.baseAmount,l=r.quoteAmount,{isBuy:s}=r;return{side:s?"ask":"bid",vert:s?n:l,base:n,quote:l}}function n(e,i=1){return new t(i).div(e/2)}exports.baseZoomMultiples=1,exports.beforePriceImpactEffect=function({currentBaseMinAndZoomMultiples:e,targetPrice:i,midPrice:o,width:r}){const{baseMin:n,zoomMultiples:l}=e,s=new t(Math.log10(n.div(o).toNumber())),u=s.plus(2*l),a=new t(o.multipliedBy(10**u.toNumber()));if(i.gte(n)&&i.lte(a)){return{isSkip:!0,targetX:new t(Math.log10(i.div(o).toNumber())).minus(s).div(2*l).multipliedBy(r).toNumber(),baseMin:new t(0),zoomMultiples:1}}const m=new t(o.multipliedBy(.1)),p=new t(o.multipliedBy(10));if(i.gte(m)&&i.lte(p)){return{isSkip:!1,targetX:new t(Math.log10(i.div(o).toNumber())).minus(-1).div(2).multipliedBy(r).toNumber(),baseMin:m,zoomMultiples:1}}return{isSkip:!1,targetX:-1,baseMin:new t(0),zoomMultiples:1}},exports.chartOffsetYBCToolTip=18,exports.chartT=function(t,i){switch(t){case"depth-chart.tips.buy":return e.i18n._({id:"q+Q952",message:"Users pay {0} {1} and receive {2} {3}\\nPrice {4} ({5}%)",values:{0:i.amountText,1:i.baseTokenSymbol,2:i.oppositeAmountText,3:i.quoteTokenSymbol,4:i.priceText,5:i.slippageText}});case"depth-chart.tips.mid-price":return e.i18n._({id:"cnbRVW",message:"Initial Price {0} {1} = {2} {3}",values:{0:i.amountText,1:i.baseTokenSymbol,2:i.oppositeAmountText,3:i.quoteTokenSymbol}});case"depth-chart.tips.sell":return e.i18n._({id:"q+Q952",message:"Users pay {0} {1} and receive {2} {3}\\nPrice {4} ({5}%)",values:{0:i.oppositeAmountText,1:i.quoteTokenSymbol,2:i.amountText,3:i.baseTokenSymbol,4:i.priceText,5:i.slippageText}});case"pool.chart.buy-amount":return e.i18n._({id:"TaScUS",message:"Users sell {0} amount:",values:{0:i.symbol}});case"pool.chart.price-impact":return e.i18n._({id:"I0LXan",message:"Price Impact: {0}",values:{0:i.amount}});case"pool.chart.sell-amount":return e.i18n._({id:"F2vX4t",message:"Users buy {0} amount:",values:{0:i.symbol}});case"pool.create.disabled-token-amount":return e.i18n._({id:"5QDjef",message:"The token amount is calculated by initial price."});case"pool.create.set-pool.emulator.title":return e.i18n._({id:"FQfStS",message:"Emulator"});case"pool.create.set-pool.emulator.title.question":return e.i18n._({id:"ihn3o9",message:"The liquidity of ZUNO is continuous, which is different from the discrete liquidity of UniV3. The ticks shown in the illustration are for demonstration purposes only."});case"pool.chart.liquidity-chart-tip":return e.i18n._({id:"YvXHDU",message:"The area of the chart indicates the buy/sell volume of {0} that can be carried by the market when the current price changes to the hover price.",values:{0:i.baseTokenSymbol}});case"pool.chart.liquidity-chart-buy":return e.i18n._({id:"TvH4Ym",message:"Bought {0} {1}, price in the pool decreased to {2}",values:{0:i.amount,1:i.symbol,2:i.price}});case"pool.chart.liquidity-chart-sell":return e.i18n._({id:"0O1wzf",message:"Traders sold ‪{0}‬ {1}, price in the pool increased to {2}",values:{0:i.amount,1:i.symbol,2:i.price}});default:throw new Error(`Unknown key ${t}`)}},exports.colorRgb=o,exports.computeBaseAfterZoom=function({midPrice:e,zoomMultiples:t}){return e.multipliedBy(10**-t)},exports.computeBaseMinByDistance=function({dragDistance:e,prevBaseMin:i,chartWidth:o,zoomMultiples:r}){const l=n(o,r);return e>0?i.multipliedBy(1-l.multipliedBy(e).toNumber()):i.multipliedBy(10**l.multipliedBy(new t(e).abs()).plus(0).toNumber())},exports.computeBaseVert=function({midPrice:e,q:i,q0:o,pmmModel:r}){let n=t.maximum(i,o,r.B.multipliedBy(e));return n.isNaN()&&(n=new t(10)),n.eq(0)&&(n=new t(1)),{buyBaseVert:n.multipliedBy(1.2),sellBaseVert:n.div(e).multipliedBy(1.2)}},exports.computeTargetXByTargetPrice=function({type:e,targetPrice:i,midPrice:o,width:r}){if("sell"===e){return{zoomMultiples:new t(Math.log10(i.div(o).toNumber())).minus(0).div(3/4).abs(),targetX:r/2*(3/4)+r/2}}const n=new t(Math.log10(i.div(o).toNumber()));return{zoomMultiples:new t(0).minus(n).div(3/4).abs(),targetX:r/2*(1/4)}},exports.computeXPortion=n,exports.computeZoomMultiplesWhenZoom=function({prevZoomMultiples:e,zoomIn:t}){return!t&&e<=.1?e:t?e+.1:e-.1},exports.evalPoint=r,exports.labelPadding=12,exports.updateTooltip=function({tooltip:e,x:l,chartWidth:s,chartHeight:u,buyBaseVert:a,sellBaseVert:m,pmmModel:p,midPrice:c,baseTokenSymbol:d,quoteTokenSymbol:h,t:b,baseMinAndZoomMultiples:f,isHover:y,color:g,leftColor:x,rightColor:T}){const{zoomMultiples:v,baseMin:w}=f,B=n(s,v),M=a.div(u),k=m.div(u),q=2*v,N=w.multipliedBy(10**B.multipliedBy(l).toNumber());let S=new t(Math.log(c.div(w).toNumber())/Math.log(10));S=t.minimum(q,S),S=t.maximum(0,S);const P=S.div(B),X=r({val:N,model:p,midPrice:c});if(X.vert.isNaN())return;const A=N.lt(c);let _=u-X.vert.div(M).toNumber();A||(_=u-X.vert.div(k).toNumber());const z=i.formatShortNumber(N),O=i.formatShortNumber(X.vert),$=N.minus(c).abs().div(c).multipliedBy(100).toFixed(2),U=P.toNumber(),D=e.findOne("#toolTipVertLine"),H=e.findOne("#toolTipHoriLine"),L=e.findOne("#joinCircle"),V=e.findOne("#toolTip"),Z=e.findOne("#priceTextLabel"),W=e.findOne("#slippageTextLabel");if(!V)return;V.x(l),V.y(_-5-6);const Y=V.getText(),I=V.getTag();let j="ask"===X.side?i.formatShortNumber(X.quote):i.formatShortNumber(X.base);const C=p.k.lte(0);C&&(j=O);const F=i.formatShortNumber(c),Q={amountText:O,baseTokenSymbol:d,oppositeAmountText:j,quoteTokenSymbol:h,priceText:C?F:z,slippageText:`${A?"-":"+"}${$}`};if(P.minus(4).lte(l)&&P.plus(2).gte(l)&&y)Y.text(b("depth-chart.tips.mid-price",{amountText:1,baseTokenSymbol:d,oppositeAmountText:F,quoteTokenSymbol:h})),V.x(U),V.y(u/2),null==D||D.hide(),null==H||H.hide(),null==L||L.hide(),null==Z||Z.hide(),null==W||W.hide();else{Y.text(A?b("depth-chart.tips.buy",{amountText:j,baseTokenSymbol:d,oppositeAmountText:O,quoteTokenSymbol:h,priceText:C?F:z,slippageText:`${A?"-":"+"}${$}`}):b("depth-chart.tips.sell",Q));const e=g||(A?"#55f6db":"#ff4f73"),t=A?x||"#55f6db":T||"#ff4f73";Y.fill(e),V.width()/2>l?(I.pointerDirection("left"),I.pointerHeight(15),I.pointerWidth(8),V.offsetX(-11),V.offsetY(-11)):V.width()/2+l>s?(I.pointerDirection("right"),I.pointerHeight(15),I.pointerWidth(8),V.offsetX(11),V.offsetY(-11)):(I.pointerDirection("down"),I.pointerHeight(8),I.pointerWidth(15),V.offsetX(0),V.offsetY(0)),null==D||D.points([l,u,l,_]),null==D||D.stroke(t),null==H||H.points(A?[l,_,U,_]:[U,_,l,_]),null==H||H.stroke(t),null==L||L.x(l),null==L||L.y(_),null==L||L.fill(A?x||"rgb(86, 246, 218)":T||"#FF5072"),null==L||L.stroke(A?x?`rgba(${o(x)}, 0.4)`:"rgba(86, 246, 218, 0.3)":T?`rgba(${o(T)}, 0.4)`:"rgba(255, 80, 114, 0.3)"),Z&&(Z.x(l),Z.y(u),Z.offsetX(Z.width()/2),Z.x()-Z.width()/2<0?Z.x(Z.width()/2):Z.x()+Z.width()/2>s?Z.x(s-Z.width()/2):Z.x(l));const i=null==Z?void 0:Z.findOne("#priceTextLabel-text");i&&(i.fill(e),i.text(z)),W&&(W.x(A?l+(U-l)/2:l-(l-U)/2),W.y(_),W.offsetY(W.height()/2),W.offsetX(W.width()/2));const r=null==W?void 0:W.findOne("#slippageTextLabel-text");r&&(r.fill(e),r.text(`${A?"-":"+"}${$}%`)),null==D||D.show(),null==H||H.show(),null==L||L.show(),null==Z||Z.show(),null==W||W.show()}e.show()};

package/dist/index-BRTABuMK.cjs

@@ -1,12 +0,0 @@
-"use strict";var e=require("@emotion/styled"),t=require("lodash"),i=require("react"),r=require("./helper-iRd-4sp4.cjs"),n=require("react-konva"),o=require("./index-vyWzevj_.cjs"),s=require("bignumber.js"),l=require("@dodoex/api");require("@lingui/core"),require("@lingui/react"),require("@dodoex/components"),require("@mysten/dapp-kit"),require("@solana/web3.js"),require("@reown/appkit/networks"),require("@tanstack/react-query"),require("zustand"),require("@dodoex/dodo-contract-request"),require("@ethersproject/providers"),require("@reown/appkit/react"),require("@tonconnect/ui-react"),require("@ethersproject/bignumber"),require("axios"),require("@ethersproject/contracts"),require("react-dom"),require("identicon.js"),require("@ton/core"),require("@bitcoinerlab/secp256k1"),require("bitcoinjs-lib"),require("@ton/ton"),require("dayjs"),require("@dodoex/contract-request"),require("react-transition-group"),require("recharts"),require("react-window"),require("jsbi"),require("tiny-invariant"),require("@ethersproject/units"),require("react-infinite-scroller"),require("@uniswap/sdk-core"),require("@uniswap/v2-sdk"),require("d3");const a=e.div`
-  height: 100%;
-  position: relative;
-`,u=e.div`
-  text-align: center;
-  margin-top: 17.1px;
-  margin-bottom: 88.41px;
-  color: #606066;
-  font-size: 12px;
-  line-height: 17px;
-  font-weight: 400;
-`,d=36;function g({maxHeight:e,gridAreaHeight:t,value:i}){const r=new s(t).minus(d),n=r.div(e);return r.minus(i.multipliedBy(n)).plus(d).toNumber()}function m({targetPrice:e,areaPoints:t,isLeft:i}){for(let r=0;r<t.length;r++){const n=t[r],o=r<t.length-1?t[r+1]:null;if(!o)return{targetAreaStatPoint:n,targetAreaStatPoints:t};if(i){if(e.lte(n.middlePrice)&&e.gte(o.middlePrice))return{targetAreaStatPoint:n,targetAreaStatPoints:t.slice(0,r+1)}}else if(e.gte(n.middlePrice)&&e.lte(o.middlePrice))return{targetAreaStatPoint:n,targetAreaStatPoints:t.slice(0,r+1)}}return{targetAreaStatPoint:null,targetAreaStatPoints:[]}}function p({x:e,width:t,minXLN10:i,maxXLN10:r}){const n=new s(e).div(t).multipliedBy(r.minus(i)).plus(i);return new s(10**n.toNumber())}function c({width:e,targetLN10:t,minXLN10:i,maxXLN10:r}){return t.minus(i).div(r.minus(i)).multipliedBy(e).toNumber()}function h({target:e}){return new s(Math.log10(e.toNumber()))}const x="rgba(38, 39, 41, 0.3)";function f({width:e,height:a,params:u,baseTokenSymbol:d,quoteTokenSymbol:f,colorMap:L}){const{maxLeftHeight:j,maxRightHeight:b,leftStatAreaPoints:w,rightStatAreaPoints:A,minXLN10:N,maxXLN10:y}=function({params:e}){return i.useMemo((()=>{const t=new s(e.b),i=new s(e.q);let r=new s(e.b0);const n=new s(e.q0),o=new s(e.i),a=new s(e.k),{R:u}=e;1===u&&r.eq(t)&&(r=l.solveQuadraticFunctionForTarget(t,i.minus(n),new s(1).div(o),a));const d=new l.PMMState({i:o,K:a,B:t,Q:i,B0:r,Q0:n,R:u,mtFeeRate:new s(0),lpFeeRate:new s(0)}),g=new l.PMMHelper,m=new s(d.B),p=[],c=[];let h=new s(0),x=new s(0);const f=g.GetMidPrice(d),L=i.gt(0)?t.div(i):new s(1);for(let e=0;e<=250;e++){let t=m.multipliedBy(e/100).multipliedBy(f.multipliedBy(L).multipliedBy(4));0===e&&(t=m.multipliedBy(1e-11));const i=null==g?void 0:g.QuerySellBase(t,d);if(i.isNaN()||!i.gt(0))p.push({giveAmount:t,getAmount:new s(0),price:new s(0)});else{const e=i.div(t);p.push({giveAmount:t,getAmount:i,price:e})}}for(let e=0;e<=250;e++){let t=m.multipliedBy(e/100).multipliedBy(f.multipliedBy(4));0===e&&(t=m.multipliedBy(1e-11));const i=null==g?void 0:g.QuerySellQuote(t,d);if(i.isNaN()||!i.gt(0))c.push({giveAmount:t,getAmount:new s(0),price:new s(0)});else{const e=t.dividedBy(i);c.push({giveAmount:t,getAmount:i,price:e})}}if(p.length<2&&c.length<2)return{leftStatAreaPoints:[],rightStatAreaPoints:[],maxLeftHeight:new s(10).multipliedBy(1.2),maxRightHeight:new s(10).multipliedBy(1.2),middlePriceLN10:new s(0),minXLN10:new s(-1),maxXLN10:new s(1)};const j=[];for(let e=1;e<p.length;e++){const t=p[e],{giveAmount:i,getAmount:r,price:n}=t,o=p[e-1];if(!n.isNaN()&&n.gt(0)&&o){const t=n.minus(o.price).abs(),l=i.minus(o.giveAmount).abs(),a=r.minus(o.getAmount).abs().multipliedBy(l);1===e&&j.push({area:r,price:n,middlePrice:n.plus(t.div(1.1)),rectangleHeight:a.plus(a.multipliedBy(.03))}),j.push({area:r,price:n,middlePrice:n.plus(t.div(2)),rectangleHeight:a}),h=s.max(a,h)}}const b=[];for(let e=1;e<c.length;e++){const t=c[e],{giveAmount:i,getAmount:r,price:n}=t,o=c[e-1],l=o.price,a=o.giveAmount,u=o.getAmount;if(!n.isNaN()&&n.gt(0)&&o){const t=n.minus(l).abs(),o=i.minus(a).abs(),d=r.minus(u).abs().multipliedBy(o);1===e&&b.push({area:r,price:n,middlePrice:n.minus(t.div(1.1)),rectangleHeight:d.plus(d.multipliedBy(.03))}),b.push({area:r,price:n,middlePrice:n.minus(t.div(2)),rectangleHeight:d}),x=s.max(d,x)}}const w=p.length>0?p[p.length-1]:c[0],A=c.length>0?c[0]:p[0],N=c.length>0?c[c.length-1]:p[0],y=w.price,P=N.price,q=A.price,R=new s(Math.log10(q.toNumber()));let v=y.gt(0)?new s(Math.log10(y.toNumber())):new s(-Math.log10(P.toNumber())),S=P.gt(0)?new s(Math.log10(P.toNumber())):new s(-Math.log10(y.toNumber()));const H=s.max(R.minus(v).abs(),S.minus(R).abs());return v=R.minus(H),S=R.plus(H),{leftStatAreaPoints:j,rightStatAreaPoints:b,maxLeftHeight:h.multipliedBy(1.2),maxRightHeight:x.multipliedBy(1.2),minXLN10:v,maxXLN10:S,middlePriceLN10:R}}),[e])}({params:u}),P=a-30.13,q=i.useRef(null),R=t.merge({grid:"#2A2A2D",midPriceLine:"#313335",leftBg:[0,x,1,"#31645d"],leftLine:"#55f6db",leftColor:"",rightBg:[0,x,1,"#67303d"],rightLine:"#ff4f73",rightColor:"",tooltipBg:"#121212",tooltipColor:void 0,textColor:"#606066"},L),v=t=>{var i;const{current:n}=q,s=t.target;if(s&&n){const t=null===(i=s.getStage())||void 0===i?void 0:i.getPointerPosition();if(t){const{x:i}=t,s=e/2;if(Math.abs(i-s)<=2)return;if(i<=2||e-i<=2)return;const l=p({x:i,width:e,minXLN10:N,maxXLN10:y});let a=null,u=[];const x=i<s;if(x){const e=m({areaPoints:w,targetPrice:l,isLeft:x});a=e.targetAreaStatPoint,u=e.targetAreaStatPoints}else{const e=m({areaPoints:A,targetPrice:l,isLeft:x});a=e.targetAreaStatPoint,u=e.targetAreaStatPoints}if(a){const t=h({target:a.middlePrice}),s=c({minXLN10:N,maxXLN10:y,width:e,targetLN10:t}),l=g({maxHeight:x?j:b,gridAreaHeight:P,value:a.rectangleHeight}),m=n.findOne("#tooltip"),p=n.findOne("#toolTipVertLine"),L=n.findOne("#joinCircle"),w=n.findOne("#tooltip-Text"),A=n.findOne("#tooltip-tag"),q=n.findOne("#priceTextLabel"),v=null==q?void 0:q.findOne("#priceTextLabel-text"),S=n.findOne("#area");null==m||m.position({x:s,y:l-5-6}),null==w||w.fill(R.tooltipColor||(x?"#00FAD9":"#FF5072")),null==w||w.text(x?r.chartT("pool.chart.liquidity-chart-buy",{amount:o.formatShortNumber(a.area),symbol:d,price:o.formatShortNumber(a.price)}):r.chartT("pool.chart.liquidity-chart-sell",{amount:o.formatShortNumber(a.area),symbol:f,price:o.formatShortNumber(a.price)})),m&&A&&(m.width()/2>i?(A.pointerDirection("left"),A.pointerHeight(15),A.pointerWidth(8),m.offsetX(-11),m.offsetY(-11)):m.width()/2+i>e?(A.pointerDirection("right"),A.pointerHeight(15),A.pointerWidth(8),m.offsetX(11),m.offsetY(-11)):(A.pointerDirection("down"),A.pointerHeight(8),A.pointerWidth(15),m.offsetX(0),m.offsetY(0))),null==p||p.points([s,P,s,l]),null==p||p.stroke(x?"#55f6db":"#ff4f73");let H=x?"rgb(86, 246, 218)":"#FF5072",E=x?"rgba(86, 246, 218, 0.3)":"rgba(255, 80, 114, 0.3)";R.leftLine&&R.rightLine&&(H=x?R.leftLine:R.rightLine,E=x?`rgba(${r.colorRgb(R.leftLine)}, 0.4)`:`rgba(${r.colorRgb(R.rightLine)}, 0.4)`),L&&(L.x(s),L.y(l),L.fill(H),L.stroke(E)),q&&(q.x(s),q.y(P+8.08+1),q.offsetX(q.width()/2),q.x()-q.width()/2<0?q.x(q.width()/2):q.x()+q.width()/2>e?q.x(e-q.width()/2):q.x(i)),v&&(v.fill(R.tooltipColor||(x?"#00FAD9":"#FF5072")),v.text(o.formatShortNumber(a.price)));const k=[];for(const t of u){const{middlePrice:i,rectangleHeight:r}=t,n=h({target:i}),o=c({minXLN10:N,maxXLN10:y,width:e,targetLN10:n}),s=g({maxHeight:x?j:b,gridAreaHeight:P,value:r});k.push(o,s+1)}const X=k.slice(),[M,B]=X;x?(X.push(s,l),X.push(s,P),X.push(M,P),X.push(M,B)):(X.unshift(M,P),X.unshift(s,P),X.unshift(s,l)),S&&(S.points(X),S.fill(x?R.leftLine||"#2c5b56":R.rightLine||"#7b3a48")),n.show()}}}},S=function({gridAreaHeight:e,gridAreaWidth:t,horizontalLineCount:r,verticalLineCount:s,color:l="#2A2A2D"}){return i.useMemo((()=>{const i=[],a=e/(r+1),u=[],d=t/(s+1);for(let e=0;e<r;e++){const r=a*(e+1);i.push([0,r,t,r])}for(let t=0;t<s;t++){const i=d*(t+1);u.push([i,0,i,e])}return o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[i.map(((e,t)=>o.jsxRuntimeExports.jsx(n.Line,{points:e,stroke:l,strokeWidth:1,lineCap:"round",lineJoin:"round",tension:1,listening:!1},t))),u.map(((e,t)=>o.jsxRuntimeExports.jsx(n.Line,{points:e,stroke:l,strokeWidth:1,lineCap:"round",lineJoin:"round",tension:1,listening:!1},t)))]})}),[e,t,r,s,l])}({gridAreaHeight:P,gridAreaWidth:e,horizontalLineCount:9,verticalLineCount:7,color:R.grid}),H=function({minXLN10:e,maxXLN10:t,labelCount:r,gridAreaHeight:s,gridAreaWidth:l,color:a="#606066"}){return i.useMemo((()=>{const i=l/(r+1),u=[],d=[];for(let n=0;n<r;n++){const r=i/2+i*n;u.push({x:r,y:s+10.08+1,text:o.formatShortNumber(p({x:i*(n+1),width:l,minXLN10:e,maxXLN10:t}))});const a=i*(n+1);d.push([a,s+1,a,s+4+1])}return o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[u.map(((e,t)=>o.jsxRuntimeExports.jsx(n.Text,{x:e.x,y:e.y,text:e.text,fontSize:14,fontFamily:"Manrope",fill:a,width:i,padding:0,align:"center",verticalAlign:"bottom",listening:!1},t))),d.map(((e,t)=>o.jsxRuntimeExports.jsx(n.Line,{points:e,stroke:a,strokeWidth:1,lineCap:"butt",lineJoin:"miter",tension:1,listening:!1},t)))]})}),[e,t,s,l,r])}({gridAreaHeight:P,gridAreaWidth:e,labelCount:7,minXLN10:N,maxXLN10:y,color:R.textColor}),E=function({gridAreaHeight:e,gridAreaWidth:t,color:r="#606066"}){return i.useMemo((()=>{const i=t/2;return o.jsxRuntimeExports.jsx(n.Line,{points:[i,0,i,e-1],stroke:r,strokeWidth:1,lineCap:"round",lineJoin:"round",tension:1,listening:!1})}),[e,t,r])}({gridAreaHeight:P,gridAreaWidth:e,color:R.midPriceLine}),{leftLine:k,rightLine:X}=function({leftStatAreaPoints:e,rightStatAreaPoints:t,minXLN10:r,maxXLN10:s,maxLeftHeight:l,maxRightHeight:a,gridAreaWidth:u,gridAreaHeight:d,colorMap:m}){return{leftLine:i.useMemo((()=>{if(e.length<1)return o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{});const t=[];let i=d;for(const n of e){const{middlePrice:e,rectangleHeight:o}=n,a=h({target:e}),m=c({minXLN10:r,maxXLN10:s,width:u,targetLN10:a}),p=g({maxHeight:l,gridAreaHeight:d,value:o});t.push(m,p),p<i&&(i=p)}const a=t.slice(),[p,x]=a,f=a[a.length-1],L=a[a.length-2];return a.push(L,f),a.push(L,d),a.push(p,d),a.push(p,x),o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsx(n.Line,{points:a,closed:!0,listening:!1,lineCap:"round",lineJoin:"round",fillLinearGradientStartPoint:{x:0,y:d},fillLinearGradientEndPoint:{x:0,y:i},fillLinearGradientColorStops:m.leftBg}),o.jsxRuntimeExports.jsx(n.Line,{points:t,stroke:m.leftLine,strokeWidth:2,lineCap:"round",lineJoin:"round",listening:!1})]})}),[e,u,r,s,d,l]),rightLine:i.useMemo((()=>{if(t.length<1)return o.jsxRuntimeExports.jsx(o.jsxRuntimeExports.Fragment,{});const e=[];let i=d;for(const n of t){const{middlePrice:t,rectangleHeight:o}=n,l=h({target:t}),m=c({minXLN10:r,maxXLN10:s,width:u,targetLN10:l}),p=g({maxHeight:a,gridAreaHeight:d,value:o});e.push(m,p),p<i&&(i=p)}const l=e.slice(),[p]=l;return l.unshift(p,d),l.unshift(u,d),o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsx(n.Line,{points:l,closed:!0,listening:!1,lineCap:"round",lineJoin:"round",fillLinearGradientStartPoint:{x:0,y:d},fillLinearGradientEndPoint:{x:0,y:i},fillLinearGradientColorStops:m.rightBg}),o.jsxRuntimeExports.jsx(n.Line,{points:e,stroke:m.rightLine,strokeWidth:2,lineCap:"round",lineJoin:"round",listening:!1})]})}),[t,u,r,s,d,a])}}({leftStatAreaPoints:w,rightStatAreaPoints:A,minXLN10:N,maxXLN10:y,maxLeftHeight:j,maxRightHeight:b,gridAreaWidth:e,gridAreaHeight:P,colorMap:R});return o.jsxRuntimeExports.jsxs(n.Stage,{width:e,height:a,onMouseMove:v,onMouseOver:v,onMouseEnter:v,onMouseOut:()=>{const{current:e}=q;e&&e.hide()},children:[o.jsxRuntimeExports.jsxs(n.Layer,{children:[o.jsxRuntimeExports.jsx(n.Rect,{x:0,y:0,width:e,height:P,stroke:R.grid,strokeWidth:1}),S,H,k,X,E]}),o.jsxRuntimeExports.jsxs(n.Layer,{ref:q,visible:!1,children:[o.jsxRuntimeExports.jsx(n.Line,{points:[],closed:!0,listening:!1,lineCap:"round",lineJoin:"round",id:"area"}),o.jsxRuntimeExports.jsx(n.Line,{points:[],strokeWidth:1,stroke:"#ff4f73",lineJoin:"round",lineCap:"round",dash:[4,6],id:"toolTipVertLine"}),o.jsxRuntimeExports.jsx(n.Circle,{x:0,y:0,radius:5,fill:"#FF5072",stroke:"rgba(255, 80, 114, 0.3)",strokeWidth:12,id:"joinCircle"}),o.jsxRuntimeExports.jsxs(n.Label,{listening:!1,x:0,y:0,id:"priceTextLabel",children:[o.jsxRuntimeExports.jsx(n.Tag,{fill:R.tooltipBg,id:"priceTextLabel-tag"}),o.jsxRuntimeExports.jsx(n.Text,{text:"-",fontSize:14,fontFamily:"Manrope",padding:2,fill:"#FF5072",id:"priceTextLabel-text"})]}),o.jsxRuntimeExports.jsxs(n.Label,{listening:!1,id:"tooltip",children:[o.jsxRuntimeExports.jsx(n.Tag,{fill:R.tooltipBg,pointerDirection:"down",pointerWidth:15,pointerHeight:8,cornerRadius:8,lineJoin:"round",id:"tooltip-tag"}),o.jsxRuntimeExports.jsx(n.Text,{text:"",fontFamily:"Manrope",fontSize:12,lineHeight:17/12,padding:r.labelPadding,fill:"#FF5072",id:"tooltip-Text"})]})]})]})}exports.default=({width:e=834,height:t=462,baseTokenSymbol:i,quoteTokenSymbol:n,pmmModel:s,pmmParams:l,midPrice:d,notShowTipText:g,colorMap:m})=>o.jsxRuntimeExports.jsxs(a,{children:[void 0!==l&&void 0!==d&&void 0!==s&&void 0!==d&&o.jsxRuntimeExports.jsx(f,{width:e,height:t,params:l,midPrice:d,pmmModel:s,baseTokenSymbol:i,quoteTokenSymbol:n,colorMap:m}),g?"":o.jsxRuntimeExports.jsxs(u,{children:["* ",r.chartT("pool.chart.liquidity-chart-tip",{baseTokenSymbol:i})]})]});