@dodoex/widgets 2.6.12-beta.9 → 2.6.12

package/dist/hooks/Submission/useExecution.d.ts

@@ -1,33 +0,0 @@
-/// <reference types="react" />
-import { Step as StepSpec } from './spec';
-import { ExecutionResult, State, Request, Showing, ExecutionCtx, TextUpdater } from './types';
-export interface ExecutionProps {
-    onTxFail?: (error: Error, data: any) => void;
-    onTxSubmit?: (tx: string, data: any) => void;
-    onTxSuccess?: (tx: string, data: any) => void;
-    onTxReverted?: (tx: string, data: any) => void;
-    executionStatus?: {
-        showing?: Showing | null;
-        showingDone?: boolean;
-        transactionTx?: string;
-        errorMessage?: string;
-        setErrorMessage?: (msg?: string | null) => void;
-        closeShowing?: () => void;
-    };
-}
-export default function useExecution({ onTxFail, onTxSubmit, onTxSuccess, onTxReverted, }?: ExecutionProps): {
-    showing: Showing | null;
-    showingDone: boolean;
-    transactionTx: string;
-    errorMessage: string | null;
-    setErrorMessage: import("react").Dispatch<import("react").SetStateAction<string | null>>;
-    closeShowing: () => void;
-    ctxVal: {
-        execute: (brief: string, spec: StepSpec, options?: Parameters<ExecutionCtx['execute']>[2]) => Promise<ExecutionResult.Failed | ExecutionResult.Success | ExecutionResult.Submitted>;
-        requests: Map<string, [Request, State]>;
-        updateText: (upd: TextUpdater) => void;
-        setShowing: import("react").Dispatch<import("react").SetStateAction<Showing | null>>;
-        waitingSubmit: boolean;
-    };
-    requests: Map<string, [Request, State]>;
-};

package/dist/hooks/Submission/useInflights.d.ts

@@ -1,5 +0,0 @@
-import { Request } from './types';
-export default function useInflights(): {
-    runningRequests: Request[];
-    isInflight: boolean;
-};

package/dist/hooks/Swap/index.d.ts

@@ -1,5 +0,0 @@
-export * from './useMarginAmount';
-export * from '../Widget/useInitPropsToRedux';
-export * from './useFetchFiatPrice';
-export * from './useFetchRoutePrice';
-export { default as useExecuteSwap } from './useExecuteSwap';

package/dist/hooks/Swap/useExecuteSwap.d.ts

@@ -1,13 +0,0 @@
-import { BigNumber as EthersBigNumber } from '@ethersproject/bignumber';
-import React from 'react';
-export default function useExecuteSwap(): ({ to, data, useSource, duration, ddl, gasLimit, subtitle, value, mixpanelProps, }: {
-    value: string;
-    to: string;
-    data: string;
-    useSource?: string | undefined;
-    duration?: number | undefined;
-    ddl: number;
-    gasLimit?: EthersBigNumber | undefined;
-    subtitle: React.ReactNode;
-    mixpanelProps?: Record<string, any> | undefined;
-}) => void;

package/dist/hooks/Swap/useFetchFiatPrice.d.ts

@@ -1,13 +0,0 @@
-import { TokenInfo } from '../Token';
-export interface FetchFiatPriceProps {
-    fromToken: TokenInfo | null;
-    toToken: TokenInfo | null;
-}
-export declare function useFetchFiatPrice({ fromToken, toToken }: FetchFiatPriceProps): {
-    loading: boolean;
-    isLoading: boolean;
-    refetch: () => void;
-    error: Error | null;
-    toFiatPrice: string;
-    fromFiatPrice: string;
-};

package/dist/hooks/Swap/useFetchFiatPrice.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/hooks/Swap/useFetchRoutePrice.d.ts

@@ -1,37 +0,0 @@
-import React from 'react';
-import { TokenInfo } from '../Token';
-export declare enum RoutePriceStatus {
-    Initial = "Initial",
-    Loading = "Loading",
-    Failed = "Failed",
-    Success = "Success"
-}
-export interface FetchRoutePrice {
-    fromToken: TokenInfo | null;
-    toToken: TokenInfo | null;
-    marginAmount?: string;
-    fromAmount: string;
-    toAmount: string;
-    estimateGas?: boolean;
-}
-interface IRouteResponse {
-    resAmount: number;
-    priceImpact: number;
-    baseFeeAmount: number;
-    additionalFeeAmount: number;
-    resPricePerToToken: number;
-    resPricePerFromToken: number;
-    to: string;
-    data: string;
-    value: string;
-    useSource: string;
-    duration: number;
-}
-export declare function useFetchRoutePrice({ toToken, fromToken, fromAmount, toAmount, marginAmount, estimateGas, }: FetchRoutePrice): {
-    status: RoutePriceStatus;
-    rawBrief: IRouteResponse | null;
-    refetch: () => Promise<void>;
-    executeSwap: (subtitle: React.ReactNode) => void;
-    reset: () => void;
-};
-export {};

package/dist/hooks/Swap/useFetchRoutePrice.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/hooks/Swap/useInitDefaultToken.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import { TokenInfo } from '../Token';
-export declare function useInitDefaultToken({ fromToken, toToken, setFromToken, setToToken, updateFromAmt, updateToAmt, }: {
-    fromToken: TokenInfo | null;
-    toToken: TokenInfo | null;
-    setFromToken: (value: React.SetStateAction<TokenInfo | null>) => void;
-    setToToken: (value: React.SetStateAction<TokenInfo | null>) => void;
-    updateFromAmt: (v: string | number) => void;
-    updateToAmt: (v: string | number) => void;
-}): void;

package/dist/hooks/Swap/useMarginAmount.d.ts

@@ -1,8 +0,0 @@
-import { TokenInfo } from '../Token';
-export interface MarginAmountProps {
-    token: TokenInfo | null;
-    fiatPrice: string;
-}
-export declare function useMarginAmount({ token, fiatPrice }: MarginAmountProps): {
-    marginAmount: string;
-};

package/dist/hooks/Swap/useMarginAmount.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/hooks/Swap/usePriceTimer.d.ts

@@ -1,5 +0,0 @@
-export interface PriceTimerProps {
-    refetch: () => void;
-    interval?: number;
-}
-export declare function usePriceTimer({ refetch, interval }: PriceTimerProps): void;

package/dist/hooks/Swap/useSlippageLimit.d.ts

@@ -1,2 +0,0 @@
-export declare const maxSlippageWarning = 5;
-export declare const useSlippageLimit: (isBridge: boolean | undefined) => boolean;

package/dist/hooks/Token/index.d.ts

@@ -1,4 +0,0 @@
-export { default as useInitTokenList } from './useInitTokenList';
-export { default as useFindTokenByAddress } from './useFindTokenByAddress';
-export { default as useTokenList } from './useTokenList';
-export type { TokenList, TokenInfo, DefaultTokenInfo } from './type';

package/dist/hooks/Token/type.d.ts

@@ -1,25 +0,0 @@
-export interface TokenInfo {
-    readonly chainId: number;
-    readonly address: string;
-    readonly name: string;
-    readonly decimals: number;
-    readonly symbol: string;
-    readonly logoURI?: string;
-    readonly tags?: string[];
-    readonly extensions?: any;
-    readonly side?: 'from' | 'to';
-}
-export interface DefaultTokenInfo extends TokenInfo {
-    amount?: number;
-}
-export declare type TokenList = TokenInfo[];
-export declare enum TokenListType {
-    All = "all"
-}
-export declare enum ApprovalState {
-    Loading = "Loading",
-    Insufficient = "ApprovalInsufficient",
-    Approving = "Approving",
-    Sufficient = "Sufficient",
-    Unchecked = "Unchecked"
-}

package/dist/hooks/Token/useDisabledTokenSwitch.d.ts

@@ -1,5 +0,0 @@
-import { TokenInfo } from './type';
-export declare function useDisabledTokenSwitch({ fromToken, toToken, }: {
-    fromToken: TokenInfo | undefined | null;
-    toToken: TokenInfo | undefined | null;
-}): boolean;

package/dist/hooks/Token/useFindTokenByAddress.d.ts

@@ -1 +0,0 @@
-export default function useFindTokenByAddress(address?: string): import("./type").TokenInfo | undefined;

package/dist/hooks/Token/useFindTokenByAddress.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/hooks/Token/useGetCGTokenList.d.ts

@@ -1,15 +0,0 @@
-import { TokenList } from './type';
-export declare enum FetchStatus {
-    Initial = "Initial",
-    Loading = "Loading",
-    Failed = "Failed",
-    Success = "Success"
-}
-export declare function useGetCGTokenList({ chainId, skip, }: {
-    chainId: number;
-    skip?: boolean;
-}): {
-    cgTokenList: TokenList;
-    loading: boolean;
-    refetch: () => Promise<void>;
-};

package/dist/hooks/Token/useInitTokenList.d.ts

@@ -1,6 +0,0 @@
-import { TokenList, TokenListType } from './type';
-export interface InitTokenListProps {
-    tokenList?: TokenList | TokenListType;
-    popularTokenList?: TokenList;
-}
-export default function useInitTokenList({ tokenList, popularTokenList, }: InitTokenListProps): void;

package/dist/hooks/Token/useSelectChainList.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { ChainListItem } from '../../constants/chainList';
-export declare function useSelectChainList(side?: 'from' | 'to'): {
-    chainList: ChainListItem[];
-    selectChainId: number | undefined;
-    setSelectChainId: import("react").Dispatch<import("react").SetStateAction<number | undefined>>;
-};

package/dist/hooks/Token/useSelectChainList.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/hooks/Token/useTokenList.d.ts

@@ -1,36 +0,0 @@
-/// <reference types="react" />
-import BigNumber from 'bignumber.js';
-import { TokenInfo, TokenList } from './type';
-import { ChainId } from '@dodoex/api';
-export declare const getFuzzySearchTokenSort: (token: TokenInfo, search: string, { matchAddress, }?: {
-    matchAddress?: boolean | undefined;
-}) => number;
-export default function useTokenList({ value, onChange, occupiedAddrs, occupiedChainId, hiddenAddrs, showAddrs, side, chainId: chainIdProps, visible, defaultLoadBalance, multiple, }: {
-    value?: TokenInfo | null | Array<TokenInfo>;
-    onChange: (token: TokenInfo | Array<TokenInfo>, isOccupied: boolean) => void;
-    /** token pair usage */
-    occupiedAddrs?: string[];
-    /** token pair usage */
-    occupiedChainId?: ChainId;
-    /** hide props */
-    hiddenAddrs?: string[];
-    /** only show props */
-    showAddrs?: string[];
-    /** token field control */
-    side?: 'from' | 'to';
-    chainId?: number;
-    /** Token Picker visible */
-    visible?: boolean;
-    defaultLoadBalance?: boolean;
-    multiple?: boolean;
-}): {
-    filter: string;
-    setFilter: import("react").Dispatch<import("react").SetStateAction<string>>;
-    showTokenList: TokenList;
-    onSelectToken: (token: TokenInfo) => void;
-    popularTokenList: TokenInfo[];
-    tokenInfoMap: Map<string, {
-        balance: BigNumber;
-        allowance: BigNumber;
-    }>;
-};

package/dist/hooks/Token/useTokenList.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/hooks/Token/useTokenListDefaultToken.d.ts

@@ -1,30 +0,0 @@
-import { ChainId } from '@dodoex/api';
-import { TokenInfo, TokenList } from './type';
-interface SimpleToken {
-    chainId: ChainId;
-    address: string;
-}
-export declare function getDefaultToken({ side, tokenList, occupyToken, needFindToken, chainId, }: {
-    side: TokenInfo['side'];
-    tokenList: TokenList;
-    occupyToken?: TokenInfo | null;
-    needFindToken?: SimpleToken;
-    chainId?: number;
-}): {
-    findToken: TokenInfo | null;
-    defaultToken: TokenInfo | null;
-};
-export declare function useTokenListDefaultToken({ chainId, account, defaultBaseToken: defaultBaseSimpleToken, defaultQuoteToken: defaultQuoteSimpleToken, tokenListInclude, }?: {
-    chainId?: number;
-    account?: string;
-    defaultBaseToken?: SimpleToken;
-    defaultQuoteToken?: SimpleToken;
-    /** Must exist in tokenList */
-    tokenListInclude?: boolean;
-}): {
-    defaultBaseToken: TokenInfo | null;
-    defaultQuoteToken: TokenInfo | null;
-    defaultBaseTokenLoading: boolean | undefined;
-    defaultQuoteTokenLoading: boolean | undefined;
-};
-export {};

package/dist/hooks/Token/useTokenListFetchBalance.d.ts

@@ -1,12 +0,0 @@
-import { TokenInfo, TokenList } from './type';
-export default function useTokenListFetchBalance({ chainId, value, tokenList, popularTokenList, visible, defaultLoadBalance, }: {
-    chainId: number;
-    value?: TokenInfo | null | Array<TokenInfo>;
-    tokenList: TokenList;
-    popularTokenList?: TokenList;
-    visible?: boolean;
-    defaultLoadBalance?: boolean;
-}): Map<string, {
-    balance: import("bignumber.js").BigNumber;
-    allowance: import("bignumber.js").BigNumber;
-}>;

package/dist/hooks/Token/useTokenStatus.d.ts

@@ -1,20 +0,0 @@
-import BigNumber from 'bignumber.js';
-import { TokenInfo } from './type';
-export declare function useTokenStatus(token: TokenInfo | undefined | null, { amount, contractAddress, offset, overrideBalance, skipQuery, }?: {
-    amount?: string | number | BigNumber;
-    contractAddress?: string;
-    offset?: BigNumber;
-    overrideBalance?: BigNumber | null;
-    skipQuery?: boolean;
-}): {
-    isApproving: boolean;
-    isGetApproveLoading: boolean;
-    needApprove: boolean;
-    needReset: boolean | undefined;
-    needShowTokenStatusButton: boolean;
-    insufficientBalance: boolean;
-    loading: boolean;
-    approveTitle: string;
-    submitApprove: () => Promise<void>;
-    getMaxBalance: () => string;
-};

package/dist/hooks/Token/useTokenStatus.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/hooks/Widget/useInitPropsToRedux.d.ts

@@ -1,2 +0,0 @@
-import { WidgetProps } from '../../components/Widget/';
-export declare function useInitPropsToRedux({ width, height, feeRate, rebateTo, colorMode, apikey, defaultChainId, defaultToToken, defaultFromToken, jsonRpcUrlMap, swapSlippage, bridgeSlippage, apiServices, crossChain, noPowerBy, noSubmissionDialog, }: WidgetProps): void;

package/dist/hooks/contract/index.d.ts

@@ -1,3 +0,0 @@
-export { default as useFetchTokens } from './useFetchTokens';
-export { default as useFetchETHBalance } from './useFetchETHBalance';
-export { default as useFetchBlockNumber } from './useFetchBlockNumber';

package/dist/hooks/contract/useFetchBlockNumber.d.ts

@@ -1,3 +0,0 @@
-export default function useFetchBlockNumber(): {
-    updateBlockNumber: () => Promise<void>;
-};

package/dist/hooks/contract/useFetchETHBalance.d.ts

@@ -1,21 +0,0 @@
-export default function useFetchETHBalance(chainId?: number): import("@tanstack/react-query/build/legacy/types").UseQueryResult<{
-    symbol: string;
-    address: string;
-    name: string;
-    decimals: number;
-    balance: import("bignumber.js").BigNumber;
-    allowance: import("bignumber.js").BigNumber;
-    account: string;
-    spender: string | undefined;
-    chainId: number;
-} | {
-    address: string;
-    decimals: number;
-    symbol: string;
-    name: string;
-    balance: import("bignumber.js").BigNumber;
-    spender: string | undefined;
-    allowance: import("bignumber.js").BigNumber;
-    chainId: number;
-    account?: undefined;
-} | null, Error>;

package/dist/hooks/contract/useFetchTokens.d.ts

@@ -1,14 +0,0 @@
-import { TokenList } from '../Token';
-import BigNumber from 'bignumber.js';
-declare type TokenInfoMap = Map<string, {
-    balance: BigNumber;
-    allowance: BigNumber;
-}>;
-export default function useFetchTokens({ tokenList, addresses: addressesProps, blockNumber, chainId, skip, }: {
-    tokenList?: TokenList;
-    addresses?: string[];
-    blockNumber?: number;
-    chainId?: number;
-    skip?: boolean;
-}): TokenInfoMap;
-export {};

package/dist/hooks/contract/wallet.d.ts

@@ -1,16 +0,0 @@
-import { JsonRpcProvider } from '@ethersproject/providers';
-import type { TransactionRequest } from '@ethersproject/abstract-provider';
-import { BigNumber as EthersBigNumber } from '@ethersproject/bignumber';
-import BigNumber from 'bignumber.js';
-export declare type Deferrable<T> = {
-    [K in keyof T]: T[K] | Promise<T[K]>;
-};
-export declare enum WatchResult {
-    Failed = 0,
-    Success = 1,
-    Warning = 2
-}
-export declare const getEstimateGas: (params: any, provider: JsonRpcProvider) => Promise<EthersBigNumber | null>;
-export declare const getGasPrice: (provider: JsonRpcProvider) => Promise<EthersBigNumber | null>;
-export declare const sendTransaction: (params: Deferrable<TransactionRequest>, provider: JsonRpcProvider) => Promise<import("@ethersproject/abstract-provider").TransactionResponse>;
-export declare const approve: (tokenAddress: string, accountAddress: string, contractAddress: string, allowance: BigNumber, provider: JsonRpcProvider) => Promise<import("@ethersproject/abstract-provider").TransactionResponse>;

package/dist/hooks/setting/useDefaultSlippage.d.ts

@@ -1,4 +0,0 @@
-export declare function useDefaultSlippage(isBridge: boolean | undefined): {
-    defaultSlippage: number;
-    loading: boolean | undefined;
-};

package/dist/hooks/setting/useGetAPIService.d.ts

@@ -1,2 +0,0 @@
-import { APIServiceKey } from '../../constants/api';
-export declare function useGetAPIService(key: APIServiceKey): string;

package/dist/hooks/setting/useSetAutoSlippage.d.ts

@@ -1,13 +0,0 @@
-import { TokenInfo } from '../Token';
-export declare type GetAutoSlippage = (options: {
-    fromToken: TokenInfo | null;
-    toToken: TokenInfo | null;
-}) => Promise<number | undefined> | number | undefined;
-/**
- * Sets the slippage based on the incoming getAutoSlippage method. If there is an interface error or no data is returned, the default data with a lower priority will be used.
- */
-export declare function useSetAutoSlippage({ fromToken, toToken, getAutoSlippage, }: {
-    fromToken: TokenInfo | null;
-    toToken: TokenInfo | null;
-    getAutoSlippage?: GetAutoSlippage;
-}): void;

package/dist/hooks/style/useWidgetDevice.d.ts

@@ -1,6 +0,0 @@
-export declare function useWidgetDevice(): {
-    isMobile: boolean;
-    isTablet: boolean;
-    minDevice: (minWidth: number) => boolean;
-    maxDevice: (maxWidth: number) => boolean;
-};

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

package/dist/index-BgcusTMt.js

@@ -1,78 +0,0 @@
-import e from"bignumber.js";import{merge as t,throttle as i,debounce as o}from"lodash";import r,{useEffect as n,useMemo as l,useRef as s,useState as a}from"react";import d from"@emotion/styled";import{css as u}from"@emotion/react";import{Stage as c,Layer as p,Rect as m,Line as g,Text as h,Circle as b,Label as f,Tag as M}from"react-konva";import{c as x,e as v,a as y,b as P,d as j,f as w,u as z,g as L,h as k,l as B,i as C,j as S,k as N}from"./helper-CHqZavUq.js";import{f as O,j as X,a as T,b as A}from"./index-CTxzesqs.js";import{solveQuadraticFunctionForTarget as q,PMMModel as W}from"@dodoex/api";import"@lingui/core";import"@lingui/react";import"react-dom";import"react-redux";import"identicon.js";import"@web3-react/core";import"@web3-react/eip1193";import"@web3-react/walletconnect-v2";import"@web3-react/metamask";import"@web3-react/types";import"@reduxjs/toolkit";import"redux";import"@tanstack/react-query";import"react-window";import"@ethersproject/bignumber";import"dayjs";import"axios";import"zustand";import"react-infinite-scroller";import"recharts";var E={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},F=r.createContext&&r.createContext(E),H=["attr","size","title"];function Z(e,t){if(null==e)return{};var i,o,r=function(e,t){if(null==e)return{};var i,o,r={},n=Object.keys(e);for(o=0;o<n.length;o++)i=n[o],t.indexOf(i)>=0||(r[i]=e[i]);return r}(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(o=0;o<n.length;o++)i=n[o],t.indexOf(i)>=0||Object.prototype.propertyIsEnumerable.call(e,i)&&(r[i]=e[i])}return r}function G(){return G=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var o in i)Object.prototype.hasOwnProperty.call(i,o)&&(e[o]=i[o])}return e},G.apply(this,arguments)}function D(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),i.push.apply(i,o)}return i}function J(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?D(Object(i),!0).forEach((function(t){V(e,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):D(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}function V(e,t,i){return(t=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var i=e[Symbol.toPrimitive];if(void 0!==i){var o=i.call(e,t||"default");if("object"!=typeof o)return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}function Y(e){return e&&e.map(((e,t)=>r.createElement(e.tag,J({key:t},e.attr),Y(e.child))))}function I(e){return t=>r.createElement(R,G({attr:J({},e.attr)},t),Y(e.child))}function R(e){var t=t=>{var i,{attr:o,size:n,title:l}=e,s=Z(e,H),a=n||t.size||"1em";return t.className&&(i=t.className),e.className&&(i=(i?i+" ":"")+e.className),r.createElement("svg",G({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},t.attr,o,s,{className:i,style:J(J({color:e.color||t.color},t.style),e.style),height:a,width:a,xmlns:"http://www.w3.org/2000/svg"}),l&&r.createElement("title",null,l),e.children)};return void 0!==F?r.createElement(F.Consumer,null,(e=>t(e))):t(E)}function $(e){return I({tag:"svg",attr:{viewBox:"0 0 24 24"},child:[{tag:"path",attr:{d:"M13.293 6.293 7.586 12l5.707 5.707 1.414-1.414L10.414 12l4.293-4.293z"},child:[]}]})(e)}function Q(e){return I({tag:"svg",attr:{viewBox:"0 0 24 24"},child:[{tag:"path",attr:{d:"M10.707 17.707 16.414 12l-5.707-5.707-1.414 1.414L13.586 12l-4.293 4.293z"},child:[]}]})(e)}function K(e){return I({tag:"svg",attr:{viewBox:"0 0 24 24"},child:[{tag:"path",attr:{d:"M5 11h14v2H5z"},child:[]}]})(e)}function U(e){return I({tag:"svg",attr:{viewBox:"0 0 24 24"},child:[{tag:"path",attr:{d:"M19 11h-6V5h-2v6H5v2h6v6h2v-6h6z"},child:[]}]})(e)}const _=d.input`
-  margin: 4px 10px 4px 6px;
-  border-radius: 10px;
-  border: 1px solid #373739;
-  padding: 4px 9px;
-  background-color: #1a1a1b;
-  color: #ffffff;
-  font-size: 14px;
-  font-weight: 400;
-  line-height: 20px;
-  outline: none;
-  width: 96px;
-  &:focus {
-    border-color: #fff;
-
-    ${({error:e})=>e&&u`
-        border-color: red;
-      `}
-  }
-`;const ee="rgba(38, 39, 41, 0.3)";function te({width:o,height:r,midPrice:a,pmmModel:d,params:u,baseTokenSymbol:C,quoteTokenSymbol:S,baseMinAndZoomMultiples:N,colorMap:T,setBaseMinAndZoomMultiples:A}){const q=t({grid:"#2A2A2D",midPriceLine:"#313335",leftBg:[0,ee,1,"#31645d"],leftLine:"#55f6db",leftColor:"",rightBg:[0,ee,1,"#67303d"],rightLine:"#ff4f73",rightColor:"",tooltipBg:"#121212",tooltipColor:void 0},T),W=o,E=r-18,F=W/7,{buyBaseVert:H,sellBaseVert:Z}=y({midPrice:a,q:u.q,q0:u.q0,pmmModel:d}),G=H.div(E),D=Z.div(E),J=s(null),V=s(null),{current:Y}=J,I=s(0),R=s(),{horizontalGridLines:$,verticalGridLines:Q}=function({chartHeight:e,chartWidth:t,horizontalLineCount:i,verticalLineCount:o}){return l((()=>{const r=[],n=e/(i+1),l=[],s=t/o;for(let e=0;e<i;e++){const i=n*(e+1);r.push([0,i,t,i])}for(let t=0;t<o;t++){const i=s*t+s/2;l.push([i,0,i,e])}return{horizontalGridLines:r,verticalGridLines:l}}),[e,t,i,o])}({chartHeight:E,chartWidth:W,horizontalLineCount:9,verticalLineCount:7}),{horizontalLabelTickPoints:K,horizontalLabelTextPoints:U}=function({chartHeight:e,chartWidth:t,xAxisPoints:i,oneXPx:o,baseMinAndZoomMultiples:r}){return l((()=>{const n=x(t,r.zoomMultiples),l=[],s=[];for(let t=0;t<i;t++){l.push([t*o+o/2,e,t*o+o/2,e+4]);const i=n.multipliedBy(t).multipliedBy(o).plus(n.multipliedBy(o/2)).toNumber(),a=r.baseMin.multipliedBy(10**i),d=t*o,u=e+2+4,c=O(a);s.push({x:d,y:u,text:c})}return{horizontalLabelTickPoints:l,horizontalLabelTextPoints:s}}),[r.baseMin,r.zoomMultiples,e,t,o,i])}({chartHeight:E,chartWidth:W,xAxisPoints:7,oneXPx:F,baseMinAndZoomMultiples:N}),{quoteLinePoints:_,quoteLineAreaPoints:te,quoteLineAreaLinearGradientEndPointY:ie,baseLinePoints:oe,baseLineAreaPoints:re,baseLineAreaLinearGradientEndPointY:ne,midPriceLinePoints:le}=function({chartHeight:t,chartWidth:i,midPrice:o,xPoints:r,pmmModel:n,baseMinAndZoomMultiples:s,buyYPortion:a,sellYPortion:d}){return l((()=>{const l=[],u=[],c=[],{baseMin:p,zoomMultiples:m}=s,g=x(i,m),h=2*m,b=new e(h).div(r);let f=new e(Math.log(o.div(p).toNumber())/Math.log(10));f=e.minimum(h,f),f=e.maximum(0,f);for(let i=new e(0);i.lte(f);){const e=p.multipliedBy(10**i.toNumber()),r=v({val:e,model:n,midPrice:o});if(!r.vert.isNaN()){const e=i.div(g).toNumber(),o=t-r.vert.div(a).toNumber();l.push(e,o)}i=i.plus(b)}for(let e=f;e.lte(h);){const i=p.multipliedBy(10**e.toNumber()),r=v({val:i,model:n,midPrice:o});if(!r.vert.isNaN()){const i=e.div(g).toNumber(),o=t-r.vert.div(d).toNumber();u.push(i,o)}e=e.plus(b)}const M=f.div(g).toNumber(),[,y]=l,P=n.k.eq(0);P&&l.push(M,y||t),l.push(M,t),c.push(M,t,M,0);const j=v({val:p.multipliedBy(10**h),model:n,midPrice:o});let w=t;const z=new e(h).div(g).toNumber();return j.vert.isNaN()||(w=t-j.vert.div(d).toNumber()),P&&u.length>=2&&(u.unshift(M,w),u.unshift(M,t)),u.push(z,w),f.lte(0)&&u.unshift(0,t),{quoteLinePoints:l,quoteLineAreaPoints:[0,t,0,y,...l],quoteLineAreaLinearGradientEndPointY:y,baseLinePoints:u,baseLineAreaPoints:[...u,z,t],baseLineAreaLinearGradientEndPointY:w,midPriceLinePoints:c}}),[s,i,r,o,n,t,a,d])}({chartHeight:E,chartWidth:W,midPrice:a,xPoints:50,pmmModel:d,baseMinAndZoomMultiples:N,buyYPortion:G,sellYPortion:D}),se=e=>{var t;const i=e.target;if(i&&Y){const e=null===(t=i.getStage())||void 0===t?void 0:t.getPointerPosition();if(e){const{x:t}=e;if(t>W)return void Y.hide();z({x:t,tooltip:Y,buyBaseVert:H,sellBaseVert:Z,chartWidth:W,chartHeight:E,midPrice:a,pmmModel:d,baseTokenSymbol:C,quoteTokenSymbol:S,baseMinAndZoomMultiples:N,t:L,isHover:!0,color:q.tooltipColor,leftColor:q.leftLine,rightColor:q.rightLine})}}},ae=l((()=>i((e=>{const{target:t}=e,i=t.getStage();if(i){i.container().style.cursor="grabbing";const e=null==i?void 0:i.getPointerPosition();if(e){const t=e.x-I.current;I.current=e.x,R.current=e.x,A((e=>void 0===e.baseMin?e:{baseMin:P({dragDistance:t,prevBaseMin:e.baseMin,chartWidth:W,zoomMultiples:e.zoomMultiples}),zoomMultiples:e.zoomMultiples,targetMarginPriceX:0}))}}}),100)),[W,A]),de=l((()=>i((e=>{e.cancelBubble=!0,e.evt.preventDefault();const t=e.evt.deltaY<0;A((e=>{const i=j({zoomIn:t,prevZoomMultiples:e.zoomMultiples});return{baseMin:w({midPrice:a,zoomMultiples:i}),zoomMultiples:i,targetMarginPriceX:e.targetMarginPriceX}}))}),100)),[a,A]);return n((()=>{N.targetMarginPriceX>0&&null!==Y?z({x:N.targetMarginPriceX,tooltip:Y,buyBaseVert:H,sellBaseVert:Z,chartWidth:W,chartHeight:E,midPrice:a,pmmModel:d,baseTokenSymbol:C,quoteTokenSymbol:S,baseMinAndZoomMultiples:N,t:L,color:q.tooltipColor,leftColor:q.leftLine,rightColor:q.rightLine}):void 0!==R.current&&null!==Y&&z({x:R.current,tooltip:Y,buyBaseVert:H,sellBaseVert:Z,chartWidth:W,chartHeight:E,midPrice:a,pmmModel:d,baseTokenSymbol:C,quoteTokenSymbol:S,baseMinAndZoomMultiples:N,t:L,isHover:!0,color:q.tooltipColor,leftColor:q.leftLine,rightColor:q.rightLine})}),[N,C,H,E,W,q.leftLine,q.rightLine,q.tooltipColor,a,d,S,Z,Y]),X.jsxs(c,{ref:V,width:o,offsetY:-k,height:r+k,draggable:!0,dragBoundFunc:function(){return{x:this.absolutePosition().x,y:this.absolutePosition().y}},onMouseMove:se,onMouseOver:se,onMouseOut:()=>{Y&&Y.hide()},onDragStart:function(e){const{target:t}=e,i=t.getStage();if(i){const e=i.getPointerPosition();e&&(I.current=e.x)}},onDragMove:ae,onDragEnd:e=>{const{target:t}=e,i=t.getStage();i&&(i.container().style.cursor="pointer")},onWheel:de,children:[X.jsxs(p,{children:[X.jsx(m,{x:0,y:0,width:o,height:E,stroke:q.grid,strokeWidth:1}),$.map(((e,t)=>X.jsx(g,{points:e,stroke:q.grid,strokeWidth:1,lineCap:"round",lineJoin:"round",listening:!1},t))),Q.map(((e,t)=>X.jsx(g,{points:e,stroke:q.grid,strokeWidth:1,lineCap:"round",lineJoin:"round",listening:!1},t))),K.map(((e,t)=>X.jsx(g,{points:e,stroke:"#9d9d9d",strokeWidth:1,lineCap:"round",lineJoin:"round",listening:!1},t))),U.map(((e,t)=>X.jsx(h,{x:e.x,y:e.y,text:e.text,fontFamily:"Manrope",fontSize:12,fill:"#9d9d9d",width:F,padding:0,align:"center",verticalAlign:"bottom",listening:!1},t))),X.jsx(g,{points:te,closed:!0,listening:!1,lineCap:"round",lineJoin:"round",fillLinearGradientStartPoint:{x:0,y:E},fillLinearGradientEndPoint:{x:0,y:ie},fillLinearGradientColorStops:q.leftBg}),X.jsx(g,{points:_,stroke:q.leftLine,strokeWidth:2,lineCap:"round",lineJoin:"round",listening:!1}),X.jsx(g,{points:re,closed:!0,listening:!1,lineCap:"round",lineJoin:"round",fillLinearGradientStartPoint:{x:W,y:E},fillLinearGradientEndPoint:{x:W,y:ne},fillLinearGradientColorStops:q.rightBg}),X.jsx(g,{points:oe,stroke:q.rightLine,strokeWidth:2,lineCap:"round",lineJoin:"round",listening:!1}),X.jsx(g,{points:le,stroke:q.midPriceLine,strokeWidth:2,lineCap:"round",lineJoin:"round",listening:!1})]}),X.jsxs(p,{ref:J,visible:!1,listening:!1,children:[X.jsx(g,{points:[],stroke:"#ff4f73",strokeWidth:1,lineCap:"round",lineJoin:"round",dash:[4,6],id:"toolTipVertLine"}),X.jsx(g,{points:[],stroke:"ff4f73",strokeWidth:1,lineCap:"round",lineJoin:"round",dash:[4,6],id:"toolTipHoriLine"}),X.jsx(b,{x:0,y:0,radius:5,fill:"#FF5072",stroke:"rgba(255, 80, 114, 0.3)",strokeWidth:12,id:"joinCircle"}),X.jsxs(f,{x:0,y:0,id:"priceTextLabel",children:[X.jsx(M,{fill:q.tooltipBg,id:"priceTextLabel-tag"}),X.jsx(h,{text:"",fontSize:12,fontFamily:"Manrope",padding:4,fill:"#FF5072",id:"priceTextLabel-text"})]}),X.jsxs(f,{x:0,y:0,id:"slippageTextLabel",children:[X.jsx(M,{fill:q.tooltipBg,id:"slippageTextLabel-tag"}),X.jsx(h,{text:"",fontSize:12,fontFamily:"Manrope",padding:4,fill:"#FF5072",id:"slippageTextLabel-text"})]}),X.jsxs(f,{x:0,y:0,id:"toolTip",children:[X.jsx(M,{fill:q.tooltipBg,pointerDirection:"down",pointerWidth:15,pointerHeight:8,cornerRadius:8,lineJoin:"round",id:"toolTip-tag"}),X.jsx(h,{text:"-",fontSize:12,lineHeight:17/12,padding:B,fontFamily:"Manrope",fill:"#FFFFFF",id:"toolTip-text"})]})]})]})}const ie=d.button`
-  margin: 0;
-  border: none;
-  padding: 0;
-  background: none;
-
-  &:focus {
-    outline: none;
-  }
-  &:active {
-    outline: none;
-  }
-`,oe=d.div`
-  height: 100%;
-`,re=d.div`
-  display: flex;
-  align-items: center;
-`,ne=d.div`
-  border: 1px solid ${({borderColor:e})=>e||"#2a2a2d"};
-  flex: 1 0 50%;
-
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 12px;
-  font-weight: 400;
-  line-height: 17px;
-  color: #606066;
-
-  & + & {
-    border-left: none;
-  }
-`,le=d.span`
-  color: #85858d;
-`,se=d.div`
-  margin-top: 20px;
-  display: flex;
-  justify-content: center;
-  margin-bottom: 9px;
-`,ae=d(ie)`
-  border-radius: 13px;
-  background-color: #373739;
-  width: 24px;
-  height: 24px;
-  font-size: 18px;
-  color: #85858d;
-  line-height: 0;
-  & + & {
-    margin-left: 10px;
-  }
-  &:first-child,
-  &:last-child {
-    font-size: 20px;
-  }
-
-  &:hover {
-    color: #fff;
-  }
-`;function de({params:t,target:i,isBuy:o=!0}){const r=new e(t.b),n=new e(t.q);let l=new e(t.b0);const s=new e(t.q0),a=new e(t.i),d=new e(t.k),{R:u}=t;1===u&&l.eq(r)&&(l=q(r,n.minus(s),new e(1).div(a),d));const c=o?r.plus(i):r.minus(i);if(c.lt(l)||r.eq(l)){let t=l.multipliedBy(l).div(c).div(c);return t=new e(1).minus(d).plus(d.multipliedBy(t)),a.multipliedBy(t)}const p=new W;p.RStatus=u,p.B=r,p.B0=l,p.Q=n,p.Q0=s,p.i=a,p.k=d,p.mtFeeRate=new e(0),p.lpFeeRate=new e(0);let m=new e(0);m=o?p.querySellBase(i):p.queryBuyBase(i);const g=o?n.minus(m):n.plus(m);let h=s.multipliedBy(s).div(g).div(g);return h=new e(1).minus(d).plus(d.multipliedBy(h)),a.div(h)}const ue=({chartId:t,width:i=834,height:r=460,baseTokenSymbol:s,quoteTokenSymbol:d,pmmModel:u,pmmParams:c,midPrice:p=new e(0),colorMap:m,notShowAmountInput:g})=>{(({id:e})=>{n((()=>{function t(e){e.preventDefault()}let i=!1;try{const e={get passive(){return i=!0,!1}};window.addEventListener("test",(()=>{}),e),window.removeEventListener("test",(()=>{}))}catch(e){i=!1}const o=document.getElementById(e),r=!!i&&{passive:!1};return null==o||o.addEventListener("wheel",t,r),()=>{null==o||o.removeEventListener("wheel",t)}}),[e])})({id:t});const[h,b]=a(""),[f,M]=a(""),[x,v]=a("-"),[y,z]=a("-"),[k,B]=a({baseMin:new e(0),zoomMultiples:C,targetMarginPriceX:0});n((()=>{void 0!==p&&B((e=>({baseMin:w({midPrice:p,zoomMultiples:e.zoomMultiples}),zoomMultiples:e.zoomMultiples,targetMarginPriceX:e.targetMarginPriceX})))}),[p]);const O=l((()=>o((({type:t,amount:o})=>{""===o&&p&&(B({baseMin:w({midPrice:p,zoomMultiples:C}),zoomMultiples:C,targetMarginPriceX:0}),"buy"===t?v("-"):z("-"));const r=new e(o);if(!r.lte(0)&&!r.isNaN()&&(null==c?void 0:c.b)&&!r.gte(c.b)&&p)if("buy"===t){const e=de({params:c,target:r});B((o=>{const r=S({currentBaseMinAndZoomMultiples:o,targetPrice:e,midPrice:p,width:i});if(r.isSkip)return{baseMin:o.baseMin,zoomMultiples:o.zoomMultiples,targetMarginPriceX:r.targetX};if(r.targetX>0)return{baseMin:r.baseMin,zoomMultiples:r.zoomMultiples,targetMarginPriceX:r.targetX};const n=N({midPrice:p,width:i,type:t,targetPrice:e}),l=n.zoomMultiples.dp(6).toNumber();return{baseMin:w({midPrice:p,zoomMultiples:l}),zoomMultiples:l,targetMarginPriceX:n.targetX}})),v(`${T({input:e.minus(p).div(p)})}`)}else{const e=function({params:e,target:t}){return de({params:e,target:t,isBuy:!1})}({params:c,target:r});B((o=>{const r=S({currentBaseMinAndZoomMultiples:o,targetPrice:e,midPrice:p,width:i});if(r.isSkip)return{baseMin:o.baseMin,zoomMultiples:o.zoomMultiples,targetMarginPriceX:r.targetX};if(r.targetX>0)return{baseMin:r.baseMin,zoomMultiples:r.zoomMultiples,targetMarginPriceX:r.targetX};const n=N({midPrice:p,width:i,type:t,targetPrice:e}),l=n.zoomMultiples.dp(6).toNumber();return{baseMin:w({midPrice:p,zoomMultiples:l}),zoomMultiples:l,targetMarginPriceX:n.targetX}})),z(`+${T({input:e.minus(p).div(p)})}`)}}),300)),[c,p,i]);n((()=>{void 0!==h&&O({type:"buy",amount:h})}),[O,h]),n((()=>{void 0!==f&&O({type:"sell",amount:f})}),[O,f]);const q=e=>{let t=0;t=e?-.1*i:.1*i,B((e=>void 0===e.baseMin?e:{baseMin:P({dragDistance:t,prevBaseMin:e.baseMin,chartWidth:i,zoomMultiples:e.zoomMultiples}),zoomMultiples:e.zoomMultiples,targetMarginPriceX:e.targetMarginPriceX}))},W=e=>{B((t=>{const i=j({zoomIn:null!=e&&e,prevZoomMultiples:t.zoomMultiples});return{baseMin:w({midPrice:p,zoomMultiples:i}),zoomMultiples:i,targetMarginPriceX:t.targetMarginPriceX}}))},E=l((()=>{if(""===h)return!1;const t=new e(h);return!(!t.lte(0)&&!t.isNaN()&&(null==c?void 0:c.b)&&!t.gte(c.b))}),[h,c]),F=l((()=>{if(""===f)return!1;const t=new e(f);return!(!t.lte(0)&&!t.isNaN()&&(null==c?void 0:c.b)&&!t.gte(c.b))}),[f,c]);return X.jsxs(oe,{id:t,children:[g?"":X.jsxs(re,{children:[X.jsxs(ne,{borderColor:m&&m.grid,children:[L("pool.chart.buy-amount",{symbol:s}),X.jsx(_,{value:h,error:E,onChange:e=>{const t=A(e.target.value,2);null!==t&&b(t)}}),X.jsx(le,{children:L("pool.chart.price-impact",{amount:x})})]}),X.jsxs(ne,{borderColor:m&&m.grid,children:[L("pool.chart.sell-amount",{symbol:s}),X.jsx(_,{value:f,error:F,onChange:e=>{const t=A(e.target.value,2);null!==t&&M(t)}}),X.jsx(le,{children:L("pool.chart.price-impact",{amount:y})})]})]}),void 0!==c&&void 0!==p&&void 0!==u&&void 0!==k.baseMin&&void 0!==p&&X.jsx(te,{width:i,height:r,params:c,midPrice:p,pmmModel:u,baseTokenSymbol:s,quoteTokenSymbol:d,baseMinAndZoomMultiples:k,colorMap:m,setBaseMinAndZoomMultiples:B}),X.jsxs(se,{className:"operate-btn-wrapper",children:[X.jsx(ae,{onClick:()=>q(!0),children:X.jsx($,{})}),X.jsx(ae,{onClick:()=>W(!1),children:X.jsx(K,{})}),X.jsx(ae,{onClick:()=>W(!0),children:X.jsx(U,{})}),X.jsx(ae,{onClick:()=>q(!1),children:X.jsx(Q,{})})]})]})};export{ue as default};