@dodoex/widgets 3.0.0-beta.1 → 3.0.0-beta.2

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

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

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

@@ -0,0 +1,17 @@
+import { PoolApi, ExcludeNone } from '@dodoex/api';
+import { ChainId } from '@dodoex/api';
+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;
+    logoImg?: string | null;
+} | undefined, chainId: ChainId | number): TokenInfo | undefined;
+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": "3.0.0-beta.1",
+  "version": "3.0.0-beta.2",
   "description": "DODO Widgets",
   "source": "src/index.tsx",
   "types": "dist/src/index.d.ts",
@@ -56,8 +56,8 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.17.0",
-    "@dodoex/api": ">=0.0.1",
-    "@dodoex/components": "^2.0.1",
+    "@dodoex/api": ">=3.0.0-beta.0",
+    "@dodoex/components": "^3.0.0-beta.0",
     "@dodoex/icons": "^2.0.1",
     "@emotion/react": "^11.10.0",
     "@emotion/styled": "^11.10.0",
@@ -105,10 +105,13 @@
     "@lingui/cli": "^4.3.0",
     "@nomicfoundation/hardhat-network-helpers": "^1.0.6",
     "@nomiclabs/hardhat-ethers": "^2.1.1",
-    "@rollup/plugin-babel": "^5.3.1",
-    "@rollup/plugin-commonjs": "^22.0.0",
-    "@rollup/plugin-json": "^4.1.0",
-    "@rollup/plugin-replace": "^4.0.0",
+    "@rollup/plugin-babel": "^6.0.4",
+    "@rollup/plugin-commonjs": "^26.0.1",
+    "@rollup/plugin-json": "^6.1.0",
+    "@rollup/plugin-multi-entry": "^6.0.1",
+    "@rollup/plugin-replace": "^5.0.7",
+    "@rollup/plugin-terser": "^0.4.4",
+    "@rollup/plugin-url": "^8.0.2",
     "@svgr/rollup": "^6.2.1",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^13.4.0",
@@ -129,13 +132,10 @@
     "jest-environment-hardhat": "^1.1.9",
     "jest-environment-jsdom": "^29.0.3",
     "np": "^7.6.1",
-    "rollup": "^2.75.5",
-    "rollup-plugin-multi-input": "^1.3.1",
-    "rollup-plugin-terser": "^7.0.2",
-    "rollup-plugin-typescript2": "^0.32.0",
-    "rollup-plugin-url": "^3.0.1",
+    "rollup": "^4.18.0",
+    "rollup-plugin-typescript2": "^0.36.0",
     "svg-jest": "^1.0.1",
     "ts-jest": "^29.0.1",
     "typescript": "^4.7.3"
   }
-}
+}