@dodoex/widgets 2.6.6 → 3.0.0-beta.0

package/dist/cjs/src/components/chart/depth-chart/useDepthLinePoints.d.ts

@@ -0,0 +1,21 @@
+import { PMMModel } from '@dodoex/api';
+import BigNumber from 'bignumber.js';
+import { BaseMinAndZoomMultiples } from './helper';
+export declare function useDepthLinePoints({ chartHeight, chartWidth, midPrice, xPoints, pmmModel, baseMinAndZoomMultiples, buyYPortion, sellYPortion, }: {
+    chartHeight: number;
+    chartWidth: number;
+    xPoints: number;
+    midPrice: BigNumber;
+    baseMinAndZoomMultiples: BaseMinAndZoomMultiples;
+    buyYPortion: BigNumber;
+    sellYPortion: BigNumber;
+    pmmModel: PMMModel;
+}): {
+    quoteLinePoints: number[];
+    quoteLineAreaPoints: number[];
+    quoteLineAreaLinearGradientEndPointY: number;
+    baseLinePoints: number[];
+    baseLineAreaPoints: number[];
+    baseLineAreaLinearGradientEndPointY: number;
+    midPriceLinePoints: number[];
+};

package/dist/cjs/src/components/chart/depth-chart/useGridLinePoints.d.ts

@@ -0,0 +1,9 @@
+export declare function useGridLinePoints({ chartHeight, chartWidth, horizontalLineCount, verticalLineCount, }: {
+    chartHeight: number;
+    chartWidth: number;
+    horizontalLineCount: number;
+    verticalLineCount: number;
+}): {
+    horizontalGridLines: number[][];
+    verticalGridLines: number[][];
+};

package/dist/cjs/src/components/chart/depth-chart/useHorizontalLabelPoints.d.ts

@@ -0,0 +1,15 @@
+import { BaseMinAndZoomMultiples } from './helper';
+export declare function useHorizontalLabelPoints({ chartHeight, chartWidth, xAxisPoints, oneXPx, baseMinAndZoomMultiples, }: {
+    chartHeight: number;
+    chartWidth: number;
+    xAxisPoints: number;
+    oneXPx: number;
+    baseMinAndZoomMultiples: BaseMinAndZoomMultiples;
+}): {
+    horizontalLabelTickPoints: number[][];
+    horizontalLabelTextPoints: {
+        x: number;
+        y: number;
+        text: string;
+    }[];
+};

package/dist/cjs/src/components/chart/depth-chart/utils.d.ts

@@ -0,0 +1,19 @@
+import { PmmModelParams } from '@dodoex/api';
+import BigNumber from 'bignumber.js';
+/**
+ * Calculate marginPrice for buying or selling target baseToken
+ * @param param0
+ * @returns
+ */
+export declare function computeMarginPrice({ params, target, isBuy, }: {
+    params: PmmModelParams;
+    target: BigNumber;
+    isBuy?: boolean;
+}): BigNumber;
+/**
+ * Calculate the margin price for selling target baseTokens
+ */
+export declare function computeSellMarginPrice({ params, target, }: {
+    params: PmmModelParams;
+    target: BigNumber;
+}): BigNumber;

package/dist/cjs/src/components/chart/depth-chart-v2/index.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+declare function DepthChartV2({ title, titleColor, description, descriptionColor, buttonColor, placeholder, }: {
+    title: string;
+    titleColor: string;
+    description: string;
+    descriptionColor: string;
+    buttonColor: string;
+    placeholder: React.ReactElement;
+}): JSX.Element;
+export default DepthChartV2;

package/dist/cjs/src/components/chart/depth-chart-v2/index.styled.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+export declare const Title: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Description: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const OptButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;

package/dist/cjs/src/components/chart/hooks/usePreventWheel.d.ts

@@ -0,0 +1,9 @@
+declare type Props = {
+    id: string;
+};
+/**
+ * 防止鼠标在图上滚动滚轮时页面上下滑动
+ * @param param0
+ */
+export declare const usePreventWheel: ({ id }: Props) => void;
+export {};

package/dist/cjs/src/components/chart/i18n.d.ts

@@ -0,0 +1 @@
+export declare function chartT(key: string, params: any): string;

package/dist/cjs/src/components/chart/liquidity-chart/LiquidityChartKonva.d.ts

@@ -0,0 +1,28 @@
+/// <reference types="react" />
+import { PMMModel, PmmModelParams } from '@dodoex/api';
+import BigNumber from 'bignumber.js';
+export declare const bgColor = "rgba(38, 39, 41, 0.3)";
+export interface ColorMap {
+    grid?: string;
+    midPriceLine?: string;
+    leftBg?: (string | number)[];
+    leftLine?: string;
+    leftColor?: string;
+    rightBg?: (string | number)[];
+    rightLine?: string;
+    rightColor?: string;
+    tooltipBg?: string;
+    tooltipColor?: string;
+    textColor?: string;
+}
+export declare type Props = {
+    width: number;
+    height: number;
+    params: PmmModelParams;
+    midPrice: BigNumber;
+    pmmModel: PMMModel;
+    baseTokenSymbol: string;
+    quoteTokenSymbol: string;
+    colorMap?: ColorMap;
+};
+export declare function LiquidityChartKonva({ width, height, params, baseTokenSymbol, quoteTokenSymbol, colorMap, }: Props): JSX.Element;

package/dist/cjs/src/components/chart/liquidity-chart/__tests__/helper.test.d.ts

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

package/dist/cjs/src/components/chart/liquidity-chart/helper.d.ts

@@ -0,0 +1,47 @@
+import BigNumber from 'bignumber.js';
+import { StatAreaPoint } from './usePoints';
+export declare function computePointYByHeight({ maxHeight, gridAreaHeight, value, }: {
+    maxHeight: BigNumber;
+    gridAreaHeight: number;
+    value: BigNumber;
+}): number;
+export declare function computeHeightByPointY({ maxY, gridAreaHeight, y, }: {
+    maxY: BigNumber;
+    gridAreaHeight: number;
+    y: number;
+}): BigNumber;
+/**
+ * Obtain the closest data point from the data point collection through the coordinate point x and a series of point data subsets from the point to the center line.
+ */
+export declare function getStatAreaPointByX({ targetPrice, areaPoints, isLeft, }: {
+    targetPrice: BigNumber;
+    areaPoints: StatAreaPoint[];
+    isLeft: boolean;
+}): {
+    targetAreaStatPoint: StatAreaPoint | null;
+    targetAreaStatPoints: StatAreaPoint[];
+};
+/**
+ * Given a pixel's x-coordinate, width, logarithm of the minimum value of the abscissa, and logarithm of the maximum value of the abscissa, calculate the logarithmic coordinate corresponding to the point
+ */
+export declare function computeTargetPrice({ x, width, minXLN10, maxXLN10, }: {
+    x: number;
+    width: number;
+    minXLN10: BigNumber;
+    maxXLN10: BigNumber;
+}): BigNumber;
+/**
+ * Given the logarithm of a coordinate, the width, the logarithm of the minimum value of the abscissa, and the logarithm of the maximum value of the abscissa, calculate the x coordinate corresponding to the point
+ */
+export declare function computeTargetX({ width, targetLN10, minXLN10, maxXLN10, }: {
+    width: number;
+    targetLN10: BigNumber;
+    minXLN10: BigNumber;
+    maxXLN10: BigNumber;
+}): number;
+/**
+ * Calculate logarithm
+ */
+export declare function computeTargetLN({ target }: {
+    target: BigNumber;
+}): BigNumber;

package/dist/cjs/src/components/chart/liquidity-chart/index.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { PMMModel, PmmModelParams } from '@dodoex/api';
+import BigNumber from 'bignumber.js';
+import { ColorMap } from './LiquidityChartKonva';
+declare type Props = {
+    width?: number;
+    height?: number;
+    baseTokenSymbol: string;
+    quoteTokenSymbol: string;
+    pmmModel?: PMMModel;
+    pmmParams?: PmmModelParams;
+    midPrice?: BigNumber;
+    notShowTipText?: boolean;
+    colorMap?: ColorMap;
+};
+declare const LiquidityChart: React.FC<Props>;
+export default LiquidityChart;

package/dist/cjs/src/components/chart/liquidity-chart/index.styled.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare const Container: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TipWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/cjs/src/components/chart/liquidity-chart/useGridLine.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export declare function useGridLine({ gridAreaHeight, gridAreaWidth, horizontalLineCount, verticalLineCount, color, }: {
+    gridAreaHeight: number;
+    gridAreaWidth: number;
+    horizontalLineCount: number;
+    verticalLineCount: number;
+    color?: string;
+}): JSX.Element;

package/dist/cjs/src/components/chart/liquidity-chart/useHorizontalLabel.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import BigNumber from 'bignumber.js';
+export declare function useHorizontalLabel({ minXLN10, maxXLN10, labelCount, gridAreaHeight, gridAreaWidth, color, }: {
+    minXLN10: BigNumber;
+    maxXLN10: BigNumber;
+    labelCount: number;
+    gridAreaHeight: number;
+    gridAreaWidth: number;
+    color?: string;
+}): JSX.Element;

package/dist/cjs/src/components/chart/liquidity-chart/useLiquidityLine.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import BigNumber from 'bignumber.js';
+import { ColorMap } from './LiquidityChartKonva';
+import { StatAreaPoint } from './usePoints';
+export declare function useLiquidityLine({ leftStatAreaPoints, rightStatAreaPoints, minXLN10, maxXLN10, maxLeftHeight, maxRightHeight, gridAreaWidth, gridAreaHeight, colorMap, }: {
+    leftStatAreaPoints: Array<StatAreaPoint>;
+    rightStatAreaPoints: Array<StatAreaPoint>;
+    minXLN10: BigNumber;
+    maxXLN10: BigNumber;
+    maxLeftHeight: BigNumber;
+    maxRightHeight: BigNumber;
+    gridAreaWidth: number;
+    gridAreaHeight: number;
+    colorMap: ColorMap;
+}): {
+    leftLine: JSX.Element;
+    rightLine: JSX.Element;
+};

package/dist/cjs/src/components/chart/liquidity-chart/useMiddleLine.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare function useMiddleLine({ gridAreaHeight, gridAreaWidth, color, }: {
+    gridAreaHeight: number;
+    gridAreaWidth: number;
+    color?: string;
+}): JSX.Element;

package/dist/cjs/src/components/chart/liquidity-chart/usePoints.d.ts

@@ -0,0 +1,39 @@
+import { PmmModelParams } from '@dodoex/api';
+import BigNumber from 'bignumber.js';
+/**
+ * data point
+ */
+export declare type StatPoint = {
+    giveAmount: BigNumber;
+    getAmount: BigNumber;
+    price: BigNumber;
+};
+/**
+ * Drawing method:
+  Substitute the minimum value to get the height of the center point, which is the bottom edge of the area chart. Substitute the maximum value to get the vertex of the area chart. The length of the bottom edge from the vertex is the price range.
+
+  Divide the total area into one hundred equal parts. Calculate each part on the basis of the previous part. Substitute the new area into the formula to get a new price. The difference from the previous price is the width of the rectangle. The area is divided by The width is the height of the rectangle, which is the ordinate.
+
+  First, calculate a series of points as a point set based on the rectangular accumulation method.
+
+  When the mouse hovers, the abscissa is the price. Find the closest price in the point set. Use this price as the end point and the center line as the starting point to get a subset of the point set. You can draw a line by combining the center line and the abscissa. The area of ​​the trapezoid can be drawn.
+
+  Update: Taking Δl as the ordinate, Δl = (the difference between the quantity passed in from the previous point and the next point) * (the difference between the quantity obtained from the previous point and the next point)
+ */
+export declare type StatAreaPoint = {
+    area: BigNumber;
+    price: BigNumber;
+    middlePrice: BigNumber;
+    rectangleHeight: BigNumber;
+};
+export declare function usePoints({ params }: {
+    params: PmmModelParams;
+}): {
+    leftStatAreaPoints: StatAreaPoint[];
+    rightStatAreaPoints: StatAreaPoint[];
+    maxLeftHeight: BigNumber;
+    maxRightHeight: BigNumber;
+    minXLN10: BigNumber;
+    maxXLN10: BigNumber;
+    middlePriceLN10: BigNumber;
+};

package/dist/cjs/src/components/chart/utils.d.ts

@@ -0,0 +1,3 @@
+export declare const labelPadding = 12;
+export declare const toolTipMarginBottom = 6;
+export declare const chartOffsetYBCToolTip: number;

package/dist/cjs/src/constants/api.d.ts

@@ -1,3 +1,4 @@
+import { ContractRequests, GraphQLRequests, TokenApi } from '@dodoex/api';
 import { ChainId } from './chains';
 export declare enum APIServiceKey {
     routePrice = "routePrice",
@@ -14,3 +15,7 @@ export declare const getCGTokenListAPI: (chainId: ChainId) => any;
 export declare const RoutePriceAPI = "https://api.dodoex.io/route-service/v2/widget/getdodoroute";
 export declare const FiatPriceAPI = "https://api.dodoex.io/frontend-price-api/current/batch";
 export declare function getAPIService(key: APIServiceKey, serviceProps?: Partial<APIServices>): string;
+export declare const contractRequests: ContractRequests;
+export declare const tokenContractRequests: ContractRequests;
+export declare const tokenApi: TokenApi;
+export declare const graphQLRequests: GraphQLRequests;

package/dist/cjs/src/constants/chainList.d.ts

@@ -7,3 +7,4 @@ export interface ChainListItem {
     mainnet?: ChainId;
 }
 export declare const chainListMap: Map<ChainId, ChainListItem>;
+export declare const isTestNet: (chainId: ChainId) => boolean;

package/dist/cjs/src/constants/chains.d.ts

@@ -1,36 +1,27 @@
-export declare enum ChainId {
-    MAINNET = 1,
-    GOERLI = 5,
-    BSC = 56,
-    POLYGON = 137,
-    ARBITRUM_ONE = 42161,
-    AURORA = 1313161554,
-    OKCHAIN = 66,
-    OPTIMISM = 10,
-    AVALANCHE = 43114,
-    CONFLUX = 1030,
-    BASE = 8453,
-    LINEA = 59144,
-    SCROLL = 534352,
-    MANTA = 169,
-    MANTLE = 5000
-}
+import { ChainId } from '@dodoex/api';
+export { ChainId, etherTokenAddress, basicTokenMap } from '@dodoex/api';
 export declare const rpcServerMap: {
     [key in ChainId]: Array<string>;
 };
-export declare const etherTokenAddress = "0xEeeeeEeeeEeEeeEeEeEeeEEEeeeeEeeeeeeeEEeE";
-declare const DEFAULT_BASIC_TOKEN: {
-    symbol: string;
-    address: string;
-    name: string;
-    decimals: number;
-    showDecimals: number;
-    wrappedTokenSymbol: string;
-};
-export declare const basicTokenMap: {
-    [key in ChainId]: typeof DEFAULT_BASIC_TOKEN & {
-        wrappedTokenAddress: string;
-    };
+export declare const getRpcSingleUrlMap: (newRpcServerMap?: {
+    [chainId: number]: string[];
+} | undefined) => {
+    1: string;
+    5: string;
+    11155111: string;
+    56: string;
+    137: string;
+    42161: string;
+    1313161554: string;
+    66: string;
+    10: string;
+    43114: string;
+    1030: string;
+    8453: string;
+    59144: string;
+    534352: string;
+    169: string;
+    5000: string;
 };
 export declare const platformIdMap: {
     [key in ChainId]: string;
@@ -38,4 +29,6 @@ export declare const platformIdMap: {
 export declare const scanUrlDomainMap: {
     [key in ChainId]: string;
 };
-export {};
+export declare const ThegraphKeyMap: {
+    [key in ChainId]: string;
+};

package/dist/cjs/src/constants/localstorage.d.ts

@@ -10,3 +10,5 @@ export declare function getLastToken(side: TokenInfo['side']): LastTokenCache |
 export declare function setLastToken(side: TokenInfo['side'], token: LastTokenCache | null): void;
 export declare function getLastSlippage(isBridge: boolean): number | null;
 export declare function setLastSlippage(isBridge: boolean, slippage: number | string | null): void;
+export declare const RiskOncePageLocalStorage: Record<string, string>;
+export declare function getIsPoolEditRiskWarningOpen(): boolean;

package/dist/cjs/src/constants/pool.d.ts

@@ -1,2 +1,7 @@
 export declare const AUTO_SWAP_SLIPPAGE_PROTECTION = "auto";
 export declare const AUTO_LIQUIDITY_SLIPPAGE_PROTECTION = "0.1";
+/**
+ * slippage protection
+ * First read out the reserve of the pool base and quote. If the slippage is 1%, then it is reserve * 0.99 and pass in func.
+ */
+export declare const SLIPPAGE_PROTECTION = 0.01;

package/dist/cjs/src/hooks/Bridge/useExecuteBridgeRoute.d.ts

@@ -1,6 +1,7 @@
 import { BridgeTXRequest } from '../../components/Bridge/BridgeSummaryDialog';
 import { BridgeRouteI } from './useFetchRoutePriceBridge';
+import { Metadata } from '../Submission/types';
 export default function useExecuteBridgeRoute({ route, bridgeOrderTxRequest, }: {
     route?: BridgeRouteI;
     bridgeOrderTxRequest?: BridgeTXRequest;
-}): () => Promise<import("../Submission/types").ExecutionResult> | undefined;
+}): (metadata?: Metadata) => Promise<import("../Submission/types").ExecutionResult> | undefined;

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

@@ -7,12 +7,30 @@ export declare enum State {
     Failed = 2,
     Warning = 3
 }
+export declare enum MetadataFlag {
+    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 {
@@ -34,13 +52,24 @@ export declare type ExecutionCtx = {
      * @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: dismiss callback
+     * @param submittedConfirmBack: submittedConfirmBack
+     * @param successBack: successBack
+     * @param metadata: metadata
      */
-    execute: (brief: string, spec: StepSpec, subtitle?: string | React.ReactNode | null, early?: boolean, submittedBack?: () => void, mixpanelProps?: Record<string, any>, submittedConfirmBack?: () => void, successBack?: (tx: string, callback?: ExecutionProps['onTxSuccess']) => void) => Promise<ExecutionResult>;
+    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;
 };

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { Step as StepSpec } from './spec';
-import { ExecutionResult, State, Request, Showing } from './types';
+import { ExecutionResult, State, Request, Showing, ExecutionCtx, TextUpdater } from './types';
 export interface ExecutionProps {
     onTxFail?: (error: Error, data: any) => void;
     onTxSubmit?: (tx: string, data: any) => void;
@@ -22,8 +22,9 @@ export default function useExecution({ onTxFail, onTxSubmit, onTxSuccess, }?: Ex
     setErrorMessage: import("react").Dispatch<import("react").SetStateAction<string | null>>;
     closeShowing: () => void;
     ctxVal: {
-        execute: (brief: string, spec: StepSpec, subtitle?: string | React.ReactNode | null, early?: boolean, submittedBack?: () => void, mixpanelProps?: Record<string, any>, submittedConfirmBack?: () => void, successBack?: ((tx: string, callback?: ExecutionProps['onTxSuccess']) => void) | undefined) => 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>>;
         waitingSubmit: boolean;
     };

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

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

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

@@ -1,12 +1,13 @@
 /// <reference types="react" />
+import BigNumber from 'bignumber.js';
 import { TokenInfo, TokenList } from './type';
 import { ChainId } from '../../constants/chains';
 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, }: {
-    value?: TokenInfo | null;
-    onChange: (token: TokenInfo, isOccupied: boolean) => void;
+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 */
@@ -21,10 +22,15 @@ export default function useTokenList({ value, onChange, occupiedAddrs, occupiedC
     /** 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/cjs/src/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/cjs/src/hooks/Token/useTokenListFetchBalance.d.ts

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

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

@@ -1,17 +1,20 @@
 import BigNumber from 'bignumber.js';
 import { TokenInfo } from './type';
-export declare function useTokenStatus(token: TokenInfo | undefined | null, { amount, contractAddress, offset, overrideBalance, }?: {
+export declare function useTokenStatus(token: TokenInfo | undefined | null, { amount, contractAddress, offset, overrideBalance, skip, }?: {
     amount?: string | number | BigNumber;
     contractAddress?: string;
     offset?: BigNumber;
     overrideBalance?: BigNumber | null;
+    skip?: 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/cjs/src/hooks/contract/index.d.ts

@@ -1,5 +1,3 @@
-export { default as useMultiContract, getContract } from './useMultiContract';
 export { default as useFetchTokens } from './useFetchTokens';
 export { default as useFetchETHBalance } from './useFetchETHBalance';
 export { default as useFetchBlockNumber } from './useFetchBlockNumber';
-export * from './token';