@dodoex/widgets 3.0.0-taiko.14 → 3.0.0-taiko.16

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Step as StepSpec } from './spec';
 import { ExecutionProps } from './useExecution';
 export declare enum State {
@@ -14,13 +13,14 @@ export declare enum MetadataFlag {
     removeLiquidity = "removeLiquidity",
     createDPPPool = "createDPPPool",
     createDSPPool = "createDSPPool",
+    createGSPPool = "createGSPPool",
     createDVMPool = "createDVMPool",
     stakeMining = "stakeMining",
     unstakeMining = "unstakeMining",
     claimMining = "claimMining"
 }
-export declare type Metadata = Record<string, any>;
-export declare type Request = {
+export type Metadata = Record<string, any>;
+export type Request = {
     brief: string;
     spec: StepSpec;
     subtitle?: string | React.ReactNode | null;
@@ -29,12 +29,12 @@ export declare type Request = {
     nonce?: number;
     doneTime?: number;
 };
-export declare type TextUpdater = (request: Request) => null | {
+export type TextUpdater = (request: Request) => null | {
     brief: string;
     subtitle?: string;
     metadata?: Metadata;
 };
-export declare type Requests = Map<string, [Request, State]>;
+export type Requests = Map<string, [Request, State]>;
 export declare enum ExecutionResult {
     Canceled = "canceled",
     Failed = "failed",
@@ -46,7 +46,7 @@ export interface Showing {
     subtitle?: string | React.ReactNode;
     spec: StepSpec;
 }
-export declare type ExecutionCtx = {
+export type ExecutionCtx = {
     /**
      * Execute an on-chain operation
      * @param breif: TX title. e.g.: "Swap"

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

@@ -1,5 +1,5 @@
 import BigNumber from 'bignumber.js';
-export declare type BalanceData = {
+export type BalanceData = {
     [address: string]: string;
 };
 /**

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Step as StepSpec } from './spec';
 import { ExecutionResult, State, Request, Showing, ExecutionCtx, TextUpdater } from './types';
 export interface ExecutionProps {
@@ -23,7 +22,7 @@ export default function useExecution({ onTxFail, onTxSubmit, onTxSuccess, onTxRe
     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>;
+        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>>;

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

@@ -4,10 +4,10 @@ export default function useExecuteSwap(): ({ to, data, useSource, duration, ddl,
     value: string;
     to: string;
     data: string;
-    useSource?: string | undefined;
-    duration?: number | undefined;
+    useSource?: string;
+    duration?: number;
     ddl: number;
-    gasLimit?: EthersBigNumber | undefined;
+    gasLimit?: EthersBigNumber;
     subtitle: React.ReactNode;
-    mixpanelProps?: Record<string, any> | undefined;
+    mixpanelProps?: Record<string, any>;
 }) => void;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TokenInfo } from '../Token';
 export declare function useInitDefaultToken({ fromToken, toToken, setFromToken, setToToken, updateFromAmt, updateToAmt, setIsReverseRouting, }: {
     fromToken: TokenInfo | null;

package/dist/cjs/hooks/Swap/useTradeSwapOrderList.d.ts

@@ -21,7 +21,7 @@ export declare function useTradeSwapOrderList({ account, chainId, limit, }: {
         status: string;
         transactionHash: string;
     }[];
-    data: import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").A<import("@dodoex/api/dist/gql/graphql").FetchUserSwapOrderHistoriesQuery, unknown>;
+    data: import("@tanstack/react-query").InfiniteData<import("@dodoex/api/dist/gql/graphql").FetchUserSwapOrderHistoriesQuery, unknown>;
     error: Error;
     isError: true;
     isPending: false;
@@ -30,8 +30,8 @@ export declare function useTradeSwapOrderList({ account, chainId, limit, }: {
     isRefetchError: true;
     isSuccess: false;
     status: "error";
-    fetchNextPage: (options?: import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").a3 | undefined) => Promise<import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").am<import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").A<import("@dodoex/api/dist/gql/graphql").FetchUserSwapOrderHistoriesQuery, unknown>, Error>>;
-    fetchPreviousPage: (options?: import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").a4 | undefined) => Promise<import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").am<import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").A<import("@dodoex/api/dist/gql/graphql").FetchUserSwapOrderHistoriesQuery, unknown>, Error>>;
+    fetchNextPage: (options?: import("@tanstack/react-query").FetchNextPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<import("@tanstack/react-query").InfiniteData<import("@dodoex/api/dist/gql/graphql").FetchUserSwapOrderHistoriesQuery, unknown>, Error>>;
+    fetchPreviousPage: (options?: import("@tanstack/react-query").FetchPreviousPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<import("@tanstack/react-query").InfiniteData<import("@dodoex/api/dist/gql/graphql").FetchUserSwapOrderHistoriesQuery, unknown>, Error>>;
     hasNextPage: boolean;
     hasPreviousPage: boolean;
     isFetchingNextPage: boolean;
@@ -49,8 +49,8 @@ export declare function useTradeSwapOrderList({ account, chainId, limit, }: {
     isPlaceholderData: boolean;
     isRefetching: boolean;
     isStale: boolean;
-    refetch: (options?: import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa")._ | undefined) => Promise<import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").ae<import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").A<import("@dodoex/api/dist/gql/graphql").FetchUserSwapOrderHistoriesQuery, unknown>, Error>>;
-    fetchStatus: import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").a6;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@tanstack/react-query").InfiniteData<import("@dodoex/api/dist/gql/graphql").FetchUserSwapOrderHistoriesQuery, unknown>, Error>>;
+    fetchStatus: import("@tanstack/react-query").FetchStatus;
 } | {
     orderList: {
         hash: string;
@@ -68,7 +68,7 @@ export declare function useTradeSwapOrderList({ account, chainId, limit, }: {
         status: string;
         transactionHash: string;
     }[];
-    data: import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").A<import("@dodoex/api/dist/gql/graphql").FetchUserSwapOrderHistoriesQuery, unknown>;
+    data: import("@tanstack/react-query").InfiniteData<import("@dodoex/api/dist/gql/graphql").FetchUserSwapOrderHistoriesQuery, unknown>;
     error: null;
     isError: false;
     isPending: false;
@@ -77,8 +77,8 @@ export declare function useTradeSwapOrderList({ account, chainId, limit, }: {
     isRefetchError: false;
     isSuccess: true;
     status: "success";
-    fetchNextPage: (options?: import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").a3 | undefined) => Promise<import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").am<import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").A<import("@dodoex/api/dist/gql/graphql").FetchUserSwapOrderHistoriesQuery, unknown>, Error>>;
-    fetchPreviousPage: (options?: import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").a4 | undefined) => Promise<import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").am<import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").A<import("@dodoex/api/dist/gql/graphql").FetchUserSwapOrderHistoriesQuery, unknown>, Error>>;
+    fetchNextPage: (options?: import("@tanstack/react-query").FetchNextPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<import("@tanstack/react-query").InfiniteData<import("@dodoex/api/dist/gql/graphql").FetchUserSwapOrderHistoriesQuery, unknown>, Error>>;
+    fetchPreviousPage: (options?: import("@tanstack/react-query").FetchPreviousPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<import("@tanstack/react-query").InfiniteData<import("@dodoex/api/dist/gql/graphql").FetchUserSwapOrderHistoriesQuery, unknown>, Error>>;
     hasNextPage: boolean;
     hasPreviousPage: boolean;
     isFetchingNextPage: boolean;
@@ -96,8 +96,8 @@ export declare function useTradeSwapOrderList({ account, chainId, limit, }: {
     isPlaceholderData: boolean;
     isRefetching: boolean;
     isStale: boolean;
-    refetch: (options?: import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa")._ | undefined) => Promise<import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").ae<import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").A<import("@dodoex/api/dist/gql/graphql").FetchUserSwapOrderHistoriesQuery, unknown>, Error>>;
-    fetchStatus: import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").a6;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@tanstack/react-query").InfiniteData<import("@dodoex/api/dist/gql/graphql").FetchUserSwapOrderHistoriesQuery, unknown>, Error>>;
+    fetchStatus: import("@tanstack/react-query").FetchStatus;
 } | {
     orderList: {
         hash: string;
@@ -124,8 +124,8 @@ export declare function useTradeSwapOrderList({ account, chainId, limit, }: {
     isRefetchError: false;
     isSuccess: false;
     status: "error";
-    fetchNextPage: (options?: import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").a3 | undefined) => Promise<import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").am<import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").A<import("@dodoex/api/dist/gql/graphql").FetchUserSwapOrderHistoriesQuery, unknown>, Error>>;
-    fetchPreviousPage: (options?: import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").a4 | undefined) => Promise<import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").am<import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").A<import("@dodoex/api/dist/gql/graphql").FetchUserSwapOrderHistoriesQuery, unknown>, Error>>;
+    fetchNextPage: (options?: import("@tanstack/react-query").FetchNextPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<import("@tanstack/react-query").InfiniteData<import("@dodoex/api/dist/gql/graphql").FetchUserSwapOrderHistoriesQuery, unknown>, Error>>;
+    fetchPreviousPage: (options?: import("@tanstack/react-query").FetchPreviousPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<import("@tanstack/react-query").InfiniteData<import("@dodoex/api/dist/gql/graphql").FetchUserSwapOrderHistoriesQuery, unknown>, Error>>;
     hasNextPage: boolean;
     hasPreviousPage: boolean;
     isFetchingNextPage: boolean;
@@ -143,8 +143,8 @@ export declare function useTradeSwapOrderList({ account, chainId, limit, }: {
     isPlaceholderData: boolean;
     isRefetching: boolean;
     isStale: boolean;
-    refetch: (options?: import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa")._ | undefined) => Promise<import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").ae<import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").A<import("@dodoex/api/dist/gql/graphql").FetchUserSwapOrderHistoriesQuery, unknown>, Error>>;
-    fetchStatus: import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").a6;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@tanstack/react-query").InfiniteData<import("@dodoex/api/dist/gql/graphql").FetchUserSwapOrderHistoriesQuery, unknown>, Error>>;
+    fetchStatus: import("@tanstack/react-query").FetchStatus;
 } | {
     orderList: {
         hash: string;
@@ -171,8 +171,8 @@ export declare function useTradeSwapOrderList({ account, chainId, limit, }: {
     isRefetchError: false;
     isSuccess: false;
     status: "pending";
-    fetchNextPage: (options?: import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").a3 | undefined) => Promise<import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").am<import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").A<import("@dodoex/api/dist/gql/graphql").FetchUserSwapOrderHistoriesQuery, unknown>, Error>>;
-    fetchPreviousPage: (options?: import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").a4 | undefined) => Promise<import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").am<import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").A<import("@dodoex/api/dist/gql/graphql").FetchUserSwapOrderHistoriesQuery, unknown>, Error>>;
+    fetchNextPage: (options?: import("@tanstack/react-query").FetchNextPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<import("@tanstack/react-query").InfiniteData<import("@dodoex/api/dist/gql/graphql").FetchUserSwapOrderHistoriesQuery, unknown>, Error>>;
+    fetchPreviousPage: (options?: import("@tanstack/react-query").FetchPreviousPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<import("@tanstack/react-query").InfiniteData<import("@dodoex/api/dist/gql/graphql").FetchUserSwapOrderHistoriesQuery, unknown>, Error>>;
     hasNextPage: boolean;
     hasPreviousPage: boolean;
     isFetchingNextPage: boolean;
@@ -190,8 +190,8 @@ export declare function useTradeSwapOrderList({ account, chainId, limit, }: {
     isPlaceholderData: boolean;
     isRefetching: boolean;
     isStale: boolean;
-    refetch: (options?: import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa")._ | undefined) => Promise<import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").ae<import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").A<import("@dodoex/api/dist/gql/graphql").FetchUserSwapOrderHistoriesQuery, unknown>, Error>>;
-    fetchStatus: import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").a6;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@tanstack/react-query").InfiniteData<import("@dodoex/api/dist/gql/graphql").FetchUserSwapOrderHistoriesQuery, unknown>, Error>>;
+    fetchStatus: import("@tanstack/react-query").FetchStatus;
 } | {
     orderList: {
         hash: string;
@@ -217,8 +217,8 @@ export declare function useTradeSwapOrderList({ account, chainId, limit, }: {
     isRefetchError: false;
     isSuccess: false;
     status: "pending";
-    fetchNextPage: (options?: import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").a3 | undefined) => Promise<import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").am<import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").A<import("@dodoex/api/dist/gql/graphql").FetchUserSwapOrderHistoriesQuery, unknown>, Error>>;
-    fetchPreviousPage: (options?: import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").a4 | undefined) => Promise<import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").am<import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").A<import("@dodoex/api/dist/gql/graphql").FetchUserSwapOrderHistoriesQuery, unknown>, Error>>;
+    fetchNextPage: (options?: import("@tanstack/react-query").FetchNextPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<import("@tanstack/react-query").InfiniteData<import("@dodoex/api/dist/gql/graphql").FetchUserSwapOrderHistoriesQuery, unknown>, Error>>;
+    fetchPreviousPage: (options?: import("@tanstack/react-query").FetchPreviousPageOptions) => Promise<import("@tanstack/react-query").InfiniteQueryObserverResult<import("@tanstack/react-query").InfiniteData<import("@dodoex/api/dist/gql/graphql").FetchUserSwapOrderHistoriesQuery, unknown>, Error>>;
     hasNextPage: boolean;
     hasPreviousPage: boolean;
     isFetchingNextPage: boolean;
@@ -237,6 +237,6 @@ export declare function useTradeSwapOrderList({ account, chainId, limit, }: {
     isPlaceholderData: boolean;
     isRefetching: boolean;
     isStale: boolean;
-    refetch: (options?: import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa")._ | undefined) => Promise<import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").ae<import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").A<import("@dodoex/api/dist/gql/graphql").FetchUserSwapOrderHistoriesQuery, unknown>, Error>>;
-    fetchStatus: import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").a6;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@tanstack/react-query").InfiniteData<import("@dodoex/api/dist/gql/graphql").FetchUserSwapOrderHistoriesQuery, unknown>, Error>>;
+    fetchStatus: import("@tanstack/react-query").FetchStatus;
 };

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

@@ -12,7 +12,7 @@ export interface TokenInfo {
 export interface DefaultTokenInfo extends TokenInfo {
     amount?: number;
 }
-export declare type TokenList = TokenInfo[];
+export type TokenList = TokenInfo[];
 export declare enum TokenListType {
     All = "all"
 }

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ChainListItem } from '../../constants/chainList';
 export declare function useSelectChainList(side?: 'from' | 'to'): {
     chainList: ChainListItem[];

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

@@ -1,9 +1,8 @@
-/// <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;
+    matchAddress?: boolean;
 }) => number;
 export default function useTokenList({ value, onChange, occupiedAddrs, occupiedChainId, hiddenAddrs, showAddrs, side, chainId: chainIdProps, visible, defaultLoadBalance, multiple, }: {
     value?: TokenInfo | null | Array<TokenInfo>;

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

@@ -1,4 +1,4 @@
-export default function useFetchETHBalance(chainId?: number): import("@tanstack/react-query/build/legacy/types").UseQueryResult<{
+export default function useFetchETHBalance(chainId?: number): import("@tanstack/react-query").UseQueryResult<{
     symbol: string;
     address: string;
     name: string;

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

@@ -1,6 +1,6 @@
 import { TokenList } from '../Token';
 import BigNumber from 'bignumber.js';
-declare type TokenInfoMap = Map<string, {
+type TokenInfoMap = Map<string, {
     balance: BigNumber;
     allowance: BigNumber;
 }>;

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

@@ -3,12 +3,12 @@ import type { TransactionRequest } from '@ethersproject/abstract-provider';
 import { BigNumber as EthersBigNumber } from '@ethersproject/bignumber';
 import BigNumber from 'bignumber.js';
 import { TokenInfo } from '../Token';
-export declare type Deferrable<T> = {
+export type Deferrable<T> = {
     [K in keyof T]: T[K] | Promise<T[K]>;
 };
 export declare enum WatchResult {
-    Failed = 0,
-    Success = 1,
+    Failed = 0,// 0:Failure
+    Success = 1,// 1:Success
     Warning = 2
 }
 export declare const getEstimateGas: (params: any, provider: JsonRpcProvider) => Promise<EthersBigNumber | null>;

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

@@ -1,5 +1,5 @@
 import { TokenInfo } from '../Token';
-export declare type GetAutoSlippage = (options: {
+export type GetAutoSlippage = (options: {
     fromToken: TokenInfo | null;
     toToken: TokenInfo | null;
 }) => Promise<number | undefined> | number | undefined;

package/dist/cjs/hooks/useFetchFiatPriceBatch.d.ts

@@ -0,0 +1,4 @@
+import { TokenInfo } from './Token';
+export declare function useFetchFiatPriceBatch({ tokens }: {
+    tokens: TokenInfo[];
+}): import("@tanstack/react-query").UseQueryResult<Map<string, number>, Error>;

package/dist/cjs/hooks/useRouteVisionData.d.ts

@@ -1,4 +1,4 @@
-export declare type MidPathType = {
+export type MidPathType = {
     fromToken: string;
     toToken: string;
     chainId: number;

package/dist/cjs/index--Vtu68np.cjs

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