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

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

@@ -0,0 +1,341 @@
+import { ChainId, PoolType } from '@dodoex/api';
+import { TokenInfo } from '../../../hooks/Token';
+export declare function usePoolDetail({ id, chainId, }: {
+    id: string | undefined;
+    chainId: ChainId | undefined;
+}): {
+    poolDetail: {
+        address: string;
+        type: PoolType;
+        chainId: ChainId;
+        baseToken: TokenInfo;
+        quoteToken: TokenInfo;
+        miningAddress: string;
+        baseApy: string | undefined;
+        quoteApy: string | undefined;
+        isCpPool: boolean;
+        cpAddress: string | undefined;
+        cpLiquidator: string | undefined;
+        cpCreator: string | undefined;
+        cpCreatedAtTimestamp: string | undefined;
+        id: string;
+        creator: any;
+        owner?: any;
+        traderCount: any;
+        volumeBaseToken: any;
+        volumeQuoteToken: any;
+        volumeUSD: any;
+        feeBase: any;
+        feeQuote: any;
+        mtFeeRate: any;
+        lpFeeRate: any;
+        i?: any;
+        k?: any;
+        baseReserve: any;
+        quoteReserve: any;
+        createdAtTimestamp: any;
+        lastTradePrice: any;
+        baseLpToken?: {
+            id: string;
+            symbol: string;
+            name: string;
+        } | null | undefined;
+        quoteLpToken?: {
+            id: string;
+            symbol: string;
+            name: string;
+        } | null | undefined;
+    } | null;
+    data: import("@dodoex/api/dist/gql/graphql").FetchPoolQuery;
+    error: Error;
+    isError: true;
+    isPending: false;
+    isLoading: false;
+    isLoadingError: false;
+    isRefetchError: true;
+    isSuccess: false;
+    status: "error";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    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;
+} | {
+    poolDetail: {
+        address: string;
+        type: PoolType;
+        chainId: ChainId;
+        baseToken: TokenInfo;
+        quoteToken: TokenInfo;
+        miningAddress: string;
+        baseApy: string | undefined;
+        quoteApy: string | undefined;
+        isCpPool: boolean;
+        cpAddress: string | undefined;
+        cpLiquidator: string | undefined;
+        cpCreator: string | undefined;
+        cpCreatedAtTimestamp: string | undefined;
+        id: string;
+        creator: any;
+        owner?: any;
+        traderCount: any;
+        volumeBaseToken: any;
+        volumeQuoteToken: any;
+        volumeUSD: any;
+        feeBase: any;
+        feeQuote: any;
+        mtFeeRate: any;
+        lpFeeRate: any;
+        i?: any;
+        k?: any;
+        baseReserve: any;
+        quoteReserve: any;
+        createdAtTimestamp: any;
+        lastTradePrice: any;
+        baseLpToken?: {
+            id: string;
+            symbol: string;
+            name: string;
+        } | null | undefined;
+        quoteLpToken?: {
+            id: string;
+            symbol: string;
+            name: string;
+        } | null | undefined;
+    } | null;
+    data: import("@dodoex/api/dist/gql/graphql").FetchPoolQuery;
+    error: null;
+    isError: false;
+    isPending: false;
+    isLoading: false;
+    isLoadingError: false;
+    isRefetchError: false;
+    isSuccess: true;
+    status: "success";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    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;
+} | {
+    poolDetail: {
+        address: string;
+        type: PoolType;
+        chainId: ChainId;
+        baseToken: TokenInfo;
+        quoteToken: TokenInfo;
+        miningAddress: string;
+        baseApy: string | undefined;
+        quoteApy: string | undefined;
+        isCpPool: boolean;
+        cpAddress: string | undefined;
+        cpLiquidator: string | undefined;
+        cpCreator: string | undefined;
+        cpCreatedAtTimestamp: string | undefined;
+        id: string;
+        creator: any;
+        owner?: any;
+        traderCount: any;
+        volumeBaseToken: any;
+        volumeQuoteToken: any;
+        volumeUSD: any;
+        feeBase: any;
+        feeQuote: any;
+        mtFeeRate: any;
+        lpFeeRate: any;
+        i?: any;
+        k?: any;
+        baseReserve: any;
+        quoteReserve: any;
+        createdAtTimestamp: any;
+        lastTradePrice: any;
+        baseLpToken?: {
+            id: string;
+            symbol: string;
+            name: string;
+        } | null | undefined;
+        quoteLpToken?: {
+            id: string;
+            symbol: string;
+            name: string;
+        } | null | undefined;
+    } | null;
+    data: undefined;
+    error: Error;
+    isError: true;
+    isPending: false;
+    isLoading: false;
+    isLoadingError: true;
+    isRefetchError: false;
+    isSuccess: false;
+    status: "error";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    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;
+} | {
+    poolDetail: {
+        address: string;
+        type: PoolType;
+        chainId: ChainId;
+        baseToken: TokenInfo;
+        quoteToken: TokenInfo;
+        miningAddress: string;
+        baseApy: string | undefined;
+        quoteApy: string | undefined;
+        isCpPool: boolean;
+        cpAddress: string | undefined;
+        cpLiquidator: string | undefined;
+        cpCreator: string | undefined;
+        cpCreatedAtTimestamp: string | undefined;
+        id: string;
+        creator: any;
+        owner?: any;
+        traderCount: any;
+        volumeBaseToken: any;
+        volumeQuoteToken: any;
+        volumeUSD: any;
+        feeBase: any;
+        feeQuote: any;
+        mtFeeRate: any;
+        lpFeeRate: any;
+        i?: any;
+        k?: any;
+        baseReserve: any;
+        quoteReserve: any;
+        createdAtTimestamp: any;
+        lastTradePrice: any;
+        baseLpToken?: {
+            id: string;
+            symbol: string;
+            name: string;
+        } | null | undefined;
+        quoteLpToken?: {
+            id: string;
+            symbol: string;
+            name: string;
+        } | null | undefined;
+    } | null;
+    data: undefined;
+    error: null;
+    isError: false;
+    isPending: true;
+    isLoading: true;
+    isLoadingError: false;
+    isRefetchError: false;
+    isSuccess: false;
+    status: "pending";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    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;
+} | {
+    poolDetail: {
+        address: string;
+        type: PoolType;
+        chainId: ChainId;
+        baseToken: TokenInfo;
+        quoteToken: TokenInfo;
+        miningAddress: string;
+        baseApy: string | undefined;
+        quoteApy: string | undefined;
+        isCpPool: boolean;
+        cpAddress: string | undefined;
+        cpLiquidator: string | undefined;
+        cpCreator: string | undefined;
+        cpCreatedAtTimestamp: string | undefined;
+        id: string;
+        creator: any;
+        owner?: any;
+        traderCount: any;
+        volumeBaseToken: any;
+        volumeQuoteToken: any;
+        volumeUSD: any;
+        feeBase: any;
+        feeQuote: any;
+        mtFeeRate: any;
+        lpFeeRate: any;
+        i?: any;
+        k?: any;
+        baseReserve: any;
+        quoteReserve: any;
+        createdAtTimestamp: any;
+        lastTradePrice: any;
+        baseLpToken?: {
+            id: string;
+            symbol: string;
+            name: string;
+        } | null | undefined;
+        quoteLpToken?: {
+            id: string;
+            symbol: string;
+            name: string;
+        } | null | undefined;
+    } | null;
+    data: undefined;
+    error: null;
+    isError: false;
+    isPending: true;
+    isLoadingError: false;
+    isRefetchError: false;
+    isSuccess: false;
+    status: "pending";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isLoading: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    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;
+};

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

@@ -0,0 +1,16 @@
+import { PoolType } from '@dodoex/api';
+import { Theme } from '@dodoex/components';
+import BigNumber from 'bignumber.js';
+export declare const getPoolTypeTag: (type: PoolType, quoteReserve: BigNumber | undefined | null, theme: Theme) => {
+    typeLabel: string;
+    typeColor: any;
+    typeBgColor: string;
+};
+export declare const usePoolTypeTag: ({ type, quoteReserve, }: {
+    type: PoolType;
+    quoteReserve: BigNumber | undefined | null;
+}) => {
+    typeLabel: string;
+    typeColor: any;
+    typeBgColor: string;
+};

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

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

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

@@ -0,0 +1,17 @@
+import { PoolApi, ExcludeNone } from '@dodoex/api';
+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 FetchPoolList = ExcludeNone<ReturnType<Exclude<typeof PoolApi.graphql.fetchPoolList['__apiType'], undefined>>['pairs']>;
+export declare function convertLiquidityTokenToTokenInfo(token: {
+    id: string;
+    symbol: string;
+    name: string;
+    decimals: number;
+    logoImg?: string | null;
+} | undefined, chainId: ChainId | number): TokenInfo | undefined;
+export declare function convertFetchLiquidityToOperateData(lqData: ExcludeNone<FetchLiquidityListLqList>[0]): OperatePool;
+export declare function convertFetchPoolToOperateData(pool: FetchPoolList[0], chainId: number): OperatePool;

package/dist/components/AddressWithLinkAndCopy.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+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;
+}
+export declare function AddressWithLinkAndCopy({ address, truncate, showCopy, size, iconSize, iconSpace: iconSpaceProps, sx, iconDarkHover, disabledAddress, addressHoverColor, addressHoverShowIcon, customChainId, handleOpen, }: Props): JSX.Element;
+export {};

package/dist/components/AutoButton.d.ts

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

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

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

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

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

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

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+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/components/Bridge/BridgeSummaryDialog/orderInfoModal/CrossStep.d.ts

@@ -0,0 +1,16 @@
+/// <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, }: {
+    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/components/Bridge/BridgeSummaryDialog/orderInfoModal/EtherscanLinkButton.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare function EtherscanLinkButton({ chainId, address, children, }: {
+    chainId: number;
+    address: string | null;
+    children: React.ReactNode;
+}): JSX.Element;

package/dist/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/components/Bridge/BridgeSummaryDialog/orderInfoModal/SwapStep.d.ts

@@ -0,0 +1,14 @@
+/// <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, }: {
+    chainId: number;
+    fromTokenAmount: BigNumber;
+    toTokenAmount: BigNumber;
+    fromTokenSymbol: string;
+    fromTokenDecimals: number;
+    toTokenSymbol: string;
+    toTokenDecimals: number;
+    hash: string | null;
+    toolDetails: BridgeStepTool;
+}): JSX.Element;

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+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/components/Bridge/SelectBridgeDialog/DirectionLine.d.ts

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

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

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+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/components/Bridge/SelectBridgeDialog/RouteTagList.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+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/components/Bridge/SelectBridgeDialog/TokenWithChain.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+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/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/components/Bridge/SelectBridgeDialog/productList.d.ts

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

package/dist/components/Confirm.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+export default function Confirm({ open, onClose, title, children, singleBtn, danger, singleBtnText, cancelText, confirmText, disabledConfirm, confirmLoading, isManualClose, onConfirm, }: 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;
+}>): JSX.Element;

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export default function ConnectWalletDialog({ open, onClose, }: {
+    open: boolean;
+    onClose: () => void;
+}): JSX.Element;

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+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/components/ConnectWallet/OpenConnectWalletInfo.d.ts

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

package/dist/components/CopyTooltipToast.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+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/components/DataCard/DataCardGroup.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+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/components/Dialog.d.ts

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

package/dist/components/ErrorMessageDialog.d.ts

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

package/dist/components/GoBack.d.ts

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