@dodoex/widgets 3.11.0 → 3.13.0

package/dist/types/widgets/PoolWidget/PoolCreate/operate-widgets/RatioSetting.d.ts

@@ -10,4 +10,4 @@ export interface RatioSettingProps {
     quoteAmount: StateProps['quoteAmount'];
     dispatch: Dispatch<Actions>;
 }
-export declare const RatioSetting: ({ baseToken, quoteToken, initPrice, peggedBaseTokenRatio, peggedQuoteTokenRatio, baseAmount, quoteAmount, dispatch, }: RatioSettingProps) => JSX.Element;
+export declare const RatioSetting: ({ baseToken, quoteToken, initPrice, peggedBaseTokenRatio, peggedQuoteTokenRatio, baseAmount, quoteAmount, dispatch, }: RatioSettingProps) => import("react").JSX.Element;

package/dist/types/widgets/PoolWidget/PoolCreate/operate-widgets/SlippageCoefficientSetting.d.ts

@@ -6,4 +6,4 @@ export declare function SlippageCoefficientSetting({ dispatch, slippageCoefficie
     selectedVersion: StateProps['selectedVersion'];
     isCustomized: StateProps['isSlippageCoefficientCustomized'];
     isStandardVersion: boolean;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/PoolWidget/PoolCreate/operate-widgets/TokenPairSelect.d.ts

@@ -5,4 +5,4 @@ export interface TokenPairSelectProps {
     quoteToken: StateProps['quoteToken'];
     dispatch: React.Dispatch<Actions>;
 }
-export declare const TokenPairSelect: ({ baseToken, quoteToken, dispatch, }: TokenPairSelectProps) => JSX.Element;
+export declare const TokenPairSelect: ({ baseToken, quoteToken, dispatch, }: TokenPairSelectProps) => React.JSX.Element;

package/dist/types/widgets/PoolWidget/PoolCreate/operate-widgets/VersionSelect.d.ts

@@ -4,4 +4,4 @@ export default function VersionSelect({ chainId, selectedVersion, dispatch, }: {
     chainId: number | undefined;
     selectedVersion: StateProps['selectedVersion'];
     dispatch: React.Dispatch<Actions>;
-}): JSX.Element;
+}): React.JSX.Element;

package/dist/types/widgets/PoolWidget/PoolCreate/operate-widgets/widgets.d.ts

@@ -4,4 +4,4 @@ export interface SettingItemWrapperProps {
     children: React.ReactNode;
     sx?: BoxProps['sx'];
 }
-export declare const SettingItemWrapper: ({ title, children, sx, }: SettingItemWrapperProps) => JSX.Element;
+export declare const SettingItemWrapper: ({ title, children, sx, }: SettingItemWrapperProps) => import("react").JSX.Element;

package/dist/types/widgets/PoolWidget/PoolDetail/components/BaseQuotePie.d.ts

@@ -24,4 +24,4 @@ export declare function BaseQuotePie({ chainId, shortNumber, pieSize, baseReserv
     loading?: boolean;
     sx?: BoxProps['sx'];
     pieRadius?: number;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/PoolWidget/PoolDetail/components/ChartInfo.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 import { usePoolDetail } from '../../hooks/usePoolDetail';
 export default function ChartInfo({ poolDetail, chart24hDataFirst, }: {
     poolDetail?: ReturnType<typeof usePoolDetail>['poolDetail'];
     chart24hDataFirst?: boolean;
-}): JSX.Element;
+}): React.JSX.Element;

package/dist/types/widgets/PoolWidget/PoolDetail/components/MoreDetail/LiquidityProvidersTable.d.ts

@@ -1,4 +1,5 @@
 import { usePoolDetail } from '../../../hooks/usePoolDetail';
+import React from 'react';
 export default function LiquidityProvidersTable({ poolDetail, }: {
     poolDetail: ReturnType<typeof usePoolDetail>['poolDetail'];
-}): JSX.Element;
+}): React.JSX.Element;

package/dist/types/widgets/PoolWidget/PoolDetail/components/MoreDetail/ParametersTable.d.ts

@@ -1,4 +1,5 @@
 import { BoxProps } from '@dodoex/components';
+import React from 'react';
 import { ChainId } from '@dodoex/api';
 import { usePoolDetail } from '../../../hooks/usePoolDetail';
 export declare function formatDateTimeStr(timestamp?: number, short?: boolean): string;
@@ -8,7 +9,7 @@ export declare function TokenWithSymbolRtL({ chainId, address, symbol, amount, s
     symbol: string;
     amount: string;
     sx?: BoxProps['sx'];
-}): JSX.Element;
+}): React.JSX.Element;
 export default function ParametersTable({ detail, }: {
     detail: ReturnType<typeof usePoolDetail>['poolDetail'];
-}): JSX.Element;
+}): React.JSX.Element;

package/dist/types/widgets/PoolWidget/PoolDetail/components/MoreDetail/SwapsTable.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 import { usePoolDetail } from '../../../hooks/usePoolDetail';
 export declare function formatDateTimeStr(timestamp?: number, short?: boolean): string;
 export default function SwapsTable({ poolDetail, }: {
     poolDetail: ReturnType<typeof usePoolDetail>['poolDetail'];
-}): JSX.Element;
+}): React.JSX.Element;

package/dist/types/widgets/PoolWidget/PoolDetail/components/MoreDetail/index.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 import { usePoolDetail } from '../../../hooks/usePoolDetail';
 export default function MoreDetail({ poolDetail, cardBg, }: {
     poolDetail: ReturnType<typeof usePoolDetail>['poolDetail'];
     cardBg: string;
-}): JSX.Element;
+}): React.JSX.Element;

package/dist/types/widgets/PoolWidget/PoolDetail/components/Overview.d.ts

@@ -2,4 +2,4 @@ import { usePoolDetail } from '../../hooks/usePoolDetail';
 export default function Overview({ poolDetail, cardBg, }: {
     poolDetail: ReturnType<typeof usePoolDetail>['poolDetail'];
     cardBg: string;
-}): JSX.Element;
+}): import("react").JSX.Element;

package/dist/types/widgets/PoolWidget/PoolDetail/components/StatBarChart.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { usePoolDayData } from '../hooks/usePoolDayData';
 type DayData = ReturnType<typeof usePoolDayData>['dayDataList']['0'];
 export default function StatBarChart({ unit, data, masterKey, sumKey, }: {
@@ -5,5 +6,5 @@ export default function StatBarChart({ unit, data, masterKey, sumKey, }: {
     data: DayData[];
     masterKey: keyof DayData;
     sumKey: keyof DayData;
-}): JSX.Element;
+}): React.JSX.Element;
 export {};

package/dist/types/widgets/PoolWidget/PoolDetail/components/TitleInfo.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 import { usePoolDetail } from '../../hooks/usePoolDetail';
 export default function TitleInfo({ poolDetail, loading, }: {
     poolDetail?: ReturnType<typeof usePoolDetail>['poolDetail'];
     loading: boolean;
-}): JSX.Element;
+}): React.JSX.Element;

package/dist/types/widgets/PoolWidget/PoolDetail/components/TotalLiquidity.d.ts

@@ -2,4 +2,4 @@ import { usePoolDetail } from '../../hooks/usePoolDetail';
 export default function TotalLiquidity({ poolDetail, cardBg, }: {
     poolDetail: ReturnType<typeof usePoolDetail>['poolDetail'];
     cardBg: string;
-}): JSX.Element;
+}): import("react").JSX.Element;

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

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

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

@@ -14,4 +14,4 @@ export default function AddLiquidityList({ scrollParentRef, filterChainIds, acti
     tokenAndPoolFilter?: TokenAndPoolFilterUserOptions;
     getMigrationPairAndMining?: GetMigrationPairAndMining;
     supportAMMIcon?: boolean;
-}): JSX.Element;
+}): React.JSX.Element;

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

@@ -1,4 +1,5 @@
 import { ChainId } from '@dodoex/api';
+import React from 'react';
 import { PoolOperateProps } from '../PoolOperate';
 export type OnModifyGspPool = (params: {
     chainId: number;
@@ -13,4 +14,4 @@ export default function MyCreated({ account, filterChainIds, activeChainId, hand
     setOperatePool: (operate: Partial<PoolOperateProps> | null) => void;
     supportAMMIcon?: boolean;
     onModifyGspPool?: OnModifyGspPool;
-}): JSX.Element;
+}): React.JSX.Element;

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

@@ -1,4 +1,5 @@
 import { ChainId } from '@dodoex/api';
+import React from 'react';
 import { TokenAndPoolFilterUserOptions } from './hooks/usePoolListFilterTokenAndPool';
 import { PoolOperateProps } from '../PoolOperate';
 import { GetMigrationPairAndMining } from '../PoolOperate/types';
@@ -12,4 +13,4 @@ export default function MyLiquidity({ account, filterChainIds, activeChainId, ha
     getMigrationPairAndMining?: GetMigrationPairAndMining;
     tokenAndPoolFilter?: TokenAndPoolFilterUserOptions;
     supportAMMIcon?: boolean;
-}): JSX.Element;
+}): React.JSX.Element;

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

@@ -1,4 +1,4 @@
 export default function AddingOrRemovingBtn({ text, onClick, }: {
     text: string;
     onClick: () => void;
-}): JSX.Element;
+}): import("react").JSX.Element;

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

@@ -1,3 +1,4 @@
+import React from 'react';
 export interface CreatePoolBtnProps {
 }
-export declare const CreatePoolBtn: (props: CreatePoolBtnProps) => JSX.Element;
+export declare const CreatePoolBtn: (props: CreatePoolBtnProps) => React.JSX.Element;

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

@@ -4,4 +4,4 @@ export default function FilterAddressTags({ lqList, onDeleteTag, sx, }: {
     lqList: FetchLiquidityListLqList;
     onDeleteTag: () => void;
     sx?: BoxProps['sx'];
-}): JSX.Element | null;
+}): import("react").JSX.Element | null;

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

@@ -4,4 +4,4 @@ export default function FilterTokenTags({ tags, onDeleteTag, sx, }: {
     tags: TokenInfo[];
     onDeleteTag: (tag: TokenInfo) => void;
     sx?: BoxProps['sx'];
-}): JSX.Element | null;
+}): import("react").JSX.Element | null;

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

@@ -1,4 +1,4 @@
 export default function GoPoolDetailBtn({ chainId, address, }: {
     chainId: number;
     address: string;
-}): JSX.Element;
+}): import("react").JSX.Element;

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

@@ -5,4 +5,4 @@ export default function LiquidityTable({ sx, children, empty, loading, hasMore,
     hasMore?: boolean;
     loadMore?: () => void;
     loadMoreLoading?: boolean;
-}): JSX.Element;
+}): import("react").JSX.Element;

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

@@ -1,4 +1,4 @@
 import { BoxProps } from '@dodoex/components';
 export default function LoadingCard({ sx }: {
     sx?: BoxProps['sx'];
-}): JSX.Element;
+}): import("react").JSX.Element;

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

@@ -4,4 +4,4 @@ export interface OnlyV3ToggleProps {
     setOnlyV3: React.Dispatch<React.SetStateAction<boolean>>;
     sx?: BoxProps['sx'];
 }
-export declare const OnlyV3Toggle: ({ onlyV3, setOnlyV3, sx }: OnlyV3ToggleProps) => JSX.Element;
+export declare const OnlyV3Toggle: ({ onlyV3, setOnlyV3, sx }: OnlyV3ToggleProps) => import("react").JSX.Element;

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

@@ -16,4 +16,4 @@ export default function PoolApyTooltip({ chainId, baseToken, quoteToken, apy, ha
     hasMining: boolean;
     sx?: BoxProps['sx'];
     children?: React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-}): JSX.Element | null;
+}): React.JSX.Element | null;

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

@@ -1,3 +1,3 @@
 export default function SkeletonTable({ count }: {
     count?: number;
-}): JSX.Element;
+}): import("react").JSX.Element;

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

@@ -1,8 +1,9 @@
 import { BoxProps } from '@dodoex/components';
+import React from 'react';
 import { TokenInfo } from '../../../../hooks/Token';
 export default function TokenAndPoolFilter({ sx, value, onChange, searchAddress, }: {
     sx?: BoxProps['sx'];
     value: Array<TokenInfo>;
     onChange: (v: Array<TokenInfo>) => void;
     searchAddress: (address: string, onClose: () => void) => Promise<JSX.Element | null>;
-}): JSX.Element;
+}): React.JSX.Element;

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/index.d.ts

@@ -11,4 +11,4 @@ export default function PoolList({ params, scrollRef: scrollParentRefProps, toke
     showMigrationPairAndMining?: ShowMigrationPairAndMining;
     supportAMMIcon?: boolean;
     onModifyGspPool?: OnModifyGspPool;
-}): 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,5 +1,6 @@
+import React from 'react';
 import { Page, PageType } from '../../../router/types';
 export default function PoolModify({ params, cardMode, }: {
     params: Page<PageType.PoolDetail>['params'];
     cardMode?: boolean;
-}): 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 { OperatePool } from './types';
 import { usePoolBalanceInfo } from '../hooks/usePoolBalanceInfo';
 import BigNumber from 'bignumber.js';
@@ -9,4 +10,4 @@ export declare function AddPoolOperate({ submittedBack: submittedBackProps, only
     baseReserve?: BigNumber;
     quoteReserve?: BigNumber;
     totalSupplyBG?: BigNumber;
-}): JSX.Element;
+}): React.JSX.Element;

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

@@ -9,4 +9,4 @@ export interface PoolOperateInnerProps {
     getMigrationPairAndMining?: GetMigrationPairAndMining;
     showMigrationPairAndMining?: ShowMigrationPairAndMining;
 }
-export default function PoolOperateInner({ pool, operate, hidePoolInfo, errorRefetch, submittedBack, getMigrationPairAndMining, showMigrationPairAndMining, }: PoolOperateInnerProps): JSX.Element;
+export default function PoolOperateInner({ pool, operate, hidePoolInfo, errorRefetch, submittedBack, getMigrationPairAndMining, showMigrationPairAndMining, }: PoolOperateInnerProps): import("react").JSX.Element;

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

@@ -1,3 +1,4 @@
+import React from 'react';
 import { GetMigrationPairAndMining, OperatePool, ShowMigrationPairAndMining } from './types';
 import { usePoolBalanceInfo } from '../hooks/usePoolBalanceInfo';
 export declare function RemovePoolOperate({ submittedBack: submittedBackProps, onlyShowSide, pool, balanceInfo, getMigrationPairAndMining, showMigrationPairAndMining, }: {
@@ -7,4 +8,4 @@ export declare function RemovePoolOperate({ submittedBack: submittedBackProps, o
     balanceInfo: ReturnType<typeof usePoolBalanceInfo>;
     getMigrationPairAndMining?: GetMigrationPairAndMining;
     showMigrationPairAndMining?: ShowMigrationPairAndMining;
-}): 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;
+}>): any;

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

@@ -9,4 +9,4 @@ export default function Ratio({ pool, addPortion, midPrice, shareOfPool, slipper
     slipper: ReturnType<typeof useSlipper>['slipper'];
     setSlipper: ReturnType<typeof useSlipper>['setSlipper'];
     canOperate?: boolean;
-}): 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

@@ -1,5 +1,6 @@
 import { BoxProps } from '@dodoex/components';
 import { PoolOperateInnerProps } from './PoolOperateInner';
+import React from 'react';
 import { GetMigrationPairAndMining, ShowMigrationPairAndMining } from './types';
 export interface PoolOperateProps {
     onClose?: () => void;
@@ -14,7 +15,7 @@ export interface PoolOperateProps {
     getMigrationPairAndMining?: GetMigrationPairAndMining;
     showMigrationPairAndMining?: ShowMigrationPairAndMining;
 }
-export declare function PoolOperate({ onClose, pool: poolProps, address, operate, chainId, hasMining, hidePoolInfo, sx, getMigrationPairAndMining, showMigrationPairAndMining, }: PoolOperateProps): JSX.Element;
+export declare function PoolOperate({ onClose, pool: poolProps, address, operate, chainId, hasMining, hidePoolInfo, sx, getMigrationPairAndMining, showMigrationPairAndMining, }: PoolOperateProps): React.JSX.Element;
 export default function PoolOperateDialog({ modal, ...props }: PoolOperateProps & {
     modal?: boolean;
-}): JSX.Element;
+}): React.JSX.Element;

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

@@ -1,4 +1,4 @@
 export { default as AMMV3Create } from './AMMV3/AddLiquidityV3';
 export { AMMV3PositionsView } from './AMMV3/AMMV3PositionsView';
 export { AMMV3PositionManage } from './AMMV3/AMMV3PositionManage';
-export declare function Pool(): JSX.Element;
+export declare function Pool(): import("react").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dodoex/widgets",
-  "version": "3.11.0",
+  "version": "3.13.0",
   "description": "DODO Widgets",
   "source": "src/index.tsx",
   "types": "dist/types/index.d.ts",
@@ -67,9 +67,9 @@
     "@emotion/styled": "^11.10.0",
     "@ethersproject/bignumber": "^5.6.2",
     "@ethersproject/contracts": "^5.7.0",
-    "@lingui/core": "^4.3.0",
-    "@lingui/macro": "^4.3.0",
-    "@lingui/react": "^4.3.0",
+    "@lingui/core": "^5.7.0",
+    "@lingui/macro": "^5.7.0",
+    "@lingui/react": "^5.7.0",
     "@reduxjs/toolkit": "^1.6.1",
     "@semantic-release/changelog": "^6.0.1",
     "@semantic-release/git": "^10.0.1",
@@ -87,32 +87,36 @@
     "dayjs": "^1.11.11",
     "identicon.js": "^2.3.3",
     "jsbi": "^3.1.4",
-    "konva": "^9.3.6",
+    "konva": "^9.3.15",
     "lodash": "^4.17.21",
     "make-plural": "^7.0.0",
     "moment": "^2.29.4",
-    "react-datetime": "^3.1.1",
+    "react-datetime": "^3.3.0",
     "react-icons": "^5.0.1",
     "react-infinite-scroller": "^1.2.6",
-    "react-konva": "^18.2.10",
+    "react-konva": "^19.0.0",
     "react-transition-group": "^4.4.5",
-    "react-window": "^1.8.8",
-    "recharts": "^2.12.7",
+    "react-window": "^1.8.11",
+    "recharts": "^2.15.0",
     "rmc-date-picker": "^6.0.10",
     "tiny-invariant": "^1.1.0",
     "zustand": "^4.5.5"
   },
   "peerDependencies": {
     "@babel/runtime": ">=7.17.0",
-    "react": "^18.0.0 || ^19.0.0",
-    "react-dom": "^18.0.0 || ^19.0.0"
+    "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+    "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0"
+  },
+  "peerDependenciesMeta": {
+    "react-infinite-scroller": {
+      "optional": true
+    }
   },
   "devDependencies": {
     "@babel/preset-env": "^7.16.11",
     "@babel/preset-react": "^7.18.6",
     "@babel/preset-typescript": "^7.16.7",
-    "@lingui/babel-preset-react": "^2.9.2",
-    "@lingui/cli": "^4.3.0",
+    "@lingui/cli": "^5.7.0",
     "@nomicfoundation/hardhat-network-helpers": "^1.0.6",
     "@nomiclabs/hardhat-ethers": "^2.1.1",
     "@rollup/plugin-babel": "^6.0.4",
@@ -151,5 +155,8 @@
     "svg-jest": "^1.0.1",
     "ts-jest": "^29.0.1",
     "typescript": "^5.6.3"
+  },
+  "optionalDependencies": {
+    "pino-pretty": "^13.1.3"
   }
 }

package/dist/helper-fok9u8ss.cjs

@@ -1 +0,0 @@
-"use strict";var e=require("@lingui/core"),t=require("bignumber.js"),i=require("./index-Ds57viu-.cjs");function o(e){let t=e.toLowerCase();if(t&&/^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/.test(t)){if(4===t.length){let e="#";for(let i=1;i<4;i+=1)e+=t.slice(i,i+1).concat(t.slice(i,i+1));t=e}const e=[];for(let i=1;i<7;i+=2)e.push(parseInt(`0x${t.slice(i,i+2)}`));return e.join(",")}return t}function r({val:e,model:i}){let o=e;if(e.isNaN())return{side:"no-one",vert:new t(0),base:new t(0),quote:new t(0)};i.Q0.eq(0)&&e.lt(i.i)&&(o=i.i),i.B0.eq(0)&&e.gt(i.i)&&(o=i.i);const r=i.getPriceDepth(o),n=r.baseAmount,l=r.quoteAmount,{isBuy:s}=r;return{side:s?"ask":"bid",vert:s?n:l,base:n,quote:l}}function n(e,i=1){return new t(i).div(e/2)}exports.baseZoomMultiples=1,exports.beforePriceImpactEffect=function({currentBaseMinAndZoomMultiples:e,targetPrice:i,midPrice:o,width:r}){const{baseMin:n,zoomMultiples:l}=e,s=new t(Math.log10(n.div(o).toNumber())),u=s.plus(2*l),a=new t(o.multipliedBy(10**u.toNumber()));if(i.gte(n)&&i.lte(a)){return{isSkip:!0,targetX:new t(Math.log10(i.div(o).toNumber())).minus(s).div(2*l).multipliedBy(r).toNumber(),baseMin:new t(0),zoomMultiples:1}}const m=new t(o.multipliedBy(.1)),p=new t(o.multipliedBy(10));if(i.gte(m)&&i.lte(p)){return{isSkip:!1,targetX:new t(Math.log10(i.div(o).toNumber())).minus(-1).div(2).multipliedBy(r).toNumber(),baseMin:m,zoomMultiples:1}}return{isSkip:!1,targetX:-1,baseMin:new t(0),zoomMultiples:1}},exports.chartOffsetYBCToolTip=18,exports.chartT=function(t,i){switch(t){case"depth-chart.tips.buy":return e.i18n._({id:"q+Q952",message:"Users pay {0} {1} and receive {2} {3}\\nPrice {4} ({5}%)",values:{0:i.amountText,1:i.baseTokenSymbol,2:i.oppositeAmountText,3:i.quoteTokenSymbol,4:i.priceText,5:i.slippageText}});case"depth-chart.tips.mid-price":return e.i18n._({id:"cnbRVW",message:"Initial Price {0} {1} = {2} {3}",values:{0:i.amountText,1:i.baseTokenSymbol,2:i.oppositeAmountText,3:i.quoteTokenSymbol}});case"depth-chart.tips.sell":return e.i18n._({id:"q+Q952",message:"Users pay {0} {1} and receive {2} {3}\\nPrice {4} ({5}%)",values:{0:i.oppositeAmountText,1:i.quoteTokenSymbol,2:i.amountText,3:i.baseTokenSymbol,4:i.priceText,5:i.slippageText}});case"pool.chart.buy-amount":return e.i18n._({id:"TaScUS",message:"Users sell {0} amount:",values:{0:i.symbol}});case"pool.chart.price-impact":return e.i18n._({id:"I0LXan",message:"Price Impact: {0}",values:{0:i.amount}});case"pool.chart.sell-amount":return e.i18n._({id:"F2vX4t",message:"Users buy {0} amount:",values:{0:i.symbol}});case"pool.create.disabled-token-amount":return e.i18n._({id:"5QDjef",message:"The token amount is calculated by initial price."});case"pool.create.set-pool.emulator.title":return e.i18n._({id:"FQfStS",message:"Emulator"});case"pool.create.set-pool.emulator.title.question":return e.i18n._({id:"9D2g7k",message:"The liquidity of DODO is continuous, which is different from the discrete liquidity of UniV3. The ticks shown in the illustration are for demonstration purposes only."});case"pool.chart.liquidity-chart-tip":return e.i18n._({id:"YvXHDU",message:"The area of the chart indicates the buy/sell volume of {0} that can be carried by the market when the current price changes to the hover price.",values:{0:i.baseTokenSymbol}});case"pool.chart.liquidity-chart-buy":return e.i18n._({id:"TvH4Ym",message:"Bought {0} {1}, price in the pool decreased to {2}",values:{0:i.amount,1:i.symbol,2:i.price}});case"pool.chart.liquidity-chart-sell":return e.i18n._({id:"0O1wzf",message:"Traders sold ‪{0}‬ {1}, price in the pool increased to {2}",values:{0:i.amount,1:i.symbol,2:i.price}});default:throw new Error(`Unknown key ${t}`)}},exports.colorRgb=o,exports.computeBaseAfterZoom=function({midPrice:e,zoomMultiples:t}){return e.multipliedBy(10**-t)},exports.computeBaseMinByDistance=function({dragDistance:e,prevBaseMin:i,chartWidth:o,zoomMultiples:r}){const l=n(o,r);return e>0?i.multipliedBy(1-l.multipliedBy(e).toNumber()):i.multipliedBy(10**l.multipliedBy(new t(e).abs()).plus(0).toNumber())},exports.computeBaseVert=function({midPrice:e,q:i,q0:o,pmmModel:r}){let n=t.maximum(i,o,r.B.multipliedBy(e));return n.isNaN()&&(n=new t(10)),n.eq(0)&&(n=new t(1)),{buyBaseVert:n.multipliedBy(1.2),sellBaseVert:n.div(e).multipliedBy(1.2)}},exports.computeTargetXByTargetPrice=function({type:e,targetPrice:i,midPrice:o,width:r}){if("sell"===e){return{zoomMultiples:new t(Math.log10(i.div(o).toNumber())).minus(0).div(3/4).abs(),targetX:r/2*(3/4)+r/2}}const n=new t(Math.log10(i.div(o).toNumber()));return{zoomMultiples:new t(0).minus(n).div(3/4).abs(),targetX:r/2*(1/4)}},exports.computeXPortion=n,exports.computeZoomMultiplesWhenZoom=function({prevZoomMultiples:e,zoomIn:t}){return!t&&e<=.1?e:t?e+.1:e-.1},exports.evalPoint=r,exports.labelPadding=12,exports.updateTooltip=function({tooltip:e,x:l,chartWidth:s,chartHeight:u,buyBaseVert:a,sellBaseVert:m,pmmModel:p,midPrice:c,baseTokenSymbol:d,quoteTokenSymbol:h,t:b,baseMinAndZoomMultiples:f,isHover:g,color:y,leftColor:x,rightColor:T}){const{zoomMultiples:v,baseMin:w}=f,B=n(s,v),M=a.div(u),k=m.div(u),q=2*v,S=w.multipliedBy(10**B.multipliedBy(l).toNumber());let N=new t(Math.log(c.div(w).toNumber())/Math.log(10));N=t.minimum(q,N),N=t.maximum(0,N);const P=N.div(B),X=r({val:S,model:p,midPrice:c});if(X.vert.isNaN())return;const A=S.lt(c);let O=u-X.vert.div(M).toNumber();A||(O=u-X.vert.div(k).toNumber());const _=i.formatShortNumber(S),z=i.formatShortNumber(X.vert),D=S.minus(c).abs().div(c).multipliedBy(100).toFixed(2),$=P.toNumber(),H=e.findOne("#toolTipVertLine"),L=e.findOne("#toolTipHoriLine"),U=e.findOne("#joinCircle"),V=e.findOne("#toolTip"),W=e.findOne("#priceTextLabel"),Y=e.findOne("#slippageTextLabel");if(!V)return;V.x(l),V.y(O-5-6);const Z=V.getText(),I=V.getTag();let j="ask"===X.side?i.formatShortNumber(X.quote):i.formatShortNumber(X.base);const C=p.k.lte(0);C&&(j=z);const F=i.formatShortNumber(c),Q={amountText:z,baseTokenSymbol:d,oppositeAmountText:j,quoteTokenSymbol:h,priceText:C?F:_,slippageText:`${A?"-":"+"}${D}`};if(P.minus(4).lte(l)&&P.plus(2).gte(l)&&g)Z.text(b("depth-chart.tips.mid-price",{amountText:1,baseTokenSymbol:d,oppositeAmountText:F,quoteTokenSymbol:h})),V.x($),V.y(u/2),null==H||H.hide(),null==L||L.hide(),null==U||U.hide(),null==W||W.hide(),null==Y||Y.hide();else{Z.text(A?b("depth-chart.tips.buy",{amountText:j,baseTokenSymbol:d,oppositeAmountText:z,quoteTokenSymbol:h,priceText:C?F:_,slippageText:`${A?"-":"+"}${D}`}):b("depth-chart.tips.sell",Q));const e=y||(A?"#55f6db":"#ff4f73"),t=A?x||"#55f6db":T||"#ff4f73";Z.fill(e),V.width()/2>l?(I.pointerDirection("left"),I.pointerHeight(15),I.pointerWidth(8),V.offsetX(-11),V.offsetY(-11)):V.width()/2+l>s?(I.pointerDirection("right"),I.pointerHeight(15),I.pointerWidth(8),V.offsetX(11),V.offsetY(-11)):(I.pointerDirection("down"),I.pointerHeight(8),I.pointerWidth(15),V.offsetX(0),V.offsetY(0)),null==H||H.points([l,u,l,O]),null==H||H.stroke(t),null==L||L.points(A?[l,O,$,O]:[$,O,l,O]),null==L||L.stroke(t),null==U||U.x(l),null==U||U.y(O),null==U||U.fill(A?x||"rgb(86, 246, 218)":T||"#FF5072"),null==U||U.stroke(A?x?`rgba(${o(x)}, 0.4)`:"rgba(86, 246, 218, 0.3)":T?`rgba(${o(T)}, 0.4)`:"rgba(255, 80, 114, 0.3)"),W&&(W.x(l),W.y(u),W.offsetX(W.width()/2),W.x()-W.width()/2<0?W.x(W.width()/2):W.x()+W.width()/2>s?W.x(s-W.width()/2):W.x(l));const i=null==W?void 0:W.findOne("#priceTextLabel-text");i&&(i.fill(e),i.text(_)),Y&&(Y.x(A?l+($-l)/2:l-(l-$)/2),Y.y(O),Y.offsetY(Y.height()/2),Y.offsetX(Y.width()/2));const r=null==Y?void 0:Y.findOne("#slippageTextLabel-text");r&&(r.fill(e),r.text(`${A?"-":"+"}${D}%`)),null==H||H.show(),null==L||L.show(),null==U||U.show(),null==W||W.show(),null==Y||Y.show()}e.show()};

package/dist/helper-kdgkpAUl.js

@@ -1 +0,0 @@
-import{i18n as e}from"@lingui/core";import t from"bignumber.js";import{f as i}from"./index-txgNyG-9.js";function o(t,i){switch(t){case"depth-chart.tips.buy":return e._({id:"q+Q952",message:"Users pay {0} {1} and receive {2} {3}\\nPrice {4} ({5}%)",values:{0:i.amountText,1:i.baseTokenSymbol,2:i.oppositeAmountText,3:i.quoteTokenSymbol,4:i.priceText,5:i.slippageText}});case"depth-chart.tips.mid-price":return e._({id:"cnbRVW",message:"Initial Price {0} {1} = {2} {3}",values:{0:i.amountText,1:i.baseTokenSymbol,2:i.oppositeAmountText,3:i.quoteTokenSymbol}});case"depth-chart.tips.sell":return e._({id:"q+Q952",message:"Users pay {0} {1} and receive {2} {3}\\nPrice {4} ({5}%)",values:{0:i.oppositeAmountText,1:i.quoteTokenSymbol,2:i.amountText,3:i.baseTokenSymbol,4:i.priceText,5:i.slippageText}});case"pool.chart.buy-amount":return e._({id:"TaScUS",message:"Users sell {0} amount:",values:{0:i.symbol}});case"pool.chart.price-impact":return e._({id:"I0LXan",message:"Price Impact: {0}",values:{0:i.amount}});case"pool.chart.sell-amount":return e._({id:"F2vX4t",message:"Users buy {0} amount:",values:{0:i.symbol}});case"pool.create.disabled-token-amount":return e._({id:"5QDjef",message:"The token amount is calculated by initial price."});case"pool.create.set-pool.emulator.title":return e._({id:"FQfStS",message:"Emulator"});case"pool.create.set-pool.emulator.title.question":return e._({id:"9D2g7k",message:"The liquidity of DODO is continuous, which is different from the discrete liquidity of UniV3. The ticks shown in the illustration are for demonstration purposes only."});case"pool.chart.liquidity-chart-tip":return e._({id:"YvXHDU",message:"The area of the chart indicates the buy/sell volume of {0} that can be carried by the market when the current price changes to the hover price.",values:{0:i.baseTokenSymbol}});case"pool.chart.liquidity-chart-buy":return e._({id:"TvH4Ym",message:"Bought {0} {1}, price in the pool decreased to {2}",values:{0:i.amount,1:i.symbol,2:i.price}});case"pool.chart.liquidity-chart-sell":return e._({id:"0O1wzf",message:"Traders sold ‪{0}‬ {1}, price in the pool increased to {2}",values:{0:i.amount,1:i.symbol,2:i.price}});default:throw new Error(`Unknown key ${t}`)}}const l=12,n=18;function s(e){let t=e.toLowerCase();if(t&&/^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/.test(t)){if(4===t.length){let e="#";for(let i=1;i<4;i+=1)e+=t.slice(i,i+1).concat(t.slice(i,i+1));t=e}const e=[];for(let i=1;i<7;i+=2)e.push(parseInt(`0x${t.slice(i,i+2)}`));return e.join(",")}return t}function r({val:e,model:i}){let o=e;if(e.isNaN())return{side:"no-one",vert:new t(0),base:new t(0),quote:new t(0)};i.Q0.eq(0)&&e.lt(i.i)&&(o=i.i),i.B0.eq(0)&&e.gt(i.i)&&(o=i.i);const l=i.getPriceDepth(o),n=l.baseAmount,s=l.quoteAmount,{isBuy:r}=l;return{side:r?"ask":"bid",vert:r?n:s,base:n,quote:s}}function a({midPrice:e,q:i,q0:o,pmmModel:l}){let n=t.maximum(i,o,l.B.multipliedBy(e));return n.isNaN()&&(n=new t(10)),n.eq(0)&&(n=new t(1)),{buyBaseVert:n.multipliedBy(1.2),sellBaseVert:n.div(e).multipliedBy(1.2)}}function u(e,i=1){return new t(i).div(e/2)}function m({tooltip:e,x:o,chartWidth:l,chartHeight:n,buyBaseVert:a,sellBaseVert:m,pmmModel:p,midPrice:d,baseTokenSymbol:c,quoteTokenSymbol:h,t:b,baseMinAndZoomMultiples:f,isHover:y,color:g,leftColor:T,rightColor:x}){const{zoomMultiples:v,baseMin:w}=f,k=u(l,v),M=a.div(n),B=m.div(n),q=2*v,S=w.multipliedBy(10**k.multipliedBy(o).toNumber());let N=new t(Math.log(d.div(w).toNumber())/Math.log(10));N=t.minimum(q,N),N=t.maximum(0,N);const P=N.div(k),X=r({val:S,model:p,midPrice:d});if(X.vert.isNaN())return;const A=S.lt(d);let _=n-X.vert.div(M).toNumber();A||(_=n-X.vert.div(B).toNumber());const z=i(S),O=i(X.vert),$=S.minus(d).abs().div(d).multipliedBy(100).toFixed(2),D=P.toNumber(),H=e.findOne("#toolTipVertLine"),L=e.findOne("#toolTipHoriLine"),U=e.findOne("#joinCircle"),V=e.findOne("#toolTip"),j=e.findOne("#priceTextLabel"),W=e.findOne("#slippageTextLabel");if(!V)return;V.x(o),V.y(_-5-6);const Y=V.getText(),F=V.getTag();let I="ask"===X.side?i(X.quote):i(X.base);const Q=p.k.lte(0);Q&&(I=O);const C=i(d),Z={amountText:O,baseTokenSymbol:c,oppositeAmountText:I,quoteTokenSymbol:h,priceText:Q?C:z,slippageText:`${A?"-":"+"}${$}`};if(P.minus(4).lte(o)&&P.plus(2).gte(o)&&y)Y.text(b("depth-chart.tips.mid-price",{amountText:1,baseTokenSymbol:c,oppositeAmountText:C,quoteTokenSymbol:h})),V.x(D),V.y(n/2),null==H||H.hide(),null==L||L.hide(),null==U||U.hide(),null==j||j.hide(),null==W||W.hide();else{Y.text(A?b("depth-chart.tips.buy",{amountText:I,baseTokenSymbol:c,oppositeAmountText:O,quoteTokenSymbol:h,priceText:Q?C:z,slippageText:`${A?"-":"+"}${$}`}):b("depth-chart.tips.sell",Z));const e=g||(A?"#55f6db":"#ff4f73"),t=A?T||"#55f6db":x||"#ff4f73";Y.fill(e),V.width()/2>o?(F.pointerDirection("left"),F.pointerHeight(15),F.pointerWidth(8),V.offsetX(-11),V.offsetY(-11)):V.width()/2+o>l?(F.pointerDirection("right"),F.pointerHeight(15),F.pointerWidth(8),V.offsetX(11),V.offsetY(-11)):(F.pointerDirection("down"),F.pointerHeight(8),F.pointerWidth(15),V.offsetX(0),V.offsetY(0)),null==H||H.points([o,n,o,_]),null==H||H.stroke(t),null==L||L.points(A?[o,_,D,_]:[D,_,o,_]),null==L||L.stroke(t),null==U||U.x(o),null==U||U.y(_),null==U||U.fill(A?T||"rgb(86, 246, 218)":x||"#FF5072"),null==U||U.stroke(A?T?`rgba(${s(T)}, 0.4)`:"rgba(86, 246, 218, 0.3)":x?`rgba(${s(x)}, 0.4)`:"rgba(255, 80, 114, 0.3)"),j&&(j.x(o),j.y(n),j.offsetX(j.width()/2),j.x()-j.width()/2<0?j.x(j.width()/2):j.x()+j.width()/2>l?j.x(l-j.width()/2):j.x(o));const i=null==j?void 0:j.findOne("#priceTextLabel-text");i&&(i.fill(e),i.text(z)),W&&(W.x(A?o+(D-o)/2:o-(o-D)/2),W.y(_),W.offsetY(W.height()/2),W.offsetX(W.width()/2));const r=null==W?void 0:W.findOne("#slippageTextLabel-text");r&&(r.fill(e),r.text(`${A?"-":"+"}${$}%`)),null==H||H.show(),null==L||L.show(),null==U||U.show(),null==j||j.show(),null==W||W.show()}e.show()}function p({dragDistance:e,prevBaseMin:i,chartWidth:o,zoomMultiples:l}){const n=u(o,l);return e>0?i.multipliedBy(1-n.multipliedBy(e).toNumber()):i.multipliedBy(10**n.multipliedBy(new t(e).abs()).plus(0).toNumber())}const d=1;function c({prevZoomMultiples:e,zoomIn:t}){return!t&&e<=.1?e:t?e+.1:e-.1}function h({type:e,targetPrice:i,midPrice:o,width:l}){if("sell"===e){return{zoomMultiples:new t(Math.log10(i.div(o).toNumber())).minus(0).div(3/4).abs(),targetX:l/2*(3/4)+l/2}}const n=new t(Math.log10(i.div(o).toNumber()));return{zoomMultiples:new t(0).minus(n).div(3/4).abs(),targetX:l/2*(1/4)}}function b({currentBaseMinAndZoomMultiples:e,targetPrice:i,midPrice:o,width:l}){const{baseMin:n,zoomMultiples:s}=e,r=new t(Math.log10(n.div(o).toNumber())),a=r.plus(2*s),u=new t(o.multipliedBy(10**a.toNumber()));if(i.gte(n)&&i.lte(u)){return{isSkip:!0,targetX:new t(Math.log10(i.div(o).toNumber())).minus(r).div(2*s).multipliedBy(l).toNumber(),baseMin:new t(0),zoomMultiples:1}}const m=new t(o.multipliedBy(.1)),p=new t(o.multipliedBy(10));if(i.gte(m)&&i.lte(p)){return{isSkip:!1,targetX:new t(Math.log10(i.div(o).toNumber())).minus(-1).div(2).multipliedBy(l).toNumber(),baseMin:m,zoomMultiples:1}}return{isSkip:!1,targetX:-1,baseMin:new t(0),zoomMultiples:1}}function f({midPrice:e,zoomMultiples:t}){return e.multipliedBy(10**-t)}export{a,p as b,u as c,c as d,r as e,f,o as g,n as h,d as i,b as j,h as k,l,s as m,m as u};