@dodoex/widgets 3.19.0-mint.1 → 3.19.0-mint.2

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'];
-}): import("react").JSX.Element | null;
+}): 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;
-}): import("react").JSX.Element;
+}): 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;
-}): import("react").JSX.Element;
+}): 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'];
-}): import("react").JSX.Element;
+}): 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) => import("react").JSX.Element;
+export declare const OnlyV3Toggle: ({ onlyV3, setOnlyV3, sx }: OnlyV3ToggleProps) => 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>>;
-}): React.JSX.Element | null;
+}): JSX.Element | null;

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

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

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

@@ -1,9 +1,8 @@
 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>;
-}): React.JSX.Element;
+}): 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;
-}): import("react").JSX.Element;
+}): 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) => import("react").JSX.Element;
+export declare const MigrationTag: ({ sx, isRightTop, isReverseColor, }: MigrationTagProps) => 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;
-}): React.JSX.Element;
+}): JSX.Element;

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

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

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

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

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

@@ -1,8 +1,7 @@
-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;
-}): React.JSX.Element;
+}): 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'];
-}): React.JSX.Element;
+}): JSX.Element;

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import { OperatePool } from './types';
 import { usePoolBalanceInfo } from '../hooks/usePoolBalanceInfo';
 import BigNumber from 'bignumber.js';
@@ -10,4 +9,4 @@ export declare function AddPoolOperate({ submittedBack: submittedBackProps, only
     baseReserve?: BigNumber;
     quoteReserve?: BigNumber;
     totalSupplyBG?: BigNumber;
-}): React.JSX.Element;
+}): 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): import("react").JSX.Element;
+export default function PoolOperateInner({ pool, operate, hidePoolInfo, errorRefetch, submittedBack, getMigrationPairAndMining, showMigrationPairAndMining, }: PoolOperateInnerProps): JSX.Element;

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

@@ -1,4 +1,3 @@
-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, }: {
@@ -8,4 +7,4 @@ export declare function RemovePoolOperate({ submittedBack: submittedBackProps, o
     balanceInfo: ReturnType<typeof usePoolBalanceInfo>;
     getMigrationPairAndMining?: GetMigrationPairAndMining;
     showMigrationPairAndMining?: ShowMigrationPairAndMining;
-}): React.JSX.Element;
+}): JSX.Element;

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

@@ -1,9 +1,8 @@
 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;
-}): React.JSX.Element;
+}): JSX.Element;

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

@@ -1 +1 @@
-export declare const GSPPairRiskWarning: () => import("react").JSX.Element;
+export declare const GSPPairRiskWarning: () => 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): import("react").JSX.Element;
+export default function LiquidityInfo({ loading: loadingProps, hidePoolInfo, pool, balanceInfo, }: LiquidityInfoProps): 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>;
-}>): any;
+}>): JSX.Element;

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;
-}): import("react").JSX.Element;
+}): 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'];
-}): import("react").JSX.Element;
+}): 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'];
-}): import("react").JSX.Element;
+}): 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;
-}): import("react").JSX.Element | null;
+}): JSX.Element | null;

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

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

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

@@ -1,4 +1,5 @@
 import { PoolType } from '@dodoex/api';
+import { BigNumber } from 'bignumber.js';
 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, }: {

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

@@ -63,7 +63,6 @@ export declare function usePoolDetail({ id, chainId, }: {
     isLoadingError: false;
     isRefetchError: true;
     isSuccess: false;
-    isPlaceholderData: false;
     status: "error";
     dataUpdatedAt: number;
     errorUpdatedAt: number;
@@ -75,12 +74,11 @@ export declare function usePoolDetail({ id, chainId, }: {
     isFetching: boolean;
     isInitialLoading: boolean;
     isPaused: boolean;
+    isPlaceholderData: boolean;
     isRefetching: boolean;
     isStale: boolean;
-    isEnabled: boolean;
     refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@dodoex/api/dist/types/gql/graphql").FetchPoolQuery, Error>>;
     fetchStatus: import("@tanstack/react-query").FetchStatus;
-    promise: Promise<import("@dodoex/api/dist/types/gql/graphql").FetchPoolQuery>;
 } | {
     poolDetail: {
         address: string;
@@ -141,7 +139,6 @@ export declare function usePoolDetail({ id, chainId, }: {
     isLoadingError: false;
     isRefetchError: false;
     isSuccess: true;
-    isPlaceholderData: false;
     status: "success";
     dataUpdatedAt: number;
     errorUpdatedAt: number;
@@ -153,12 +150,11 @@ export declare function usePoolDetail({ id, chainId, }: {
     isFetching: boolean;
     isInitialLoading: boolean;
     isPaused: boolean;
+    isPlaceholderData: boolean;
     isRefetching: boolean;
     isStale: boolean;
-    isEnabled: boolean;
     refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@dodoex/api/dist/types/gql/graphql").FetchPoolQuery, Error>>;
     fetchStatus: import("@tanstack/react-query").FetchStatus;
-    promise: Promise<import("@dodoex/api/dist/types/gql/graphql").FetchPoolQuery>;
 } | {
     poolDetail: {
         address: string;
@@ -219,7 +215,6 @@ export declare function usePoolDetail({ id, chainId, }: {
     isLoadingError: true;
     isRefetchError: false;
     isSuccess: false;
-    isPlaceholderData: false;
     status: "error";
     dataUpdatedAt: number;
     errorUpdatedAt: number;
@@ -231,12 +226,11 @@ export declare function usePoolDetail({ id, chainId, }: {
     isFetching: boolean;
     isInitialLoading: boolean;
     isPaused: boolean;
+    isPlaceholderData: boolean;
     isRefetching: boolean;
     isStale: boolean;
-    isEnabled: boolean;
     refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@dodoex/api/dist/types/gql/graphql").FetchPoolQuery, Error>>;
     fetchStatus: import("@tanstack/react-query").FetchStatus;
-    promise: Promise<import("@dodoex/api/dist/types/gql/graphql").FetchPoolQuery>;
 } | {
     poolDetail: {
         address: string;
@@ -297,7 +291,6 @@ export declare function usePoolDetail({ id, chainId, }: {
     isLoadingError: false;
     isRefetchError: false;
     isSuccess: false;
-    isPlaceholderData: false;
     status: "pending";
     dataUpdatedAt: number;
     errorUpdatedAt: number;
@@ -309,12 +302,11 @@ export declare function usePoolDetail({ id, chainId, }: {
     isFetching: boolean;
     isInitialLoading: boolean;
     isPaused: boolean;
+    isPlaceholderData: boolean;
     isRefetching: boolean;
     isStale: boolean;
-    isEnabled: boolean;
     refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@dodoex/api/dist/types/gql/graphql").FetchPoolQuery, Error>>;
     fetchStatus: import("@tanstack/react-query").FetchStatus;
-    promise: Promise<import("@dodoex/api/dist/types/gql/graphql").FetchPoolQuery>;
 } | {
     poolDetail: {
         address: string;
@@ -374,7 +366,6 @@ export declare function usePoolDetail({ id, chainId, }: {
     isLoadingError: false;
     isRefetchError: false;
     isSuccess: false;
-    isPlaceholderData: false;
     status: "pending";
     dataUpdatedAt: number;
     errorUpdatedAt: number;
@@ -387,88 +378,9 @@ export declare function usePoolDetail({ id, chainId, }: {
     isLoading: boolean;
     isInitialLoading: boolean;
     isPaused: boolean;
+    isPlaceholderData: boolean;
     isRefetching: boolean;
     isStale: boolean;
-    isEnabled: boolean;
     refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@dodoex/api/dist/types/gql/graphql").FetchPoolQuery, Error>>;
     fetchStatus: import("@tanstack/react-query").FetchStatus;
-    promise: Promise<import("@dodoex/api/dist/types/gql/graphql").FetchPoolQuery>;
-} | {
-    poolDetail: {
-        address: string;
-        type: PoolType;
-        chainId: ChainId;
-        baseToken: TokenInfo;
-        quoteToken: TokenInfo;
-        miningAddress: string;
-        apy: {
-            miningBaseApy?: any | null;
-            miningQuoteApy?: any | null;
-            transactionBaseApy?: any | null;
-            transactionQuoteApy?: any | null;
-            metromMiningApy?: any | null;
-        } | null | undefined;
-        baseApy: string | undefined;
-        quoteApy: string | undefined;
-        isCpPool: boolean;
-        cpAddress: string | undefined;
-        cpLiquidator: string | undefined;
-        cpCreator: string | undefined;
-        cpCreatedAtTimestamp: string | undefined;
-        id: string;
-        creator: any;
-        owner?: any | null;
-        traderCount: any;
-        volumeBaseToken: any;
-        volumeQuoteToken: any;
-        volumeUSD: any;
-        feeBase: any;
-        feeQuote: any;
-        mtFeeRate: any;
-        lpFeeRate: any;
-        i?: any | null;
-        k?: any | null;
-        baseReserve: any;
-        quoteReserve: any;
-        createdAtTimestamp: any;
-        lastTradePrice: any;
-        baseLpToken?: {
-            id: string;
-            symbol: string;
-            name: string;
-            decimals: any;
-        } | null;
-        quoteLpToken?: {
-            id: string;
-            symbol: string;
-            name: string;
-            decimals: any;
-        } | null;
-    } | null;
-    data: import("@dodoex/api/dist/types/gql/graphql").FetchPoolQuery;
-    isError: false;
-    error: null;
-    isPending: false;
-    isLoading: false;
-    isLoadingError: false;
-    isRefetchError: false;
-    isSuccess: true;
-    isPlaceholderData: true;
-    status: "success";
-    dataUpdatedAt: number;
-    errorUpdatedAt: number;
-    failureCount: number;
-    failureReason: Error | null;
-    errorUpdateCount: number;
-    isFetched: boolean;
-    isFetchedAfterMount: boolean;
-    isFetching: boolean;
-    isInitialLoading: boolean;
-    isPaused: boolean;
-    isRefetching: boolean;
-    isStale: boolean;
-    isEnabled: boolean;
-    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@dodoex/api/dist/types/gql/graphql").FetchPoolQuery, Error>>;
-    fetchStatus: import("@tanstack/react-query").FetchStatus;
-    promise: Promise<import("@dodoex/api/dist/types/gql/graphql").FetchPoolQuery>;
 };

package/dist/types/widgets/PoolWidget/hooks/useUniV2CreatePairs.d.ts

@@ -9,10 +9,10 @@ export declare function useUniV2CreatePairs({ baseToken, quoteToken, baseAmount,
     pairAddress: string | undefined;
     pair: import("@uniswap/v2-sdk").Pair | null;
     isInvalidPair: boolean;
-    price: BigNumber | undefined;
-    invertedPrice: BigNumber | undefined;
+    price: import("bignumber.js").BigNumber | undefined;
+    invertedPrice: import("bignumber.js").BigNumber | undefined;
     priceLoading: boolean;
-    liquidityMinted: BigNumber | undefined;
+    liquidityMinted: import("bignumber.js").BigNumber | undefined;
     shareOfPool: string;
     isExists: boolean;
 };

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(): import("react").JSX.Element;
+export declare function Pool(): JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dodoex/widgets",
-  "version": "3.19.0-mint.1",
+  "version": "3.19.0-mint.2",
   "description": "DODO Widgets",
   "source": "src/index.tsx",
   "types": "dist/types/index.d.ts",

package/dist/helper-B4oHjI87.js

@@ -1 +0,0 @@
-import{i18n as e}from"@lingui/core";import t from"bignumber.js";import{f as i}from"./index-HUJxiyAU.js";function o(t,i){switch(t){case"depth-chart.tips.buy":return e._({id:"Es4ccw",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:"Es4ccw",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:"NjQ1e3",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:"WJ94b8",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:"GhrVog",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:c,baseTokenSymbol:d,quoteTokenSymbol:h,t:b,baseMinAndZoomMultiples:f,isHover:g,color:y,leftColor:T,rightColor:x}){const{zoomMultiples:w,baseMin:v}=f,k=u(l,w),M=a.div(n),B=m.div(n),q=2*w,N=v.multipliedBy(10**k.multipliedBy(o).toNumber());let S=new t(Math.log(c.div(v).toNumber())/Math.log(10));S=t.minimum(q,S),S=t.maximum(0,S);const A=S.div(k),P=r({val:N,model:p});if(P.vert.isNaN())return;const _=N.lt(c);let z=n-P.vert.div(M).toNumber();_||(z=n-P.vert.div(B).toNumber());const O=i(N),X=i(P.vert),$=N.minus(c).abs().div(c).multipliedBy(100).toFixed(2),D=A.toNumber(),L=e.findOne("#toolTipVertLine"),V=e.findOne("#toolTipHoriLine"),j=e.findOne("#joinCircle"),H=e.findOne("#toolTip"),W=e.findOne("#priceTextLabel"),U=e.findOne("#slippageTextLabel");if(!H)return;H.x(o),H.y(z-5-6);const I=H.getText(),Y=H.getTag();let C="ask"===P.side?i(P.quote):i(P.base);const E=p.k.lte(0);E&&(C=X);const F=i(c),Q={amountText:X,baseTokenSymbol:d,oppositeAmountText:C,quoteTokenSymbol:h,priceText:E?F:O,slippageText:`${_?"-":"+"}${$}`};if(A.minus(4).lte(o)&&A.plus(2).gte(o)&&g)I.text(b("depth-chart.tips.mid-price",{amountText:1,baseTokenSymbol:d,oppositeAmountText:F,quoteTokenSymbol:h})),H.x(D),H.y(n/2),null==L||L.hide(),null==V||V.hide(),null==j||j.hide(),null==W||W.hide(),null==U||U.hide();else{I.text(_?b("depth-chart.tips.buy",{amountText:C,baseTokenSymbol:d,oppositeAmountText:X,quoteTokenSymbol:h,priceText:E?F:O,slippageText:`${_?"-":"+"}${$}`}):b("depth-chart.tips.sell",Q));const e=y||(_?"#55f6db":"#ff4f73"),t=_?T||"#55f6db":x||"#ff4f73";I.fill(e),H.width()/2>o?(Y.pointerDirection("left"),Y.pointerHeight(15),Y.pointerWidth(8),H.offsetX(-11),H.offsetY(-11)):H.width()/2+o>l?(Y.pointerDirection("right"),Y.pointerHeight(15),Y.pointerWidth(8),H.offsetX(11),H.offsetY(-11)):(Y.pointerDirection("down"),Y.pointerHeight(8),Y.pointerWidth(15),H.offsetX(0),H.offsetY(0)),null==L||L.points([o,n,o,z]),null==L||L.stroke(t),null==V||V.points(_?[o,z,D,z]:[D,z,o,z]),null==V||V.stroke(t),null==j||j.x(o),null==j||j.y(z),null==j||j.fill(_?T||"rgb(86, 246, 218)":x||"#FF5072"),null==j||j.stroke(_?T?`rgba(${s(T)}, 0.4)`:"rgba(86, 246, 218, 0.3)":x?`rgba(${s(x)}, 0.4)`:"rgba(255, 80, 114, 0.3)"),W&&(W.x(o),W.y(n),W.offsetX(W.width()/2),W.x()-W.width()/2<0?W.x(W.width()/2):W.x()+W.width()/2>l?W.x(l-W.width()/2):W.x(o));const i=null==W?void 0:W.findOne("#priceTextLabel-text");i&&(i.fill(e),i.text(O)),U&&(U.x(_?o+(D-o)/2:o-(o-D)/2),U.y(z),U.offsetY(U.height()/2),U.offsetX(U.width()/2));const r=null==U?void 0:U.findOne("#slippageTextLabel-text");r&&(r.fill(e),r.text(`${_?"-":"+"}${$}%`)),null==L||L.show(),null==V||V.show(),null==j||j.show(),null==W||W.show(),null==U||U.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 c=1;function d({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,d,r as e,f,n as g,o as h,c as i,b as j,h as k,l,s as m,m as u};

package/dist/helper-BGmFFX2X.cjs

@@ -1 +0,0 @@
-"use strict";var e=require("@lingui/core"),t=require("bignumber.js"),i=require("./index-G7TaeCdO.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:"Es4ccw",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:"Es4ccw",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:"NjQ1e3",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:"WJ94b8",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:"GhrVog",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),N=2*v,q=w.multipliedBy(10**B.multipliedBy(l).toNumber());let S=new t(Math.log(c.div(w).toNumber())/Math.log(10));S=t.minimum(N,S),S=t.maximum(0,S);const P=S.div(B),A=r({val:q,model:p});if(A.vert.isNaN())return;const X=q.lt(c);let O=u-A.vert.div(M).toNumber();X||(O=u-A.vert.div(k).toNumber());const _=i.formatShortNumber(q),z=i.formatShortNumber(A.vert),$=q.minus(c).abs().div(c).multipliedBy(100).toFixed(2),D=P.toNumber(),V=e.findOne("#toolTipVertLine"),L=e.findOne("#toolTipHoriLine"),W=e.findOne("#joinCircle"),H=e.findOne("#toolTip"),Z=e.findOne("#priceTextLabel"),j=e.findOne("#slippageTextLabel");if(!H)return;H.x(l),H.y(O-5-6);const I=H.getText(),U=H.getTag();let Y="ask"===A.side?i.formatShortNumber(A.quote):i.formatShortNumber(A.base);const C=p.k.lte(0);C&&(Y=z);const E=i.formatShortNumber(c),F={amountText:z,baseTokenSymbol:d,oppositeAmountText:Y,quoteTokenSymbol:h,priceText:C?E:_,slippageText:`${X?"-":"+"}${$}`};if(P.minus(4).lte(l)&&P.plus(2).gte(l)&&g)I.text(b("depth-chart.tips.mid-price",{amountText:1,baseTokenSymbol:d,oppositeAmountText:E,quoteTokenSymbol:h})),H.x(D),H.y(u/2),null==V||V.hide(),null==L||L.hide(),null==W||W.hide(),null==Z||Z.hide(),null==j||j.hide();else{I.text(X?b("depth-chart.tips.buy",{amountText:Y,baseTokenSymbol:d,oppositeAmountText:z,quoteTokenSymbol:h,priceText:C?E:_,slippageText:`${X?"-":"+"}${$}`}):b("depth-chart.tips.sell",F));const e=y||(X?"#55f6db":"#ff4f73"),t=X?x||"#55f6db":T||"#ff4f73";I.fill(e),H.width()/2>l?(U.pointerDirection("left"),U.pointerHeight(15),U.pointerWidth(8),H.offsetX(-11),H.offsetY(-11)):H.width()/2+l>s?(U.pointerDirection("right"),U.pointerHeight(15),U.pointerWidth(8),H.offsetX(11),H.offsetY(-11)):(U.pointerDirection("down"),U.pointerHeight(8),U.pointerWidth(15),H.offsetX(0),H.offsetY(0)),null==V||V.points([l,u,l,O]),null==V||V.stroke(t),null==L||L.points(X?[l,O,D,O]:[D,O,l,O]),null==L||L.stroke(t),null==W||W.x(l),null==W||W.y(O),null==W||W.fill(X?x||"rgb(86, 246, 218)":T||"#FF5072"),null==W||W.stroke(X?x?`rgba(${o(x)}, 0.4)`:"rgba(86, 246, 218, 0.3)":T?`rgba(${o(T)}, 0.4)`:"rgba(255, 80, 114, 0.3)"),Z&&(Z.x(l),Z.y(u),Z.offsetX(Z.width()/2),Z.x()-Z.width()/2<0?Z.x(Z.width()/2):Z.x()+Z.width()/2>s?Z.x(s-Z.width()/2):Z.x(l));const i=null==Z?void 0:Z.findOne("#priceTextLabel-text");i&&(i.fill(e),i.text(_)),j&&(j.x(X?l+(D-l)/2:l-(l-D)/2),j.y(O),j.offsetY(j.height()/2),j.offsetX(j.width()/2));const r=null==j?void 0:j.findOne("#slippageTextLabel-text");r&&(r.fill(e),r.text(`${X?"-":"+"}${$}%`)),null==V||V.show(),null==L||L.show(),null==W||W.show(),null==Z||Z.show(),null==j||j.show()}e.show()};

package/dist/index-C1USugKY.js

@@ -1,12 +0,0 @@
-import t from"@emotion/styled";import{merge as e}from"lodash";import{useMemo as i,useRef as n}from"react";import{l as r,h as o,m as l}from"./helper-B4oHjI87.js";import{Line as a,Text as s,Stage as d,Layer as m,Rect as p,Circle as g,Label as u,Tag as c}from"react-konva";import{f as h}from"./index-HUJxiyAU.js";import f from"bignumber.js";import{jsxs as x,Fragment as L,jsx as b}from"react/jsx-runtime";import{solveQuadraticFunctionForTarget as w,PMMState as A,PMMHelper as y}from"@dodoex/api";import"@lingui/core";import"@dodoex/components";import"@dodoex/dodo-contract-request";import"@babel/runtime/helpers/interopRequireDefault";import"@babel/runtime/helpers/defineProperty";import"@lingui/react";import"identicon.js";import"zustand";import"zustand/middleware";import"@web3-react/core";import"@web3-react/eip1193";import"@web3-react/walletconnect-v2";import"@web3-react/metamask";import"@web3-react/types";import"@tanstack/react-query";import"@ethersproject/bignumber";import"react-dom";import"react-window";import"dayjs";import"dayjs/plugin/duration";import"dayjs/plugin/localizedFormat";import"dayjs/plugin/utc";import"react-transition-group";import"react-is";import"@dodoex/contract-request";import"axios";import"recharts";import"react-dom/client";import"jsbi";import"tiny-invariant";import"@uniswap/sdk-core";import"@uniswap/v2-sdk";import"react-infinite-scroller";import"d3";import"rmc-date-picker";import"rmc-date-picker/assets/index.css";import"react-datetime/css/react-datetime.css";const P=t.div`
-  height: 100%;
-  position: relative;
-`,N=t.div`
-  text-align: center;
-  margin-top: 17.1px;
-  margin-bottom: 88.41px;
-  color: #606066;
-  font-size: 12px;
-  line-height: 17px;
-  font-weight: 400;
-`;function v({maxHeight:t,gridAreaHeight:e,value:i}){const n=new f(e).minus(36),r=n.div(t);return n.minus(i.multipliedBy(r)).plus(36).toNumber()}function H({targetPrice:t,areaPoints:e,isLeft:i}){for(let n=0;n<e.length;n++){const r=e[n],o=n<e.length-1?e[n+1]:null;if(!o)return{targetAreaStatPoint:r,targetAreaStatPoints:e};if(i){if(t.lte(r.middlePrice)&&t.gte(o.middlePrice))return{targetAreaStatPoint:r,targetAreaStatPoints:e.slice(0,n+1)}}else if(t.gte(r.middlePrice)&&t.lte(o.middlePrice))return{targetAreaStatPoint:r,targetAreaStatPoints:e.slice(0,n+1)}}return{targetAreaStatPoint:null,targetAreaStatPoints:[]}}function S({x:t,width:e,minXLN10:i,maxXLN10:n}){const r=new f(t).div(e).multipliedBy(n.minus(i)).plus(i);return new f(10**r.toNumber())}function k({width:t,targetLN10:e,minXLN10:i,maxXLN10:n}){return e.minus(i).div(n.minus(i)).multipliedBy(t).toNumber()}function X({target:t}){return new f(Math.log10(t.toNumber()))}const B="rgba(38, 39, 41, 0.3)";function C({width:t,height:P,params:N,baseTokenSymbol:C,quoteTokenSymbol:M,colorMap:W}){const{maxLeftHeight:F,maxRightHeight:T,leftStatAreaPoints:j,rightStatAreaPoints:q,minXLN10:J,maxXLN10:R}=function({params:t}){return i(()=>{const e=new f(t.b),i=new f(t.q);let n=new f(t.b0);const r=new f(t.q0),o=new f(t.i),l=new f(t.k),{R:a}=t;1===a&&n.eq(e)&&(n=w(e,i.minus(r),new f(1).div(o),l));const s=new A({i:o,K:l,B:e,Q:i,B0:n,Q0:r,R:a,mtFeeRate:new f(0),lpFeeRate:new f(0)}),d=new y,m=new f(s.B),p=[],g=[];let u=new f(0),c=new f(0);const h=d.GetMidPrice(s),x=i.gt(0)?e.div(i):new f(1);for(let t=0;t<=250;t++){let e=m.multipliedBy(t/100).multipliedBy(h.multipliedBy(x).multipliedBy(4));0===t&&(e=m.multipliedBy(1e-11));const i=null==d?void 0:d.QuerySellBase(e,s);if(!i.isNaN()&&i.gt(0)){const t=i.div(e);p.push({giveAmount:e,getAmount:i,price:t});continue}p.push({giveAmount:e,getAmount:new f(0),price:new f(0)})}for(let t=0;t<=250;t++){let e=m.multipliedBy(t/100).multipliedBy(h.multipliedBy(4));0===t&&(e=m.multipliedBy(1e-11));const i=null==d?void 0:d.QuerySellQuote(e,s);if(!i.isNaN()&&i.gt(0)){const t=e.dividedBy(i);g.push({giveAmount:e,getAmount:i,price:t});continue}g.push({giveAmount:e,getAmount:new f(0),price:new f(0)})}if(p.length<2&&g.length<2)return{leftStatAreaPoints:[],rightStatAreaPoints:[],maxLeftHeight:new f(10).multipliedBy(1.2),maxRightHeight:new f(10).multipliedBy(1.2),middlePriceLN10:new f(0),minXLN10:new f(-1),maxXLN10:new f(1)};const L=[];for(let t=1;t<p.length;t++){const e=p[t],{giveAmount:i,getAmount:n,price:r}=e,o=p[t-1];if(!r.isNaN()&&r.gt(0)&&o){const e=r.minus(o.price).abs(),l=i.minus(o.giveAmount).abs(),a=n.minus(o.getAmount).abs().multipliedBy(l);1===t&&L.push({area:n,price:r,middlePrice:r.plus(e.div(1.1)),rectangleHeight:a.plus(a.multipliedBy(.03))}),L.push({area:n,price:r,middlePrice:r.plus(e.div(2)),rectangleHeight:a}),u=f.max(a,u)}}const b=[];for(let t=1;t<g.length;t++){const e=g[t],{giveAmount:i,getAmount:n,price:r}=e,o=g[t-1],l=o.price,a=o.giveAmount,s=o.getAmount;if(!r.isNaN()&&r.gt(0)&&o){const e=r.minus(l).abs(),o=i.minus(a).abs(),d=n.minus(s).abs().multipliedBy(o);1===t&&b.push({area:n,price:r,middlePrice:r.minus(e.div(1.1)),rectangleHeight:d.plus(d.multipliedBy(.03))}),b.push({area:n,price:r,middlePrice:r.minus(e.div(2)),rectangleHeight:d}),c=f.max(d,c)}}const P=p.length>0?p[p.length-1]:g[0],N=g.length>0?g[0]:p[0],v=g.length>0?g[g.length-1]:p[0],H=P.price,S=v.price,k=N.price,X=new f(Math.log10(k.toNumber()));let B=H.gt(0)?new f(Math.log10(H.toNumber())):new f(-Math.log10(S.toNumber())),C=S.gt(0)?new f(Math.log10(S.toNumber())):new f(-Math.log10(H.toNumber()));const M=f.max(X.minus(B).abs(),C.minus(X).abs());return B=X.minus(M),C=X.plus(M),{leftStatAreaPoints:L,rightStatAreaPoints:b,maxLeftHeight:u.multipliedBy(1.2),maxRightHeight:c.multipliedBy(1.2),minXLN10:B,maxXLN10:C,middlePriceLN10:X}},[t])}({params:N}),O=P-30.13,z=n(null),D=e({grid:"#2A2A2D",midPriceLine:"#313335",leftBg:[0,B,1,"#31645d"],leftLine:"#55f6db",leftColor:"",rightBg:[0,B,1,"#67303d"],rightLine:"#ff4f73",rightColor:"",tooltipBg:"#121212",tooltipColor:void 0,textColor:"#606066"},W),G=e=>{var i;const{current:n}=z,r=e.target;if(r&&n){const e=null===(i=r.getStage())||void 0===i?void 0:i.getPointerPosition();if(e){const{x:i}=e,r=t/2;if(Math.abs(i-r)<=2)return;if(i<=2||t-i<=2)return;const a=S({x:i,width:t,minXLN10:J,maxXLN10:R});let s=null,d=[];const m=i<r;if(m){const t=H({areaPoints:j,targetPrice:a,isLeft:m});s=t.targetAreaStatPoint,d=t.targetAreaStatPoints}else{const t=H({areaPoints:q,targetPrice:a,isLeft:m});s=t.targetAreaStatPoint,d=t.targetAreaStatPoints}if(s){const e=X({target:s.middlePrice}),r=k({minXLN10:J,maxXLN10:R,width:t,targetLN10:e}),a=v({maxHeight:m?F:T,gridAreaHeight:O,value:s.rectangleHeight}),p=n.findOne("#tooltip"),g=n.findOne("#toolTipVertLine"),u=n.findOne("#joinCircle"),c=n.findOne("#tooltip-Text"),f=n.findOne("#tooltip-tag"),x=n.findOne("#priceTextLabel"),L=null==x?void 0:x.findOne("#priceTextLabel-text"),b=n.findOne("#area");null==p||p.position({x:r,y:a-5-6}),null==c||c.fill(D.tooltipColor||(m?"#00FAD9":"#FF5072")),null==c||c.text(m?o("pool.chart.liquidity-chart-buy",{amount:h(s.area),symbol:C,price:h(s.price)}):o("pool.chart.liquidity-chart-sell",{amount:h(s.area),symbol:M,price:h(s.price)})),p&&f&&(p.width()/2>i?(f.pointerDirection("left"),f.pointerHeight(15),f.pointerWidth(8),p.offsetX(-11),p.offsetY(-11)):p.width()/2+i>t?(f.pointerDirection("right"),f.pointerHeight(15),f.pointerWidth(8),p.offsetX(11),p.offsetY(-11)):(f.pointerDirection("down"),f.pointerHeight(8),f.pointerWidth(15),p.offsetX(0),p.offsetY(0))),null==g||g.points([r,O,r,a]),null==g||g.stroke(m?"#55f6db":"#ff4f73");let w=m?"rgb(86, 246, 218)":"#FF5072",A=m?"rgba(86, 246, 218, 0.3)":"rgba(255, 80, 114, 0.3)";D.leftLine&&D.rightLine&&(w=m?D.leftLine:D.rightLine,A=m?`rgba(${l(D.leftLine)}, 0.4)`:`rgba(${l(D.rightLine)}, 0.4)`),u&&(u.x(r),u.y(a),u.fill(w),u.stroke(A)),x&&(x.x(r),x.y(O+8.08+1),x.offsetX(x.width()/2),x.x()-x.width()/2<0?x.x(x.width()/2):x.x()+x.width()/2>t?x.x(t-x.width()/2):x.x(i)),L&&(L.fill(D.tooltipColor||(m?"#00FAD9":"#FF5072")),L.text(h(s.price)));const y=[];for(const e of d){const{middlePrice:i,rectangleHeight:n}=e,r=X({target:i}),o=k({minXLN10:J,maxXLN10:R,width:t,targetLN10:r}),l=v({maxHeight:m?F:T,gridAreaHeight:O,value:n});y.push(o,l+1)}const P=y.slice(),[N,H]=P;m?(P.push(r,a),P.push(r,O),P.push(N,O),P.push(N,H)):(P.unshift(N,O),P.unshift(r,O),P.unshift(r,a)),b&&(b.points(P),b.fill(m?D.leftLine||"#2c5b56":D.rightLine||"#7b3a48")),n.show()}}}},Q=function({gridAreaHeight:t,gridAreaWidth:e,horizontalLineCount:n,verticalLineCount:r,color:o="#2A2A2D"}){return i(()=>{const i=[],l=t/(n+1),s=[],d=e/(r+1);for(let t=0;t<n;t++){const n=l*(t+1);i.push([0,n,e,n])}for(let e=0;e<r;e++){const i=d*(e+1);s.push([i,0,i,t])}return x(L,{children:[i.map((t,e)=>b(a,{points:t,stroke:o,strokeWidth:1,lineCap:"round",lineJoin:"round",tension:1,listening:!1},e)),s.map((t,e)=>b(a,{points:t,stroke:o,strokeWidth:1,lineCap:"round",lineJoin:"round",tension:1,listening:!1},e))]})},[t,e,n,r,o])}({gridAreaHeight:O,gridAreaWidth:t,horizontalLineCount:9,verticalLineCount:7,color:D.grid}),E=function({minXLN10:t,maxXLN10:e,labelCount:n,gridAreaHeight:r,gridAreaWidth:o,color:l="#606066"}){return i(()=>{const i=o/(n+1),d=[],m=[];for(let l=0;l<n;l++){const n=i/2+i*l;d.push({x:n,y:r+10.08+1,text:h(S({x:i*(l+1),width:o,minXLN10:t,maxXLN10:e}))});const a=i*(l+1);m.push([a,r+1,a,r+4+1])}return x(L,{children:[d.map((t,e)=>b(s,{x:t.x,y:t.y,text:t.text,fontSize:14,fontFamily:"Manrope",fill:l,width:i,padding:0,align:"center",verticalAlign:"bottom",listening:!1},e)),m.map((t,e)=>b(a,{points:t,stroke:l,strokeWidth:1,lineCap:"butt",lineJoin:"miter",tension:1,listening:!1},e))]})},[t,e,r,o,n])}({gridAreaHeight:O,gridAreaWidth:t,labelCount:7,minXLN10:J,maxXLN10:R,color:D.textColor}),Y=function({gridAreaHeight:t,gridAreaWidth:e,color:n="#606066"}){return i(()=>{const i=e/2;return b(a,{points:[i,0,i,t-1],stroke:n,strokeWidth:1,lineCap:"round",lineJoin:"round",tension:1,listening:!1})},[t,e,n])}({gridAreaHeight:O,gridAreaWidth:t,color:D.midPriceLine}),{leftLine:V,rightLine:$}=function({leftStatAreaPoints:t,rightStatAreaPoints:e,minXLN10:n,maxXLN10:r,maxLeftHeight:o,maxRightHeight:l,gridAreaWidth:s,gridAreaHeight:d,colorMap:m}){return{leftLine:i(()=>{if(t.length<1)return b(L,{});const e=[];let i=d;for(const l of t){const{middlePrice:t,rectangleHeight:a}=l,m=X({target:t}),p=k({minXLN10:n,maxXLN10:r,width:s,targetLN10:m}),g=v({maxHeight:o,gridAreaHeight:d,value:a});e.push(p,g),g<i&&(i=g)}const l=e.slice(),[p,g]=l,u=l[l.length-1],c=l[l.length-2];return l.push(c,u),l.push(c,d),l.push(p,d),l.push(p,g),x(L,{children:[b(a,{points:l,closed:!0,listening:!1,lineCap:"round",lineJoin:"round",fillLinearGradientStartPoint:{x:0,y:d},fillLinearGradientEndPoint:{x:0,y:i},fillLinearGradientColorStops:m.leftBg}),b(a,{points:e,stroke:m.leftLine,strokeWidth:2,lineCap:"round",lineJoin:"round",listening:!1})]})},[t,s,n,r,d,o]),rightLine:i(()=>{if(e.length<1)return b(L,{});const t=[];let i=d;for(const o of e){const{middlePrice:e,rectangleHeight:a}=o,m=X({target:e}),p=k({minXLN10:n,maxXLN10:r,width:s,targetLN10:m}),g=v({maxHeight:l,gridAreaHeight:d,value:a});t.push(p,g),g<i&&(i=g)}const o=t.slice(),[p]=o;return o.unshift(p,d),o.unshift(s,d),x(L,{children:[b(a,{points:o,closed:!0,listening:!1,lineCap:"round",lineJoin:"round",fillLinearGradientStartPoint:{x:0,y:d},fillLinearGradientEndPoint:{x:0,y:i},fillLinearGradientColorStops:m.rightBg}),b(a,{points:t,stroke:m.rightLine,strokeWidth:2,lineCap:"round",lineJoin:"round",listening:!1})]})},[e,s,n,r,d,l])}}({leftStatAreaPoints:j,rightStatAreaPoints:q,minXLN10:J,maxXLN10:R,maxLeftHeight:F,maxRightHeight:T,gridAreaWidth:t,gridAreaHeight:O,colorMap:D});return x(d,{width:t,height:P,onMouseMove:G,onMouseOver:G,onMouseEnter:G,onMouseOut:()=>{const{current:t}=z;t&&t.hide()},children:[x(m,{children:[b(p,{x:0,y:0,width:t,height:O,stroke:D.grid,strokeWidth:1}),Q,E,V,$,Y]}),x(m,{ref:z,visible:!1,children:[b(a,{points:[],closed:!0,listening:!1,lineCap:"round",lineJoin:"round",id:"area"}),b(a,{points:[],strokeWidth:1,stroke:"#ff4f73",lineJoin:"round",lineCap:"round",dash:[4,6],id:"toolTipVertLine"}),b(g,{x:0,y:0,radius:5,fill:"#FF5072",stroke:"rgba(255, 80, 114, 0.3)",strokeWidth:12,id:"joinCircle"}),x(u,{listening:!1,x:0,y:0,id:"priceTextLabel",children:[b(c,{fill:D.tooltipBg,id:"priceTextLabel-tag"}),b(s,{text:"-",fontSize:14,fontFamily:"Manrope",padding:2,fill:"#FF5072",id:"priceTextLabel-text"})]}),x(u,{listening:!1,id:"tooltip",children:[b(c,{fill:D.tooltipBg,pointerDirection:"down",pointerWidth:15,pointerHeight:8,cornerRadius:8,lineJoin:"round",id:"tooltip-tag"}),b(s,{text:"",fontFamily:"Manrope",fontSize:12,lineHeight:17/12,padding:r,fill:"#FF5072",id:"tooltip-Text"})]})]})]})}const M=({width:t=834,height:e=462,baseTokenSymbol:i,quoteTokenSymbol:n,pmmModel:r,pmmParams:l,midPrice:a,notShowTipText:s,colorMap:d})=>x(P,{children:[void 0!==l&&void 0!==a&&void 0!==r&&void 0!==a&&b(C,{width:t,height:e,params:l,midPrice:a,pmmModel:r,baseTokenSymbol:i,quoteTokenSymbol:n,colorMap:d}),s?"":x(N,{children:["* ",o("pool.chart.liquidity-chart-tip",{baseTokenSymbol:i})]})]});export{M as default};