@dodoex/widgets 3.2.2 → 3.2.4-beta.1

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

@@ -0,0 +1,386 @@
+import { ChainId, PoolType } from '@dodoex/api';
+import { TokenInfo } from '../../../hooks/Token';
+export declare function usePoolDetail({ id, chainId, }: {
+    id: string | undefined;
+    chainId: ChainId | undefined;
+}): {
+    poolDetail: {
+        address: string;
+        type: PoolType;
+        chainId: ChainId;
+        baseToken: TokenInfo;
+        quoteToken: TokenInfo;
+        miningAddress: string;
+        apy: {
+            miningBaseApy?: any | null;
+            miningQuoteApy?: any | null;
+            transactionBaseApy?: any | null;
+            transactionQuoteApy?: any | null;
+            metromMiningApy?: any | null;
+        } | null | undefined;
+        baseApy: string | undefined;
+        quoteApy: string | undefined;
+        isCpPool: boolean;
+        cpAddress: string | undefined;
+        cpLiquidator: string | undefined;
+        cpCreator: string | undefined;
+        cpCreatedAtTimestamp: string | undefined;
+        id: string;
+        creator: any;
+        owner?: any | null;
+        traderCount: any;
+        volumeBaseToken: any;
+        volumeQuoteToken: any;
+        volumeUSD: any;
+        feeBase: any;
+        feeQuote: any;
+        mtFeeRate: any;
+        lpFeeRate: any;
+        i?: any | null;
+        k?: any | null;
+        baseReserve: any;
+        quoteReserve: any;
+        createdAtTimestamp: any;
+        lastTradePrice: any;
+        baseLpToken?: {
+            id: string;
+            symbol: string;
+            name: string;
+            decimals: any;
+        } | null;
+        quoteLpToken?: {
+            id: string;
+            symbol: string;
+            name: string;
+            decimals: any;
+        } | null;
+    } | null;
+    data: import("@dodoex/api/dist/types/gql/graphql").FetchPoolQuery;
+    error: Error;
+    isError: true;
+    isPending: false;
+    isLoading: false;
+    isLoadingError: false;
+    isRefetchError: true;
+    isSuccess: false;
+    status: "error";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isPlaceholderData: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@dodoex/api/dist/types/gql/graphql").FetchPoolQuery, Error>>;
+    fetchStatus: import("@tanstack/react-query").FetchStatus;
+} | {
+    poolDetail: {
+        address: string;
+        type: PoolType;
+        chainId: ChainId;
+        baseToken: TokenInfo;
+        quoteToken: TokenInfo;
+        miningAddress: string;
+        apy: {
+            miningBaseApy?: any | null;
+            miningQuoteApy?: any | null;
+            transactionBaseApy?: any | null;
+            transactionQuoteApy?: any | null;
+            metromMiningApy?: any | null;
+        } | null | undefined;
+        baseApy: string | undefined;
+        quoteApy: string | undefined;
+        isCpPool: boolean;
+        cpAddress: string | undefined;
+        cpLiquidator: string | undefined;
+        cpCreator: string | undefined;
+        cpCreatedAtTimestamp: string | undefined;
+        id: string;
+        creator: any;
+        owner?: any | null;
+        traderCount: any;
+        volumeBaseToken: any;
+        volumeQuoteToken: any;
+        volumeUSD: any;
+        feeBase: any;
+        feeQuote: any;
+        mtFeeRate: any;
+        lpFeeRate: any;
+        i?: any | null;
+        k?: any | null;
+        baseReserve: any;
+        quoteReserve: any;
+        createdAtTimestamp: any;
+        lastTradePrice: any;
+        baseLpToken?: {
+            id: string;
+            symbol: string;
+            name: string;
+            decimals: any;
+        } | null;
+        quoteLpToken?: {
+            id: string;
+            symbol: string;
+            name: string;
+            decimals: any;
+        } | null;
+    } | null;
+    data: import("@dodoex/api/dist/types/gql/graphql").FetchPoolQuery;
+    error: null;
+    isError: false;
+    isPending: false;
+    isLoading: false;
+    isLoadingError: false;
+    isRefetchError: false;
+    isSuccess: true;
+    status: "success";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isPlaceholderData: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@dodoex/api/dist/types/gql/graphql").FetchPoolQuery, Error>>;
+    fetchStatus: import("@tanstack/react-query").FetchStatus;
+} | {
+    poolDetail: {
+        address: string;
+        type: PoolType;
+        chainId: ChainId;
+        baseToken: TokenInfo;
+        quoteToken: TokenInfo;
+        miningAddress: string;
+        apy: {
+            miningBaseApy?: any | null;
+            miningQuoteApy?: any | null;
+            transactionBaseApy?: any | null;
+            transactionQuoteApy?: any | null;
+            metromMiningApy?: any | null;
+        } | null | undefined;
+        baseApy: string | undefined;
+        quoteApy: string | undefined;
+        isCpPool: boolean;
+        cpAddress: string | undefined;
+        cpLiquidator: string | undefined;
+        cpCreator: string | undefined;
+        cpCreatedAtTimestamp: string | undefined;
+        id: string;
+        creator: any;
+        owner?: any | null;
+        traderCount: any;
+        volumeBaseToken: any;
+        volumeQuoteToken: any;
+        volumeUSD: any;
+        feeBase: any;
+        feeQuote: any;
+        mtFeeRate: any;
+        lpFeeRate: any;
+        i?: any | null;
+        k?: any | null;
+        baseReserve: any;
+        quoteReserve: any;
+        createdAtTimestamp: any;
+        lastTradePrice: any;
+        baseLpToken?: {
+            id: string;
+            symbol: string;
+            name: string;
+            decimals: any;
+        } | null;
+        quoteLpToken?: {
+            id: string;
+            symbol: string;
+            name: string;
+            decimals: any;
+        } | null;
+    } | null;
+    data: undefined;
+    error: Error;
+    isError: true;
+    isPending: false;
+    isLoading: false;
+    isLoadingError: true;
+    isRefetchError: false;
+    isSuccess: false;
+    status: "error";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isPlaceholderData: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@dodoex/api/dist/types/gql/graphql").FetchPoolQuery, Error>>;
+    fetchStatus: import("@tanstack/react-query").FetchStatus;
+} | {
+    poolDetail: {
+        address: string;
+        type: PoolType;
+        chainId: ChainId;
+        baseToken: TokenInfo;
+        quoteToken: TokenInfo;
+        miningAddress: string;
+        apy: {
+            miningBaseApy?: any | null;
+            miningQuoteApy?: any | null;
+            transactionBaseApy?: any | null;
+            transactionQuoteApy?: any | null;
+            metromMiningApy?: any | null;
+        } | null | undefined;
+        baseApy: string | undefined;
+        quoteApy: string | undefined;
+        isCpPool: boolean;
+        cpAddress: string | undefined;
+        cpLiquidator: string | undefined;
+        cpCreator: string | undefined;
+        cpCreatedAtTimestamp: string | undefined;
+        id: string;
+        creator: any;
+        owner?: any | null;
+        traderCount: any;
+        volumeBaseToken: any;
+        volumeQuoteToken: any;
+        volumeUSD: any;
+        feeBase: any;
+        feeQuote: any;
+        mtFeeRate: any;
+        lpFeeRate: any;
+        i?: any | null;
+        k?: any | null;
+        baseReserve: any;
+        quoteReserve: any;
+        createdAtTimestamp: any;
+        lastTradePrice: any;
+        baseLpToken?: {
+            id: string;
+            symbol: string;
+            name: string;
+            decimals: any;
+        } | null;
+        quoteLpToken?: {
+            id: string;
+            symbol: string;
+            name: string;
+            decimals: any;
+        } | null;
+    } | null;
+    data: undefined;
+    error: null;
+    isError: false;
+    isPending: true;
+    isLoading: true;
+    isLoadingError: false;
+    isRefetchError: false;
+    isSuccess: false;
+    status: "pending";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isPlaceholderData: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@dodoex/api/dist/types/gql/graphql").FetchPoolQuery, Error>>;
+    fetchStatus: import("@tanstack/react-query").FetchStatus;
+} | {
+    poolDetail: {
+        address: string;
+        type: PoolType;
+        chainId: ChainId;
+        baseToken: TokenInfo;
+        quoteToken: TokenInfo;
+        miningAddress: string;
+        apy: {
+            miningBaseApy?: any | null;
+            miningQuoteApy?: any | null;
+            transactionBaseApy?: any | null;
+            transactionQuoteApy?: any | null;
+            metromMiningApy?: any | null;
+        } | null | undefined;
+        baseApy: string | undefined;
+        quoteApy: string | undefined;
+        isCpPool: boolean;
+        cpAddress: string | undefined;
+        cpLiquidator: string | undefined;
+        cpCreator: string | undefined;
+        cpCreatedAtTimestamp: string | undefined;
+        id: string;
+        creator: any;
+        owner?: any | null;
+        traderCount: any;
+        volumeBaseToken: any;
+        volumeQuoteToken: any;
+        volumeUSD: any;
+        feeBase: any;
+        feeQuote: any;
+        mtFeeRate: any;
+        lpFeeRate: any;
+        i?: any | null;
+        k?: any | null;
+        baseReserve: any;
+        quoteReserve: any;
+        createdAtTimestamp: any;
+        lastTradePrice: any;
+        baseLpToken?: {
+            id: string;
+            symbol: string;
+            name: string;
+            decimals: any;
+        } | null;
+        quoteLpToken?: {
+            id: string;
+            symbol: string;
+            name: string;
+            decimals: any;
+        } | null;
+    } | null;
+    data: undefined;
+    error: null;
+    isError: false;
+    isPending: true;
+    isLoadingError: false;
+    isRefetchError: false;
+    isSuccess: false;
+    status: "pending";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isLoading: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isPlaceholderData: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@dodoex/api/dist/types/gql/graphql").FetchPoolQuery, Error>>;
+    fetchStatus: import("@tanstack/react-query").FetchStatus;
+};

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/usePoolTypeTag.d.ts

@@ -0,0 +1,16 @@
+import { PoolType } from '@dodoex/api';
+import { Theme } from '@dodoex/components';
+import BigNumber from 'bignumber.js';
+export declare const getPoolTypeTag: (type: PoolType, quoteReserve: BigNumber | undefined | null, theme: Theme) => {
+    typeLabel: string;
+    typeColor: string;
+    typeBgColor: string;
+};
+export declare const usePoolTypeTag: ({ type, quoteReserve, }: {
+    type: PoolType;
+    quoteReserve: BigNumber | undefined | null;
+}) => {
+    typeLabel: string;
+    typeColor: string;
+    typeBgColor: string;
+};

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

@@ -0,0 +1,18 @@
+import { TokenInfo } from '../../../hooks/Token';
+export declare function useUniV2CreatePairs({ baseToken, quoteToken, baseAmount, quoteAmount, fee, }: {
+    baseToken: TokenInfo | undefined;
+    quoteToken: TokenInfo | undefined;
+    baseAmount: string;
+    quoteAmount: string;
+    fee: number;
+}): {
+    pairAddress: string | undefined;
+    pair: import("@uniswap/v2-sdk").Pair | null;
+    isInvalidPair: boolean;
+    price: import("bignumber.js").BigNumber | undefined;
+    invertedPrice: import("bignumber.js").BigNumber | undefined;
+    priceLoading: boolean;
+    liquidityMinted: import("bignumber.js").BigNumber | undefined;
+    shareOfPool: string;
+    isExists: boolean;
+};

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

@@ -0,0 +1,27 @@
+import { TokenInfo } from '../../../hooks/Token';
+import { Pair } from '@uniswap/v2-sdk';
+import BigNumber from 'bignumber.js';
+export declare function useUniV2Pairs({ pool, baseAmount, quoteAmount, }: {
+    pool?: {
+        type: string;
+        address: string;
+        baseToken: TokenInfo;
+        quoteToken: TokenInfo;
+    };
+    baseAmount?: string;
+    quoteAmount?: string;
+}): {
+    isRearTokenA: boolean;
+    pair: Pair | null;
+    price: BigNumber | undefined;
+    invertedPrice: BigNumber | undefined;
+    reserveQuery: import("@tanstack/react-query").UseQueryResult<{
+        baseReserve: BigNumber;
+        quoteReserve: BigNumber;
+    } | null, Error>;
+    totalBaseLpQuery: import("@tanstack/react-query").UseQueryResult<BigNumber | null, Error>;
+    liquidityMinted: BigNumber | undefined;
+    poolTokenPercentage: BigNumber | undefined;
+    shareOfPool: string;
+    isExists: boolean;
+};

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

@@ -0,0 +1,4 @@
+export { default as AMMV3Create } from './AMMV3/AddLiquidityV3';
+export { AMMV3PositionsView } from './AMMV3/AMMV3PositionsView';
+export { AMMV3PositionManage } from './AMMV3/AMMV3PositionManage';
+export declare function Pool(): JSX.Element;

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

@@ -0,0 +1,21 @@
+import { AMMV3Api, ChainId, ExcludeNone, PoolApi, PoolType } from '@dodoex/api';
+import { TokenInfo } from '../../hooks/Token';
+import { OperatePool } from './PoolOperate/types';
+export declare const poolApi: PoolApi;
+export declare const ammV3Api: AMMV3Api;
+export type FetchLiquidityListLqList = ExcludeNone<ReturnType<Exclude<(typeof PoolApi.graphql.fetchLiquidityList)['__apiType'], undefined>>['liquidity_list']>['lqList'];
+export type FetchMyLiquidityListLqList = ExcludeNone<ReturnType<Exclude<(typeof PoolApi.graphql.fetchMyLiquidityList)['__apiType'], undefined>>['liquidity_list']>['lqList'];
+export type FetchMyCreateListLqList = ExcludeNone<ReturnType<Exclude<(typeof PoolApi.graphql.fetchDashboardPairList)['__apiType'], undefined>>['dashboard_pairs_list']>['list'];
+export type FetchPoolList = ExcludeNone<ReturnType<Exclude<(typeof PoolApi.graphql.fetchPoolList)['__apiType'], undefined>>['pairs']>;
+export declare function convertLiquidityTokenToTokenInfo(token: {
+    id: string;
+    symbol: string;
+    name: string;
+    decimals: number;
+    logoImg?: string | null;
+} | undefined, chainId: ChainId | number): TokenInfo | undefined;
+export declare function convertFetchLiquidityToOperateData(lqData: ExcludeNone<FetchLiquidityListLqList>[0]): OperatePool;
+export declare function convertFetchMyLiquidityToOperateData(lqData: ExcludeNone<FetchMyLiquidityListLqList>[0]): OperatePool;
+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;

package/package.json

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