@dodoex/widgets 3.2.2 → 3.2.3

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

@@ -0,0 +1,40 @@
+import { BoxProps } from '@dodoex/components';
+import { TokenInfo } from '../../../../hooks/Token';
+import { TokenPickerProps } from '../../../TokenPicker';
+import BigNumber from 'bignumber.js';
+import { ChainId } from '@dodoex/api';
+import { BalanceData } from '../../../../hooks/Submission/useBalanceUpdateLoading';
+export interface TokenCardProps {
+    amt: string;
+    fiatPriceTxt?: string | React.ReactNode;
+    sx?: BoxProps['sx'];
+    inputSx?: BoxProps['sx'];
+    readOnly?: boolean;
+    showMaxBtn?: boolean;
+    canClickBalance?: boolean;
+    occupiedAddrs?: string[];
+    occupiedChainId?: TokenPickerProps['occupiedChainId'];
+    onMaxClick?: (max: string) => void;
+    token?: TokenInfo | null;
+    onInputChange?: (v: string) => void;
+    onInputFocus?: () => void;
+    onTokenClick?: () => void;
+    onTokenChange?: (token: TokenInfo, isOccupied: boolean) => void;
+    side?: TokenPickerProps['side'];
+    showChainLogo?: boolean;
+    showChainName?: boolean;
+    defaultLoadBalance?: boolean;
+    overrideBalance?: BigNumber | null;
+    overrideBalanceLoading?: boolean;
+    balanceText?: React.ReactNode;
+    showPercentage?: boolean;
+    inputReadonlyTooltip?: React.ReactNode;
+    inputTypography?: string;
+    chainId?: ChainId;
+    hideToken?: boolean;
+    checkLogBalance?: BalanceData;
+    notTokenPickerModal?: boolean;
+}
+export declare function CardPlus(): JSX.Element;
+export declare function CardPlusConnected(): JSX.Element;
+export declare function TokenCard({ sx, inputSx, amt, token, readOnly, showMaxBtn, canClickBalance, onMaxClick, fiatPriceTxt, occupiedAddrs, occupiedChainId, onInputFocus, onTokenClick, onInputChange, onTokenChange, side, showChainLogo, showChainName, defaultLoadBalance, overrideBalance, overrideBalanceLoading, balanceText, showPercentage, inputReadonlyTooltip, inputTypography, chainId, hideToken, checkLogBalance, notTokenPickerModal, }: TokenCardProps): JSX.Element;

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

@@ -0,0 +1,9 @@
+import { TokenInfo } from '../../../hooks/Token';
+import { RoutePriceStatus } from '../../../hooks/Swap';
+export declare function TokenPairPriceWithToggle({ toToken, fromToken, priceStatus, pricePerToToken, pricePerFromToken, }: {
+    toToken: TokenInfo | null;
+    fromToken: TokenInfo | null;
+    priceStatus: RoutePriceStatus;
+    pricePerToToken: number | null;
+    pricePerFromToken: number | null;
+}): JSX.Element;

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

@@ -0,0 +1,17 @@
+import { ReactElement } from 'react';
+import { TokenInfo } from '../../hooks/Token/type';
+import { GetAutoSlippage } from '../../hooks/setting/useSetAutoSlippage';
+export interface SwapProps {
+    showPreviewInfoCard?: boolean;
+    slippageQuickInput?: boolean;
+    /** Higher priority setting slippage */
+    getAutoSlippage?: GetAutoSlippage;
+    onPayTokenChange?: (token: TokenInfo) => void;
+    onReceiveTokenChange?: (token: TokenInfo) => void;
+    Header?: (props: {
+        isBridge?: boolean;
+        onClickSetting: () => void;
+    }) => ReactElement | null;
+    switchDefualtPrimary?: boolean;
+}
+export declare function Swap({ showPreviewInfoCard, slippageQuickInput, Header, switchDefualtPrimary, getAutoSlippage, onPayTokenChange, onReceiveTokenChange, }?: SwapProps): JSX.Element;

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

@@ -0,0 +1,6 @@
+import { ChainId } from '@dodoex/api';
+export default function SwitchChainDialog({ chainId, open, onClose, }: {
+    chainId?: ChainId;
+    open: boolean;
+    onClose: () => void;
+}): JSX.Element;

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

@@ -0,0 +1,6 @@
+import { BoxProps } from '@dodoex/components';
+export default function Table({ sx, children, hasMore, loadMore, loadMoreLoading, ...props }: BoxProps & {
+    hasMore?: boolean;
+    loadMore?: () => void;
+    loadMoreLoading?: boolean;
+}): JSX.Element;

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

@@ -0,0 +1,13 @@
+import { BoxProps } from '@dodoex/components';
+/**
+ * Text type Switch button: supports On and Off states
+ * @param param0
+ * @returns
+ */
+export declare function TextSwitch({ checked, onChange, sx, disabled, defualtPrimary, }: {
+    sx?: BoxProps['sx'];
+    checked: boolean;
+    onChange: (v: boolean) => void;
+    disabled?: boolean;
+    defualtPrimary?: boolean;
+}): JSX.Element;

package/dist/types/components/Token/TokenItem.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export default function TokenItem({ chainId, address, showName, size, offset, rightContent, }: {
+    chainId: number;
+    address: string;
+    showName: string;
+    size: number;
+    offset?: number;
+    rightContent?: React.ReactNode;
+}): JSX.Element;

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

@@ -0,0 +1,20 @@
+import React from 'react';
+import { BoxProps } from '@dodoex/components';
+import { TokenInfo } from '../hooks/Token';
+export interface TokenLogoProps {
+    address?: string;
+    token?: TokenInfo;
+    width?: number;
+    height?: number;
+    marginRight?: number;
+    url?: string;
+    zIndex?: number;
+    cross?: boolean;
+    sx?: BoxProps['sx'];
+    chainId?: number;
+    noShowChain?: boolean;
+    noBorder?: boolean;
+    chainSize?: number;
+    logoOffset?: number;
+}
+export default function TokenLogo({ width, height, marginRight, url, zIndex, cross, address: addressProps, token: tokenProps, sx, chainId: chainIdProp, noShowChain, noBorder, chainSize, logoOffset: logoOffsetProps, }: TokenLogoProps): React.ReactElement;

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

@@ -0,0 +1,16 @@
+import { BoxProps } from '@dodoex/components';
+export interface TokenLogoPairProps {
+    tokens: Array<{
+        address?: string;
+        logoURI?: string;
+    } | string>;
+    width?: number;
+    height?: number;
+    gap?: number;
+    cross?: boolean;
+    mr?: number;
+    chainId?: number;
+    showChainLogo?: boolean;
+    sx?: BoxProps['sx'];
+}
+export declare function TokenLogoPair({ tokens, width, height, gap, cross, mr, chainId, showChainLogo: showChainLogoProps, sx, }: TokenLogoPairProps): JSX.Element;

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

@@ -0,0 +1,18 @@
+import { BoxProps } from '@dodoex/components';
+/**
+ *
+ * @param param0
+ * @returns
+ * @deprecated
+ */
+export default function TokenLogoSimple({ address, url, symbol, width, height, marginRight, zIndex, sx, onLoadedLogoUrl, }: {
+    address: string | undefined;
+    url: string;
+    symbol?: string;
+    width: number;
+    height: number;
+    marginRight?: number;
+    zIndex?: number;
+    sx?: BoxProps['sx'];
+    onLoadedLogoUrl?: (isLoaded: boolean) => void;
+}): JSX.Element;

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

@@ -0,0 +1,6 @@
+import { ButtonProps } from '@dodoex/components';
+import { useTokenStatus } from '../hooks/Token/useTokenStatus';
+export default function TokenPairStatusButton({ statuses, children, buttonProps, }: React.PropsWithChildren<{
+    statuses: Array<ReturnType<typeof useTokenStatus>>;
+    buttonProps?: ButtonProps;
+}>): JSX.Element;

package/dist/types/components/TokenPicker/PopularToken.d.ts

@@ -0,0 +1,6 @@
+import { TokenInfo } from '../../hooks/Token';
+export default function PopularToken({ token, disabled, onClick, }: {
+    token: TokenInfo;
+    disabled: boolean;
+    onClick: () => void;
+}): JSX.Element;

package/dist/types/components/TokenPicker/SelectChainItem.d.ts

@@ -0,0 +1,6 @@
+import { ChainListItem } from '../../constants/chainList';
+export default function SelectChainItem({ chain, active, onClick, }: {
+    chain: ChainListItem;
+    active: boolean;
+    onClick?: () => void;
+}): JSX.Element;

package/dist/types/components/TokenPicker/TokenItem.d.ts

@@ -0,0 +1,10 @@
+import { CSSProperties } from 'react';
+import { TokenInfo } from './../../hooks/Token';
+import BigNumber from 'bignumber.js';
+export default function TokenItem({ token, disabled, style, balance: balanceBigNumber, onClick, }: {
+    token: TokenInfo;
+    disabled?: boolean;
+    style?: CSSProperties;
+    balance?: BigNumber;
+    onClick: () => void;
+}): JSX.Element;

package/dist/types/components/TokenPicker/TokenSearchLoadingSkelton.d.ts

@@ -0,0 +1 @@
+export declare function TokenSearchLoadingSkelton(): JSX.Element;

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

@@ -0,0 +1,25 @@
+import { BoxProps } from '@dodoex/components';
+import type { TokenInfo } from '../../hooks/Token';
+import { ChainId } from '@dodoex/api';
+export interface TokenPickerProps {
+    chainId?: ChainId;
+    value?: TokenInfo | null | Array<TokenInfo>;
+    onChange: (token: TokenInfo | Array<TokenInfo>, isOccupied: boolean) => void;
+    /** token pair usage */
+    occupiedAddrs?: string[];
+    /** token pair usage */
+    occupiedChainId?: ChainId;
+    /** hide props */
+    hiddenAddrs?: string[];
+    /** only show props */
+    showAddrs?: string[];
+    visible?: boolean;
+    side?: 'from' | 'to';
+    defaultLoadBalance?: boolean;
+    multiple?: boolean;
+    searchPlaceholder?: string;
+    /** like search pool address */
+    searchOtherAddress?: (address: string) => Promise<JSX.Element | null>;
+    sx?: BoxProps['sx'];
+}
+export default function TokenPicker({ chainId, value, onChange, occupiedAddrs, occupiedChainId, hiddenAddrs, showAddrs, visible, side, defaultLoadBalance, multiple, searchPlaceholder, searchOtherAddress, sx, }: TokenPickerProps): JSX.Element;

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

@@ -0,0 +1,21 @@
+import { TokenInfo } from '../hooks/Token/type';
+import { ChainId } from '@dodoex/api';
+export default function TokenSelect({ token, chainId: chainIdProps, showChainLogo, readonly, showChainName: showChainNameProps, logoSize, chainLogoSize, side, occupiedToken, defaultLoadBalance, notTokenPickerModal, border, px, py, highlightDefault, onTokenClick, onTokenChange, }: {
+    token?: TokenInfo | null;
+    chainId?: ChainId;
+    showChainLogo?: boolean;
+    readonly?: boolean;
+    showChainName?: boolean;
+    logoSize?: number;
+    chainLogoSize?: number;
+    side?: TokenInfo['side'];
+    occupiedToken?: TokenInfo;
+    defaultLoadBalance?: boolean;
+    notTokenPickerModal?: boolean;
+    border?: boolean;
+    px?: number;
+    py?: number;
+    highlightDefault?: boolean;
+    onTokenClick?: () => void;
+    onTokenChange?: (token: TokenInfo, isOccupied: boolean) => void;
+}): JSX.Element;

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

@@ -0,0 +1,6 @@
+import { ButtonProps } from '@dodoex/components';
+import { useTokenStatus } from '../hooks/Token/useTokenStatus';
+export default function TokenStatusButton({ status, children, buttonProps, }: React.PropsWithChildren<{
+    status: ReturnType<typeof useTokenStatus>;
+    buttonProps?: ButtonProps;
+}>): JSX.Element;

package/dist/types/components/Tooltip/QuestionTooltip.d.ts

@@ -0,0 +1,2 @@
+import { QuestionTooltipProps } from '@dodoex/components';
+export default function QuestionTooltip({ sx, ...props }: QuestionTooltipProps): JSX.Element;

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

@@ -0,0 +1 @@
+export { default as QuestionTooltip } from './QuestionTooltip';

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import { WidgetProps } from './Widget';
+export declare const UserOptionsContext: React.Context<WidgetProps | null>;
+type UserOptionsProviderProps = React.PropsWithChildren<WidgetProps>;
+export declare function UserOptionsProvider({ children, ...props }: UserOptionsProviderProps): JSX.Element;
+export declare function useUserOptions<T = WidgetProps>(selector?: (state: WidgetProps) => T): T;
+export {};

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

@@ -0,0 +1,101 @@
+import { ChainId, ContractRequests, GraphQLRequests } from '@dodoex/api';
+import { EmptyDataIcon, PaletteMode, ThemeOptions } from '@dodoex/components';
+import { PropsWithChildren } from 'react';
+import { APIServices } from '../../constants/api';
+import { SupportedLang } from '../../constants/locales';
+import { Web3ConnectorsProps } from '../../hooks/ConnectWallet';
+import { ExecutionProps } from '../../hooks/Submission';
+import { DefaultTokenInfo, TokenInfo } from '../../hooks/Token/type';
+import { InitTokenListProps } from '../../hooks/Token/useInitTokenList';
+import { ConfirmProps } from '../Confirm';
+import { DialogProps } from '../Swap/components/Dialog';
+import { Page } from '../../router';
+import { ExecutionCtx } from '../../hooks/Submission/types';
+import { TokenPickerDialogProps } from '../Swap/components/TokenCard/TokenPickerDialog';
+export declare const WIDGET_CLASS_NAME = "dodo-widget-container";
+export interface WidgetProps extends Web3ConnectorsProps, InitTokenListProps, ExecutionProps {
+    apikey?: string;
+    theme?: PartialDeep<ThemeOptions>;
+    colorMode?: PaletteMode;
+    defaultChainId?: ChainId;
+    width?: string | number;
+    height?: string | number;
+    feeRate?: number;
+    rebateTo?: string;
+    defaultFromToken?: DefaultTokenInfo;
+    defaultToToken?: DefaultTokenInfo;
+    locale?: SupportedLang;
+    swapSlippage?: number | null;
+    bridgeSlippage?: number | null;
+    apiServices?: Partial<APIServices>;
+    crossChain?: boolean;
+    noPowerBy?: boolean;
+    noDocumentLink?: boolean;
+    onlyChainId?: ChainId;
+    supportChainIds?: number[];
+    noUI?: boolean;
+    noLangProvider?: boolean;
+    noAutoConnect?: boolean;
+    routerPage?: Page;
+    dappMetadata?: {
+        name: string;
+        logoUrl?: string;
+    };
+    notSupportPMM?: boolean;
+    supportAMMV2?: boolean;
+    supportAMMV3?: boolean;
+    executionDialogExtra?: any;
+    /** When the winding status changes, no pop-up window will be displayed. */
+    noSubmissionDialog?: boolean;
+    showSubmissionSubmittedDialog?: boolean;
+    onProviderChanged?: (provider?: any) => void;
+    getStaticJsonRpcProviderByChainId?: Exclude<ConstructorParameters<typeof ContractRequests>[0], undefined>['getProvider'];
+    widgetRef?: React.RefObject<HTMLDivElement>;
+    /** If true is returned, the default wallet connection logic will not be executed */
+    onConnectWalletClick?: () => boolean | Promise<boolean>;
+    onSwitchChain?: (chainId?: ChainId) => Promise<boolean>;
+    /** When the token balance is insufficient, users can purchase or swap callbacks */
+    gotoBuyToken?: (params: {
+        token: TokenInfo;
+        account: string;
+    }) => void;
+    getTokenLogoUrl?: (params: {
+        address?: string;
+        width?: number;
+        height?: number;
+        url?: string;
+        chainId?: number;
+    }) => string;
+    onSharePool?: (share: {
+        chainId: number;
+        baseToken?: {
+            address: string;
+            symbol: string;
+        };
+        quoteToken?: {
+            address: string;
+            symbol: string;
+        };
+        poolId: string;
+        apy?: {
+            miningBaseApy?: any;
+            miningQuoteApy?: any;
+            transactionBaseApy?: any;
+            transactionQuoteApy?: any;
+        } | null;
+        isSingle?: boolean;
+    }) => void;
+    graphQLRequests?: GraphQLRequests;
+    ConfirmComponent?: React.FunctionComponent<ConfirmProps>;
+    DialogComponent?: React.FunctionComponent<DialogProps>;
+    EmptyDataIcon?: React.FunctionComponent<Parameters<typeof EmptyDataIcon>[0]>;
+    TokenPickerDialog?: React.FunctionComponent<TokenPickerDialogProps>;
+    /** Default deadLine when it cannot be set. Unit: seconds */
+    deadLine?: number;
+    submission?: ExecutionCtx;
+}
+export { LangProvider } from '../../providers/i18n';
+export { default as Message } from '../Message';
+/** Widgets that do not directly import themes and queryClient libraries */
+export declare function UnstyleWidget(props: PropsWithChildren<WidgetProps>): JSX.Element;
+export declare function Widget(props: PropsWithChildren<WidgetProps>): JSX.Element;

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

@@ -0,0 +1,15 @@
+import React from 'react';
+export default function WidgetConfirm({ 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/types/components/WidgetContainer.d.ts

@@ -0,0 +1,5 @@
+import { BoxProps } from '@dodoex/components';
+import React from 'react';
+export declare const WIDGET_MODULE_CLASS_NAME = "widget-module-container";
+declare const WidgetContainer: React.ForwardRefExoticComponent<Pick<BoxProps, "key" | "nonce" | "id" | "onChange" | "children" | "p" | "slot" | "style" | "title" | "height" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform" | "translate" | "component" | "sx" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & React.RefAttributes<HTMLDivElement>>;
+export default WidgetContainer;

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

@@ -0,0 +1,14 @@
+export interface WidgetDialogProps {
+    open: boolean;
+    onClose?: () => void;
+    afterClose?: () => void;
+    title?: string | React.ReactNode;
+    titleCenter?: boolean;
+    rightSlot?: React.ReactNode;
+    canBack?: boolean;
+    children: React.ReactNode;
+    width?: number | string;
+    height?: number | string;
+    testId?: string;
+}
+export default function WidgetDialog({ open, onClose, afterClose, title, titleCenter, rightSlot, canBack, children, width, height, testId, }: WidgetDialogProps): JSX.Element;

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import { ExecutionProps } from '../../hooks/Submission';
+export default function WithExecutionDialog({ children, executionStatus, showSubmitLoadingDialog, executionDialogExtra, ...props }: {
+    children: React.ReactNode;
+    executionDialogExtra?: any;
+} & ExecutionProps): JSX.Element;

package/dist/types/components/chart/components/BaseButton.d.ts

@@ -0,0 +1,4 @@
+export declare const BaseButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;

package/dist/types/components/chart/components/Display.d.ts

@@ -0,0 +1,9 @@
+import React, { CSSProperties } from 'react';
+type Props = {
+    display?: CSSProperties['display'];
+    hidden?: boolean;
+    children?: JSX.Element | Array<JSX.Element | undefined> | string | undefined;
+    style?: React.CSSProperties;
+};
+export declare const Display: React.MemoExoticComponent<({ display, hidden, children, style, }: Props) => JSX.Element>;
+export {};

package/dist/types/components/chart/components/Input.d.ts

@@ -0,0 +1,6 @@
+export declare const Input: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    error?: boolean;
+}, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;

package/dist/types/components/chart/components/NumberInput.d.ts

@@ -0,0 +1,5 @@
+export declare function NumberInput({ value, onChange, onBlur, }: {
+    value: string;
+    onChange?: (v: string) => void;
+    onBlur?: () => void;
+}): JSX.Element;

package/dist/types/components/chart/components/TogglePriceIcon.d.ts

@@ -0,0 +1,7 @@
+interface ISwtichBtn extends React.HTMLProps<HTMLInputElement> {
+    shouldSwitch?: boolean;
+    variant?: 'dark' | 'light';
+}
+export declare const TogglePriceIcon: ({ shouldSwitch, variant }: ISwtichBtn) => JSX.Element;
+export declare const ToggleIconWithoutBg: () => JSX.Element;
+export {};

package/dist/types/components/chart/components/TokenLogo.d.ts

@@ -0,0 +1,4 @@
+export declare function TokenLogo({ src, width }: {
+    src: string;
+    width: number;
+}): JSX.Element;

package/dist/types/components/chart/depth-chart/DepthChartKonva.d.ts

@@ -0,0 +1,29 @@
+import { PMMModel, PmmModelParams } from '@dodoex/api';
+import BigNumber from 'bignumber.js';
+import { BaseMinAndZoomMultiples } from './helper';
+export declare const bgColor = "rgba(38, 39, 41, 0.3)";
+export interface ColorMap {
+    grid?: string;
+    midPriceLine?: string;
+    leftBg?: (string | number)[];
+    leftLine?: string;
+    leftColor?: string;
+    rightBg?: (string | number)[];
+    rightLine?: string;
+    rightColor?: string;
+    tooltipBg?: string;
+    tooltipColor?: string;
+}
+export type Props = {
+    width: number;
+    height: number;
+    params: PmmModelParams;
+    midPrice: BigNumber;
+    pmmModel: PMMModel;
+    baseTokenSymbol: string;
+    quoteTokenSymbol: string;
+    baseMinAndZoomMultiples: BaseMinAndZoomMultiples;
+    colorMap?: ColorMap;
+    setBaseMinAndZoomMultiples: React.Dispatch<React.SetStateAction<BaseMinAndZoomMultiples>>;
+};
+export declare function DepthChartKonva({ width, height, midPrice, pmmModel, params, baseTokenSymbol, quoteTokenSymbol, baseMinAndZoomMultiples, colorMap, setBaseMinAndZoomMultiples, }: Props): JSX.Element;

package/dist/types/components/chart/depth-chart/__tests__/utils.test.d.ts

@@ -0,0 +1 @@
+export {};