@dodoex/widgets 3.0.0-beta.0 → 3.0.0-beta.2

package/dist/store/index.d.ts

@@ -0,0 +1,12 @@
+/** @ts-ignore */
+export declare const store: import("@reduxjs/toolkit").EnhancedStore<import("redux").CombinedState<{
+    settings: import("./reducers/settings").State;
+    wallet: import("./reducers/wallet").State;
+    token: import("./reducers/token").State;
+    globals: import("./reducers/globals").State;
+}>, import("redux").AnyAction, [import("@reduxjs/toolkit").ThunkMiddleware<import("redux").CombinedState<{
+    settings: import("./reducers/settings").State;
+    wallet: import("./reducers/wallet").State;
+    token: import("./reducers/token").State;
+    globals: import("./reducers/globals").State;
+}>, import("redux").AnyAction, undefined>]>;

package/dist/store/reducers/globals.d.ts

@@ -0,0 +1,23 @@
+import { AnyAction } from 'redux';
+import { SwapWidgetProps } from '../..';
+export declare enum ContractStatus {
+    Initial = "Initial",
+    Pending = "Pending",
+    ApproveSuccess = "ApproveSuccess",
+    TxSuccess = "TxSuccess",
+    Failed = "Failed"
+}
+export interface State extends SwapWidgetProps {
+    isReverseRouting?: boolean;
+    contractStatus?: ContractStatus;
+    autoConnectLoading?: boolean;
+    showCoingecko?: boolean;
+    /** source: props.getAutoSlippage */
+    autoSlippage?: {
+        loading: boolean;
+        value: number | null;
+    };
+}
+export declare const initialState: State;
+declare const _default: (state: State | undefined, action: AnyAction) => State;
+export default _default;

package/dist/store/reducers/index.d.ts

@@ -0,0 +1,17 @@
+import { State as settingsState } from './settings';
+import { State as walletState } from './wallet';
+import { State as tokenState } from './token';
+import { State as globalState } from './globals';
+export interface RootState {
+    settings: settingsState;
+    wallet: walletState;
+    token: tokenState;
+    globals: globalState;
+}
+declare const _default: () => import("redux").Reducer<import("redux").CombinedState<{
+    settings: settingsState;
+    wallet: walletState;
+    token: tokenState;
+    globals: globalState;
+}>, import("redux").AnyAction>;
+export default _default;

package/dist/store/reducers/settings.d.ts

@@ -0,0 +1,13 @@
+import { AnyAction } from 'redux';
+import { PaletteMode } from '@dodoex/components';
+export declare type ColorMode = PaletteMode | 'system';
+export declare type Slippage = string | null;
+export declare type TxDdl = number | '';
+export declare type State = {
+    colorMode: ColorMode;
+    slippage: Slippage;
+    ddl: TxDdl;
+};
+export declare const initialState: State;
+declare const _default: (state: State | undefined, action: AnyAction) => State;
+export default _default;

package/dist/store/reducers/token.d.ts

@@ -0,0 +1,24 @@
+import BigNumber from 'bignumber.js';
+import { AnyAction } from 'redux';
+import type { TokenList, DefaultTokenInfo } from '../../hooks/Token';
+export declare type AccountBalance = {
+    tokenBalances?: BigNumber;
+    tokenAllowances?: BigNumber;
+};
+export declare type AccountBalances = {
+    [key in string]: AccountBalance;
+};
+export declare type SlippageWithToken = {
+    slippage: string;
+    tokens: string[];
+};
+export declare type State = {
+    tokenList: TokenList;
+    popularTokenList: TokenList;
+    slippageWithTokens: SlippageWithToken[];
+    defaultFromToken?: DefaultTokenInfo;
+    defaultToToken?: DefaultTokenInfo;
+};
+export declare const initialState: State;
+declare const _default: (state: State | undefined, action: AnyAction) => State;
+export default _default;

package/dist/store/reducers/wallet.d.ts

@@ -0,0 +1,14 @@
+import { AnyAction } from 'redux';
+import { ChainId } from '@dodoex/api';
+export declare type State = {
+    chainId: ChainId;
+    fromTokenChainId?: ChainId;
+    latestBlockNumber: number;
+    openConnectWalletInfo: boolean | {
+        /** Wallet is connected, chainID needs to be switched */
+        chainId?: ChainId;
+    };
+};
+export declare const initialState: State;
+declare const _default: (state: State | undefined, action: AnyAction) => State;
+export default _default;

package/dist/store/selectors/globals.d.ts

@@ -0,0 +1,7 @@
+import { RootState } from '../reducers';
+export declare const getGlobalProps: (state?: RootState) => import("../reducers/globals").State;
+export declare const getAutoConnectLoading: (state?: RootState) => boolean | undefined;
+export declare const getAutoSlippage: (state?: RootState) => {
+    loading: boolean;
+    value: number | null;
+} | undefined;

package/dist/store/selectors/settings.d.ts

@@ -0,0 +1,4 @@
+import { RootState } from '../reducers';
+export declare const getColorMode: (state?: RootState) => import("../reducers/settings").ColorMode;
+export declare const getSlippage: (state?: RootState) => import("../reducers/settings").Slippage;
+export declare const getTxDdl: (state?: RootState) => import("../reducers/settings").TxDdl;

package/dist/store/selectors/token.d.ts

@@ -0,0 +1,9 @@
+import { ChainId } from '@dodoex/api';
+import type { DefaultTokenInfo } from '../../hooks/Token';
+import { RootState } from '../reducers';
+export declare const getTokenList: (state?: RootState) => import("../../hooks/Token").TokenList;
+export declare const getAllTokenList: (state?: RootState) => import("../../hooks/Token").TokenInfo[];
+export declare const getPopularTokenList: (chainId: ChainId, state?: RootState) => import("../../hooks/Token").TokenInfo[];
+export declare const getSlippageWithTokens: (state?: RootState) => import("../reducers/token").SlippageWithToken[];
+export declare const getDefaultFromToken: (state?: RootState) => DefaultTokenInfo | undefined;
+export declare const getDefaultToToken: (state?: RootState) => DefaultTokenInfo | undefined;

package/dist/store/selectors/wallet.d.ts

@@ -0,0 +1,7 @@
+import { RootState } from '../reducers';
+export declare const getDefaultChainId: (state?: RootState) => import("@dodoex/api").ChainId;
+export declare const getFromTokenChainId: (state?: RootState) => import("@dodoex/api").ChainId | undefined;
+export declare const getLatestBlockNumber: (state?: RootState) => number;
+export declare const getOpenConnectWalletInfo: (state?: RootState) => boolean | {
+    chainId?: import("@dodoex/api").ChainId | undefined;
+};

package/dist/utils/address.d.ts

@@ -0,0 +1,15 @@
+import { ChainId } from '@dodoex/api';
+export declare const isSameAddress: (tokenAddress1: string, tokenAddress2: string) => boolean;
+export declare function isAddress(value: any): boolean;
+export declare function isETHAddress(addr: string): boolean;
+/**
+ * Returns true if the string value is zero in hex
+ * @param hexNumberString
+ */
+export default function isZero(hexNumberString: string): boolean;
+/**
+ * truncate pool address: 0xeBa959390016dd81419A189e5ef6F3B6720e5A90 => 0xeBa9...5A90
+ * @param address pool address
+ */
+export declare function truncatePoolAddress(address: string): string;
+export declare function getEtherscanPage(chainId: ChainId, id?: string | null, prefix?: string): string;

package/dist/utils/address.test.d.ts

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

package/dist/utils/bytes.d.ts

@@ -0,0 +1,3 @@
+import BigNumber from 'bignumber.js';
+export declare function NumberToHex(number?: number | string | BigNumber): string | undefined;
+export declare function getEthersValue(number: number | string | BigNumber): string | undefined;

package/dist/utils/chains.d.ts

@@ -0,0 +1,2 @@
+import { ChainId } from '@dodoex/api';
+export declare const getPlatformId: (chainId: ChainId) => string;

package/dist/utils/chains.test.d.ts

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

package/dist/utils/formatter.d.ts

@@ -0,0 +1,48 @@
+import { BigNumber } from 'bignumber.js';
+/**
+ * format to readable number, like: 0.00 -> 0, 1.00 -> 1, 1.235 -> 1.23, 1.230 -> 1.23
+ * @param input
+ */
+export declare function formatReadableNumber({ input, showDecimals, showPrecisionDecimals, showIntegerOnly, showDecimalsOnly, noGroupSeparator, roundingMode, }: {
+    input: BigNumber | number | string;
+    showDecimals?: number;
+    showIntegerOnly?: boolean;
+    showDecimalsOnly?: boolean;
+    showPrecisionDecimals?: number;
+    noGroupSeparator?: boolean;
+    roundingMode?: BigNumber.RoundingMode;
+}): string;
+export declare function formatTokenAmountNumber({ input, decimals, showPrecisionDecimals, noGroupSeparator, }: {
+    input?: BigNumber | number | string | null;
+    decimals?: number;
+    showPrecisionDecimals?: number;
+    noGroupSeparator?: boolean;
+}): string;
+export declare const fixedString: (raw: string | number | BigNumber, showDecimals?: number) => string;
+export declare const fixedInputStringToFormattedNumber: (inputValue: string, inputTokenShowDecimals: number) => string | null;
+export declare const toWei: (amount: BigNumber | string | number, decimals: number, notDp?: boolean) => BigNumber;
+export declare const byWei: (amount: BigNumber | string | number, decimals: number) => BigNumber;
+export declare const getDecimalLimit: (decimals: number | undefined | null) => number;
+export declare function getIntegerNumber(v: number): number;
+/**
+ * format to short number, like: -0.12 -> 0, 0.0000123->0.000012, 123.234 -> 123.23, 1234.12 -> 1.23K, 1000000.123->1.00M
+ * @param n
+ */
+export declare function formatShortNumber(n?: BigNumber, showDecimals?: number): string;
+export declare function formatExponentialNotation(n?: BigNumber): string;
+/**
+ * format to percentage number
+ * @param param0 input number
+ */
+export declare function formatPercentageNumber({ input, showDecimals, 
+/** The percentage is rounded by default. */
+roundingMode, }: {
+    input?: BigNumber | string | number | null;
+    showDecimals?: number;
+    roundingMode?: BigNumber.RoundingMode;
+}): string;
+export declare const formatApy: (amount: BigNumber, showDecimals?: number) => string;
+export declare function formatUnknownTokenSymbol(token?: {
+    symbol: string;
+    name: string;
+} | null): string;

package/dist/utils/formatter.test.d.ts

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

package/dist/utils/index.d.ts

@@ -0,0 +1,5 @@
+export * from './formatter';
+export * from './address';
+export * from './wallet';
+export * from './chains';
+export * from './token';

package/dist/utils/time.d.ts

@@ -0,0 +1,9 @@
+/**
+ * time formatter
+ * output => 17mins54s or 17 Minutes
+ */
+export declare function formatReadableTimeDuration({ start, end, showSecondUnit, }: {
+    start?: number;
+    end?: number;
+    showSecondUnit?: boolean;
+}): string | null;

package/dist/utils/time.test.d.ts

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

package/dist/utils/token.d.ts

@@ -0,0 +1,30 @@
+import { TokenInfo } from '../hooks/Token';
+import { ChainId } from '@dodoex/api';
+import BigNumber from 'bignumber.js';
+export declare const getTokenSymbolDisplay: (baseToken: TokenInfo) => string;
+export declare const getSwapTxValue: ({ tokenAmount, tokenAddress, chainId, }: {
+    tokenAmount: string | number | BigNumber;
+    tokenAddress: string;
+    chainId: ChainId;
+}) => string;
+export declare function getTokenPairCompareText({ fromToken, toToken, fromFiatPrice, toFiatPrice, reverse, showDecimals, }: {
+    fromToken: TokenInfo | undefined;
+    toToken: TokenInfo | undefined;
+    fromFiatPrice: BigNumber | undefined;
+    toFiatPrice: BigNumber | undefined;
+    reverse?: boolean;
+    showDecimals?: number;
+}): {
+    comparePrice: BigNumber | null;
+    comparePriceText: string;
+    loading: boolean;
+};
+export declare function getShowDecimals(decimals: string | number): 6 | 4;
+export declare function convertFetchTokenToTokenInfo(token: {
+    id?: string | null;
+    address?: string | null;
+    symbol?: string | null;
+    name?: string | null;
+    decimals?: number | null;
+    logoImg?: string | null | undefined;
+} | undefined | null, chainId: ChainId | number): TokenInfo | null | undefined;

package/dist/utils/token.test.d.ts

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

package/dist/utils/utils.d.ts

@@ -0,0 +1 @@
+export declare const increaseArray: (len: number) => string[];

package/dist/utils/wallet.d.ts

@@ -0,0 +1,8 @@
+export declare const isETHChain: (chainId?: number) => {
+    /** ETH mainnet */
+    isMainnet: boolean;
+    isRinkeby: boolean;
+    isETH: boolean;
+    isGor: boolean;
+};
+export declare const reloadWindow: (interval?: number) => void;

package/dist/utils/wallet.test.d.ts

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

package/dist/widgets/MiningWidget/LpTokenMiningOperate/index.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export default function LpTokenMiningOperate({ chainId, account, poolAddress, goLpLink, }: {
+    chainId: number;
+    account: string | undefined;
+    poolAddress: string;
+    goLpLink?: () => void;
+}): JSX.Element;

package/dist/widgets/MiningWidget/OperateArea/AssociateMine.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import BigNumber from 'bignumber.js';
+import type { TokenInfo } from '../../../hooks/Token';
+import { FetchMiningListItem } from '../types';
+declare type Tokens = Array<TokenInfo & {
+    symbolEle?: string;
+}>;
+export declare function AssociatedMine({ chainId, loading, miningItem, miningContractAddress, stakedTokenUSD, miningTitle, associatedMineSectionShort, stakedTokenList, rewardTokenList, isEnded, }: {
+    chainId: number;
+    loading?: boolean;
+    miningItem: FetchMiningListItem;
+    miningContractAddress: string;
+    miningTitle: string | undefined;
+    associatedMineSectionShort?: boolean;
+    stakedTokenUSD: BigNumber | undefined;
+    stakedTokenList: Tokens;
+    rewardTokenList: Tokens;
+    isEnded?: boolean;
+}): JSX.Element;
+export {};

package/dist/widgets/MiningWidget/OperateArea/ClaimButton.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { FetchMiningListItem } from '../types';
+export default function ClaimButton({ miningItem, }: {
+    miningItem: FetchMiningListItem;
+}): JSX.Element;

package/dist/widgets/MiningWidget/OperateArea/GetLpLink.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export default function GetLpLink({ tokenSymbol, goLpLink, }: {
+    tokenSymbol: string | undefined;
+    goLpLink: () => Promise<void> | void;
+}): JSX.Element;

package/dist/widgets/MiningWidget/OperateArea/RewardListCard.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { BoxProps } from '@dodoex/components';
+import { FetchMiningListItem } from '../types';
+export declare function RewardListCard({ miningItem, loading, sx, }: {
+    miningItem: FetchMiningListItem;
+    loading?: boolean;
+    sx?: BoxProps['sx'];
+}): JSX.Element;

package/dist/widgets/MiningWidget/OperateArea/StakeButton.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { FetchMiningListItem } from '../types';
+import { usePoolBalanceInfo } from '../../PoolWidget/hooks/usePoolBalanceInfo';
+export declare function StakeButton({ goLpLink, amount, miningItem, balanceInfo, }: {
+    amount: string;
+    miningItem: FetchMiningListItem;
+    balanceInfo: ReturnType<typeof usePoolBalanceInfo>;
+    goLpLink?: () => Promise<void> | void;
+}): JSX.Element;

package/dist/widgets/MiningWidget/OperateArea/UnstakeButton.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import BigNumber from 'bignumber.js';
+import { FetchMiningListItem } from '../types';
+export default function UnstakeButton({ amount, miningItem, overrideBalance, }: {
+    amount: string;
+    miningItem: FetchMiningListItem;
+    overrideBalance: BigNumber | undefined | null;
+}): JSX.Element;

package/dist/widgets/MiningWidget/OperateArea/index.d.ts

@@ -0,0 +1,13 @@
+import { FetchMiningListItem, OperateType } from '../types';
+import { MiningStatusE } from '@dodoex/api';
+import React from 'react';
+export default function OperateArea({ chainId, status, loading, operateType, setOperateType, miningItem, associatedMineSectionVisible, goLpLink, }: {
+    chainId: number;
+    status: MiningStatusE;
+    loading?: boolean;
+    operateType: OperateType;
+    setOperateType: React.Dispatch<React.SetStateAction<OperateType>>;
+    miningItem: FetchMiningListItem;
+    associatedMineSectionVisible?: boolean;
+    goLpLink?: () => void;
+}): JSX.Element;

package/dist/widgets/MiningWidget/helper.d.ts

@@ -0,0 +1,2 @@
+import { MiningApi } from '@dodoex/api';
+export declare const miningApi: MiningApi;

package/dist/widgets/MiningWidget/hooks/useClaimMiningSubmit.d.ts

@@ -0,0 +1,4 @@
+import { FetchMiningListItem } from '../types';
+export declare const useClaimMiningSubmit: ({ miningItem, }: {
+    miningItem: FetchMiningListItem;
+}) => import("@tanstack/react-query/build/legacy/types").UseMutationResult<import("../../../hooks/Submission/types").ExecutionResult | undefined, Error, void, unknown>;

package/dist/widgets/MiningWidget/hooks/useRewardListAmount.d.ts

@@ -0,0 +1,17 @@
+import { FetchMiningListItem } from '../types';
+import BigNumber from 'bignumber.js';
+export declare function useRewardListAmount({ miningItem, }: {
+    miningItem: FetchMiningListItem;
+}): {
+    data: {
+        amount: BigNumber | null | undefined;
+        address: string;
+        symbol: string;
+        decimals: number;
+        usdPrice: string;
+    }[];
+    pending: boolean;
+    error: boolean;
+    totalReward: BigNumber;
+    totalRewardUSD: BigNumber;
+};

package/dist/widgets/MiningWidget/hooks/useStakeMiningSubmit.d.ts

@@ -0,0 +1,5 @@
+import { FetchMiningListItem } from '../types';
+export declare const useStakeMiningSubmit: ({ miningItem, amount, }: {
+    miningItem: FetchMiningListItem;
+    amount: string;
+}) => import("@tanstack/react-query/build/legacy/types").UseMutationResult<import("../../../hooks/Submission/types").ExecutionResult | undefined, Error, void, unknown>;

package/dist/widgets/MiningWidget/hooks/useStatusAndStartBlockNumber.d.ts

@@ -0,0 +1,13 @@
+import { MiningStatusE } from '@dodoex/api';
+import { FetchMiningListItem } from '../types';
+export declare function useStatusAndStartBlockNumber({ miningItem, }: {
+    miningItem: FetchMiningListItem;
+}): {
+    status: MiningStatusE;
+    miningStatusList: {
+        status: MiningStatusE;
+        firstStartTime: import("bignumber.js").BigNumber | undefined;
+        lastEndTime: import("bignumber.js").BigNumber | undefined;
+        currentTime: import("bignumber.js").BigNumber;
+    }[];
+};

package/dist/widgets/MiningWidget/hooks/useUnstakeMiningSubmit.d.ts

@@ -0,0 +1,5 @@
+import { FetchMiningListItem } from '../types';
+export declare const useUnstakeMiningSubmit: ({ miningItem, amount, }: {
+    miningItem: FetchMiningListItem;
+    amount: string;
+}) => import("@tanstack/react-query/build/legacy/types").UseMutationResult<import("../../../hooks/Submission/types").ExecutionResult | undefined, Error, void, unknown>;

package/dist/widgets/MiningWidget/types.d.ts

@@ -0,0 +1,58 @@
+import { ExcludeNone, MiningApi } from '@dodoex/api';
+import BigNumber from 'bignumber.js';
+export declare type FetchMiningList = ExcludeNone<ReturnType<Exclude<typeof MiningApi.graphql.fetchMiningList['__apiType'], undefined>>['mining_list']>['list'];
+export declare type FetchMiningListItem = ExcludeNone<FetchMiningList>[0] | undefined;
+export declare type OperateType = null | 'stake' | 'unstake' | 'claim';
+export interface MiningTokenI {
+    address: string | undefined;
+    decimals: number | undefined;
+    symbol: string | undefined;
+}
+/** The original token corresponding to lptoken has a price */
+export interface MiningERC20TokenI extends MiningTokenI {
+    usdPrice: BigNumber | undefined;
+    logoImg: string | undefined;
+}
+/** lptoken, a token obtained by pledging the original token, has no price */
+export interface MiningLpTokenI extends MiningTokenI {
+}
+/** Reward tokens */
+export interface MiningRewardTokenI extends MiningERC20TokenI {
+    /**
+     * Block height when rewards start to be released: If not configured, it defaults to undefined and is considered to have ended.
+     */
+    startBlock: BigNumber | undefined;
+    /**
+     * The timestamp corresponding to the block height when rewards start to be released; unit: seconds
+     */
+    startTime: BigNumber | undefined;
+    /**
+     * Block height released after reward ends: If not configured, it defaults to undefined and is considered to have ended.
+     */
+    endBlock: BigNumber | undefined;
+    /**
+     * The timestamp corresponding to the block height released after the reward ends; unit: seconds
+     */
+    endTime: BigNumber | undefined;
+    /** The number of rewards released per block */
+    rewardPerBlock: BigNumber | undefined;
+    /** The apy returned by the interface is inaccurate and not timely. It is only used for initial rendering and subsequent front-end calculations */
+    initialApr: BigNumber | undefined;
+}
+/**
+ * One mining project may correspond to multiple mining contracts. For example, classic mining bilateral pledge can obtain respective lpToken and then pledge them into different mining contracts. This mining project is equivalent to two mining projects, 1 to 2 , but the front end needs to be displayed on a card
+ *
+ * Avoid using identifiers such as base or quote in the data structure, and use array records to record this kind of 1-to-2 mining.
+ */
+export interface MiningMiningI {
+    /** lpToken.address-miningContractAddress */
+    id: string;
+    sourceToken: Array<MiningERC20TokenI>;
+    lpToken: MiningLpTokenI;
+    /** Mining contract: one mining contract corresponds to one lptoken */
+    miningContractAddress: string | undefined;
+    /**
+     * The v2 version has only one reward token; v3 may have multiple;
+     */
+    rewardTokenList: MiningRewardTokenI[];
+}

package/dist/widgets/PoolWidget/PoolCreate/components/ConfirmInfoDialog.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { StateProps } from '../reducer';
+export default function ConfirmInfoDialog({ on, onClose, state, onConfirm, isModify, loading, }: {
+    on: boolean;
+    onClose: () => void;
+    state: StateProps;
+    onConfirm: () => void;
+    isModify?: boolean;
+    loading?: boolean;
+}): JSX.Element;

package/dist/widgets/PoolWidget/PoolCreate/components/DepthAndLiquidityChart.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { PMMModel, PmmModelParams } from '@dodoex/api';
+import { BigNumber } from 'bignumber.js';
+import { TokenInfo } from '../../../../hooks/Token';
+export default function DepthAndLiquidityChart({ baseToken, quoteToken, pmmParams, pmmModel, midPrice, }: {
+    baseToken: TokenInfo | null;
+    quoteToken: TokenInfo | null;
+    pmmParams?: PmmModelParams;
+    pmmModel?: PMMModel;
+    midPrice?: BigNumber;
+}): JSX.Element;

package/dist/widgets/PoolWidget/PoolCreate/components/DepthChartWrapper.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { StateProps } from '../reducer';
+export declare function DepthChartWrapper({ selectedVersion, baseToken, quoteToken, initPrice, slippageCoefficient, baseAmount, quoteAmount, }: {
+    selectedVersion: StateProps['selectedVersion'];
+    baseToken: StateProps['baseToken'];
+    quoteToken: StateProps['quoteToken'];
+    initPrice: StateProps['initPrice'];
+    slippageCoefficient: StateProps['slippageCoefficient'];
+    baseAmount: StateProps['baseAmount'];
+    quoteAmount: StateProps['quoteAmount'];
+}): JSX.Element | null;

package/dist/widgets/PoolWidget/PoolCreate/components/EmptyChart.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export default function EmptyChart({ height, text, }: {
+    height?: number | string;
+    text?: string;
+}): JSX.Element;

package/dist/widgets/PoolWidget/PoolCreate/components/FeeRateCard.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { StateProps } from '../reducer';
+export declare function FeeRateCard({ currentStep, feeRate, }: {
+    currentStep: StateProps['currentStep'];
+    feeRate: StateProps['feeRate'];
+}): JSX.Element;

package/dist/widgets/PoolWidget/PoolCreate/components/FixedInitPriceConfirm.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export default function FixedInitPriceConfirm({ on, onClose, onConfirm, }: {
+    on: boolean;
+    onClose: () => void;
+    onConfirm?: () => void;
+}): JSX.Element;

package/dist/widgets/PoolWidget/PoolCreate/components/LqSettingsShow.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { StateProps } from '../reducer';
+import { SectionStatusT } from '../types';
+export declare function LqSettingsShow({ status, selectedVersion, baseToken, quoteToken, initPrice, slippageCoefficient, baseAmount, quoteAmount, }: {
+    status: SectionStatusT;
+    selectedVersion: StateProps['selectedVersion'];
+    baseToken: StateProps['baseToken'];
+    quoteToken: StateProps['quoteToken'];
+    initPrice: StateProps['initPrice'];
+    slippageCoefficient: StateProps['slippageCoefficient'];
+    baseAmount: StateProps['baseAmount'];
+    quoteAmount: StateProps['quoteAmount'];
+}): JSX.Element;

package/dist/widgets/PoolWidget/PoolCreate/components/RadioButton.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { BoxProps } from '@dodoex/components';
+export default function RadioButton({ title, subTitle, description, selected, onClick, children, sx, titleSx, }: {
+    title: string;
+    subTitle?: React.ReactNode;
+    description: string;
+    selected: boolean;
+    onClick: () => void;
+    children?: React.ReactNode;
+    sx?: BoxProps['sx'];
+    titleSx?: BoxProps['sx'];
+}): JSX.Element;

package/dist/widgets/PoolWidget/PoolCreate/components/RadioButtonIcon.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare function RadioButtonIcon({ selected }: {
+    selected: boolean;
+}): JSX.Element;

package/dist/widgets/PoolWidget/PoolCreate/components/RadioButtonTag.d.ts

@@ -0,0 +1,6 @@
+import { CSSProperties } from 'react';
+export declare function RadioButtonTag({ color, backgroundColor, tagKey, }: {
+    color: CSSProperties['color'];
+    backgroundColor: CSSProperties['backgroundColor'];
+    tagKey: string;
+}): JSX.Element;

package/dist/widgets/PoolWidget/PoolCreate/components/SectionTitle.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { SectionStatusT } from '../types';
+export declare function SectionTitle({ index, titleKey, status, }: {
+    index: number;
+    titleKey: string;
+    status: SectionStatusT;
+}): JSX.Element;

package/dist/widgets/PoolWidget/PoolCreate/components/SelectAndInput.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export declare function SelectAndInput({ errorMsg, isCustomized, onClick, value, onChange, }: {
+    errorMsg: string;
+    isCustomized: boolean;
+    onClick: () => void;
+    value: string;
+    onChange: (v: string) => void;
+}): JSX.Element;