@dodoex/widgets 2.6.6 → 3.0.0-beta.0

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

@@ -1,10 +1,9 @@
 import { PoolType } from '@dodoex/api';
 import { BigNumber } from 'bignumber.js';
-import { ChainId } from '../../../constants/chains';
 import { TokenInfo } from '../../../hooks/Token';
 declare type Balance = BigNumber | null | undefined;
-export declare function usePoolBalanceInfo({ chainId, account, pool, }: {
-    chainId: ChainId;
+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;
@@ -34,10 +33,16 @@ export declare function usePoolBalanceInfo({ chainId, account, 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 {};

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

@@ -0,0 +1,341 @@
+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;
+        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;
+        traderCount: any;
+        volumeBaseToken: any;
+        volumeQuoteToken: any;
+        volumeUSD: any;
+        feeBase: any;
+        feeQuote: any;
+        mtFeeRate: any;
+        lpFeeRate: any;
+        i?: any;
+        k?: any;
+        baseReserve: any;
+        quoteReserve: any;
+        createdAtTimestamp: any;
+        lastTradePrice: any;
+        baseLpToken?: {
+            id: string;
+            symbol: string;
+            name: string;
+        } | null | undefined;
+        quoteLpToken?: {
+            id: string;
+            symbol: string;
+            name: string;
+        } | null | undefined;
+    } | null;
+    data: import("@dodoex/api/dist/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/query-core/build/legacy/queryClient-MRqjmcFa")._ | undefined) => Promise<import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").ae<import("@dodoex/api/dist/gql/graphql").FetchPoolQuery, Error>>;
+    fetchStatus: import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").a6;
+} | {
+    poolDetail: {
+        address: string;
+        type: PoolType;
+        chainId: ChainId;
+        baseToken: TokenInfo;
+        quoteToken: TokenInfo;
+        miningAddress: string;
+        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;
+        traderCount: any;
+        volumeBaseToken: any;
+        volumeQuoteToken: any;
+        volumeUSD: any;
+        feeBase: any;
+        feeQuote: any;
+        mtFeeRate: any;
+        lpFeeRate: any;
+        i?: any;
+        k?: any;
+        baseReserve: any;
+        quoteReserve: any;
+        createdAtTimestamp: any;
+        lastTradePrice: any;
+        baseLpToken?: {
+            id: string;
+            symbol: string;
+            name: string;
+        } | null | undefined;
+        quoteLpToken?: {
+            id: string;
+            symbol: string;
+            name: string;
+        } | null | undefined;
+    } | null;
+    data: import("@dodoex/api/dist/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/query-core/build/legacy/queryClient-MRqjmcFa")._ | undefined) => Promise<import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").ae<import("@dodoex/api/dist/gql/graphql").FetchPoolQuery, Error>>;
+    fetchStatus: import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").a6;
+} | {
+    poolDetail: {
+        address: string;
+        type: PoolType;
+        chainId: ChainId;
+        baseToken: TokenInfo;
+        quoteToken: TokenInfo;
+        miningAddress: string;
+        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;
+        traderCount: any;
+        volumeBaseToken: any;
+        volumeQuoteToken: any;
+        volumeUSD: any;
+        feeBase: any;
+        feeQuote: any;
+        mtFeeRate: any;
+        lpFeeRate: any;
+        i?: any;
+        k?: any;
+        baseReserve: any;
+        quoteReserve: any;
+        createdAtTimestamp: any;
+        lastTradePrice: any;
+        baseLpToken?: {
+            id: string;
+            symbol: string;
+            name: string;
+        } | null | undefined;
+        quoteLpToken?: {
+            id: string;
+            symbol: string;
+            name: string;
+        } | null | undefined;
+    } | 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/query-core/build/legacy/queryClient-MRqjmcFa")._ | undefined) => Promise<import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").ae<import("@dodoex/api/dist/gql/graphql").FetchPoolQuery, Error>>;
+    fetchStatus: import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").a6;
+} | {
+    poolDetail: {
+        address: string;
+        type: PoolType;
+        chainId: ChainId;
+        baseToken: TokenInfo;
+        quoteToken: TokenInfo;
+        miningAddress: string;
+        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;
+        traderCount: any;
+        volumeBaseToken: any;
+        volumeQuoteToken: any;
+        volumeUSD: any;
+        feeBase: any;
+        feeQuote: any;
+        mtFeeRate: any;
+        lpFeeRate: any;
+        i?: any;
+        k?: any;
+        baseReserve: any;
+        quoteReserve: any;
+        createdAtTimestamp: any;
+        lastTradePrice: any;
+        baseLpToken?: {
+            id: string;
+            symbol: string;
+            name: string;
+        } | null | undefined;
+        quoteLpToken?: {
+            id: string;
+            symbol: string;
+            name: string;
+        } | null | undefined;
+    } | 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/query-core/build/legacy/queryClient-MRqjmcFa")._ | undefined) => Promise<import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").ae<import("@dodoex/api/dist/gql/graphql").FetchPoolQuery, Error>>;
+    fetchStatus: import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").a6;
+} | {
+    poolDetail: {
+        address: string;
+        type: PoolType;
+        chainId: ChainId;
+        baseToken: TokenInfo;
+        quoteToken: TokenInfo;
+        miningAddress: string;
+        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;
+        traderCount: any;
+        volumeBaseToken: any;
+        volumeQuoteToken: any;
+        volumeUSD: any;
+        feeBase: any;
+        feeQuote: any;
+        mtFeeRate: any;
+        lpFeeRate: any;
+        i?: any;
+        k?: any;
+        baseReserve: any;
+        quoteReserve: any;
+        createdAtTimestamp: any;
+        lastTradePrice: any;
+        baseLpToken?: {
+            id: string;
+            symbol: string;
+            name: string;
+        } | null | undefined;
+        quoteLpToken?: {
+            id: string;
+            symbol: string;
+            name: string;
+        } | null | undefined;
+    } | 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/query-core/build/legacy/queryClient-MRqjmcFa")._ | undefined) => Promise<import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").ae<import("@dodoex/api/dist/gql/graphql").FetchPoolQuery, Error>>;
+    fetchStatus: import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").a6;
+};

package/dist/src/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: any;
+    typeBgColor: string;
+};
+export declare const usePoolTypeTag: ({ type, quoteReserve, }: {
+    type: PoolType;
+    quoteReserve: BigNumber | undefined | null;
+}) => {
+    typeLabel: string;
+    typeColor: any;
+    typeBgColor: string;
+};

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

@@ -1,20 +1,17 @@
-import { PoolApi, ExcludeNone, PoolType } from '@dodoex/api';
+import { PoolApi, ExcludeNone } from '@dodoex/api';
 import { ChainId } from '../../constants/chains';
 import { TokenInfo } from '../../hooks/Token';
 import { OperatePool } from './PoolOperate/types';
 export declare const poolApi: PoolApi;
 export declare type FetchLiquidityListLqList = ExcludeNone<ReturnType<Exclude<typeof PoolApi.graphql.fetchLiquidityList['__apiType'], undefined>>['liquidity_list']>['lqList'];
+export declare type FetchMyLiquidityListLqList = ExcludeNone<ReturnType<Exclude<typeof PoolApi.graphql.fetchMyLiquidityList['__apiType'], undefined>>['liquidity_list']>['lqList'];
+export declare 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;
-    usdPrice: number;
     logoImg?: string | null;
 } | undefined, chainId: ChainId | number): TokenInfo | undefined;
-export declare function canOperatePool(account: string | undefined, { owner, creator, type, }: {
-    owner?: string | null;
-    creator?: string | null;
-    type?: PoolType;
-}): boolean;
 export declare function convertFetchLiquidityToOperateData(lqData: ExcludeNone<FetchLiquidityListLqList>[0]): OperatePool;
+export declare function convertFetchPoolToOperateData(pool: FetchPoolList[0], chainId: number): OperatePool;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dodoex/widgets",
-  "version": "2.6.6",
+  "version": "3.0.0-beta.0",
   "description": "DODO Widgets",
   "source": "src/index.tsx",
   "types": "dist/src/index.d.ts",
@@ -56,6 +56,7 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.17.0",
+    "@dodoex/api": ">=0.0.1",
     "@dodoex/components": "^2.0.1",
     "@dodoex/icons": "^2.0.1",
     "@emotion/react": "^11.10.0",
@@ -68,6 +69,7 @@
     "@reduxjs/toolkit": "^1.6.1",
     "@semantic-release/changelog": "^6.0.1",
     "@semantic-release/git": "^10.0.1",
+    "@tanstack/react-query": "^5.18.1",
     "@web3-react/core": "8.2.0",
     "@web3-react/eip1193": "8.2.0",
     "@web3-react/metamask": "8.2.1",
@@ -75,11 +77,18 @@
     "@web3-react/walletconnect-v2": "8.3.6",
     "axios": "^0.27.2",
     "bignumber.js": "^9.0.2",
+    "dayjs": "^1.11.11",
     "identicon.js": "^2.3.3",
+    "konva": "^9.3.6",
     "lodash": "^4.17.21",
     "make-plural": "^7.0.0",
+    "react-icons": "^5.0.1",
+    "react-infinite-scroller": "^1.2.6",
+    "react-konva": "^18.2.10",
     "react-window": "^1.8.8",
-    "semantic-release": "^19.0.2"
+    "recharts": "^2.12.7",
+    "semantic-release": "^19.0.2",
+    "zustand": "^4.5.1"
   },
   "peerDependencies": {
     "@babel/runtime": ">=7.17.0",
@@ -107,6 +116,7 @@
     "@types/identicon.js": "^2.3.1",
     "@types/jest": "^29.0.3",
     "@types/lodash": "^4.14.184",
+    "@types/react-infinite-scroller": "^1.2.5",
     "@types/react-window": "^1.8.5",
     "@uniswap/sdk-core": "^3.0.2",
     "babel-plugin-macros": "^3.1.0",