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

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

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import { PMMModel, PmmModelParams } from '@dodoex/api';
 import BigNumber from 'bignumber.js';
 import { ColorMap } from './LiquidityChartKonva';
-declare type Props = {
+type Props = {
     width?: number;
     height?: number;
     baseTokenSymbol: string;

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare function useGridLine({ gridAreaHeight, gridAreaWidth, horizontalLineCount, verticalLineCount, color, }: {
     gridAreaHeight: number;
     gridAreaWidth: number;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import BigNumber from 'bignumber.js';
 export declare function useHorizontalLabel({ minXLN10, maxXLN10, labelCount, gridAreaHeight, gridAreaWidth, color, }: {
     minXLN10: BigNumber;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import BigNumber from 'bignumber.js';
 import { ColorMap } from './LiquidityChartKonva';
 import { StatAreaPoint } from './usePoints';

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare function useMiddleLine({ gridAreaHeight, gridAreaWidth, color, }: {
     gridAreaHeight: number;
     gridAreaWidth: number;

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

@@ -3,7 +3,7 @@ import BigNumber from 'bignumber.js';
 /**
  * data point
  */
-export declare type StatPoint = {
+export type StatPoint = {
     giveAmount: BigNumber;
     getAmount: BigNumber;
     price: BigNumber;
@@ -20,7 +20,7 @@ export declare type StatPoint = {
 
   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 = {
+export type StatAreaPoint = {
     area: BigNumber;
     price: BigNumber;
     middlePrice: BigNumber;

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

@@ -6,7 +6,7 @@ export declare enum APIServiceKey {
     bridgeEncode = "bridgeEncode",
     bridgeCreateRoute = "bridgeCreateRoute"
 }
-export declare type APIServices = {
+export type APIServices = {
     [key in APIServiceKey]: string;
 };
 export declare const AppUrl = "https://app.dodoex.io";

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

@@ -5,29 +5,13 @@ export declare const rpcServerMap: {
 };
 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;
-    53457: string;
-    167000: string;
-};
+}) => { [key in ChainId]: string; };
 export declare const scanUrlDomainMap: {
     [key in ChainId]: string;
 };
 export declare const ThegraphKeyMap: {
     [key in ChainId]: string;
 };
+export declare const blockTimeMap: {
+    [key in ChainId]: number;
+};

package/dist/cjs/constants/locales.d.ts

@@ -1,3 +1,3 @@
 export declare const supportedLang: string[];
-export declare type SupportedLang = typeof supportedLang[number];
+export type SupportedLang = typeof supportedLang[number];
 export declare const defaultLang: SupportedLang;

package/dist/cjs/constants/wallet.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare enum WalletType {
     INTEGRATOR = "integrator",
     METAMASK = "metamask",
@@ -9,7 +8,7 @@ export declare const WalletMap: {
         name: string;
         type: WalletType;
         icon: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-            title?: string | undefined;
+            title?: string;
         }>;
         link: string;
     };
@@ -17,7 +16,7 @@ export declare const WalletMap: {
         name: string;
         type: WalletType;
         icon: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
-            title?: string | undefined;
+            title?: string;
         }>;
     };
 };

package/dist/cjs/dodoex-widgets/src/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/cjs/dodoex-widgets/src/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/cjs/dodoex-widgets/src/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/cjs/dodoex-widgets/src/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/cjs/dodoex-widgets/src/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/cjs/dodoex-widgets/src/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/cjs/dodoex-widgets/src/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/cjs/dodoex-widgets/src/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/cjs/dodoex-widgets/src/components/Bridge/BridgeSummaryDialog/orderInfoModal/RouteSteps.d.ts

@@ -0,0 +1,6 @@
+import { CSSProperties } from 'react';
+import { BridgeRouteI } from '../../../../hooks/Bridge';
+export declare function RouteSteps({ marginTop, route, }: {
+    marginTop?: CSSProperties['marginTop'];
+    route: BridgeRouteI;
+}): JSX.Element;

package/dist/cjs/dodoex-widgets/src/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/cjs/dodoex-widgets/src/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/cjs/dodoex-widgets/src/components/Bridge/SelectBridgeDialog/DirectionLine.d.ts

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

package/dist/cjs/dodoex-widgets/src/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/cjs/dodoex-widgets/src/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/cjs/dodoex-widgets/src/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/cjs/dodoex-widgets/src/components/Bridge/SelectBridgeDialog/index.d.ts

@@ -0,0 +1,9 @@
+import { Dispatch, SetStateAction } from 'react';
+import { BridgeRouteI } from '../../../hooks/Bridge/useFetchRoutePriceBridge';
+export default function SelectBridgeDialog({ open, onClose, selectedRouteId, setSelectRouteId, bridgeRouteList, }: {
+    open: boolean;
+    onClose: () => void;
+    selectedRouteId: string;
+    setSelectRouteId: Dispatch<SetStateAction<string>>;
+    bridgeRouteList: Array<BridgeRouteI>;
+}): JSX.Element;

package/dist/cjs/dodoex-widgets/src/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/cjs/dodoex-widgets/src/components/CardWidgets.d.ts

@@ -0,0 +1,49 @@
+import { ChainId } from '@dodoex/api';
+import { BoxProps } from '@dodoex/components';
+import BigNumber from 'bignumber.js';
+import { TokenInfo } from '../hooks/Token';
+export declare function CardStatus({ isMobile, loading, empty, children, }: React.PropsWithChildren<{
+    isMobile: boolean;
+    loading: boolean;
+    empty: boolean;
+}>): 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/cjs/dodoex-widgets/src/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/cjs/dodoex-widgets/src/components/ConnectWallet/ConnectWalletDialog.d.ts

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

package/dist/cjs/dodoex-widgets/src/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/cjs/dodoex-widgets/src/components/ConnectWallet/OpenConnectWalletInfo.d.ts

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

package/dist/cjs/dodoex-widgets/src/components/CopyTooltipToast.d.ts

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

package/dist/cjs/dodoex-widgets/src/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/cjs/dodoex-widgets/src/components/Dialog.d.ts

@@ -0,0 +1 @@
+export { default } from './Swap/components/Dialog';

package/dist/cjs/dodoex-widgets/src/components/ErrorMessageDialog.d.ts

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

package/dist/cjs/dodoex-widgets/src/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/cjs/dodoex-widgets/src/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/cjs/dodoex-widgets/src/components/List/EmptyList.d.ts

@@ -0,0 +1,7 @@
+import { BoxProps } from '@dodoex/components';
+import React from 'react';
+export declare function EmptyList({ sx, hasSearch, emptyText, }: {
+    sx?: BoxProps['sx'];
+    hasSearch?: boolean;
+    emptyText?: React.ReactNode;
+}): JSX.Element;

package/dist/cjs/dodoex-widgets/src/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/cjs/dodoex-widgets/src/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/cjs/dodoex-widgets/src/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/cjs/dodoex-widgets/src/components/Message/index.d.ts

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

package/dist/cjs/dodoex-widgets/src/components/RiskDialog.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export default function RiskDialog({ open, onClose, alertContent, onConfirm, }: {
+    open: boolean;
+    onClose: () => void;
+    alertContent?: React.ReactNode;
+    onConfirm?: () => void;
+}): JSX.Element;

package/dist/cjs/dodoex-widgets/src/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/cjs/dodoex-widgets/src/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/cjs/dodoex-widgets/src/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/cjs/dodoex-widgets/src/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/cjs/dodoex-widgets/src/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/cjs/dodoex-widgets/src/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/cjs/dodoex-widgets/src/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/cjs/dodoex-widgets/src/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;