@dodoex/widgets 3.12.0 → 3.13.0

package/dist/{index-CvzT5JzZ.cjs → index-vajkxsgg.cjs}

@@ -1,4 +1,4 @@
-"use strict";var e=require("bignumber.js"),t=require("lodash"),i=require("react"),r=require("@emotion/styled"),o=require("@emotion/react"),n=require("react-konva"),s=require("./helper-C32NHXpc.cjs"),l=require("./index-B-ViYUmB.cjs"),a=require("@dodoex/api");require("@lingui/core"),require("@dodoex/components"),require("@dodoex/dodo-contract-request"),require("@lingui/react"),require("identicon.js"),require("zustand"),require("@web3-react/core"),require("@web3-react/eip1193"),require("@web3-react/walletconnect-v2"),require("@web3-react/metamask"),require("@web3-react/types"),require("@tanstack/react-query"),require("@ethersproject/bignumber"),require("react-dom"),require("react-window"),require("dayjs"),require("react-transition-group"),require("@dodoex/contract-request"),require("axios"),require("recharts"),require("jsbi"),require("tiny-invariant"),require("@uniswap/sdk-core"),require("@uniswap/v2-sdk"),require("react-infinite-scroller"),require("d3"),require("rmc-date-picker");var u={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},c=i.createContext&&i.createContext(u),d=["attr","size","title"];function p(e,t){if(null==e)return{};var i,r,o=function(e,t){if(null==e)return{};var i,r,o={},n=Object.keys(e);for(r=0;r<n.length;r++)i=n[r],t.indexOf(i)>=0||(o[i]=e[i]);return o}(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)i=n[r],t.indexOf(i)>=0||Object.prototype.propertyIsEnumerable.call(e,i)&&(o[i]=e[i])}return o}function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var r in i)Object.prototype.hasOwnProperty.call(i,r)&&(e[r]=i[r])}return e},m.apply(this,arguments)}function g(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),i.push.apply(i,r)}return i}function x(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?g(Object(i),!0).forEach((function(t){h(e,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):g(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}function h(e,t,i){return(t=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var i=e[Symbol.toPrimitive];if(void 0!==i){var r=i.call(e,t||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}function f(e){return e&&e.map(((e,t)=>i.createElement(e.tag,x({key:t},e.attr),f(e.child))))}function b(e){return t=>i.createElement(M,m({attr:x({},e.attr)},t),f(e.child))}function M(e){var t=t=>{var r,{attr:o,size:n,title:s}=e,l=p(e,d),a=n||t.size||"1em";return t.className&&(r=t.className),e.className&&(r=(r?r+" ":"")+e.className),i.createElement("svg",m({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},t.attr,o,l,{className:r,style:x(x({color:e.color||t.color},t.style),e.style),height:a,width:a,xmlns:"http://www.w3.org/2000/svg"}),s&&i.createElement("title",null,s),e.children)};return void 0!==c?i.createElement(c.Consumer,null,(e=>t(e))):t(u)}function v(e){return b({tag:"svg",attr:{viewBox:"0 0 24 24"},child:[{tag:"path",attr:{d:"M13.293 6.293 7.586 12l5.707 5.707 1.414-1.414L10.414 12l4.293-4.293z"},child:[]}]})(e)}function j(e){return b({tag:"svg",attr:{viewBox:"0 0 24 24"},child:[{tag:"path",attr:{d:"M10.707 17.707 16.414 12l-5.707-5.707-1.414 1.414L13.586 12l-4.293 4.293z"},child:[]}]})(e)}function y(e){return b({tag:"svg",attr:{viewBox:"0 0 24 24"},child:[{tag:"path",attr:{d:"M5 11h14v2H5z"},child:[]}]})(e)}function P(e){return b({tag:"svg",attr:{viewBox:"0 0 24 24"},child:[{tag:"path",attr:{d:"M19 11h-6V5h-2v6H5v2h6v6h2v-6h6z"},child:[]}]})(e)}const L=r.input`
+"use strict";var e=require("bignumber.js"),t=require("lodash"),i=require("react"),r=require("@emotion/styled"),o=require("@emotion/react"),n=require("react-konva"),s=require("./helper-BBc2ohzp.cjs"),l=require("./index-DL-6149F.cjs"),a=require("@dodoex/api");require("@lingui/core"),require("@dodoex/components"),require("@dodoex/dodo-contract-request"),require("@lingui/react"),require("identicon.js"),require("zustand"),require("@web3-react/core"),require("@web3-react/eip1193"),require("@web3-react/walletconnect-v2"),require("@web3-react/metamask"),require("@web3-react/types"),require("@tanstack/react-query"),require("@ethersproject/bignumber"),require("react-dom"),require("react-window"),require("dayjs"),require("react-transition-group"),require("@dodoex/contract-request"),require("axios"),require("recharts"),require("jsbi"),require("tiny-invariant"),require("@uniswap/sdk-core"),require("@uniswap/v2-sdk"),require("react-infinite-scroller"),require("d3"),require("rmc-date-picker");var u={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},c=i.createContext&&i.createContext(u),d=["attr","size","title"];function p(e,t){if(null==e)return{};var i,r,o=function(e,t){if(null==e)return{};var i,r,o={},n=Object.keys(e);for(r=0;r<n.length;r++)i=n[r],t.indexOf(i)>=0||(o[i]=e[i]);return o}(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(r=0;r<n.length;r++)i=n[r],t.indexOf(i)>=0||Object.prototype.propertyIsEnumerable.call(e,i)&&(o[i]=e[i])}return o}function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var r in i)Object.prototype.hasOwnProperty.call(i,r)&&(e[r]=i[r])}return e},m.apply(this,arguments)}function g(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),i.push.apply(i,r)}return i}function x(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?g(Object(i),!0).forEach((function(t){h(e,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):g(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}function h(e,t,i){return(t=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var i=e[Symbol.toPrimitive];if(void 0!==i){var r=i.call(e,t||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}function f(e){return e&&e.map(((e,t)=>i.createElement(e.tag,x({key:t},e.attr),f(e.child))))}function b(e){return t=>i.createElement(M,m({attr:x({},e.attr)},t),f(e.child))}function M(e){var t=t=>{var r,{attr:o,size:n,title:s}=e,l=p(e,d),a=n||t.size||"1em";return t.className&&(r=t.className),e.className&&(r=(r?r+" ":"")+e.className),i.createElement("svg",m({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},t.attr,o,l,{className:r,style:x(x({color:e.color||t.color},t.style),e.style),height:a,width:a,xmlns:"http://www.w3.org/2000/svg"}),s&&i.createElement("title",null,s),e.children)};return void 0!==c?i.createElement(c.Consumer,null,(e=>t(e))):t(u)}function v(e){return b({tag:"svg",attr:{viewBox:"0 0 24 24"},child:[{tag:"path",attr:{d:"M13.293 6.293 7.586 12l5.707 5.707 1.414-1.414L10.414 12l4.293-4.293z"},child:[]}]})(e)}function j(e){return b({tag:"svg",attr:{viewBox:"0 0 24 24"},child:[{tag:"path",attr:{d:"M10.707 17.707 16.414 12l-5.707-5.707-1.414 1.414L13.586 12l-4.293 4.293z"},child:[]}]})(e)}function y(e){return b({tag:"svg",attr:{viewBox:"0 0 24 24"},child:[{tag:"path",attr:{d:"M5 11h14v2H5z"},child:[]}]})(e)}function P(e){return b({tag:"svg",attr:{viewBox:"0 0 24 24"},child:[{tag:"path",attr:{d:"M19 11h-6V5h-2v6H5v2h6v6h2v-6h6z"},child:[]}]})(e)}const L=r.input`
   margin: 4px 10px 4px 6px;
   border-radius: 10px;
   border: 1px solid #373739;

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";var e=require("./index-B-ViYUmB.cjs");require("bignumber.js"),require("lodash"),require("@dodoex/components"),require("@dodoex/api"),require("@dodoex/dodo-contract-request"),require("react"),require("@lingui/core"),require("@lingui/react"),require("identicon.js"),require("zustand"),require("@web3-react/core"),require("@web3-react/eip1193"),require("@web3-react/walletconnect-v2"),require("@web3-react/metamask"),require("@web3-react/types"),require("@tanstack/react-query"),require("@ethersproject/bignumber"),require("react-dom"),require("react-window"),require("dayjs"),require("react-transition-group"),require("@dodoex/contract-request"),require("axios"),require("recharts"),require("jsbi"),require("tiny-invariant"),require("@uniswap/sdk-core"),require("@uniswap/v2-sdk"),require("react-infinite-scroller"),require("d3"),require("rmc-date-picker"),exports.AMMV2Create=e.AMMV2Create,exports.AMMV3PositionManage=e.AMMV3PositionManage,exports.AMMV3PositionsView=e.AMMV3PositionsView,exports.AddLiquidityV3=e.AddLiquidityV3,exports.EmptyList=e.EmptyList,exports.FailedList=e.FailedList,exports.InitSwapWidget=e.InitSwapWidget,exports.Message=e.Message,Object.defineProperty(exports,"MetadataFlag",{enumerable:!0,get:function(){return e.MetadataFlag}}),exports.MiningCreate=e.MiningCreate,exports.MiningDetail=e.MiningDetail,exports.MiningList=e.MiningList,Object.defineProperty(exports,"PageType",{enumerable:!0,get:function(){return e.PageType}}),exports.Pool=e.Pool,exports.PoolCreate=e.PoolCreate,exports.PoolDetail=e.PoolDetail,exports.PoolList=e.PoolList,exports.PoolModify=e.PoolModify,exports.PoolOperate=e.PoolOperate,exports.PoolOperateDialog=e.PoolOperateDialog,exports.PoolWidget=e.PoolWidget,exports.Swap=e.Swap,exports.SwapOrderHistory=e.SwapOrderHistory,exports.SwapWidget=e.SwapWidget,exports.TokenCard=e.TokenCard,exports.TokenLogo=e.TokenLogo,exports.TokenPairStatusButton=e.TokenPairStatusButton,exports.TokenStatusButton=e.TokenStatusButton,exports.UnstyleWidget=e.UnstyleWidget,exports.WIDGET_CLASS_NAME=e.WIDGET_CLASS_NAME,exports.WIDGET_MODULE_CLASS_NAME=e.WIDGET_MODULE_CLASS_NAME,exports.Widget=e.Widget,exports.chainListMap=e.chainListMap,exports.formatPercentageNumber=e.formatPercentageNumber,exports.formatReadableNumber=e.formatReadableNumber,exports.formatShortNumber=e.formatShortNumber,exports.formatTokenAmountNumber=e.formatTokenAmountNumber,exports.getEtherscanPage=e.getEtherscanPage,exports.rpcServerMap=e.rpcServerMap,exports.scanUrlDomainMap=e.scanUrlDomainMap,exports.useMessageState=e.useMessageState,exports.usePoolBalanceInfo=e.usePoolBalanceInfo,exports.useRouterStore=e.useRouterStore,exports.useTokenStatus=e.useTokenStatus,exports.useTradeSwapOrderList=e.useTradeSwapOrderList;
+"use strict";var e=require("./index-DL-6149F.cjs");require("bignumber.js"),require("lodash"),require("@dodoex/components"),require("@dodoex/api"),require("@dodoex/dodo-contract-request"),require("react"),require("@lingui/core"),require("@lingui/react"),require("identicon.js"),require("zustand"),require("@web3-react/core"),require("@web3-react/eip1193"),require("@web3-react/walletconnect-v2"),require("@web3-react/metamask"),require("@web3-react/types"),require("@tanstack/react-query"),require("@ethersproject/bignumber"),require("react-dom"),require("react-window"),require("dayjs"),require("react-transition-group"),require("@dodoex/contract-request"),require("axios"),require("recharts"),require("jsbi"),require("tiny-invariant"),require("@uniswap/sdk-core"),require("@uniswap/v2-sdk"),require("react-infinite-scroller"),require("d3"),require("rmc-date-picker"),exports.AMMV2Create=e.AMMV2Create,exports.AMMV3PositionManage=e.AMMV3PositionManage,exports.AMMV3PositionsView=e.AMMV3PositionsView,exports.AddLiquidityV3=e.AddLiquidityV3,exports.EmptyList=e.EmptyList,exports.FailedList=e.FailedList,exports.InitSwapWidget=e.InitSwapWidget,exports.Message=e.Message,Object.defineProperty(exports,"MetadataFlag",{enumerable:!0,get:function(){return e.MetadataFlag}}),exports.MiningCreate=e.MiningCreate,exports.MiningDetail=e.MiningDetail,exports.MiningList=e.MiningList,Object.defineProperty(exports,"PageType",{enumerable:!0,get:function(){return e.PageType}}),exports.Pool=e.Pool,exports.PoolCreate=e.PoolCreate,exports.PoolDetail=e.PoolDetail,exports.PoolList=e.PoolList,exports.PoolModify=e.PoolModify,exports.PoolOperate=e.PoolOperate,exports.PoolOperateDialog=e.PoolOperateDialog,exports.PoolWidget=e.PoolWidget,exports.Swap=e.Swap,exports.SwapOrderHistory=e.SwapOrderHistory,exports.SwapWidget=e.SwapWidget,exports.TokenCard=e.TokenCard,exports.TokenLogo=e.TokenLogo,exports.TokenPairStatusButton=e.TokenPairStatusButton,exports.TokenStatusButton=e.TokenStatusButton,exports.UnstyleWidget=e.UnstyleWidget,exports.WIDGET_CLASS_NAME=e.WIDGET_CLASS_NAME,exports.WIDGET_MODULE_CLASS_NAME=e.WIDGET_MODULE_CLASS_NAME,exports.Widget=e.Widget,exports.chainListMap=e.chainListMap,exports.formatPercentageNumber=e.formatPercentageNumber,exports.formatReadableNumber=e.formatReadableNumber,exports.formatShortNumber=e.formatShortNumber,exports.formatTokenAmountNumber=e.formatTokenAmountNumber,exports.getEtherscanPage=e.getEtherscanPage,exports.rpcServerMap=e.rpcServerMap,exports.scanUrlDomainMap=e.scanUrlDomainMap,exports.useMessageState=e.useMessageState,exports.usePoolBalanceInfo=e.usePoolBalanceInfo,exports.useRouterStore=e.useRouterStore,exports.useTokenStatus=e.useTokenStatus,exports.useTradeSwapOrderList=e.useTradeSwapOrderList;

package/dist/index.js

@@ -1 +1 @@
-export{A as AMMV2Create,E as AMMV3PositionManage,D as AMMV3PositionsView,C as AddLiquidityV3,L as EmptyList,K as FailedList,I as InitSwapWidget,g as Message,M as MetadataFlag,B as MiningCreate,z as MiningDetail,y as MiningList,c as PageType,n as Pool,p as PoolCreate,t as PoolDetail,o as PoolList,q as PoolModify,w as PoolOperate,v as PoolOperateDialog,P as PoolWidget,k as Swap,l as SwapOrderHistory,S as SwapWidget,H as TokenCard,J as TokenLogo,G as TokenPairStatusButton,T as TokenStatusButton,U as UnstyleWidget,W as WIDGET_CLASS_NAME,h as WIDGET_MODULE_CLASS_NAME,e as Widget,d as chainListMap,a as formatPercentageNumber,O as formatReadableNumber,f as formatShortNumber,Q as formatTokenAmountNumber,N as getEtherscanPage,r as rpcServerMap,s as scanUrlDomainMap,i as useMessageState,x as usePoolBalanceInfo,u as useRouterStore,F as useTokenStatus,m as useTradeSwapOrderList}from"./index-BKrygMTU.js";import"bignumber.js";import"lodash";import"@dodoex/components";import"@dodoex/api";import"@dodoex/dodo-contract-request";import"react";import"@lingui/core";import"@lingui/react";import"identicon.js";import"zustand";import"@web3-react/core";import"@web3-react/eip1193";import"@web3-react/walletconnect-v2";import"@web3-react/metamask";import"@web3-react/types";import"@tanstack/react-query";import"@ethersproject/bignumber";import"react-dom";import"react-window";import"dayjs";import"react-transition-group";import"@dodoex/contract-request";import"axios";import"recharts";import"jsbi";import"tiny-invariant";import"@uniswap/sdk-core";import"@uniswap/v2-sdk";import"react-infinite-scroller";import"d3";import"rmc-date-picker";
+export{A as AMMV2Create,E as AMMV3PositionManage,D as AMMV3PositionsView,C as AddLiquidityV3,L as EmptyList,K as FailedList,I as InitSwapWidget,g as Message,M as MetadataFlag,B as MiningCreate,z as MiningDetail,y as MiningList,c as PageType,n as Pool,p as PoolCreate,t as PoolDetail,o as PoolList,q as PoolModify,w as PoolOperate,v as PoolOperateDialog,P as PoolWidget,k as Swap,l as SwapOrderHistory,S as SwapWidget,H as TokenCard,J as TokenLogo,G as TokenPairStatusButton,T as TokenStatusButton,U as UnstyleWidget,W as WIDGET_CLASS_NAME,h as WIDGET_MODULE_CLASS_NAME,e as Widget,d as chainListMap,a as formatPercentageNumber,O as formatReadableNumber,f as formatShortNumber,Q as formatTokenAmountNumber,N as getEtherscanPage,r as rpcServerMap,s as scanUrlDomainMap,i as useMessageState,x as usePoolBalanceInfo,u as useRouterStore,F as useTokenStatus,m as useTradeSwapOrderList}from"./index-CKZqMWBf.js";import"bignumber.js";import"lodash";import"@dodoex/components";import"@dodoex/api";import"@dodoex/dodo-contract-request";import"react";import"@lingui/core";import"@lingui/react";import"identicon.js";import"zustand";import"@web3-react/core";import"@web3-react/eip1193";import"@web3-react/walletconnect-v2";import"@web3-react/metamask";import"@web3-react/types";import"@tanstack/react-query";import"@ethersproject/bignumber";import"react-dom";import"react-window";import"dayjs";import"react-transition-group";import"@dodoex/contract-request";import"axios";import"recharts";import"jsbi";import"tiny-invariant";import"@uniswap/sdk-core";import"@uniswap/v2-sdk";import"react-infinite-scroller";import"d3";import"rmc-date-picker";

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

@@ -5,4 +5,4 @@ export declare function AddTokenToMetamask({ token, size, sx, children, }: {
     size?: 'small' | 'medium';
     sx?: BoxProps['sx'];
     children?: React.ReactNode;
-}): JSX.Element;
+}): import("react").JSX.Element;

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

@@ -19,5 +19,5 @@ interface Props extends AddressTextProps {
     onAddressClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
     onShareClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
 }
-export declare function AddressWithLinkAndCopy({ address, truncate, showCopy, size, iconSize: iconSizeProps, iconSpace: iconSpaceProps, sx, iconDarkHover, disabledAddress, addressHoverColor, addressHoverShowIcon, customChainId, handleOpen, onAddressClick, onShareClick, }: Props): JSX.Element;
+export declare function AddressWithLinkAndCopy({ address, truncate, showCopy, size, iconSize: iconSizeProps, iconSpace: iconSpaceProps, sx, iconDarkHover, disabledAddress, addressHoverColor, addressHoverShowIcon, customChainId, handleOpen, onAddressClick, onShareClick, }: Props): import("react").JSX.Element;
 export {};

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

@@ -3,4 +3,4 @@ export declare function AutoButton({ active, sx, onClick, }: {
     active?: boolean;
     sx?: BoxProps['sx'];
     onClick?: BoxProps['onClick'];
-}): JSX.Element;
+}): import("react").JSX.Element;

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

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

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

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

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

@@ -14,4 +14,4 @@ export default function BridgeSummaryDialog({ open, onClose, route, bridgeOrderT
     bridgeOrderTxRequest?: BridgeTXRequest;
     clearToAmt: () => void;
     clearFromAmt: () => void;
-}): JSX.Element;
+}): import("react").JSX.Element;

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

@@ -12,4 +12,4 @@ export declare function CrossStep({ fromChainId, toChainId, fromTokenAmount, toT
     fromHash: string | null;
     toHash: string | null;
     toolDetails: BridgeStepTool;
-}): JSX.Element;
+}): import("react").JSX.Element;

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

@@ -2,4 +2,4 @@ export declare function EtherscanLinkButton({ chainId, address, children, }: {
     chainId: number;
     address: string | null;
     children: React.ReactNode;
-}): JSX.Element;
+}): import("react").JSX.Element;

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

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

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

@@ -10,4 +10,4 @@ export declare function SwapStep({ chainId, fromTokenAmount, toTokenAmount, from
     toTokenDecimals: number;
     hash: string | null;
     toolDetails: BridgeStepTool;
-}): JSX.Element;
+}): import("react").JSX.Element;

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

@@ -6,4 +6,4 @@ export declare function BridgeLogo({ size, toolDetails, nameMarginLeft, logoMarg
     nameMarginLeft?: number;
     logoMarginLeft?: number;
     nameSx?: BoxProps['sx'];
-}): JSX.Element | null;
+}): import("react").JSX.Element | null;

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

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

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

@@ -16,4 +16,4 @@ export default function RouteCard({ fromToken, toToken, fromChainId, toChainId,
     setSelected: () => void;
     spenderContractAddress: string;
     isBestPrice?: boolean;
-}): JSX.Element;
+}): import("react").JSX.Element;

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

@@ -8,4 +8,4 @@ export interface RouteTag {
  */
 export declare function RouteTagList({ routeTagList }: {
     routeTagList: RouteTag[];
-}): JSX.Element;
+}): import("react").JSX.Element;

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

@@ -7,4 +7,4 @@ export declare function TokenWithChain({ chainId, token, amount, }: {
     chainId: number;
     token?: TokenInfo;
     amount?: string | null | BigNumber;
-}): JSX.Element;
+}): import("react").JSX.Element;

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

@@ -6,4 +6,4 @@ export default function SelectBridgeDialog({ open, onClose, selectedRouteId, set
     selectedRouteId: string;
     setSelectRouteId: Dispatch<SetStateAction<string>>;
     bridgeRouteList: Array<BridgeRouteI>;
-}): JSX.Element;
+}): import("react").JSX.Element;

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

@@ -8,15 +8,15 @@ export declare function CardStatus({ loading, empty, hasSearch, children, refetc
     empty: boolean;
     hasSearch?: boolean;
     refetch?: () => void;
-}>): JSX.Element;
+}>): import("react").JSX.Element;
 export default function FoldBtn({ show, onClick, }: {
     show: boolean;
     onClick: () => void;
-}): JSX.Element;
+}): import("react").JSX.Element;
 export declare function TypeText({ color, type }: {
     color: string;
     type: string;
-}): JSX.Element;
+}): import("react").JSX.Element;
 export declare function StatusAndTime({ isMobile, statusText, statusColor: statusColorProps, time, alphaColor, sx, }: {
     isMobile: boolean;
     statusText: string;
@@ -24,10 +24,10 @@ export declare function StatusAndTime({ isMobile, statusText, statusColor: statu
     time?: string;
     alphaColor?: number;
     sx?: BoxProps['sx'];
-}): JSX.Element;
+}): import("react").JSX.Element;
 export declare function ChainName({ chainId }: {
     chainId: ChainId;
-}): JSX.Element | null;
+}): import("react").JSX.Element | null;
 export declare function TokenAndAmount({ token, amount, showChain, hideLogo, canAddMetamask, sx, }: {
     token: TokenInfo;
     amount: string | BigNumber;
@@ -35,17 +35,17 @@ export declare function TokenAndAmount({ token, amount, showChain, hideLogo, can
     hideLogo?: boolean;
     canAddMetamask?: boolean;
     sx?: BoxProps['sx'];
-}): JSX.Element;
+}): import("react").JSX.Element;
 export declare function TokenPairAndAmount({ baseToken, quoteToken, amount, sx, }: {
     baseToken: TokenInfo;
     quoteToken: TokenInfo;
     amount: BigNumber;
     sx?: BoxProps['sx'];
-}): JSX.Element;
+}): import("react").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;
+}): import("react").JSX.Element;

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

@@ -14,4 +14,4 @@ export type ConfirmProps = React.PropsWithChildren<{
     onConfirm?: () => void;
     modal?: boolean;
 }>;
-export default function Confirm(props: ConfirmProps): JSX.Element;
+export default function Confirm(props: ConfirmProps): React.JSX.Element;

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

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

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

@@ -1,7 +1,8 @@
 import { ButtonProps } from '@dodoex/components';
+import React from 'react';
 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;
+}): React.JSX.Element;

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

@@ -1 +1,2 @@
-export default function OpenConnectWalletInfo(): JSX.Element;
+import React from 'react';
+export default function OpenConnectWalletInfo(): React.JSX.Element;

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

@@ -7,4 +7,4 @@ export declare function CopyTooltipToast({ copyText, size, sx, componentProps, o
     componentProps?: BoxProps;
     onClick?: () => void;
     children?: React.ReactNode;
-}): JSX.Element;
+}): React.JSX.Element;

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

@@ -5,4 +5,4 @@ export declare function DataCardGroup({ children, sx, gap, repeatBaseForLargeScr
     gap?: number;
     /** Large screen quantity per row */
     repeatBaseForLargeScreen?: number;
-}): JSX.Element;
+}): import("react").JSX.Element;

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

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

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

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

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

@@ -7,4 +7,4 @@ export declare function HowItWorks({ title, desc, linkTo, LeftImage, sx, }: {
         title?: string | undefined;
     }>;
     sx?: BoxProps['sx'];
-}): JSX.Element;
+}): import("react").JSX.Element;

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

@@ -19,5 +19,5 @@ export default function LiquidityLpPartnerReward({ address, chainId, hideName, s
     chainId: number | undefined;
     hideName?: boolean;
     sx?: BoxProps['sx'];
-}): JSX.Element | null;
+}): import("react").JSX.Element | null;
 export {};

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

@@ -1,8 +1,8 @@
 import { BoxProps, EmptyDataIcon as EmptyDataIconOrigin } from '@dodoex/components';
 import React from 'react';
-export declare function EmptyDataIcon(props: Parameters<typeof EmptyDataIconOrigin>[0]): JSX.Element;
+export declare function EmptyDataIcon(props: Parameters<typeof EmptyDataIconOrigin>[0]): React.JSX.Element;
 export declare function EmptyList({ sx, hasSearch, emptyText, }: {
     sx?: BoxProps['sx'];
     hasSearch?: boolean;
     emptyText?: React.ReactNode;
-}): JSX.Element;
+}): React.JSX.Element;

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

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

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

@@ -5,4 +5,4 @@ export default function LoadMore({ height, sx, onClick, hasMore, loading, }: {
     onClick: () => void;
     hasMore?: boolean;
     loading?: boolean;
-}): JSX.Element | null;
+}): import("react").JSX.Element | null;

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

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

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

@@ -7,6 +7,6 @@ interface Props {
     strokeWidth?: number | string;
     sx?: BoxProps['sx'];
 }
-declare function Countdown({ size, color, time, strokeWidth, sx }: Props): JSX.Element;
+declare function Countdown({ size, color, time, strokeWidth, sx }: Props): React.JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof Countdown>;
 export default _default;

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

@@ -4,4 +4,4 @@ export default function RiskDialog({ open, onClose, alertContent, onConfirm, }:
     onClose: () => void;
     alertContent?: React.ReactNode;
     onConfirm?: () => void;
-}): JSX.Element;
+}): React.JSX.Element;

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

@@ -12,4 +12,4 @@ export default function Select<V extends string | number = string>({ value, onCh
     sx?: BoxProps['sx'];
     readOnly?: boolean;
     valueOnlyIcon?: boolean;
-}): JSX.Element;
+}): React.JSX.Element;

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

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

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

@@ -2,4 +2,4 @@ import { BoxProps } from '@dodoex/components';
 import React from 'react';
 export default function SpaceBetweenItem({ sx, label, children, ...props }: BoxProps & {
     label: React.ReactNode;
-}): JSX.Element;
+}): React.JSX.Element;

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

@@ -1,6 +1,7 @@
+import React from 'react';
 export default function SubmittedDialog({ brief, open, executionDialogExtra, onClose, }: {
     brief?: string;
     open: boolean;
     executionDialogExtra: any;
     onClose: () => void;
-}): JSX.Element;
+}): React.JSX.Element;

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

@@ -7,4 +7,4 @@ export declare function PriceWithToggle({ fromToken, toToken, fromTokenPrice, to
     toTokenPrice: string | null | undefined;
     sx?: BoxProps['sx'];
     children?: React.ReactNode;
-}): JSX.Element;
+}): import("react").JSX.Element;

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

@@ -1,7 +1,8 @@
+import React from 'react';
 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;
+}): React.JSX.Element;

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

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

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

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

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

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

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

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

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

@@ -14,4 +14,4 @@ export interface DialogProps {
 }
 export default function Dialog({ scope, modal, ...props }: DialogProps & {
     modal?: boolean;
-}): JSX.Element;
+}): import("react").JSX.Element;

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

@@ -19,4 +19,4 @@ export interface ReviewDialogProps {
     loading: boolean;
     slippage: string | number | null;
 }
-export declare function ReviewDialog({ open, execute, onClose, toToken, fromToken, fromAmount, toAmount, priceImpact, clearFromAmt, clearToAmt, baseFeeAmount, curToFiatPrice, curFromFiatPrice, pricePerFromToken, additionalFeeAmount, loading, slippage, }: ReviewDialogProps): JSX.Element;
+export declare function ReviewDialog({ open, execute, onClose, toToken, fromToken, fromAmount, toAmount, priceImpact, clearFromAmt, clearToAmt, baseFeeAmount, curToFiatPrice, curFromFiatPrice, pricePerFromToken, additionalFeeAmount, loading, slippage, }: ReviewDialogProps): import("react").JSX.Element;

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

@@ -4,4 +4,4 @@ export interface NumberInputProps extends InputProps {
     decimals?: number;
     onInputChange?: (v: string | null) => void;
 }
-export declare function NumberInput({ sx, maxVal, decimals, onInputChange, ...props }: NumberInputProps): JSX.Element;
+export declare function NumberInput({ sx, maxVal, decimals, onInputChange, ...props }: NumberInputProps): import("react").JSX.Element;

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

@@ -3,4 +3,4 @@ export interface SettingsDialogProps {
     onClose: () => void;
     isBridge: boolean | undefined;
 }
-export declare function SettingsDialog({ open, onClose, isBridge, }: SettingsDialogProps): JSX.Element;
+export declare function SettingsDialog({ open, onClose, isBridge, }: SettingsDialogProps): import("react").JSX.Element;

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

@@ -4,4 +4,4 @@ export default function SwapPreviewInfoCard({ slippage, receiveAmount, receiveTo
     receiveAmount: number | null;
     receiveToken: TokenInfo | null;
     priceImpact: string;
-}): JSX.Element | null;
+}): import("react").JSX.Element | null;

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

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

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

@@ -4,6 +4,6 @@ export declare const dotClassName = "position-y-dot";
 declare function CurveChart({ data, loading, }: {
     data: ForecastSlippageListItem[];
     loading?: boolean;
-}): JSX.Element;
+}): React.JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof CurveChart>;
 export default _default;

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

@@ -5,5 +5,5 @@ interface Props {
     hoverValue: number | null;
     getSliderYPosition: (value?: number) => number;
 }
-export default function SlippageSlider({ hoverValue, formatValue, getSliderYPosition, ...props }: SliderProps & Props): JSX.Element;
+export default function SlippageSlider({ hoverValue, formatValue, getSliderYPosition, ...props }: SliderProps & Props): React.JSX.Element;
 export {};

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

@@ -7,6 +7,6 @@ declare function SlippageCurveChart({ data, activeSlippage, loading, sx, handleC
     loading?: boolean;
     sx?: BoxProps['sx'];
     handleChangeCustomSlippage: (slippage: number) => void;
-}): JSX.Element | null;
+}): React.JSX.Element | null;
 declare const _default: React.MemoExoticComponent<typeof SlippageCurveChart>;
 export default _default;

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

@@ -1,6 +1,7 @@
+import React from 'react';
 import { TokenInfo } from '../../../../hooks/Token';
 export default function SlippageSetting({ fromToken, toToken, slippageQuickInput, }: {
     fromToken?: TokenInfo | null;
     toToken?: TokenInfo | null;
     slippageQuickInput?: boolean;
-}): JSX.Element;
+}): React.JSX.Element;

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

@@ -5,4 +5,4 @@ export declare function SlippageWarning({ title, desc, doNotChecked, sx, onChang
     doNotChecked: boolean;
     sx?: BoxProps['sx'];
     onChangeDoNotChecked?: (value: boolean) => void;
-}): JSX.Element | null;
+}): import("react").JSX.Element | null;

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

@@ -1,3 +1,4 @@
+import React from 'react';
 import { TokenInfo } from '../../../../hooks/Token';
 export interface SwapSettingsDialogProps {
     open: boolean;
@@ -6,4 +7,4 @@ export interface SwapSettingsDialogProps {
     toToken?: TokenInfo | null;
     slippageQuickInput?: boolean;
 }
-export declare function SwapSettingsDialog({ open, onClose, fromToken, toToken, slippageQuickInput, }: SwapSettingsDialogProps): JSX.Element;
+export declare function SwapSettingsDialog({ open, onClose, fromToken, toToken, slippageQuickInput, }: SwapSettingsDialogProps): React.JSX.Element;

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

@@ -2,4 +2,4 @@ export declare function SwitchBox({ onClick, disabled: disabledProps, plus, }: {
     onClick?: () => void;
     disabled?: boolean;
     plus?: boolean;
-}): JSX.Element;
+}): import("react").JSX.Element;

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

@@ -9,4 +9,4 @@ export declare function BalanceText({ onClick, balance, decimals, address, showM
     canClickBalance?: boolean;
     loading?: boolean;
     balanceText?: React.ReactNode;
-}): JSX.Element;
+}): React.JSX.Element;

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

@@ -3,4 +3,4 @@ export declare function PercentageSelectButtonGroup({ value, onChange, sx, }: {
     value: number;
     onChange?: (val: number) => void;
     sx?: BoxProps['sx'];
-}): JSX.Element;
+}): import("react").JSX.Element;

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

@@ -5,4 +5,4 @@ export declare function TokenLogoCollapse({ token, onClick, showChainLogo, reado
     showChainLogo?: boolean;
     readonly?: boolean;
     showChainName?: boolean;
-}): JSX.Element;
+}): import("react").JSX.Element;

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

@@ -17,4 +17,4 @@ export interface TokenPickerDialogProps {
     chainId?: TokenPickerProps['chainId'];
     modal?: boolean;
 }
-export declare function TokenPickerDialog(props: TokenPickerDialogProps): JSX.Element;
+export declare function TokenPickerDialog(props: TokenPickerDialogProps): import("react").JSX.Element;