@dodoex/widgets 3.0.4-ve33.8 → 3.0.4-ve33.9

package/dist/types/widgets/ve33/Ve33PoolOperate/hooks/useLiquidityOperateAmount.d.ts

@@ -0,0 +1,82 @@
+import BigNumber from 'bignumber.js';
+import { Ve33PoolInfoI } from '../../types';
+export declare function useLiquidityOperateAmount({ pool, maxBaseAmount, maxQuoteAmount, isRemove, }: {
+    pool?: Ve33PoolInfoI;
+    maxBaseAmount?: BigNumber | null;
+    maxQuoteAmount?: BigNumber | null;
+    isRemove?: boolean;
+}): {
+    baseAmount: string;
+    quoteAmount: string;
+    handleChangeBaseAmount: () => void;
+    handleChangeQuoteAmount: () => void;
+    reset: () => void;
+    balanceInfo: {
+        userLpQuery: import("@tanstack/react-query").UseQueryResult<bigint, Error>;
+        totalLpQuery: import("@tanstack/react-query").UseQueryResult<bigint, Error>;
+        reserveQuery: import("@tanstack/react-query").UseQueryResult<{
+            _reserve0: bigint;
+            _reserve1: bigint;
+            _blockTimestampLast: bigint;
+        }, Error>;
+        userLp: BigNumber | undefined;
+        totalLp: BigNumber | undefined;
+        token0Reserve: BigNumber | undefined;
+        token1Reserve: BigNumber | undefined;
+        userLpToToken0: BigNumber | undefined;
+        userLpToToken1: BigNumber | undefined;
+        isRearTokenA: boolean;
+        price: import("@uniswap/sdk-core").Price<import("@uniswap/sdk-core").Token, import("@uniswap/sdk-core").Token> | undefined;
+        liquidityMinted: BigNumber | undefined;
+        poolTokenPercentage: BigNumber | undefined;
+        shareOfPool: string;
+        userLpToTokenBalanceLoading: boolean;
+        userLpToTokenBalanceErrorRefetch: (() => void) | undefined;
+        refetch: () => void;
+    };
+    addPortion?: undefined;
+    amountLoading?: undefined;
+    amountError?: undefined;
+    amountRefetch?: undefined;
+    amountCheckedDisabled?: undefined;
+    midPrice?: undefined;
+} | {
+    baseAmount: string;
+    quoteAmount: string;
+    handleChangeBaseAmount: (newValue: string) => void;
+    handleChangeQuoteAmount: (newValue: string) => void;
+    reset: () => void;
+    addPortion: BigNumber;
+    amountLoading: boolean;
+    amountError: boolean;
+    amountRefetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<{
+        _reserve0: bigint;
+        _reserve1: bigint;
+        _blockTimestampLast: bigint;
+    }, Error>>;
+    amountCheckedDisabled: boolean;
+    balanceInfo: {
+        userLpQuery: import("@tanstack/react-query").UseQueryResult<bigint, Error>;
+        totalLpQuery: import("@tanstack/react-query").UseQueryResult<bigint, Error>;
+        reserveQuery: import("@tanstack/react-query").UseQueryResult<{
+            _reserve0: bigint;
+            _reserve1: bigint;
+            _blockTimestampLast: bigint;
+        }, Error>;
+        userLp: BigNumber | undefined;
+        totalLp: BigNumber | undefined;
+        token0Reserve: BigNumber | undefined;
+        token1Reserve: BigNumber | undefined;
+        userLpToToken0: BigNumber | undefined;
+        userLpToToken1: BigNumber | undefined;
+        isRearTokenA: boolean;
+        price: import("@uniswap/sdk-core").Price<import("@uniswap/sdk-core").Token, import("@uniswap/sdk-core").Token> | undefined;
+        liquidityMinted: BigNumber | undefined;
+        poolTokenPercentage: BigNumber | undefined;
+        shareOfPool: string;
+        userLpToTokenBalanceLoading: boolean;
+        userLpToTokenBalanceErrorRefetch: (() => void) | undefined;
+        refetch: () => void;
+    };
+    midPrice: BigNumber | undefined;
+};

package/dist/types/widgets/ve33/Ve33PoolOperate/hooks/usePercentageRemove.d.ts

@@ -0,0 +1,25 @@
+import BigNumber from 'bignumber.js';
+import { Ve33PoolInfoI } from '../../types';
+export declare const initSliderPercentage = 50;
+export declare enum RemoveMode {
+    quantity = 1,
+    percentage = 2
+}
+export declare function usePercentageRemove({ pool, baseOverride, quoteOverride, resetAmount, handleChangeBaseAmount, handleChangeQuoteAmount, }: {
+    pool: Ve33PoolInfoI | undefined;
+    baseOverride: BigNumber | undefined | null;
+    quoteOverride: BigNumber | undefined | null;
+    resetAmount: () => void;
+    handleChangeBaseAmount: (val: string) => void;
+    handleChangeQuoteAmount: (val: string) => void;
+}): {
+    mode: RemoveMode;
+    modeOptions: {
+        key: RemoveMode;
+        value: string;
+    }[];
+    handleChangeMode: (mode: RemoveMode) => void;
+    sliderPercentage: number;
+    handleChangeSliderPercentage: (val: number) => void;
+    resetPercentage: () => void;
+};

package/dist/types/widgets/ve33/Ve33PoolOperate/hooks/usePoolOperateTabs.d.ts

@@ -0,0 +1,12 @@
+export declare enum OperateTab {
+    Add = 1,
+    Remove = 2
+}
+export declare function usePoolOperateTabs(defaultValue?: OperateTab): {
+    operateTab: OperateTab;
+    operateTabs: {
+        key: OperateTab;
+        value: string;
+    }[];
+    handleChangeTab: (poolTab: OperateTab) => void;
+};

package/dist/types/widgets/ve33/Ve33PoolOperate/hooks/useVe33V2AddLiquidity.d.ts

@@ -0,0 +1,12 @@
+import { TokenInfo } from '../../../../hooks/Token';
+export declare function useVe33AddLiquidity({ baseToken, quoteToken, baseAmount, quoteAmount, slippage, stable, fee, successBack, submittedBack, }: {
+    baseToken: TokenInfo | undefined;
+    quoteToken: TokenInfo | undefined;
+    baseAmount: string;
+    quoteAmount: string;
+    slippage: number;
+    stable: boolean;
+    fee: number | undefined;
+    successBack?: () => void;
+    submittedBack?: () => void;
+}): import("@tanstack/react-query").UseMutationResult<import("../../../../hooks/Submission/types").ExecutionResult, Error, void, unknown>;

package/dist/types/widgets/ve33/Ve33PoolOperate/hooks/useVe33V2BalanceInfo.d.ts

@@ -0,0 +1,34 @@
+import BigNumber from 'bignumber.js';
+import { Price, Token } from '@uniswap/sdk-core';
+import { TokenInfo } from '../../../../hooks/Token';
+export declare function useVe33V2BalanceInfo({ account, pool, }: {
+    account?: string;
+    pool?: {
+        id: string;
+        chainId: number;
+        baseToken: TokenInfo;
+        quoteToken: TokenInfo;
+    };
+}): {
+    userLpQuery: import("@tanstack/react-query").UseQueryResult<bigint, Error>;
+    totalLpQuery: import("@tanstack/react-query").UseQueryResult<bigint, Error>;
+    reserveQuery: import("@tanstack/react-query").UseQueryResult<{
+        _reserve0: bigint;
+        _reserve1: bigint;
+        _blockTimestampLast: bigint;
+    }, Error>;
+    userLp: BigNumber | undefined;
+    totalLp: BigNumber | undefined;
+    token0Reserve: BigNumber | undefined;
+    token1Reserve: BigNumber | undefined;
+    userLpToToken0: BigNumber | undefined;
+    userLpToToken1: BigNumber | undefined;
+    isRearTokenA: boolean;
+    price: Price<Token, Token> | undefined;
+    liquidityMinted: BigNumber | undefined;
+    poolTokenPercentage: BigNumber | undefined;
+    shareOfPool: string;
+    userLpToTokenBalanceLoading: boolean;
+    userLpToTokenBalanceErrorRefetch: (() => void) | undefined;
+    refetch: () => void;
+};

package/dist/types/widgets/ve33/Ve33PoolOperate/hooks/useVe33V2RemoveLiquidity.d.ts

@@ -0,0 +1,12 @@
+import { TokenInfo } from '../../../../hooks/Token';
+export declare function useVe33RemoveLiquidity({ baseToken, quoteToken, baseAmount, quoteAmount, liquidityAmount, slippage, stable, submittedBack, successBack, }: {
+    baseToken: TokenInfo | undefined;
+    quoteToken: TokenInfo | undefined;
+    baseAmount: string;
+    quoteAmount: string;
+    liquidityAmount: string;
+    slippage: number;
+    stable: boolean;
+    submittedBack?: () => void;
+    successBack?: () => void;
+}): import("@tanstack/react-query").UseMutationResult<import("../../../../hooks/Submission/types").ExecutionResult, Error, void, unknown>;

package/dist/types/widgets/ve33/Ve33PoolOperate/hooks/useWithdrawInfo.d.ts

@@ -0,0 +1,25 @@
+import BigNumber from 'bignumber.js';
+export declare const useWithdrawInfo: ({ pool, baseAmount, quoteAmount, }: {
+    pool?: {
+        chainId: number;
+        address: string;
+        baseToken: {
+            symbol: string;
+            decimals: number;
+        };
+        quoteToken: {
+            symbol: string;
+            decimals: number;
+        };
+    };
+    baseAmount: string;
+    quoteAmount: string;
+}) => {
+    receiveBaseAmount: string;
+    receiveQuoteAmount: string;
+    receiveAmountBg: BigNumber | undefined;
+    receiveList: {
+        amount: string;
+        symbol: string;
+    }[];
+};

package/dist/types/widgets/ve33/Ve33PoolOperate/index.d.ts

@@ -0,0 +1,23 @@
+import { OperateTypeE, Ve33PoolInfoI } from '../types';
+import { BoxProps } from '@dodoex/components';
+export interface PoolOperateProps {
+    sx?: BoxProps['sx'];
+    pool?: Ve33PoolInfoI;
+    account?: string;
+    operate?: OperateTypeE;
+    errorRefetch?: () => void;
+    submittedBack?: () => void;
+    onClose?: () => void;
+}
+export default function PoolOperateDialog({ modal, ...props }: PoolOperateProps & {
+    modal?: boolean;
+}): JSX.Element;
+export declare function PoolOperate({ sx, pool, operate, account, errorRefetch, submittedBack, onClose, }: PoolOperateProps): JSX.Element;
+export declare function usePoolOperateTabs(defaultValue?: OperateTypeE): {
+    operateTab: OperateTypeE;
+    operateTabs: {
+        key: OperateTypeE;
+        value: string;
+    }[];
+    handleChangeTab: (poolTab: OperateTypeE) => void;
+};

package/dist/types/widgets/ve33/Ve33PoolOperate/types.d.ts

@@ -0,0 +1,22 @@
+import { ExcludeNone, PoolType } from '@dodoex/api';
+import { TokenInfo } from '../../../hooks/Token';
+import { FetchMyLiquidityListLqList } from '../utils';
+export type OperatePool = {
+    address: string;
+    chainId: number;
+    baseToken: TokenInfo;
+    quoteToken: TokenInfo;
+    baseLpToken?: {
+        id: string;
+        decimals: number;
+    };
+    quoteLpToken?: {
+        id: string;
+        decimals: number;
+    };
+    type: PoolType;
+    owner?: string;
+    creator: string;
+    lpFeeRate?: string;
+    liquidityPositions?: ExcludeNone<ExcludeNone<FetchMyLiquidityListLqList>[0]>['liquidityPositions'];
+} | undefined;

package/dist/types/widgets/ve33/VotePoolList/TableList.d.ts

@@ -0,0 +1,14 @@
+import { ChainId } from '@dodoex/api';
+import { VotePoolInfoI } from '../types';
+export interface TableListProps {
+    chainId: ChainId;
+    poolList: VotePoolInfoI[];
+    hasMore?: boolean;
+    loadMore?: () => void;
+    loadMoreLoading?: boolean;
+    onSelectPool: (id: string, selected: boolean) => void;
+    selectedPoolList: {
+        [key: string]: boolean;
+    };
+}
+export declare const TableList: ({ chainId, poolList, hasMore, loadMore, loadMoreLoading, onSelectPool, selectedPoolList, }: TableListProps) => JSX.Element;

package/dist/types/widgets/ve33/VotePoolList/index.d.ts

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

package/dist/types/widgets/ve33/components/GoBack.d.ts

@@ -0,0 +1,4 @@
+export interface GoBackProps {
+    onClick: () => void;
+}
+export declare const GoBack: ({ onClick }: GoBackProps) => JSX.Element;

package/dist/types/widgets/ve33/components/PoolHead.d.ts

@@ -0,0 +1,8 @@
+import { ChainId } from '@dodoex/api';
+import { Ve33PoolInfoI } from '../types';
+export interface PoolHeadProps {
+    chainId: ChainId;
+    poolInfo: Ve33PoolInfoI;
+    size?: 'small' | 'medium';
+}
+export declare const PoolHead: ({ chainId, poolInfo, size, }: PoolHeadProps) => JSX.Element;

package/dist/types/widgets/ve33/{Ve33PoolList/components → components}/PoolTypeTag.d.ts

@@ -1,7 +1,8 @@
-import { PoolTypeE } from '../../types';
+import { PoolTypeE } from '../types';
 export interface PoolTypeTagProps {
     type: PoolTypeE;
     stable: boolean;
     fee: number;
+    hideFee?: boolean;
 }
 export declare const PoolTypeTag: (props: PoolTypeTagProps) => JSX.Element;

package/dist/types/widgets/ve33/components/widgets.d.ts

@@ -0,0 +1,5 @@
+export interface CardContainerProps {
+    title: string;
+    children: React.ReactNode;
+}
+export declare const CardContainer: ({ title, children }: CardContainerProps) => JSX.Element;

package/dist/types/widgets/ve33/hooks/useVotePoolFilters.d.ts

@@ -0,0 +1,13 @@
+export declare enum VotePoolFilters {
+    All = "all",
+    V2 = 1,
+    V3 = 2
+}
+export declare function useVotePoolFilters(): {
+    votePoolFilter: VotePoolFilters;
+    filters: {
+        key: VotePoolFilters;
+        value: string;
+    }[];
+    handleChangeVotePoolFilter: (votePoolFilter: VotePoolFilters) => void;
+};

package/dist/types/widgets/ve33/hooks/useVoteTabs.d.ts

@@ -0,0 +1,12 @@
+export declare enum VoteTab {
+    SelectToVote = "select-to-vote",
+    MyVoted = "my-voted"
+}
+export declare function useVoteTabs(): {
+    voteTab: VoteTab;
+    tabs: {
+        key: VoteTab;
+        value: string;
+    }[];
+    handleChangeVoteTab: (voteTab: VoteTab) => void;
+};

package/dist/types/widgets/ve33/types.d.ts

@@ -1,4 +1,6 @@
-import { FetchVe33PoolList } from '../PoolWidget/utils';
+import { ChainId } from '@dodoex/api';
+import { TokenInfo } from '../../hooks/Token/type';
+import { FetchVe33PoolList, FetchVotePoolList } from '../PoolWidget/utils';
 export declare enum OperateTypeE {
     Add = 1,
     Remove = 2
@@ -11,14 +13,26 @@ export declare enum FeeE {
     Stable = 5,
     Volatile = 30
 }
-type FetchVe33PoolItem = FetchVe33PoolList[0];
+export type FetchVe33PoolItem = FetchVe33PoolList[0];
+export type FetchVotePoolItem = FetchVotePoolList[0];
 export type Ve33PoolInfoI = FetchVe33PoolItem & {
     stable: boolean;
     fee: FeeE | 0 | number;
     type: PoolTypeE;
+    chainId: ChainId;
+    baseToken: TokenInfo;
+    quoteToken: TokenInfo;
+};
+export type VotePoolInfoI = FetchVotePoolItem & {
+    stable: boolean;
+    fee: FeeE | 0 | number;
+    type: PoolTypeE;
+    chainId: ChainId;
+    baseToken: TokenInfo;
+    quoteToken: TokenInfo;
 };
 export interface Ve33PoolOperateProps {
     poolInfo: Ve33PoolInfoI;
     operateType: OperateTypeE;
+    chainId: ChainId;
 }
-export {};

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

@@ -1,6 +1,9 @@
-import { PoolTypeE } from './types';
+import { ChainId } from '@dodoex/api';
+import { FetchVe33PoolItem, FetchVotePoolItem, PoolTypeE, Ve33PoolInfoI, VotePoolInfoI } from './types';
 import { FeeE } from './types';
 export declare const formatFee: ({ type, fee }: {
     type: PoolTypeE;
     fee: FeeE;
 }) => string;
+export declare function compositePoolInfo(pool: NonNullable<FetchVe33PoolItem>, chainId: ChainId): Ve33PoolInfoI;
+export declare function compositeVotePoolInfo(pool: NonNullable<FetchVotePoolItem>, chainId: ChainId): VotePoolInfoI;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dodoex/widgets",
-  "version": "3.0.4-ve33.8",
+  "version": "3.0.4-ve33.9",
   "description": "DODO Widgets",
   "source": "src/index.tsx",
   "types": "dist/types/index.d.ts",
@@ -58,10 +58,10 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.17.0",
-    "@dodoex/api": "3.0.4-ve33.3",
+    "@dodoex/api": "3.0.4-ve33.4",
     "@dodoex/components": "3.0.4-ve33.3",
     "@dodoex/contract-request": "^1.3.0",
-    "@dodoex/dodo-contract-request": "1.10.0-alpha.3",
+    "@dodoex/dodo-contract-request": "1.15.0-morph-holesky.2",
     "@dodoex/icons": "^2.0.2",
     "@emotion/react": "^11.10.0",
     "@emotion/styled": "^11.10.0",
@@ -154,4 +154,4 @@
     "ts-jest": "^29.0.1",
     "typescript": "^5.6.3"
   }
-}
+}