@dodoex/widgets 2.6.12-beta.9 → 2.6.13

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

@@ -1,18 +1,18 @@
 import BigNumber from 'bignumber.js';
 import { AnyAction } from 'redux';
 import type { TokenList, DefaultTokenInfo } from '../../hooks/Token';
-export declare type AccountBalance = {
+export type AccountBalance = {
     tokenBalances?: BigNumber;
     tokenAllowances?: BigNumber;
 };
-export declare type AccountBalances = {
+export type AccountBalances = {
     [key in string]: AccountBalance;
 };
-export declare type SlippageWithToken = {
+export type SlippageWithToken = {
     slippage: string;
     tokens: string[];
 };
-export declare type State = {
+export type State = {
     tokenList: TokenList;
     popularTokenList: TokenList;
     ethBalance: {

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

@@ -1,9 +1,8 @@
 import { AnyAction } from 'redux';
 import { ChainId } from '../../constants/chains';
-export declare type State = {
+export type State = {
     chainId: ChainId;
     fromTokenChainId?: ChainId;
-    toTokenChainId?: ChainId;
     latestBlockNumber: number;
 };
 export declare const initialState: State;

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

@@ -1,5 +1,4 @@
 import { RootState } from '../reducers';
 export declare const getDefaultChainId: (state?: RootState) => import("../../constants/chains").ChainId;
 export declare const getFromTokenChainId: (state?: RootState) => import("../../constants/chains").ChainId | undefined;
-export declare const getToTokenChainId: (state?: RootState) => import("../../constants/chains").ChainId | undefined;
 export declare const getLatestBlockNumber: (state?: RootState) => number;

package/dist/types/components/AddTokenToMetamask.d.ts

@@ -0,0 +1,8 @@
+import { BoxProps } from '@dodoex/components';
+import { TokenInfo } from '../hooks/Token';
+export declare function AddTokenToMetamask({ token, size, sx, children, }: {
+    token: TokenInfo;
+    size?: 'small' | 'medium';
+    sx?: BoxProps['sx'];
+    children?: React.ReactNode;
+}): JSX.Element;

package/dist/types/components/AddressWithLinkAndCopy.d.ts

@@ -0,0 +1,22 @@
+import { BoxProps } from '@dodoex/components';
+interface AddressTextProps {
+    sx?: BoxProps['sx'];
+    truncate?: boolean;
+    address: string;
+    disabledAddress?: boolean;
+    addressHoverColor?: string;
+    addressHoverShowIcon?: boolean;
+    handleOpen?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>, type: 'address' | 'icon') => void;
+}
+interface Props extends AddressTextProps {
+    showCopy?: boolean;
+    size?: 'small' | 'medium' | 'big';
+    newTab?: boolean;
+    iconSize?: number;
+    iconSpace?: number;
+    iconDarkHover?: boolean;
+    customChainId?: number;
+    onAddressClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+}
+export declare function AddressWithLinkAndCopy({ address, truncate, showCopy, size, iconSize, iconSpace: iconSpaceProps, sx, iconDarkHover, disabledAddress, addressHoverColor, addressHoverShowIcon, customChainId, handleOpen, onAddressClick, }: Props): JSX.Element;
+export {};

package/dist/types/components/AutoButton.d.ts

@@ -0,0 +1,6 @@
+import { BoxProps } from '@dodoex/components';
+export declare function AutoButton({ active, sx, onClick, }: {
+    active?: boolean;
+    sx?: BoxProps['sx'];
+    onClick?: BoxProps['onClick'];
+}): JSX.Element;

package/dist/types/components/Bridge/BridgeRouteShortCard.d.ts

@@ -0,0 +1,5 @@
+import { BridgeRouteI } from '../../hooks/Bridge';
+export default function BridgeRouteShortCard({ route, onClick, }: {
+    route?: BridgeRouteI;
+    onClick: () => void;
+}): JSX.Element | null;

package/dist/types/components/Bridge/BridgeSummaryDialog/BridgeSummaryDetail.d.ts

@@ -0,0 +1,4 @@
+import { BridgeRouteI } from '../../../hooks/Bridge/useFetchRoutePriceBridge';
+export default function BridgeSummaryDetail({ route, }: {
+    route: BridgeRouteI;
+}): JSX.Element;

package/dist/types/components/Bridge/BridgeSummaryDialog/index.d.ts

@@ -0,0 +1,17 @@
+import { BridgeRouteI } from '../../../hooks/Bridge/useFetchRoutePriceBridge';
+export interface BridgeTXRequest {
+    data: string;
+    to: string;
+    value: string;
+    from: string;
+    chainId: number;
+    encodeId: string;
+}
+export default function BridgeSummaryDialog({ open, onClose, route, bridgeOrderTxRequest, clearToAmt, clearFromAmt, }: {
+    open: boolean;
+    onClose: () => void;
+    route?: BridgeRouteI;
+    bridgeOrderTxRequest?: BridgeTXRequest;
+    clearToAmt: () => void;
+    clearFromAmt: () => void;
+}): JSX.Element;

package/dist/types/components/Bridge/BridgeSummaryDialog/orderInfoModal/CrossStep.d.ts

@@ -0,0 +1,15 @@
+import BigNumber from 'bignumber.js';
+import { BridgeStepTool } from '../../../../hooks/Bridge/useFetchRoutePriceBridge';
+export declare function CrossStep({ fromChainId, toChainId, fromTokenAmount, toTokenAmount, fromTokenDecimals, fromTokenSymbol, toTokenDecimals, toTokenSymbol, fromHash, toHash, toolDetails, }: {
+    fromChainId: number;
+    toChainId: number;
+    fromTokenAmount: BigNumber;
+    toTokenAmount: BigNumber;
+    fromTokenSymbol: string;
+    fromTokenDecimals: number;
+    toTokenSymbol: string;
+    toTokenDecimals: number;
+    fromHash: string | null;
+    toHash: string | null;
+    toolDetails: BridgeStepTool;
+}): JSX.Element;

package/dist/types/components/Bridge/BridgeSummaryDialog/orderInfoModal/EtherscanLinkButton.d.ts

@@ -0,0 +1,5 @@
+export declare function EtherscanLinkButton({ chainId, address, children, }: {
+    chainId: number;
+    address: string | null;
+    children: React.ReactNode;
+}): JSX.Element;

package/dist/types/components/Bridge/BridgeSummaryDialog/orderInfoModal/SwapStep.d.ts

@@ -0,0 +1,13 @@
+import BigNumber from 'bignumber.js';
+import { BridgeStepTool } from '../../../../hooks/Bridge/useFetchRoutePriceBridge';
+export declare function SwapStep({ chainId, fromTokenAmount, toTokenAmount, fromTokenDecimals, fromTokenSymbol, toTokenDecimals, toTokenSymbol, hash, toolDetails, }: {
+    chainId: number;
+    fromTokenAmount: BigNumber;
+    toTokenAmount: BigNumber;
+    fromTokenSymbol: string;
+    fromTokenDecimals: number;
+    toTokenSymbol: string;
+    toTokenDecimals: number;
+    hash: string | null;
+    toolDetails: BridgeStepTool;
+}): JSX.Element;

package/dist/types/components/Bridge/SelectBridgeDialog/BridgeLogo.d.ts

@@ -0,0 +1,9 @@
+import { BoxProps } from '@dodoex/components';
+import { BridgeStep } from '../../../hooks/Bridge/useFetchRoutePriceBridge';
+export declare function BridgeLogo({ size, toolDetails, nameMarginLeft, logoMarginLeft, nameSx, }: {
+    size: 'small' | 'medium' | 'large';
+    toolDetails: BridgeStep['toolDetails'] | null | undefined;
+    nameMarginLeft?: number;
+    logoMarginLeft?: number;
+    nameSx?: BoxProps['sx'];
+}): JSX.Element | null;

package/dist/types/components/Bridge/SelectBridgeDialog/DirectionLine.d.ts

@@ -0,0 +1,3 @@
+export declare function DirectionLine({ children }: {
+    children: React.ReactNode;
+}): JSX.Element;

package/dist/types/components/Bridge/SelectBridgeDialog/RouteCard.d.ts

@@ -0,0 +1,19 @@
+import BigNumber from 'bignumber.js';
+import { BridgeRouteI } from '../../../hooks/Bridge/useFetchRoutePriceBridge';
+import { TokenInfo } from '../../../hooks/Token/type';
+export default function RouteCard({ fromToken, toToken, fromChainId, toChainId, fromAmount, toTokenAmount, toolDetails, product, executionDuration, feeUSD, selected, setSelected, spenderContractAddress, isBestPrice, }: {
+    fromToken?: TokenInfo;
+    toToken?: TokenInfo;
+    fromChainId: number;
+    toChainId: number;
+    fromAmount?: BridgeRouteI['fromAmount'];
+    toTokenAmount?: BigNumber | null;
+    toolDetails: BridgeRouteI['step']['toolDetails'];
+    product: BridgeRouteI['product'];
+    executionDuration: BridgeRouteI['executionDuration'];
+    feeUSD: BridgeRouteI['feeUSD'];
+    selected: boolean;
+    setSelected: () => void;
+    spenderContractAddress: string;
+    isBestPrice?: boolean;
+}): JSX.Element;

package/dist/types/components/Bridge/SelectBridgeDialog/RouteTagList.d.ts

@@ -0,0 +1,11 @@
+import { BridgeStep } from '../../../hooks/Bridge/useFetchRoutePriceBridge';
+export interface RouteTag {
+    type: 'best-price' | 'no-approve';
+    toolDetails?: BridgeStep['toolDetails'] | null;
+}
+/**
+ * 路径 tag 列表
+ */
+export declare function RouteTagList({ routeTagList }: {
+    routeTagList: RouteTag[];
+}): JSX.Element;

package/dist/types/components/Bridge/SelectBridgeDialog/TokenWithChain.d.ts

@@ -0,0 +1,10 @@
+import BigNumber from 'bignumber.js';
+import { TokenInfo } from '../../../hooks/Token';
+/**
+ * token 数量附带有 chain 名称和 logo
+ */
+export declare function TokenWithChain({ chainId, token, amount, }: {
+    chainId: number;
+    token?: TokenInfo;
+    amount?: string | null | BigNumber;
+}): JSX.Element;

package/dist/types/components/Bridge/SelectBridgeDialog/productList.d.ts

@@ -0,0 +1,7 @@
+export declare const productList: {
+    id: string;
+    logoURI: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    name: string;
+}[];

package/dist/types/components/CardWidgets.d.ts

@@ -0,0 +1,51 @@
+import { ChainId } from '@dodoex/api';
+import { BoxProps } from '@dodoex/components';
+import BigNumber from 'bignumber.js';
+import { TokenInfo } from '../hooks/Token';
+export declare function CardStatus({ loading, empty, hasSearch, children, refetch, }: React.PropsWithChildren<{
+    isMobile?: boolean;
+    loading: boolean;
+    empty: boolean;
+    hasSearch?: boolean;
+    refetch?: () => void;
+}>): JSX.Element;
+export default function FoldBtn({ show, onClick, }: {
+    show: boolean;
+    onClick: () => void;
+}): JSX.Element;
+export declare function TypeText({ color, type }: {
+    color: string;
+    type: string;
+}): JSX.Element;
+export declare function StatusAndTime({ isMobile, statusText, statusColor: statusColorProps, time, alphaColor, sx, }: {
+    isMobile: boolean;
+    statusText: string;
+    statusColor: string;
+    time?: string;
+    alphaColor?: number;
+    sx?: BoxProps['sx'];
+}): JSX.Element;
+export declare function ChainName({ chainId }: {
+    chainId: ChainId;
+}): JSX.Element | null;
+export declare function TokenAndAmount({ token, amount, showChain, hideLogo, canAddMetamask, sx, }: {
+    token: TokenInfo;
+    amount: string | BigNumber;
+    showChain?: boolean;
+    hideLogo?: boolean;
+    canAddMetamask?: boolean;
+    sx?: BoxProps['sx'];
+}): JSX.Element;
+export declare function TokenPairAndAmount({ baseToken, quoteToken, amount, sx, }: {
+    baseToken: TokenInfo;
+    quoteToken: TokenInfo;
+    amount: BigNumber;
+    sx?: BoxProps['sx'];
+}): JSX.Element;
+export declare function TokenPairOrTokenListAndAmount({ baseToken, quoteToken, baseAmount, quoteAmount, sx, }: {
+    baseToken: TokenInfo;
+    quoteToken: TokenInfo;
+    baseAmount: BigNumber;
+    quoteAmount: BigNumber | null;
+    sx?: BoxProps['sx'];
+}): JSX.Element;

package/dist/types/components/Confirm.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+export type ConfirmProps = React.PropsWithChildren<{
+    open: boolean;
+    onClose: () => void;
+    title?: React.ReactNode;
+    singleBtn?: boolean;
+    danger?: boolean;
+    singleBtnText?: React.ReactNode;
+    cancelText?: React.ReactNode;
+    confirmText?: React.ReactNode;
+    disabledConfirm?: boolean;
+    confirmLoading?: boolean;
+    isManualClose?: boolean;
+    onConfirm?: () => void;
+    modal?: boolean;
+}>;
+export default function Confirm(props: ConfirmProps): JSX.Element;

package/dist/types/components/ConnectWallet/ConnectWalletDialog.d.ts

@@ -0,0 +1,4 @@
+export default function ConnectWalletDialog({ open, onClose, }: {
+    open: boolean;
+    onClose: () => void;
+}): JSX.Element;

package/dist/types/components/ConnectWallet/NeedConnectButton.d.ts

@@ -0,0 +1,7 @@
+import { ButtonProps } from '@dodoex/components';
+import { ChainId } from '@dodoex/api';
+export default function NeedConnectButton({ chainId, includeButton, ...props }: ButtonProps & {
+    /** chainId that needs to be connected */
+    chainId?: ChainId;
+    includeButton?: boolean;
+}): JSX.Element;

package/dist/types/components/ConnectWallet/OpenConnectWalletInfo.d.ts

@@ -0,0 +1 @@
+export default function OpenConnectWalletInfo(): JSX.Element;

package/dist/types/components/CopyTooltipToast.d.ts

@@ -0,0 +1,10 @@
+import { BoxProps } from '@dodoex/components';
+import React from 'react';
+export declare function CopyTooltipToast({ copyText, size, sx, componentProps, onClick, children, }: {
+    copyText?: string;
+    size: number;
+    sx?: BoxProps['sx'];
+    componentProps?: BoxProps;
+    onClick?: () => void;
+    children?: React.ReactNode;
+}): JSX.Element;

package/dist/types/components/DataCard/DataCardGroup.d.ts

@@ -0,0 +1,8 @@
+import { BoxProps } from '@dodoex/components';
+export declare function DataCardGroup({ children, sx, gap, repeatBaseForLargeScreen, }: {
+    children?: React.ReactNode;
+    sx?: BoxProps['sx'];
+    gap?: number;
+    /** Large screen quantity per row */
+    repeatBaseForLargeScreen?: number;
+}): JSX.Element;

package/dist/types/components/DateTimePickerInput/components/MobileDateTimePicker.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import 'rmc-date-picker/assets/index.css';
+import 'rmc-picker/assets/index.css';
+interface Props {
+    value: number | null;
+    onConfirm: (val: number) => void;
+    minDate?: number;
+    maxDate?: number;
+    valueFormat?: string;
+    placeholder?: string;
+}
+export declare const MobileDateTimePicker: React.FC<Props>;
+export {};

package/dist/types/components/DateTimePickerInput/components/PCDateTimePicker.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import 'react-datetime/css/react-datetime.css';
+interface Props {
+    value: number | null;
+    onChange: (val: number | null) => void;
+    minDate?: number;
+    maxDate?: number;
+    valueFormat?: string;
+    placeholder?: string;
+}
+export declare const PCDateTimePicker: React.FC<Props>;
+export {};

package/dist/types/components/DateTimePickerInput/index.d.ts

@@ -0,0 +1,10 @@
+type Props = {
+    placeholder?: string;
+    value: number | null;
+    onChange: (date: number | null) => void;
+    minDate?: number;
+    maxDate?: number;
+    valueFormat?: string;
+};
+export declare const DateTimePickerInput: React.FC<Props>;
+export {};

package/dist/types/components/DateTimePickerInput/utils/index.d.ts

@@ -0,0 +1 @@
+export declare const getShowDateTime: (value: number | null, minDate?: number, maxDate?: number) => number;

package/dist/types/components/ErrorMessageDialog.d.ts

@@ -0,0 +1,4 @@
+export default function ErrorMessageDialog({ message, onClose, }: {
+    message?: string;
+    onClose: () => void;
+}): JSX.Element;

package/dist/types/components/GoBack.d.ts

@@ -0,0 +1,5 @@
+import { BoxProps } from '@dodoex/components';
+export default function GoBack({ sx, onClick, }: {
+    sx?: BoxProps['sx'];
+    onClick?: () => void;
+}): JSX.Element;

package/dist/types/components/HowItWorks.d.ts

@@ -0,0 +1,10 @@
+import { BoxProps } from '@dodoex/components';
+export declare function HowItWorks({ title, desc, linkTo, LeftImage, sx, }: {
+    title: React.ReactNode;
+    desc: React.ReactNode;
+    linkTo: string;
+    LeftImage?: React.FunctionComponent<React.SVGProps<SVGSVGElement> & {
+        title?: string | undefined;
+    }>;
+    sx?: BoxProps['sx'];
+}): JSX.Element;

package/dist/types/components/LiquidityLpPartnerReward.d.ts

@@ -0,0 +1,23 @@
+import { BoxProps } from '@dodoex/components';
+type PartnerRewardType = 'holdlp' | 'stakelp';
+export type LiquidityLpPartnerRewardItem = {
+    partner: {
+        name: string;
+        logo: string;
+        introduction: string;
+        link: string;
+        background?: string;
+        color?: string;
+        extra: any;
+    };
+    reward: string;
+    type: PartnerRewardType;
+    sort: number;
+};
+export default function LiquidityLpPartnerReward({ address, chainId, hideName, sx, }: {
+    address: string | Array<string | undefined> | undefined;
+    chainId: number | undefined;
+    hideName?: boolean;
+    sx?: BoxProps['sx'];
+}): JSX.Element | null;
+export {};

package/dist/types/components/List/FailedList.d.ts

@@ -0,0 +1,5 @@
+import { BoxProps } from '@dodoex/components';
+export declare function FailedList({ sx, refresh, }: {
+    sx?: BoxProps['sx'];
+    refresh: () => void;
+}): JSX.Element;

package/dist/types/components/LoadMore.d.ts

@@ -0,0 +1,8 @@
+import { BoxProps } from '@dodoex/components';
+export default function LoadMore({ height, sx, onClick, hasMore, loading, }: {
+    height?: number | string;
+    sx?: BoxProps['sx'];
+    onClick: () => void;
+    hasMore?: boolean;
+    loading?: boolean;
+}): JSX.Element | null;

package/dist/types/components/LoadingRotation.d.ts

@@ -0,0 +1,3 @@
+export interface LoadingRotationProps {
+}
+export declare const LoadingRotation: (props: LoadingRotationProps) => JSX.Element;

package/dist/types/components/Message/Countdown.d.ts

@@ -0,0 +1,12 @@
+import { BoxProps } from '@dodoex/components';
+import React from 'react';
+interface Props {
+    size: number;
+    color: string;
+    time: string;
+    strokeWidth?: number | string;
+    sx?: BoxProps['sx'];
+}
+declare function Countdown({ size, color, time, strokeWidth, sx }: Props): JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof Countdown>;
+export default _default;

package/dist/types/components/Message/index.d.ts

@@ -0,0 +1 @@
+export default function Message(): JSX.Element;

package/dist/types/components/Select.d.ts

@@ -0,0 +1,15 @@
+import { BoxProps } from '@dodoex/components';
+import React from 'react';
+export default function Select<V extends string | number = string>({ value, onChange, placeholder, options, sx, readOnly, valueOnlyIcon, }: {
+    value: V | undefined;
+    onChange: (value: V | undefined) => void;
+    placeholder?: string;
+    options: Array<{
+        logo?: React.ReactNode;
+        key: V;
+        value: string | React.ReactNode;
+    }>;
+    sx?: BoxProps['sx'];
+    readOnly?: boolean;
+    valueOnlyIcon?: boolean;
+}): JSX.Element;

package/dist/types/components/SelectChain.d.ts

@@ -0,0 +1,12 @@
+import { BoxProps } from '@dodoex/components';
+export default function SelectChain({ chainId, setChainId, logoWidth, mobileLogoWidth, mainLogoWidth, mainMobileLogoWidth, notShowAllChain, valueOnlyIcon, sx, }: {
+    chainId: number | undefined;
+    setChainId: (chainId: number | undefined) => void;
+    logoWidth?: number;
+    mobileLogoWidth?: number;
+    mainLogoWidth?: number;
+    mainMobileLogoWidth?: number;
+    notShowAllChain?: boolean;
+    valueOnlyIcon?: boolean;
+    sx?: BoxProps['sx'];
+}): JSX.Element;

package/dist/types/components/Swap/SwapOrderHistory/PriceWithToggle.d.ts

@@ -0,0 +1,10 @@
+import { BoxProps } from '@dodoex/components';
+import { TokenInfo } from '../../../hooks/Token';
+export declare function PriceWithToggle({ fromToken, toToken, fromTokenPrice, toTokenPrice, sx, children, }: {
+    fromToken: TokenInfo;
+    toToken: TokenInfo;
+    fromTokenPrice: string | null | undefined;
+    toTokenPrice: string | null | undefined;
+    sx?: BoxProps['sx'];
+    children?: React.ReactNode;
+}): JSX.Element;

package/dist/types/components/Swap/SwapOrderHistory/RoutingCard.d.ts

@@ -0,0 +1,7 @@
+import { MidPathType } from '../../../hooks/useRouteVisionData';
+import { TokenInfo } from '../../../hooks/Token';
+export default function RoutingCard({ routing, fromTokenRaw, toTokenRaw, }: {
+    routing: MidPathType;
+    fromTokenRaw: TokenInfo;
+    toTokenRaw: TokenInfo;
+}): JSX.Element;

package/dist/types/components/Swap/SwapOrderHistory/RoutingVision.d.ts

@@ -0,0 +1,25 @@
+import { BoxProps } from '@dodoex/components';
+import { TokenInfo } from '../../../hooks/Token';
+import { MidPathType } from '../../../hooks/useRouteVisionData';
+export declare function Dot({ sx }: {
+    sx?: BoxProps['sx'];
+}): JSX.Element;
+export declare function Triangle({ sx }: {
+    sx?: BoxProps['sx'];
+}): JSX.Element;
+export declare function DashedLine({ sx }: {
+    sx?: BoxProps['sx'];
+}): JSX.Element;
+interface Props {
+    routeData: MidPathType[];
+    fromTokenRaw: TokenInfo;
+    toTokenRaw: TokenInfo;
+}
+/**
+ * Path visualization
+ */
+export declare function MobileRoutingVision({ routeData, fromTokenRaw, toTokenRaw, sx, }: Props & {
+    sx?: BoxProps['sx'];
+}): JSX.Element;
+export declare function PCRoutingVision({ routeData, fromTokenRaw, toTokenRaw, }: Props): JSX.Element;
+export {};

package/dist/types/components/Swap/SwapOrderHistory/SameOrderCard.d.ts

@@ -0,0 +1,5 @@
+import { useTradeSwapOrderList } from '../../../hooks/Swap/useTradeSwapOrderList';
+export default function SameOrderCard({ data, isMobile, }: {
+    data: ReturnType<typeof useTradeSwapOrderList>['orderList'][0];
+    isMobile: boolean;
+}): JSX.Element;

package/dist/types/components/Swap/SwapOrderHistory/index.d.ts

@@ -0,0 +1,4 @@
+import { useTradeSwapOrderList } from '../../../hooks/Swap/useTradeSwapOrderList';
+export default function SwapOrderHistory({ swapOrderListQuery: swapOrderListQueryProps, }: {
+    swapOrderListQuery?: ReturnType<typeof useTradeSwapOrderList>;
+}): JSX.Element;

package/dist/types/components/Swap/components/ConnectWallet/index.d.ts

@@ -0,0 +1,5 @@
+import { ChainId } from '@dodoex/api';
+export interface ConnectWalletProps {
+    needSwitchChain?: ChainId;
+}
+export default function ConnectWallet({ needSwitchChain }: ConnectWalletProps): JSX.Element;

package/dist/types/components/Swap/components/Dialog.d.ts

@@ -0,0 +1,17 @@
+export declare const transitionTime = 300;
+export interface DialogProps {
+    open: boolean;
+    id?: 'connect-wallet' | 'submission' | 'error-message' | 'select-chain' | 'select-token' | 'swap-summary' | 'swap-settings' | 'cross-chain-summary' | 'select-cross-chain' | 'pool-operate';
+    onClose?: () => void;
+    afterClose?: () => void;
+    scope?: boolean;
+    title?: string | React.ReactNode;
+    rightSlot?: React.ReactNode;
+    canBack?: boolean;
+    children: React.ReactNode;
+    height?: number | string;
+    testId?: string;
+}
+export default function Dialog({ scope, modal, ...props }: DialogProps & {
+    modal?: boolean;
+}): JSX.Element;

package/dist/types/components/Swap/components/ReviewDialog.d.ts

@@ -0,0 +1,22 @@
+import BigNumber from 'bignumber.js';
+import { TokenInfo } from '../../../hooks/Token';
+export interface ReviewDialogProps {
+    open: boolean;
+    execute: () => void;
+    onClose: () => void;
+    clearToAmt: () => void;
+    clearFromAmt: () => void;
+    toToken: TokenInfo | null;
+    fromToken: TokenInfo | null;
+    priceImpact: string;
+    fromAmount: string | number | null;
+    toAmount: string | number | null;
+    baseFeeAmount: number | null;
+    additionalFeeAmount: number | null;
+    curToFiatPrice: BigNumber | null;
+    curFromFiatPrice: BigNumber | null;
+    pricePerFromToken: number | null;
+    loading: boolean;
+    slippage: string | number | null;
+}
+export declare function ReviewDialog({ open, execute, onClose, toToken, fromToken, fromAmount, toAmount, priceImpact, clearFromAmt, clearToAmt, baseFeeAmount, curToFiatPrice, curFromFiatPrice, pricePerFromToken, additionalFeeAmount, loading, slippage, }: ReviewDialogProps): JSX.Element;

package/dist/types/components/Swap/components/SettingsDialog/NumberInput.d.ts

@@ -0,0 +1,7 @@
+import { InputProps } from '@dodoex/components';
+export interface NumberInputProps extends InputProps {
+    maxVal?: string | number;
+    decimals?: number;
+    onInputChange?: (v: string | null) => void;
+}
+export declare function NumberInput({ sx, maxVal, decimals, onInputChange, ...props }: NumberInputProps): JSX.Element;

package/dist/types/components/Swap/components/SettingsDialog/index.d.ts

@@ -0,0 +1,6 @@
+export interface SettingsDialogProps {
+    open: boolean;
+    onClose: () => void;
+    isBridge: boolean | undefined;
+}
+export declare function SettingsDialog({ open, onClose, isBridge, }: SettingsDialogProps): JSX.Element;

package/dist/types/components/Swap/components/SwapSettingsDialog/MoreTradeSetting.d.ts

@@ -0,0 +1,4 @@
+export default function MoreTradeSetting({ show, onClick, }: {
+    show: boolean;
+    onClick: () => void;
+}): JSX.Element;

package/dist/types/components/Swap/components/SwapSettingsDialog/SlippageCurveChart/CurveChart.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { ForecastSlippageListItem } from '../../../../../hooks/Swap/useForecastSlippageList';
+export declare const dotClassName = "position-y-dot";
+declare function CurveChart({ data, loading, }: {
+    data: ForecastSlippageListItem[];
+    loading?: boolean;
+}): JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof CurveChart>;
+export default _default;