@dodoex/widgets 3.0.0-taiko.2 → 3.0.0-taiko.20

package/dist/cjs/widgets/PoolWidget/hooks/usePoolDetail.d.ts

@@ -20,7 +20,7 @@ export declare function usePoolDetail({ id, chainId, }: {
         cpCreatedAtTimestamp: string | undefined;
         id: string;
         creator: any;
-        owner?: any;
+        owner?: any | null;
         traderCount: any;
         volumeBaseToken: any;
         volumeQuoteToken: any;
@@ -29,8 +29,8 @@ export declare function usePoolDetail({ id, chainId, }: {
         feeQuote: any;
         mtFeeRate: any;
         lpFeeRate: any;
-        i?: any;
-        k?: any;
+        i?: any | null;
+        k?: any | null;
         baseReserve: any;
         quoteReserve: any;
         createdAtTimestamp: any;
@@ -39,12 +39,12 @@ export declare function usePoolDetail({ id, chainId, }: {
             id: string;
             symbol: string;
             name: string;
-        } | null | undefined;
+        } | null;
         quoteLpToken?: {
             id: string;
             symbol: string;
             name: string;
-        } | null | undefined;
+        } | null;
     } | null;
     data: import("@dodoex/api/dist/gql/graphql").FetchPoolQuery;
     error: Error;
@@ -68,8 +68,8 @@ export declare function usePoolDetail({ id, chainId, }: {
     isPlaceholderData: boolean;
     isRefetching: boolean;
     isStale: boolean;
-    refetch: (options?: import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa")._ | undefined) => Promise<import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").ae<import("@dodoex/api/dist/gql/graphql").FetchPoolQuery, Error>>;
-    fetchStatus: import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").a6;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@dodoex/api/dist/gql/graphql").FetchPoolQuery, Error>>;
+    fetchStatus: import("@tanstack/react-query").FetchStatus;
 } | {
     poolDetail: {
         address: string;
@@ -87,7 +87,7 @@ export declare function usePoolDetail({ id, chainId, }: {
         cpCreatedAtTimestamp: string | undefined;
         id: string;
         creator: any;
-        owner?: any;
+        owner?: any | null;
         traderCount: any;
         volumeBaseToken: any;
         volumeQuoteToken: any;
@@ -96,8 +96,8 @@ export declare function usePoolDetail({ id, chainId, }: {
         feeQuote: any;
         mtFeeRate: any;
         lpFeeRate: any;
-        i?: any;
-        k?: any;
+        i?: any | null;
+        k?: any | null;
         baseReserve: any;
         quoteReserve: any;
         createdAtTimestamp: any;
@@ -106,12 +106,12 @@ export declare function usePoolDetail({ id, chainId, }: {
             id: string;
             symbol: string;
             name: string;
-        } | null | undefined;
+        } | null;
         quoteLpToken?: {
             id: string;
             symbol: string;
             name: string;
-        } | null | undefined;
+        } | null;
     } | null;
     data: import("@dodoex/api/dist/gql/graphql").FetchPoolQuery;
     error: null;
@@ -135,8 +135,8 @@ export declare function usePoolDetail({ id, chainId, }: {
     isPlaceholderData: boolean;
     isRefetching: boolean;
     isStale: boolean;
-    refetch: (options?: import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa")._ | undefined) => Promise<import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").ae<import("@dodoex/api/dist/gql/graphql").FetchPoolQuery, Error>>;
-    fetchStatus: import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").a6;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@dodoex/api/dist/gql/graphql").FetchPoolQuery, Error>>;
+    fetchStatus: import("@tanstack/react-query").FetchStatus;
 } | {
     poolDetail: {
         address: string;
@@ -154,7 +154,7 @@ export declare function usePoolDetail({ id, chainId, }: {
         cpCreatedAtTimestamp: string | undefined;
         id: string;
         creator: any;
-        owner?: any;
+        owner?: any | null;
         traderCount: any;
         volumeBaseToken: any;
         volumeQuoteToken: any;
@@ -163,8 +163,8 @@ export declare function usePoolDetail({ id, chainId, }: {
         feeQuote: any;
         mtFeeRate: any;
         lpFeeRate: any;
-        i?: any;
-        k?: any;
+        i?: any | null;
+        k?: any | null;
         baseReserve: any;
         quoteReserve: any;
         createdAtTimestamp: any;
@@ -173,12 +173,12 @@ export declare function usePoolDetail({ id, chainId, }: {
             id: string;
             symbol: string;
             name: string;
-        } | null | undefined;
+        } | null;
         quoteLpToken?: {
             id: string;
             symbol: string;
             name: string;
-        } | null | undefined;
+        } | null;
     } | null;
     data: undefined;
     error: Error;
@@ -202,8 +202,8 @@ export declare function usePoolDetail({ id, chainId, }: {
     isPlaceholderData: boolean;
     isRefetching: boolean;
     isStale: boolean;
-    refetch: (options?: import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa")._ | undefined) => Promise<import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").ae<import("@dodoex/api/dist/gql/graphql").FetchPoolQuery, Error>>;
-    fetchStatus: import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").a6;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@dodoex/api/dist/gql/graphql").FetchPoolQuery, Error>>;
+    fetchStatus: import("@tanstack/react-query").FetchStatus;
 } | {
     poolDetail: {
         address: string;
@@ -221,7 +221,7 @@ export declare function usePoolDetail({ id, chainId, }: {
         cpCreatedAtTimestamp: string | undefined;
         id: string;
         creator: any;
-        owner?: any;
+        owner?: any | null;
         traderCount: any;
         volumeBaseToken: any;
         volumeQuoteToken: any;
@@ -230,8 +230,8 @@ export declare function usePoolDetail({ id, chainId, }: {
         feeQuote: any;
         mtFeeRate: any;
         lpFeeRate: any;
-        i?: any;
-        k?: any;
+        i?: any | null;
+        k?: any | null;
         baseReserve: any;
         quoteReserve: any;
         createdAtTimestamp: any;
@@ -240,12 +240,12 @@ export declare function usePoolDetail({ id, chainId, }: {
             id: string;
             symbol: string;
             name: string;
-        } | null | undefined;
+        } | null;
         quoteLpToken?: {
             id: string;
             symbol: string;
             name: string;
-        } | null | undefined;
+        } | null;
     } | null;
     data: undefined;
     error: null;
@@ -269,8 +269,8 @@ export declare function usePoolDetail({ id, chainId, }: {
     isPlaceholderData: boolean;
     isRefetching: boolean;
     isStale: boolean;
-    refetch: (options?: import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa")._ | undefined) => Promise<import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").ae<import("@dodoex/api/dist/gql/graphql").FetchPoolQuery, Error>>;
-    fetchStatus: import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").a6;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@dodoex/api/dist/gql/graphql").FetchPoolQuery, Error>>;
+    fetchStatus: import("@tanstack/react-query").FetchStatus;
 } | {
     poolDetail: {
         address: string;
@@ -288,7 +288,7 @@ export declare function usePoolDetail({ id, chainId, }: {
         cpCreatedAtTimestamp: string | undefined;
         id: string;
         creator: any;
-        owner?: any;
+        owner?: any | null;
         traderCount: any;
         volumeBaseToken: any;
         volumeQuoteToken: any;
@@ -297,8 +297,8 @@ export declare function usePoolDetail({ id, chainId, }: {
         feeQuote: any;
         mtFeeRate: any;
         lpFeeRate: any;
-        i?: any;
-        k?: any;
+        i?: any | null;
+        k?: any | null;
         baseReserve: any;
         quoteReserve: any;
         createdAtTimestamp: any;
@@ -307,12 +307,12 @@ export declare function usePoolDetail({ id, chainId, }: {
             id: string;
             symbol: string;
             name: string;
-        } | null | undefined;
+        } | null;
         quoteLpToken?: {
             id: string;
             symbol: string;
             name: string;
-        } | null | undefined;
+        } | null;
     } | null;
     data: undefined;
     error: null;
@@ -336,6 +336,6 @@ export declare function usePoolDetail({ id, chainId, }: {
     isPlaceholderData: boolean;
     isRefetching: boolean;
     isStale: boolean;
-    refetch: (options?: import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa")._ | undefined) => Promise<import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").ae<import("@dodoex/api/dist/gql/graphql").FetchPoolQuery, Error>>;
-    fetchStatus: import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").a6;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@dodoex/api/dist/gql/graphql").FetchPoolQuery, Error>>;
+    fetchStatus: import("@tanstack/react-query").FetchStatus;
 };

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

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

package/dist/cjs/widgets/PoolWidget/utils.d.ts

@@ -3,10 +3,10 @@ import { ChainId } from '@dodoex/api';
 import { TokenInfo } from '../../hooks/Token';
 import { OperatePool } from './PoolOperate/types';
 export declare const poolApi: PoolApi;
-export declare type FetchLiquidityListLqList = ExcludeNone<ReturnType<Exclude<typeof PoolApi.graphql.fetchLiquidityList['__apiType'], undefined>>['liquidity_list']>['lqList'];
-export declare type FetchMyLiquidityListLqList = ExcludeNone<ReturnType<Exclude<typeof PoolApi.graphql.fetchMyLiquidityList['__apiType'], undefined>>['liquidity_list']>['lqList'];
-export declare type FetchMyCreateListLqList = ExcludeNone<ReturnType<Exclude<typeof PoolApi.graphql.fetchDashboardPairList['__apiType'], undefined>>['dashboard_pairs_list']>['list'];
-export declare type FetchPoolList = ExcludeNone<ReturnType<Exclude<typeof PoolApi.graphql.fetchPoolList['__apiType'], undefined>>['pairs']>;
+export type FetchLiquidityListLqList = ExcludeNone<ReturnType<Exclude<typeof PoolApi.graphql.fetchLiquidityList['__apiType'], undefined>>['liquidity_list']>['lqList'];
+export type FetchMyLiquidityListLqList = ExcludeNone<ReturnType<Exclude<typeof PoolApi.graphql.fetchMyLiquidityList['__apiType'], undefined>>['liquidity_list']>['lqList'];
+export type FetchMyCreateListLqList = ExcludeNone<ReturnType<Exclude<typeof PoolApi.graphql.fetchDashboardPairList['__apiType'], undefined>>['dashboard_pairs_list']>['list'];
+export type FetchPoolList = ExcludeNone<ReturnType<Exclude<typeof PoolApi.graphql.fetchPoolList['__apiType'], undefined>>['pairs']>;
 export declare function convertLiquidityTokenToTokenInfo(token: {
     id: string;
     symbol: string;

package/dist/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/components/AddressWithLinkAndCopy.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BoxProps } from '@dodoex/components';
 interface AddressTextProps {
     sx?: BoxProps['sx'];

package/dist/components/AutoButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BoxProps } from '@dodoex/components';
 export declare function AutoButton({ active, sx, onClick, }: {
     active?: boolean;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BridgeRouteI } from '../../hooks/Bridge';
 export default function BridgeRouteShortCard({ route, onClick, }: {
     route?: BridgeRouteI;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BridgeRouteI } from '../../../hooks/Bridge/useFetchRoutePriceBridge';
 export default function BridgeSummaryDetail({ route, }: {
     route: BridgeRouteI;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BridgeRouteI } from '../../../hooks/Bridge/useFetchRoutePriceBridge';
 export interface BridgeTXRequest {
     data: string;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 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, }: {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare function EtherscanLinkButton({ chainId, address, children, }: {
     chainId: number;
     address: string | null;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import BigNumber from 'bignumber.js';
 import { BridgeStepTool } from '../../../../hooks/Bridge/useFetchRoutePriceBridge';
 export declare function SwapStep({ chainId, fromTokenAmount, toTokenAmount, fromTokenDecimals, fromTokenSymbol, toTokenDecimals, toTokenSymbol, hash, toolDetails, }: {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BoxProps } from '@dodoex/components';
 import { BridgeStep } from '../../../hooks/Bridge/useFetchRoutePriceBridge';
 export declare function BridgeLogo({ size, toolDetails, nameMarginLeft, logoMarginLeft, nameSx, }: {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare function DirectionLine({ children }: {
     children: React.ReactNode;
 }): JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import BigNumber from 'bignumber.js';
 import { BridgeRouteI } from '../../../hooks/Bridge/useFetchRoutePriceBridge';
 import { TokenInfo } from '../../../hooks/Token/type';

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BridgeStep } from '../../../hooks/Bridge/useFetchRoutePriceBridge';
 export interface RouteTag {
     type: 'best-price' | 'no-approve';

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import BigNumber from 'bignumber.js';
 import { TokenInfo } from '../../../hooks/Token';
 /**

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

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

package/dist/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/components/Confirm.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare type ConfirmProps = React.PropsWithChildren<{
+export type ConfirmProps = React.PropsWithChildren<{
     open: boolean;
     onClose: () => void;
     title?: React.ReactNode;
@@ -12,5 +12,6 @@ export declare type ConfirmProps = React.PropsWithChildren<{
     confirmLoading?: boolean;
     isManualClose?: boolean;
     onConfirm?: () => void;
+    modal?: boolean;
 }>;
 export default function Confirm(props: ConfirmProps): JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export default function ConnectWalletDialog({ open, onClose, }: {
     open: boolean;
     onClose: () => void;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ButtonProps } from '@dodoex/components';
 import { ChainId } from '@dodoex/api';
 export default function NeedConnectButton({ chainId, includeButton, ...props }: ButtonProps & {

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

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

package/dist/components/CopyTooltipToast.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BoxProps } from '@dodoex/components';
 export declare function CopyTooltipToast({ copyText, size, sx, componentProps, onClick, }: {
     copyText?: string;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BoxProps } from '@dodoex/components';
 export declare function DataCardGroup({ children, sx, gap, repeatBaseForLargeScreen, }: {
     children?: React.ReactNode;

package/dist/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/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/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/components/DateTimePickerInput/utils/index.d.ts

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

package/dist/components/ErrorMessageDialog.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export default function ErrorMessageDialog({ message, onClose, }: {
     message?: string;
     onClose: () => void;

package/dist/components/GoBack.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BoxProps } from '@dodoex/components';
 export default function GoBack({ sx, onClick, }: {
     sx?: BoxProps['sx'];

package/dist/components/HowItWorks.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BoxProps } from '@dodoex/components';
 export declare function HowItWorks({ title, desc, linkTo, LeftImage, sx, }: {
     title: React.ReactNode;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BoxProps } from '@dodoex/components';
 export declare function FailedList({ sx, refresh, }: {
     sx?: BoxProps['sx'];

package/dist/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/components/LoadingRotation.d.ts

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

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

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

package/dist/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/components/SelectChain.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { BoxProps } from '@dodoex/components';
-export default function SelectChain({ chainId, setChainId, logoWidth, mobileLogoWidth, mainLogoWidth, mainMobileLogoWidth, notShowAllChain, sx, }: {
+export default function SelectChain({ chainId, setChainId, logoWidth, mobileLogoWidth, mainLogoWidth, mainMobileLogoWidth, notShowAllChain, valueOnlyIcon, sx, }: {
     chainId: number | undefined;
     setChainId: (chainId: number | undefined) => void;
     logoWidth?: number;
@@ -8,5 +7,6 @@ export default function SelectChain({ chainId, setChainId, logoWidth, mobileLogo
     mainLogoWidth?: number;
     mainMobileLogoWidth?: number;
     notShowAllChain?: boolean;
+    valueOnlyIcon?: boolean;
     sx?: BoxProps['sx'];
 }): JSX.Element;

package/dist/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/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/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/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/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/components/Swap/components/ConnectWallet/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ChainId } from '@dodoex/api';
 export interface ConnectWalletProps {
     needSwitchChain?: ChainId;