@dodoex/widgets 3.0.0-beta.1 → 3.0.0-beta.3

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;

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

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

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { SectionStatusT, VersionItem } from '../types';
+export declare function VersionChartExample({ versionItem, status, }: {
+    versionItem: VersionItem;
+    status: SectionStatusT;
+}): JSX.Element;

package/dist/widgets/PoolWidget/PoolCreate/hooks/contract/useCreatePoolSubmit.d.ts

@@ -0,0 +1,14 @@
+import { TokenInfo } from '../../../../../hooks/Token';
+import { Version as PoolVersionE } from '../../types';
+export declare const useCreatePoolSubmit: ({ selectedVersion, baseToken, quoteToken, baseAmount, quoteAmount, feeRate, initPrice, slippageCoefficient, }: {
+    selectedVersion: PoolVersionE;
+    baseToken: TokenInfo | null;
+    quoteToken: TokenInfo | null;
+    baseAmount: string;
+    quoteAmount: string;
+    feeRate: string;
+    initPrice: string;
+    slippageCoefficient: string;
+}) => {
+    getCreateParams: () => Promise<any>;
+};

package/dist/widgets/PoolWidget/PoolCreate/hooks/useCreatePmm.d.ts

@@ -0,0 +1,26 @@
+import { Version } from '../types';
+export declare enum PoolTemplate {
+    standard = 1,
+    singleToken = 2,
+    pagged = 3,
+    marketMaker = 4
+}
+export declare const useCreatePmm: ({ selectedVersion, baseAmount, quoteAmount, initPrice, slippageCoefficient, }: {
+    selectedVersion: Version;
+    baseAmount?: string | undefined;
+    quoteAmount?: string | undefined;
+    initPrice: string;
+    slippageCoefficient: string;
+}) => {
+    pmmParams: {
+        i: number;
+        k: number;
+        b: number;
+        b0: number;
+        q: number;
+        q0: number;
+        R: number;
+    } | undefined;
+    pmmModel: import("@dodoex/api").PMMModel | undefined;
+    midPrice: import("bignumber.js").BigNumber | undefined;
+};

package/dist/widgets/PoolWidget/PoolCreate/hooks/useDefaultTokens.d.ts

@@ -0,0 +1,6 @@
+export default function useDefaultTokens(): {
+    defaultBaseToken: import("../../../..").TokenInfo | null;
+    defaultQuoteToken: import("../../../..").TokenInfo | null;
+    defaultBaseTokenLoading: boolean | undefined;
+    defaultQuoteTokenLoading: boolean | undefined;
+};

package/dist/widgets/PoolWidget/PoolCreate/hooks/useFeeRateList.d.ts

@@ -0,0 +1,13 @@
+import { RadioButtonT } from '../types';
+export declare const getFeeRateList: () => ({
+    title: string;
+    description: string;
+    value: string;
+    tag?: undefined;
+} | {
+    title: string;
+    description: string;
+    value: string;
+    tag: string;
+})[];
+export declare function useFeeRateList(): RadioButtonT[];

package/dist/widgets/PoolWidget/PoolCreate/hooks/useSlippageCoefficientList.d.ts

@@ -0,0 +1,8 @@
+import { RadioButtonT } from '../types';
+import { StateProps } from '../reducer';
+export declare const getDefaultSlippageCoefficientList: ({ selectedVersion, }: {
+    selectedVersion: StateProps['selectedVersion'];
+}) => string[];
+export declare function useSlippageCoefficientList({ selectedVersion, }: {
+    selectedVersion: StateProps['selectedVersion'];
+}): RadioButtonT[];

package/dist/widgets/PoolWidget/PoolCreate/hooks/useValidation.d.ts

@@ -0,0 +1,4 @@
+import { Version } from '../types';
+export declare const validFeeRate: (feeRateStr?: string) => string;
+export declare const validSlippageCoefficient: (slippageCoefficientStr: string, selectedVersion: Version) => string;
+export declare function validInitPrice(selectedVersion: Version, initPrice: string, quoteTokenDecimals: number): string;

package/dist/widgets/PoolWidget/PoolCreate/hooks/useVersionList.d.ts

@@ -0,0 +1,5 @@
+import { Version, VersionItem } from '../types';
+export declare function useVersionList(): {
+    versionList: VersionItem[];
+    versionMap: Record<Version, VersionItem>;
+};

package/dist/widgets/PoolWidget/PoolCreate/index.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export default function PoolCreate(): JSX.Element;

package/dist/widgets/PoolWidget/PoolCreate/operate-widgets/BottomButtonGroup.d.ts

@@ -0,0 +1,6 @@
+import { Dispatch } from 'react';
+import { Actions, StateProps } from '../reducer';
+export declare function BottomButtonGroup({ state, dispatch, }: {
+    state: StateProps;
+    dispatch: Dispatch<Actions>;
+}): JSX.Element;

package/dist/widgets/PoolWidget/PoolCreate/operate-widgets/FeeRateSetting.d.ts

@@ -0,0 +1,7 @@
+import { Dispatch } from 'react';
+import { Actions, StateProps } from '../reducer';
+export declare function FeeRateSetting({ dispatch, feeRate, isFeeRateCustomized: isCustomized, }: {
+    dispatch: Dispatch<Actions>;
+    feeRate: StateProps['feeRate'];
+    isFeeRateCustomized: StateProps['isFeeRateCustomized'];
+}): JSX.Element;

package/dist/widgets/PoolWidget/PoolCreate/operate-widgets/InitPriceSetting.d.ts

@@ -0,0 +1,12 @@
+import { Dispatch } from 'react';
+import { Actions, StateProps } from '../reducer';
+export declare function InitPriceSetting({ isEdit, selectedVersion, isFixedRatio, leftTokenAddress, baseToken, quoteToken, fixedRatioPrice, dispatch, }: {
+    isEdit?: boolean;
+    selectedVersion: StateProps['selectedVersion'];
+    isFixedRatio: StateProps['isFixedRatio'];
+    leftTokenAddress: StateProps['leftTokenAddress'];
+    baseToken: StateProps['baseToken'];
+    quoteToken: StateProps['quoteToken'];
+    fixedRatioPrice: StateProps['fixedRatioPrice'];
+    dispatch: Dispatch<Actions>;
+}): JSX.Element;

package/dist/widgets/PoolWidget/PoolCreate/operate-widgets/SlippageCoefficientSetting.d.ts

@@ -0,0 +1,8 @@
+import { Dispatch } from 'react';
+import { Actions, StateProps } from '../reducer';
+export declare function SlippageCoefficientSetting({ dispatch, slippageCoefficient, selectedVersion, isCustomized, }: {
+    dispatch: Dispatch<Actions>;
+    slippageCoefficient: StateProps['slippageCoefficient'];
+    selectedVersion: StateProps['selectedVersion'];
+    isCustomized: StateProps['isSlippageCoefficientCustomized'];
+}): JSX.Element;

package/dist/widgets/PoolWidget/PoolCreate/operate-widgets/VersionSelect.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { Actions, StateProps } from '../reducer';
+export default function VersionSelect({ selectedVersion, dispatch, }: {
+    selectedVersion: StateProps['selectedVersion'];
+    dispatch: React.Dispatch<Actions>;
+}): JSX.Element;

package/dist/widgets/PoolWidget/PoolCreate/reducer.d.ts

@@ -0,0 +1,78 @@
+import { Version } from './types';
+import { TokenInfo } from '../../../hooks/Token';
+export interface StateProps {
+    currentStep: 0 | 1 | 2;
+    selectedVersion: Version;
+    baseToken: TokenInfo | null;
+    quoteToken: TokenInfo | null;
+    baseAmount: string;
+    quoteAmount: string;
+    /**
+     * Whether to fix the exchange rate fixedRatioPrice to the current legal currency price, true means no modification is allowed
+     * single-token is not fixed by default and cannot be fixed, and can be modified
+     * After fixing, when modifying the quantity, standard needs to keep the ratio of baseAmount, quoteAmount, fixedRatioPrice unchanged. Pegged needs to be linked regardless of whether it is fixed or not. dpp does not need to, and the three can be modified independently.
+     */
+    isFixedRatio: boolean;
+    /**
+     * PmmState.i
+     * The value of standard pool is always DEFAULT_INIT_PRICE_STANDARD
+     * Other types can be modified, the initial value is DEFAULT_INIT_PRICE
+     * The value of this field for single-token, pegged and dpp types is synchronized with fixedRatioPrice
+     */
+    initPrice: string;
+    /**
+     * Exchange rate, price, exchange ratio, price ratio
+     * Except for single-token types, use the initial fiat price to initialize this field
+     * single-token defaults to empty, others default to 1
+     */
+    fixedRatioPrice: string;
+    /** The token on the left side of the exchange rate input box */
+    leftTokenAddress: TokenInfo['address'] | undefined;
+    slippageCoefficient: string;
+    isSlippageCoefficientCustomized: boolean;
+    feeRate: string | '0.01' | '0.3' | '1';
+    isFeeRateCustomized: boolean;
+}
+declare type Pool = any;
+export declare enum Types {
+    SetCurrentStep = 1,
+    SelectNewVersion = 2,
+    UpdateBaseToken = 3,
+    UpdateQuoteToken = 4,
+    SwitchTokens = 5,
+    UpdateBaseAmount = 6,
+    UpdateQuoteAmount = 7,
+    UpdateIsFixedRatio = 8,
+    UpdateFixedRatioPrice = 9,
+    InitFixedRatioPrice = 10,
+    ToggleLeftToken = 11,
+    UpdateSlippageCoefficient = 12,
+    UpdateIsSlippageCoefficientCustomized = 13,
+    UpdateFeeRate = 14,
+    UpdateIsFeeRateCustomized = 15,
+    InitEditParameters = 16
+}
+declare type Payload = {
+    [Types.SetCurrentStep]: StateProps['currentStep'];
+    [Types.SelectNewVersion]: Version;
+    [Types.UpdateBaseToken]: TokenInfo;
+    [Types.UpdateQuoteToken]: TokenInfo;
+    [Types.SwitchTokens]: undefined;
+    [Types.UpdateBaseAmount]: string;
+    [Types.UpdateQuoteAmount]: string;
+    [Types.UpdateIsFixedRatio]: boolean;
+    [Types.UpdateFixedRatioPrice]: string;
+    [Types.InitFixedRatioPrice]: {
+        baseTokenFiatPrice: number | undefined;
+        quoteTokenFiatPrice: number | undefined;
+    };
+    [Types.ToggleLeftToken]: undefined;
+    [Types.UpdateSlippageCoefficient]: string;
+    [Types.UpdateIsSlippageCoefficientCustomized]: boolean;
+    [Types.UpdateFeeRate]: StateProps['feeRate'];
+    [Types.UpdateIsFeeRateCustomized]: boolean;
+    [Types.InitEditParameters]: Pool;
+};
+export declare type Actions = ActionMap<Payload>[keyof ActionMap<Payload>];
+export declare function reducer(state: StateProps, action: Actions): StateProps;
+export {};