@dodoex/widgets 3.0.0-taiko.2 → 3.0.0-taiko.20

package/dist/widgets/PoolWidget/PoolList/components/SkeletonTable.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export default function SkeletonTable({ count }: {
     count?: number;
 }): JSX.Element;

package/dist/widgets/PoolWidget/PoolList/components/TokenAndPoolFilter.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BoxProps } from '@dodoex/components';
 import { TokenInfo } from '../../../../hooks/Token';
 export default function TokenAndPoolFilter({ sx, value, onChange, searchAddress, }: {

package/dist/widgets/PoolWidget/PoolList/components/TokenListPoolItem.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FetchLiquidityListLqList } from '../../utils';
 export default function TokenListPoolItem({ list, onClick, }: {
     list: FetchLiquidityListLqList;

package/dist/widgets/PoolWidget/PoolList/hooks/usePoolListFilterTokenAndPool.d.ts

@@ -5,42 +5,42 @@ export declare function usePoolListFilterTokenAndPool(): {
     filterASymbol: string;
     filterBSymbol: string;
     filterAddressLqList: ({
-        id?: string | null | undefined;
+        id?: string | null;
         pair?: {
             id: string;
             chainId: number;
             type: string;
             lpFeeRate: any;
             creator: any;
-            tvl?: any;
-            miningAddress?: (string | null)[] | null | undefined;
+            tvl?: any | null;
+            miningAddress?: Array<string | null> | null;
             baseLpToken?: {
                 id: string;
-            } | null | undefined;
+            } | null;
             quoteLpToken?: {
                 id: string;
-            } | null | undefined;
+            } | null;
             baseToken: {
                 id: string;
                 symbol: string;
                 name: string;
                 decimals: any;
-                logoImg?: string | null | undefined;
+                logoImg?: string | null;
             };
             quoteToken: {
                 id: string;
                 symbol: string;
                 name: string;
                 decimals: any;
-                logoImg?: string | null | undefined;
+                logoImg?: string | null;
             };
             apy?: {
-                miningBaseApy?: any;
-                miningQuoteApy?: any;
-                transactionBaseApy?: any;
-                transactionQuoteApy?: any;
-            } | null | undefined;
-        } | null | undefined;
+                miningBaseApy?: any | null;
+                miningQuoteApy?: any | null;
+                transactionBaseApy?: any | null;
+                transactionQuoteApy?: any | null;
+            } | null;
+        } | null;
     } | null)[] | null | undefined;
     handleDeleteToken: (token: TokenInfo) => void;
     handleChangeFilterTokens: (tokens: Array<TokenInfo>) => void;

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

@@ -3,8 +3,9 @@ export declare enum PoolTab {
     myLiquidity = "my-liquidity",
     myCreated = "my-created"
 }
-export declare function usePoolListTabs({ account }: {
+export declare function usePoolListTabs({ account, paramsTab, }: {
     account?: string;
+    paramsTab: PoolTab | undefined;
 }): {
     poolTab: PoolTab;
     tabs: {

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

@@ -1,2 +1,4 @@
-/// <reference types="react" />
-export default function PoolList(): JSX.Element;
+import { Page, PageType } from '../../../router/types';
+export default function PoolList({ params, }: {
+    params?: Page<PageType.Pool>['params'];
+}): JSX.Element;

package/dist/widgets/PoolWidget/PoolModify/SectionTitle.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare function SectionTitle({ titleKey }: {
     titleKey: string;
 }): JSX.Element;

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

@@ -1,2 +1,4 @@
-/// <reference types="react" />
-export default function PoolModify(): JSX.Element;
+import { Page, PageType } from '../../../router/types';
+export default function PoolModify({ params, }: {
+    params: Page<PageType.PoolDetail>['params'];
+}): JSX.Element;

package/dist/widgets/PoolWidget/PoolModify/operate-widgets/BottomButtonGroup.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { usePoolDetail } from '../../hooks/usePoolDetail';
 import { StateProps } from '../../PoolCreate/reducer';
 export declare function BottomButtonGroup({ state, pool, loading, }: {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { OperatePool } from './types';
 import { usePoolBalanceInfo } from '../hooks/usePoolBalanceInfo';
 export declare function AddPoolOperate({ submittedBack: submittedBackProps, onlyShowSide, pool, balanceInfo, }: {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { OperateTab } from './hooks/usePoolOperateTabs';
 import { OperatePool } from './types';
 export interface PoolOperateInnerProps {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { OperatePool } from './types';
 import { usePoolBalanceInfo } from '../hooks/usePoolBalanceInfo';
 export declare function RemovePoolOperate({ submittedBack: submittedBackProps, onlyShowSide, pool, balanceInfo, }: {

package/dist/widgets/PoolWidget/PoolOperate/components/ComparePrice.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import BigNumber from 'bignumber.js';
 import { TokenInfo } from '../../../../hooks/Token';
 export default function ComparePrice({ lqAndDodoCompareText, baseToken, quoteToken, midPrice, }: {

package/dist/widgets/PoolWidget/PoolOperate/components/GSPPairRiskWarning.d.ts

@@ -0,0 +1 @@
+export declare const GSPPairRiskWarning: () => JSX.Element;

package/dist/widgets/PoolWidget/PoolOperate/components/LiquidityInfo.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { usePoolBalanceInfo } from '../../hooks/usePoolBalanceInfo';
 import { OperatePool } from '../types';
 export interface LiquidityInfoProps {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { useTokenStatus } from '../../../../hooks/Token/useTokenStatus';
 export default function OperateBtn({ chainId, baseTokenStatus, quoteTokenStatus, children, }: React.PropsWithChildren<{
     chainId: number;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import BigNumber from 'bignumber.js';
 import { OperatePool } from '../types';
 export default function Ratio({ pool, addPortion, midPrice, }: {

package/dist/widgets/PoolWidget/PoolOperate/components/SliderPercentageCard.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BoxProps } from '@dodoex/components';
 export declare function SliderPercentageCard({ disabled, value, onChange, sx, }: {
     disabled?: boolean;

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

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 import { AUTO_SWAP_SLIPPAGE_PROTECTION } from '../../../../constants/pool';
 export declare const useSlipper: ({ address }: {
-    address?: string | undefined;
+    address?: string;
 }) => {
     slipper: number | "auto";
     setSlipper: import("react").Dispatch<import("react").SetStateAction<number | "auto">>;

package/dist/widgets/PoolWidget/PoolOperate/components/TokenList.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { usePoolBalanceInfo } from '../../hooks/usePoolBalanceInfo';
 import { CheckTokenType } from '../hooks/useCheckToken';
 import { OperatePool } from '../types';

package/dist/widgets/PoolWidget/PoolOperate/hooks/useLiquidityOperateAmount.d.ts

@@ -1,9 +1,10 @@
 import BigNumber from 'bignumber.js';
 import { OperatePool } from '../types';
-export declare function useLiquidityOperateAmount({ pool, maxBaseAmount, maxQuoteAmount, }: {
+export declare function useLiquidityOperateAmount({ pool, maxBaseAmount, maxQuoteAmount, isRemove, }: {
     pool: OperatePool;
     maxBaseAmount?: BigNumber | null;
     maxQuoteAmount?: BigNumber | null;
+    isRemove?: boolean;
 }): {
     baseAmount: string;
     quoteAmount: string;
@@ -25,7 +26,7 @@ export declare function useLiquidityOperateAmount({ pool, maxBaseAmount, maxQuot
     addPortion: BigNumber;
     amountLoading: false;
     amountError: boolean;
-    amountRefetch: (options?: import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa")._ | undefined) => Promise<import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").ae<{
+    amountRefetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<{
         midPrice: BigNumber | undefined;
         pmmParamsBG: {
             q: BigNumber;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BoxProps } from '@dodoex/components';
 import { PoolOperateInnerProps } from './PoolOperateInner';
 export interface PoolOperateProps {
@@ -12,5 +11,6 @@ export interface PoolOperateProps {
     sx?: BoxProps['sx'];
 }
 export declare function PoolOperate({ onClose, pool: poolProps, address, operate, chainId, hasMining, sx, }: PoolOperateProps): JSX.Element;
-export declare function PoolOperateModal(props: PoolOperateProps): JSX.Element;
-export default function PoolOperateDialog(props: PoolOperateProps): JSX.Element;
+export default function PoolOperateDialog({ modal, ...props }: PoolOperateProps & {
+    modal?: boolean;
+}): JSX.Element;

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

@@ -1,6 +1,6 @@
 import { PoolType } from '@dodoex/api';
 import { TokenInfo } from '../../../hooks/Token';
-export declare type OperatePool = {
+export type OperatePool = {
     address: string;
     chainId: number;
     baseToken: TokenInfo;

package/dist/widgets/PoolWidget/hooks/contract/getModifyDPPPoolParams.d.ts

@@ -67,9 +67,9 @@ export declare function useDiffer({ srcPool, newPool, }: {
     };
 } | null;
 export declare const getModifyDPPPoolParams: ({ chainId, account, srcPool, baseToken, quoteToken, baseAmount, quoteAmount, feeRate, initPrice, slippageCoefficient, SLIPPAGE_PROTECTION, }: {
-    chainId?: number | undefined;
-    account?: string | undefined;
-    srcPool?: ModifyPool | undefined;
+    chainId?: number;
+    account?: string;
+    srcPool?: ModifyPool;
     baseToken: TokenInfo;
     quoteToken: TokenInfo;
     baseAmount: string;
@@ -81,6 +81,6 @@ export declare const getModifyDPPPoolParams: ({ chainId, account, srcPool, baseT
 }) => Promise<{
     data: string;
     to: string;
-    value?: string | number | undefined;
+    value?: number | string;
 } | null>;
 export {};

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

@@ -9,14 +9,14 @@ export declare function useModifyDppPool({ pool, }: {
         quoteToken: TokenInfo;
     };
 }): {
-    modifyDPPMutation: import("@tanstack/react-query/build/legacy/types").UseMutationResult<import("../../../../hooks/Submission/types").ExecutionResult, Error, {
+    modifyDPPMutation: import("@tanstack/react-query").UseMutationResult<import("../../../../hooks/Submission/types").ExecutionResult, Error, {
         baseAmount: string;
         quoteAmount: string;
-        isRemove?: boolean | undefined;
-        feeRate?: string | undefined;
-        initPrice?: string | undefined;
-        slippageCoefficient?: string | undefined;
+        isRemove?: boolean;
+        feeRate?: string;
+        initPrice?: string;
+        slippageCoefficient?: string;
         txTitle: string;
-        submittedBack?: (() => void) | undefined;
+        submittedBack?: () => void;
     }, unknown>;
 };

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

@@ -32,5 +32,5 @@ export declare const useOperateLiquidity: (pool?: {
         id: string;
     };
 }) => {
-    operateLiquidityMutation: import("@tanstack/react-query/build/legacy/types").UseMutationResult<void, Error, SubmitLiquidityParams, unknown>;
+    operateLiquidityMutation: import("@tanstack/react-query").UseMutationResult<void, Error, SubmitLiquidityParams, unknown>;
 };

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

@@ -13,8 +13,8 @@ export declare const useWithdrawInfo: ({ pool, isBase, baseAmount, quoteAmount,
             symbol: string;
             decimals: number;
         };
-    } | undefined;
-    isBase?: boolean | undefined;
+    };
+    isBase?: boolean;
     baseAmount: string;
     quoteAmount: string;
 }) => {

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

@@ -1,8 +1,8 @@
 import { PoolType } from '@dodoex/api';
 import { BigNumber } from 'bignumber.js';
 import { TokenInfo } from '../../../hooks/Token';
-declare type Balance = BigNumber | null | undefined;
-export declare function getLpToTokenBalance(userLpBalance: Balance, totalLpBalance: Balance, reserve: Balance, target: Balance, address: string | undefined, type: PoolType | undefined, decimals: number | undefined): BigNumber | null | undefined;
+type Balance = BigNumber | null | undefined;
+export declare function getLpToTokenBalance(userLpBalance: Balance, totalLpBalance: Balance, reserve: Balance, target: Balance, address: string | undefined, type: PoolType | undefined, decimals: number | undefined): undefined[] | BigNumber[];
 export declare function usePoolBalanceInfo({ account, pool, }: {
     account?: string;
     pool?: {
@@ -30,7 +30,7 @@ export declare function usePoolBalanceInfo({ account, pool, }: {
     /** the user's existing quote lp balance */
     userQuoteLpBalance: Balance;
     /** The number of base that can be obtained when a user withdraws from the pool */
-    userBaseLpToTokenBalance: BigNumber | null | undefined;
+    userBaseLpToTokenBalance: BigNumber | undefined;
     /** The number of quote that can be obtained when a user withdraws from the pool */
     userQuoteLpToTokenBalance: BigNumber | null | undefined;
     baseLpToTokenProportion: BigNumber | undefined;

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

@@ -20,7 +20,7 @@ export declare function usePoolDetail({ id, chainId, }: {
         cpCreatedAtTimestamp: string | undefined;
         id: string;
         creator: any;
-        owner?: any;
+        owner?: any | null;
         traderCount: any;
         volumeBaseToken: any;
         volumeQuoteToken: any;
@@ -29,8 +29,8 @@ export declare function usePoolDetail({ id, chainId, }: {
         feeQuote: any;
         mtFeeRate: any;
         lpFeeRate: any;
-        i?: any;
-        k?: any;
+        i?: any | null;
+        k?: any | null;
         baseReserve: any;
         quoteReserve: any;
         createdAtTimestamp: any;
@@ -39,12 +39,12 @@ export declare function usePoolDetail({ id, chainId, }: {
             id: string;
             symbol: string;
             name: string;
-        } | null | undefined;
+        } | null;
         quoteLpToken?: {
             id: string;
             symbol: string;
             name: string;
-        } | null | undefined;
+        } | null;
     } | null;
     data: import("@dodoex/api/dist/gql/graphql").FetchPoolQuery;
     error: Error;
@@ -68,8 +68,8 @@ export declare function usePoolDetail({ id, chainId, }: {
     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;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@dodoex/api/dist/gql/graphql").FetchPoolQuery, Error>>;
+    fetchStatus: import("@tanstack/react-query").FetchStatus;
 } | {
     poolDetail: {
         address: string;
@@ -87,7 +87,7 @@ export declare function usePoolDetail({ id, chainId, }: {
         cpCreatedAtTimestamp: string | undefined;
         id: string;
         creator: any;
-        owner?: any;
+        owner?: any | null;
         traderCount: any;
         volumeBaseToken: any;
         volumeQuoteToken: any;
@@ -96,8 +96,8 @@ export declare function usePoolDetail({ id, chainId, }: {
         feeQuote: any;
         mtFeeRate: any;
         lpFeeRate: any;
-        i?: any;
-        k?: any;
+        i?: any | null;
+        k?: any | null;
         baseReserve: any;
         quoteReserve: any;
         createdAtTimestamp: any;
@@ -106,12 +106,12 @@ export declare function usePoolDetail({ id, chainId, }: {
             id: string;
             symbol: string;
             name: string;
-        } | null | undefined;
+        } | null;
         quoteLpToken?: {
             id: string;
             symbol: string;
             name: string;
-        } | null | undefined;
+        } | null;
     } | null;
     data: import("@dodoex/api/dist/gql/graphql").FetchPoolQuery;
     error: null;
@@ -135,8 +135,8 @@ export declare function usePoolDetail({ id, chainId, }: {
     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;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@dodoex/api/dist/gql/graphql").FetchPoolQuery, Error>>;
+    fetchStatus: import("@tanstack/react-query").FetchStatus;
 } | {
     poolDetail: {
         address: string;
@@ -154,7 +154,7 @@ export declare function usePoolDetail({ id, chainId, }: {
         cpCreatedAtTimestamp: string | undefined;
         id: string;
         creator: any;
-        owner?: any;
+        owner?: any | null;
         traderCount: any;
         volumeBaseToken: any;
         volumeQuoteToken: any;
@@ -163,8 +163,8 @@ export declare function usePoolDetail({ id, chainId, }: {
         feeQuote: any;
         mtFeeRate: any;
         lpFeeRate: any;
-        i?: any;
-        k?: any;
+        i?: any | null;
+        k?: any | null;
         baseReserve: any;
         quoteReserve: any;
         createdAtTimestamp: any;
@@ -173,12 +173,12 @@ export declare function usePoolDetail({ id, chainId, }: {
             id: string;
             symbol: string;
             name: string;
-        } | null | undefined;
+        } | null;
         quoteLpToken?: {
             id: string;
             symbol: string;
             name: string;
-        } | null | undefined;
+        } | null;
     } | null;
     data: undefined;
     error: Error;
@@ -202,8 +202,8 @@ export declare function usePoolDetail({ id, chainId, }: {
     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;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@dodoex/api/dist/gql/graphql").FetchPoolQuery, Error>>;
+    fetchStatus: import("@tanstack/react-query").FetchStatus;
 } | {
     poolDetail: {
         address: string;
@@ -221,7 +221,7 @@ export declare function usePoolDetail({ id, chainId, }: {
         cpCreatedAtTimestamp: string | undefined;
         id: string;
         creator: any;
-        owner?: any;
+        owner?: any | null;
         traderCount: any;
         volumeBaseToken: any;
         volumeQuoteToken: any;
@@ -230,8 +230,8 @@ export declare function usePoolDetail({ id, chainId, }: {
         feeQuote: any;
         mtFeeRate: any;
         lpFeeRate: any;
-        i?: any;
-        k?: any;
+        i?: any | null;
+        k?: any | null;
         baseReserve: any;
         quoteReserve: any;
         createdAtTimestamp: any;
@@ -240,12 +240,12 @@ export declare function usePoolDetail({ id, chainId, }: {
             id: string;
             symbol: string;
             name: string;
-        } | null | undefined;
+        } | null;
         quoteLpToken?: {
             id: string;
             symbol: string;
             name: string;
-        } | null | undefined;
+        } | null;
     } | null;
     data: undefined;
     error: null;
@@ -269,8 +269,8 @@ export declare function usePoolDetail({ id, chainId, }: {
     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;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@dodoex/api/dist/gql/graphql").FetchPoolQuery, Error>>;
+    fetchStatus: import("@tanstack/react-query").FetchStatus;
 } | {
     poolDetail: {
         address: string;
@@ -288,7 +288,7 @@ export declare function usePoolDetail({ id, chainId, }: {
         cpCreatedAtTimestamp: string | undefined;
         id: string;
         creator: any;
-        owner?: any;
+        owner?: any | null;
         traderCount: any;
         volumeBaseToken: any;
         volumeQuoteToken: any;
@@ -297,8 +297,8 @@ export declare function usePoolDetail({ id, chainId, }: {
         feeQuote: any;
         mtFeeRate: any;
         lpFeeRate: any;
-        i?: any;
-        k?: any;
+        i?: any | null;
+        k?: any | null;
         baseReserve: any;
         quoteReserve: any;
         createdAtTimestamp: any;
@@ -307,12 +307,12 @@ export declare function usePoolDetail({ id, chainId, }: {
             id: string;
             symbol: string;
             name: string;
-        } | null | undefined;
+        } | null;
         quoteLpToken?: {
             id: string;
             symbol: string;
             name: string;
-        } | null | undefined;
+        } | null;
     } | null;
     data: undefined;
     error: null;
@@ -336,6 +336,6 @@ export declare function usePoolDetail({ id, chainId, }: {
     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;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@dodoex/api/dist/gql/graphql").FetchPoolQuery, Error>>;
+    fetchStatus: import("@tanstack/react-query").FetchStatus;
 };

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

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

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

@@ -3,10 +3,10 @@ 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 FetchMyCreateListLqList = ExcludeNone<ReturnType<Exclude<typeof PoolApi.graphql.fetchDashboardPairList['__apiType'], undefined>>['dashboard_pairs_list']>['list'];
-export declare type FetchPoolList = ExcludeNone<ReturnType<Exclude<typeof PoolApi.graphql.fetchPoolList['__apiType'], undefined>>['pairs']>;
+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;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dodoex/widgets",
-  "version": "3.0.0-taiko.2",
+  "version": "3.0.0-taiko.20",
   "description": "DODO Widgets",
   "source": "src/index.tsx",
   "types": "dist/index.d.ts",
@@ -57,8 +57,8 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.17.0",
-    "@dodoex/api": ">=3.0.0-taiko.1",
-    "@dodoex/components": ">=3.0.0-taiko.1",
+    "@dodoex/api": ">=3.0.0-taiko.10",
+    "@dodoex/components": ">=3.0.0-taiko.5",
     "@dodoex/icons": "^2.0.1",
     "@emotion/react": "^11.10.0",
     "@emotion/styled": "^11.10.0",
@@ -83,11 +83,15 @@
     "konva": "^9.3.6",
     "lodash": "^4.17.21",
     "make-plural": "^7.0.0",
+    "moment": "^2.29.4",
+    "react-datetime": "^3.1.1",
     "react-icons": "^5.0.1",
     "react-infinite-scroller": "^1.2.6",
     "react-konva": "^18.2.10",
+    "react-transition-group": "^4.4.5",
     "react-window": "^1.8.8",
     "recharts": "^2.12.7",
+    "rmc-date-picker": "^6.0.10",
     "semantic-release": "^19.0.2",
     "zustand": "^4.5.5"
   },
@@ -121,22 +125,24 @@
     "@types/jest": "^29.0.3",
     "@types/lodash": "^4.14.184",
     "@types/react-infinite-scroller": "^1.2.5",
+    "@types/react-transition-group": "^4.4.11",
     "@types/react-window": "^1.8.5",
     "@uniswap/sdk-core": "^3.0.2",
     "babel-plugin-macros": "^3.1.0",
     "babel-runtime": "^6.26.0",
     "dotenv": "^16.0.2",
     "ethers": "^5.7.1",
-    "hardhat": "^2.11.2",
+    "hardhat": "^2.22.13",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^29.0.3",
     "jest-environment-hardhat": "^1.1.9",
     "jest-environment-jsdom": "^29.0.3",
     "np": "^7.6.1",
     "rollup": "^4.18.0",
+    "rollup-plugin-import-css": "^3.5.5",
     "rollup-plugin-typescript2": "^0.36.0",
     "svg-jest": "^1.0.1",
     "ts-jest": "^29.0.1",
-    "typescript": "^4.7.3"
+    "typescript": "^5.6.3"
   }
 }