@dodoex/widgets 3.0.2-zetachain.8 → 3.0.2-zetachain.80

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

@@ -2,4 +2,4 @@ import { FetchLiquidityListLqList } from '../../utils';
 export default function TokenListPoolItem({ list, onClick, }: {
     list: FetchLiquidityListLqList;
     onClick: () => void;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/PoolWidget/PoolList/components/migationWidget.d.ts

@@ -4,4 +4,4 @@ export interface MigrationTagProps {
     isRightTop?: boolean;
     isReverseColor?: boolean;
 }
-export declare const MigrationTag: ({ sx, isRightTop, isReverseColor, }: MigrationTagProps) => JSX.Element;
+export declare const MigrationTag: ({ sx, isRightTop, isReverseColor, }: MigrationTagProps) => import("react").JSX.Element;

package/dist/types/widgets/PoolWidget/PoolList/components/tags.d.ts

@@ -1,11 +1,11 @@
 export interface PoolTypeTagProps {
     poolType: 'AMM V2' | 'AMM V3' | 'PMM';
 }
-export declare const PoolTypeTag: ({ poolType }: PoolTypeTagProps) => JSX.Element;
+export declare const PoolTypeTag: ({ poolType }: PoolTypeTagProps) => import("react").JSX.Element;
 export interface PoolFeeRateTagProps {
     isAMMV2: boolean;
     isAMMV3: boolean;
     lpFeeRate: any;
     mtFeeRate: any;
 }
-export declare const PoolFeeRateTag: ({ isAMMV2, isAMMV3, lpFeeRate, mtFeeRate, }: PoolFeeRateTagProps) => JSX.Element;
+export declare const PoolFeeRateTag: ({ isAMMV2, isAMMV3, lpFeeRate, mtFeeRate, }: PoolFeeRateTagProps) => import("react").JSX.Element;

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

@@ -53,6 +53,18 @@ export declare function usePoolListFilterTokenAndPool(tokenAndPoolFilter?: Token
                 transactionQuoteApy?: any | null;
                 metromMiningApy?: any | null;
             } | null;
+            apyList?: Array<{
+                miningBaseApy?: any | null;
+                miningQuoteApy?: any | null;
+                transactionBaseApy?: any | null;
+                transactionQuoteApy?: any | null;
+                metromMiningApy?: any | null;
+                timeRange?: string | null;
+            } | null> | null;
+            volumeList?: Array<{
+                volume?: any | null;
+                timeRange?: string | null;
+            } | null> | null;
         } | null;
     } | null)[] | null | undefined;
     handleDeleteToken: (token: TokenInfo) => void;

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

@@ -1,16 +1,50 @@
+export declare enum PoolTopTab {
+    ALM = "ALM",
+    NORMAL = "NORMAL",
+    MULTI_TOKEN = "MULTI_TOKEN"
+}
+export declare enum ALMPoolTab {
+    ALL = "ALL",
+    MY = "MY"
+}
 export declare enum PoolTab {
     addLiquidity = "add-liquidity",
     myLiquidity = "my-liquidity",
     myCreated = "my-created"
 }
-export declare function usePoolListTabs({ account, paramsTab, }: {
-    account?: string;
-    paramsTab: PoolTab | undefined;
-}): {
-    poolTab: PoolTab;
-    tabs: {
+export declare enum MultiTokenPoolTab {
+    ALL = "ALL",
+    MY = "MY"
+}
+export declare function usePoolListTabs(): {
+    poolTopTab: PoolTopTab;
+    normalPoolTab: PoolTab;
+    almPoolTab: ALMPoolTab;
+    multiTokenPoolTab: MultiTokenPoolTab;
+    topTabs: {
+        key: PoolTopTab;
+        value: string;
+    }[];
+    normalTabs: {
         key: PoolTab;
         value: string;
     }[];
-    handleChangePoolTab: (poolTab: PoolTab) => void;
+    almTabs: {
+        key: ALMPoolTab;
+        value: string;
+    }[];
+    multiTokenTabs: {
+        key: MultiTokenPoolTab;
+        value: string;
+    }[];
+    handleChangePoolTab: ({ topTab, poolTab, }: {
+        topTab: PoolTopTab.NORMAL;
+        poolTab: PoolTab;
+    } | {
+        topTab: PoolTopTab.ALM;
+        poolTab: ALMPoolTab;
+    } | {
+        topTab: PoolTopTab.MULTI_TOKEN;
+        poolTab: MultiTokenPoolTab;
+    }) => void;
 };

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

@@ -2,15 +2,14 @@ import React from 'react';
 import { Page, PageType } from '../../../router/types';
 import { PoolOperateProps } from '../PoolOperate';
 import { TokenAndPoolFilterUserOptions } from './hooks/usePoolListFilterTokenAndPool';
-export default function PoolList({ params, scrollRef: scrollParentRefProps, tokenAndPoolFilter, operatePMMPoolElement, operatePool: operatePoolProps, onOperatePool, getMigrationPairAndMining, }: {
+export default function PoolList({ params, scrollRef: scrollParentRefProps, tokenAndPoolFilter, operatePool: operatePoolProps, onOperatePool, getMigrationPairAndMining, }: {
     params?: Page<PageType.Pool>['params'];
     scrollRef?: React.RefObject<any>;
     tokenAndPoolFilter?: TokenAndPoolFilterUserOptions;
-    operatePMMPoolElement?: React.ReactElement;
     operatePool?: Partial<PoolOperateProps> | null;
     onOperatePool?: (pool: Partial<PoolOperateProps> | null) => boolean;
     getMigrationPairAndMining?: (p: {
         address: string;
         chainId: number;
     }) => void;
-}): JSX.Element;
+}): React.JSX.Element;

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

@@ -1,3 +1,3 @@
 export declare function SectionTitle({ titleKey }: {
     titleKey: string;
-}): JSX.Element;
+}): import("react").JSX.Element;

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

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

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

@@ -1,7 +1,8 @@
+import React from 'react';
 import { usePoolDetail } from '../../hooks/usePoolDetail';
 import { StateProps } from '../../PoolCreate/reducer';
 export declare function BottomButtonGroup({ state, pool, loading, }: {
     state: StateProps;
     pool?: ReturnType<typeof usePoolDetail>['poolDetail'];
     loading: boolean;
-}): JSX.Element;
+}): React.JSX.Element;

package/dist/types/widgets/PoolWidget/PoolModify/operate-widgets/FeeRateSetting.d.ts

@@ -4,4 +4,4 @@ export declare function FeeRateSetting({ dispatch, feeRate, isCustomized, }: {
     dispatch: React.Dispatch<Actions>;
     feeRate: StateProps['feeRate'];
     isCustomized: StateProps['isFeeRateCustomized'];
-}): JSX.Element;
+}): React.JSX.Element;

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

@@ -1,3 +1,4 @@
+import React from 'react';
 import { usePoolBalanceInfo } from '../hooks/usePoolBalanceInfo';
 import { OperatePool } from './types';
 export declare function AddPoolOperate({ submittedBack: submittedBackProps, onlyShowSide, pool, balanceInfo, }: {
@@ -5,4 +6,4 @@ export declare function AddPoolOperate({ submittedBack: submittedBackProps, only
     onlyShowSide?: 'base' | 'quote';
     pool?: OperatePool;
     balanceInfo: ReturnType<typeof usePoolBalanceInfo>;
-}): JSX.Element;
+}): React.JSX.Element;

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

@@ -7,4 +7,4 @@ export interface PoolOperateInnerProps {
     errorRefetch?: () => void;
     submittedBack?: () => void;
 }
-export default function PoolOperateInner({ pool, operate, hidePoolInfo, errorRefetch, submittedBack, }: PoolOperateInnerProps): JSX.Element;
+export default function PoolOperateInner({ pool, operate, hidePoolInfo, errorRefetch, submittedBack, }: PoolOperateInnerProps): import("react").JSX.Element;

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

@@ -1,8 +1,9 @@
-import { OperatePool } from './types';
+import React from 'react';
 import { usePoolBalanceInfo } from '../hooks/usePoolBalanceInfo';
+import { OperatePool } from './types';
 export declare function RemovePoolOperate({ submittedBack: submittedBackProps, onlyShowSide, pool, balanceInfo, }: {
     submittedBack?: () => void;
     onlyShowSide?: 'base' | 'quote';
     pool?: OperatePool;
     balanceInfo: ReturnType<typeof usePoolBalanceInfo>;
-}): JSX.Element;
+}): React.JSX.Element;

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

@@ -1,8 +1,9 @@
 import BigNumber from 'bignumber.js';
+import React from 'react';
 import { TokenInfo } from '../../../../hooks/Token';
 export default function ComparePrice({ lqAndDodoCompareText, baseToken, quoteToken, midPrice, }: {
     lqAndDodoCompareText: string;
     baseToken?: TokenInfo;
     quoteToken?: TokenInfo;
     midPrice?: BigNumber;
-}): JSX.Element;
+}): React.JSX.Element;

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

@@ -1 +1 @@
-export declare const GSPPairRiskWarning: () => JSX.Element;
+export declare const GSPPairRiskWarning: () => import("react").JSX.Element;

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

@@ -6,4 +6,4 @@ export interface LiquidityInfoProps {
     pool: OperatePool;
     balanceInfo: ReturnType<typeof usePoolBalanceInfo>;
 }
-export default function LiquidityInfo({ loading: loadingProps, hidePoolInfo, pool, balanceInfo, }: LiquidityInfoProps): JSX.Element;
+export default function LiquidityInfo({ loading: loadingProps, hidePoolInfo, pool, balanceInfo, }: LiquidityInfoProps): import("react").JSX.Element;

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

@@ -3,4 +3,4 @@ export default function OperateBtn({ chainId, baseTokenStatus, quoteTokenStatus,
     chainId: number;
     baseTokenStatus: ReturnType<typeof useTokenStatus>;
     quoteTokenStatus: ReturnType<typeof useTokenStatus>;
-}>): JSX.Element;
+}>): import("react").JSX.Element;

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

@@ -5,4 +5,4 @@ export default function Ratio({ pool, addPortion, midPrice, shareOfPool, }: {
     addPortion?: BigNumber;
     midPrice?: BigNumber;
     shareOfPool?: string;
-}): JSX.Element;
+}): import("react").JSX.Element;

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

@@ -4,4 +4,4 @@ export declare function SliderPercentageCard({ disabled, value, onChange, sx, }:
     value: number;
     onChange: (val: number) => void;
     sx?: BoxProps['sx'];
-}): JSX.Element;
+}): import("react").JSX.Element;

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

@@ -16,4 +16,4 @@ export default function SlippageSetting({ type, disabled, value, onChange, sx, }
     value: number | typeof AUTO_SWAP_SLIPPAGE_PROTECTION;
     onChange: (val: number | typeof AUTO_SWAP_SLIPPAGE_PROTECTION) => void;
     sx?: BoxProps['sx'];
-}): JSX.Element;
+}): import("react").JSX.Element;

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

@@ -8,4 +8,4 @@ export default function TokenList({ pool, checkTokenType, setCheckToken, balance
     balanceInfo?: ReturnType<typeof usePoolBalanceInfo>;
     baseTokenBalanceUpdateLoading: boolean;
     quoteBalanceUpdateLoading: boolean;
-}): JSX.Element | null;
+}): import("react").JSX.Element | null;

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

@@ -11,7 +11,7 @@ export interface PoolOperateProps {
     hidePoolInfo?: boolean;
     sx?: BoxProps['sx'];
 }
-export declare function PoolOperate({ onClose, pool: poolProps, address, operate, chainId, hasMining, hidePoolInfo, sx, }: PoolOperateProps): JSX.Element;
+export declare function PoolOperate({ onClose, pool: poolProps, address, operate, chainId, hasMining, hidePoolInfo, sx, }: PoolOperateProps): import("react").JSX.Element;
 export default function PoolOperateDialog({ modal, ...props }: PoolOperateProps & {
     modal?: boolean;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/PoolWidget/curve/Add.d.ts

@@ -0,0 +1,5 @@
+import { OperateCurvePoolT } from './types';
+export interface AddProps {
+    operateCurvePool: OperateCurvePoolT;
+}
+export declare const Add: ({ operateCurvePool }: AddProps) => import("react").JSX.Element;

package/dist/types/widgets/PoolWidget/curve/AddOrRemove.d.ts

@@ -0,0 +1,7 @@
+import { OperateCurvePoolT } from './types';
+export interface AddOrRemoveProps {
+    onClose?: () => void;
+    poolDetailBtnVisible?: boolean;
+    operateCurvePool: OperateCurvePoolT;
+}
+export declare const AddOrRemove: ({ onClose, poolDetailBtnVisible, operateCurvePool, }: AddOrRemoveProps) => import("react").JSX.Element;

package/dist/types/widgets/PoolWidget/curve/AllPools.d.ts

@@ -0,0 +1,13 @@
+import { ChainId } from '@dodoex/api';
+import React from 'react';
+import { OperateCurvePoolT } from './types';
+export interface AllPoolsProps {
+    account?: string;
+    scrollParentRef: React.MutableRefObject<HTMLDivElement | null>;
+    activeChainId: ChainId | undefined;
+    operateCurvePool: OperateCurvePoolT | null;
+    setOperateCurvePool: React.Dispatch<React.SetStateAction<OperateCurvePoolT | null>>;
+    children?: React.ReactNode;
+    isMyPool?: boolean;
+}
+export declare const AllPools: ({ account, scrollParentRef, activeChainId, operateCurvePool, setOperateCurvePool, children, isMyPool, }: AllPoolsProps) => React.JSX.Element;

package/dist/types/widgets/PoolWidget/curve/CurvePoolDetail.d.ts

@@ -0,0 +1,5 @@
+import { Page, PageType } from '../../../router/types';
+export interface CurvePoolDetailProps {
+    params: Page<PageType.CurvePoolDetail>['params'];
+}
+export declare const CurvePoolDetail: ({ params }: CurvePoolDetailProps) => import("react").JSX.Element;

package/dist/types/widgets/PoolWidget/curve/OperateDialog.d.ts

@@ -0,0 +1,7 @@
+import { OperateCurvePoolT } from './types';
+export interface OperateDialogProps {
+    poolDetailBtnVisible?: boolean;
+    operateCurvePool: OperateCurvePoolT;
+    setOperateCurvePool?: React.Dispatch<React.SetStateAction<OperateCurvePoolT | null>>;
+}
+export declare const OperateDialog: ({ poolDetailBtnVisible, operateCurvePool, setOperateCurvePool, }: OperateDialogProps) => import("react").JSX.Element;

package/dist/types/widgets/PoolWidget/curve/Remove.d.ts

@@ -0,0 +1,5 @@
+import { OperateCurvePoolT } from './types';
+export interface RemoveProps {
+    operateCurvePool: OperateCurvePoolT;
+}
+export declare const Remove: ({ operateCurvePool }: RemoveProps) => import("react").JSX.Element;

package/dist/types/widgets/PoolWidget/curve/components/ApyTooltip.d.ts

@@ -0,0 +1,7 @@
+import { BoxProps } from '@dodoex/components';
+export declare function ApyTooltip({ apy, dailyApy, weeklyApy, sx, }: {
+    apy: string | null | undefined;
+    dailyApy: string | null | undefined;
+    weeklyApy: string | null | undefined;
+    sx?: BoxProps['sx'];
+}): import("react").JSX.Element;

package/dist/types/widgets/PoolWidget/curve/components/CoinReservePieChart.d.ts

@@ -0,0 +1,6 @@
+import { CurvePoolT } from '../types';
+export interface CoinReservePieChartProps {
+    poolDetail: CurvePoolT | undefined;
+    tokenBalances: BigNumber[] | null;
+}
+export declare const CoinReservePieChart: ({ poolDetail, tokenBalances, }: CoinReservePieChartProps) => import("react").JSX.Element;

package/dist/types/widgets/PoolWidget/curve/components/CoinsLogoList.d.ts

@@ -0,0 +1,7 @@
+import { CurvePoolT } from '../types';
+export interface CoinsLogoListProps {
+    pool?: CurvePoolT;
+    separate: boolean;
+    wrap: boolean;
+}
+export declare const CoinsLogoList: ({ pool, separate, wrap }: CoinsLogoListProps) => import("react").JSX.Element | null;

package/dist/types/widgets/PoolWidget/curve/components/FilterAddressTags.d.ts

@@ -0,0 +1,7 @@
+import { BoxProps } from '@dodoex/components';
+import { CurvePoolT } from '../types';
+export default function FilterAddressTags({ lqList, onDeleteTag, sx, }: {
+    lqList: CurvePoolT[];
+    onDeleteTag: () => void;
+    sx?: BoxProps['sx'];
+}): import("react").JSX.Element | null;

package/dist/types/widgets/PoolWidget/curve/components/LiquidityProvidersTable.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface LiquidityProvidersTableProps {
+    chainId: number | undefined;
+    address: string | undefined;
+}
+export declare const LiquidityProvidersTable: ({ chainId, address, }: LiquidityProvidersTableProps) => React.JSX.Element;

package/dist/types/widgets/PoolWidget/curve/components/OperateButtonContainer.d.ts

@@ -0,0 +1,3 @@
+export declare function OperateButtonContainer({ children, }: {
+    children: React.ReactNode;
+}): import("react").JSX.Element;

package/dist/types/widgets/PoolWidget/curve/components/ParametersTable.d.ts

@@ -0,0 +1,5 @@
+import { CurvePoolT } from '../types';
+export interface ParametersTableProps {
+    poolDetail: CurvePoolT | undefined;
+}
+export declare const ParametersTable: ({ poolDetail }: ParametersTableProps) => import("react").JSX.Element;

package/dist/types/widgets/PoolWidget/curve/components/PoolTitle.d.ts

@@ -0,0 +1,5 @@
+import { CurvePoolT } from '../types';
+export interface PoolTitleProps {
+    poolDetail: CurvePoolT | undefined;
+}
+export declare const PoolTitle: ({ poolDetail }: PoolTitleProps) => import("react").JSX.Element;

package/dist/types/widgets/PoolWidget/curve/components/PoolTotalStats.d.ts

@@ -0,0 +1,5 @@
+import { CurvePoolT } from '../types';
+export interface PoolTotalStatsProps {
+    poolDetail: CurvePoolT | undefined;
+}
+export declare const PoolTotalStats: ({ poolDetail }: PoolTotalStatsProps) => import("react").JSX.Element;

package/dist/types/widgets/PoolWidget/curve/components/SlippageBonus.d.ts

@@ -0,0 +1,3 @@
+export interface SlippageBonusProps {
+}
+export declare const SlippageBonus: (props: SlippageBonusProps) => import("react").JSX.Element;

package/dist/types/widgets/PoolWidget/curve/components/SwapsTable.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare function formatDateTimeStr(timestamp?: number, short?: boolean): string;
+export declare function SwapsTable({ chainId, address, }: {
+    chainId: number | undefined;
+    address: string | undefined;
+}): React.JSX.Element;

package/dist/types/widgets/PoolWidget/curve/components/TokenListPoolItem.d.ts

@@ -0,0 +1,5 @@
+import { CurvePoolT } from '../types';
+export default function TokenListPoolItem({ list, onClick, }: {
+    list: CurvePoolT[];
+    onClick: () => void;
+}): import("react").JSX.Element;