@dodoex/widgets 2.6.11 → 2.6.12-beta.10

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

@@ -0,0 +1,81 @@
+/// <reference types="react" />
+import { Step as StepSpec } from './spec';
+import { ExecutionProps } from './useExecution';
+export declare enum State {
+    Running = 0,
+    Success = 1,
+    Failed = 2,
+    Warning = 3
+}
+export declare enum MetadataFlag {
+    swap = "swap",
+    crossChain = "crossChain",
+    addLiquidity = "addLiquidity",
+    removeLiquidity = "removeLiquidity",
+    createDPPPool = "createDPPPool",
+    createDSPPool = "createDSPPool",
+    createDVMPool = "createDVMPool",
+    stakeMining = "stakeMining",
+    unstakeMining = "unstakeMining",
+    claimMining = "claimMining"
+}
+export declare type Metadata = Record<string, any>;
+export declare type Request = {
+    brief: string;
+    spec: StepSpec;
+    subtitle?: string | React.ReactNode | null;
+    metadata?: Metadata;
+    tx: string;
+    nonce?: number;
+    doneTime?: number;
+};
+export declare type TextUpdater = (request: Request) => null | {
+    brief: string;
+    subtitle?: string;
+    metadata?: Metadata;
+};
+export declare type Requests = Map<string, [Request, State]>;
+export declare enum ExecutionResult {
+    Canceled = "canceled",
+    Failed = "failed",
+    Success = "success",
+    Submitted = "submitted"
+}
+export interface Showing {
+    brief: string;
+    subtitle?: string | React.ReactNode;
+    spec: StepSpec;
+}
+export declare type ExecutionCtx = {
+    /**
+     * Execute an on-chain operation
+     * @param breif: TX title. e.g.: "Swap"
+     * @param spec: TX specification.
+     * @param subtitle: Additional hint text. e.g.: "10 USDT to 10 USDC"
+     * @param early: When given, the returned promise resolves when user confirmed in their wallet.
+     * @param mixpanelProps: mixpanel properties
+     * @param submittedConfirmBack: submittedConfirmBack
+     * @param successBack: successBack
+     * @param metadata: metadata
+     */
+    execute: (brief: string, spec: StepSpec, params?: {
+        subtitle?: string | React.ReactNode | null;
+        early?: boolean;
+        submittedBack?: () => void;
+        mixpanelProps?: Record<string, any>;
+        submittedConfirmBack?: () => void;
+        successBack?: (tx: string, callback?: ExecutionProps['onTxSuccess']) => void;
+        metadata?: Metadata;
+    }) => Promise<ExecutionResult>;
+    /**
+     * order
+     */
+    requests?: Requests;
+    updateText: (upd: TextUpdater) => void;
+    setShowing?: React.Dispatch<React.SetStateAction<Showing | null>>;
+    waitingSubmit: boolean;
+};
+export declare enum WatchResult {
+    Failed = 0,
+    Success = 1
+}

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

@@ -0,0 +1,16 @@
+import BigNumber from 'bignumber.js';
+export declare type BalanceData = {
+    [address: string]: string;
+};
+/**
+ * Record the loading status of the balance waiting to be updated after the chain is successfully uploaded
+ * Insert token data into logBalance in metadata when uploading, within 5 minutes after successful uploading. If the newly passed in balance is consistent with the previously recorded balance, loading will be returned
+ * After the balance is updated, or after 5 minutes, loading will return false. And delete the recorded metadata information to avoid calculating this data next time
+ * The 5-minute time limit is to avoid operations on other terminals or other tabs, which will cause the balance comparison to be invalid and keep loading.
+ */
+export declare const useBalanceUpdateLoading: () => {
+    balanceData: BalanceData;
+    balanceDataDone: BalanceData;
+    isTokenLoading: (address: string, balance: BigNumber | number | string) => boolean;
+    isTokenLoadingDone: (address: string, balance: BigNumber | number | string) => boolean;
+};

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

@@ -0,0 +1,33 @@
+/// <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

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

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

@@ -0,0 +1,5 @@
+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

@@ -0,0 +1,13 @@
+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

@@ -0,0 +1,13 @@
+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

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

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

@@ -0,0 +1,37 @@
+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

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

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

@@ -0,0 +1,10 @@
+/// <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

@@ -0,0 +1,8 @@
+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

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

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

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

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

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

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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1,25 @@
+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

@@ -0,0 +1,5 @@
+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

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

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

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

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

@@ -0,0 +1,15 @@
+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

@@ -0,0 +1,6 @@
+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

@@ -0,0 +1,7 @@
+/// <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

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

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

@@ -0,0 +1,36 @@
+/// <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

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

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

@@ -0,0 +1,30 @@
+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

@@ -0,0 +1,12 @@
+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

@@ -0,0 +1,20 @@
+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

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

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

@@ -0,0 +1,2 @@
+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

@@ -0,0 +1,3 @@
+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

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

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

@@ -0,0 +1,21 @@
+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

@@ -0,0 +1,14 @@
+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

@@ -0,0 +1,16 @@
+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

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

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

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

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

@@ -0,0 +1,13 @@
+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

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

package/dist/index-0IX6JBNg.js

@@ -0,0 +1,12 @@
+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};