@dodoex/widgets 3.0.0-taiko.8 → 3.0.0-taiko.9

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { BoxProps } from '@dodoex/components';
+import { TokenInfo } from '../hooks/Token';
+export declare function AddTokenToMetamask({ token, size, sx, children, }: {
+    token: TokenInfo;
+    size?: 'small' | 'medium';
+    sx?: BoxProps['sx'];
+    children?: React.ReactNode;
+}): JSX.Element;

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

@@ -0,0 +1,50 @@
+/// <reference types="react" />
+import { ChainId } from '@dodoex/api';
+import { BoxProps } from '@dodoex/components';
+import BigNumber from 'bignumber.js';
+import { TokenInfo } from '../hooks/Token';
+export declare function CardStatus({ isMobile, loading, empty, children, }: React.PropsWithChildren<{
+    isMobile: boolean;
+    loading: boolean;
+    empty: boolean;
+}>): JSX.Element;
+export default function FoldBtn({ show, onClick, }: {
+    show: boolean;
+    onClick: () => void;
+}): JSX.Element;
+export declare function TypeText({ color, type }: {
+    color: string;
+    type: string;
+}): JSX.Element;
+export declare function StatusAndTime({ isMobile, statusText, statusColor: statusColorProps, time, alphaColor, sx, }: {
+    isMobile: boolean;
+    statusText: string;
+    statusColor: string;
+    time?: string;
+    alphaColor?: number;
+    sx?: BoxProps['sx'];
+}): JSX.Element;
+export declare function ChainName({ chainId }: {
+    chainId: ChainId;
+}): JSX.Element | null;
+export declare function TokenAndAmount({ token, amount, showChain, hideLogo, canAddMetamask, sx, }: {
+    token: TokenInfo;
+    amount: string | BigNumber;
+    showChain?: boolean;
+    hideLogo?: boolean;
+    canAddMetamask?: boolean;
+    sx?: BoxProps['sx'];
+}): JSX.Element;
+export declare function TokenPairAndAmount({ baseToken, quoteToken, amount, sx, }: {
+    baseToken: TokenInfo;
+    quoteToken: TokenInfo;
+    amount: BigNumber;
+    sx?: BoxProps['sx'];
+}): JSX.Element;
+export declare function TokenPairOrTokenListAndAmount({ baseToken, quoteToken, baseAmount, quoteAmount, sx, }: {
+    baseToken: TokenInfo;
+    quoteToken: TokenInfo;
+    baseAmount: BigNumber;
+    quoteAmount: BigNumber | null;
+    sx?: BoxProps['sx'];
+}): JSX.Element;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { BoxProps } from '@dodoex/components';
+export default function LoadMore({ height, sx, onClick, hasMore, loading, }: {
+    height?: number | string;
+    sx?: BoxProps['sx'];
+    onClick: () => void;
+    hasMore?: boolean;
+    loading?: boolean;
+}): JSX.Element | null;

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

@@ -0,0 +1,12 @@
+import { BoxProps } from '@dodoex/components';
+import React from 'react';
+interface Props {
+    size: number;
+    color: string;
+    time: string;
+    strokeWidth?: number | string;
+    sx?: BoxProps['sx'];
+}
+declare function Countdown({ size, color, time, strokeWidth, sx }: Props): JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof Countdown>;
+export default _default;

package/dist/cjs/components/Message/index.d.ts

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

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

@@ -0,0 +1,16 @@
+import { BoxProps } from '@dodoex/components';
+import React from 'react';
+export default function Select<V extends string | number = string>({ value, onChange, placeholder, options, sx, readOnly, valueOnlyIcon, }: {
+    value: V | undefined;
+    onChange: (value: V | undefined) => void;
+    placeholder?: string;
+    options: Array<{
+        logo?: React.ReactNode;
+        key: V;
+        value: string | React.ReactNode;
+    }>;
+    sx?: BoxProps['sx'];
+    buttonSx?: BoxProps['sx'];
+    readOnly?: boolean;
+    valueOnlyIcon?: boolean;
+}): JSX.Element;

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

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

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { BoxProps } from '@dodoex/components';
+import { TokenInfo } from '../../../hooks/Token';
+export declare function PriceWithToggle({ fromToken, toToken, fromTokenPrice, toTokenPrice, sx, children, }: {
+    fromToken: TokenInfo;
+    toToken: TokenInfo;
+    fromTokenPrice: string | null | undefined;
+    toTokenPrice: string | null | undefined;
+    sx?: BoxProps['sx'];
+    children?: React.ReactNode;
+}): JSX.Element;

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

@@ -0,0 +1,8 @@
+/// <reference types="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;

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

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+import { BoxProps } from '@dodoex/components';
+import { TokenInfo } from '../../../hooks/Token';
+import { MidPathType } from '../../../hooks/useRouteVisionData';
+export declare function Dot({ sx }: {
+    sx?: BoxProps['sx'];
+}): JSX.Element;
+export declare function Triangle({ sx }: {
+    sx?: BoxProps['sx'];
+}): JSX.Element;
+export declare function DashedLine({ sx }: {
+    sx?: BoxProps['sx'];
+}): JSX.Element;
+interface Props {
+    routeData: MidPathType[];
+    fromTokenRaw: TokenInfo;
+    toTokenRaw: TokenInfo;
+}
+/**
+ * Path visualization
+ */
+export declare function MobileRoutingVision({ routeData, fromTokenRaw, toTokenRaw, sx, }: Props & {
+    sx?: BoxProps['sx'];
+}): JSX.Element;
+export declare function PCRoutingVision({ routeData, fromTokenRaw, toTokenRaw, }: Props): JSX.Element;
+export {};

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

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

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

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

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

@@ -13,4 +13,6 @@ export interface DialogProps {
     height?: number | string;
     testId?: string;
 }
-export default function Dialog({ scope, ...props }: DialogProps): JSX.Element;
+export default function Dialog({ scope, modal, ...props }: DialogProps & {
+    modal?: boolean;
+}): JSX.Element;

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { TokenPickerProps } from '../../../TokenPicker';
 import { DialogProps } from '../Dialog';
-export declare function TokenPickerDialog({ open, title, value, onClose, occupiedAddrs, occupiedChainId, onTokenChange, side, defaultLoadBalance, multiple, searchPlaceholder, searchOtherAddress, chainId, }: {
+export declare function TokenPickerDialog({ open, title, value, onClose, occupiedAddrs, occupiedChainId, onTokenChange, side, defaultLoadBalance, multiple, searchPlaceholder, searchOtherAddress, chainId, modal, }: {
     open: boolean;
     title?: React.ReactNode | string;
     occupiedAddrs?: string[];
@@ -15,4 +15,5 @@ export declare function TokenPickerDialog({ open, title, value, onClose, occupie
     searchPlaceholder?: TokenPickerProps['searchPlaceholder'];
     searchOtherAddress?: TokenPickerProps['searchOtherAddress'];
     chainId?: TokenPickerProps['chainId'];
+    modal?: boolean;
 }): JSX.Element;

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

@@ -34,7 +34,8 @@ export interface TokenCardProps {
     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, }: TokenCardProps): 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/cjs/components/Table.d.ts

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

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { BoxProps } from '@dodoex/components';
 import type { TokenInfo } from '../../hooks/Token';
 import { ChainId } from '@dodoex/api';
 export interface TokenPickerProps {
@@ -20,5 +21,6 @@ export interface TokenPickerProps {
     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, }: TokenPickerProps): JSX.Element;
+export default function TokenPicker({ chainId, value, onChange, occupiedAddrs, occupiedChainId, hiddenAddrs, showAddrs, visible, side, defaultLoadBalance, multiple, searchPlaceholder, searchOtherAddress, sx, }: TokenPickerProps): JSX.Element;

package/dist/cjs/helper-AEVpcN4Q.cjs

@@ -0,0 +1 @@
+"use strict";var e=require("@lingui/core"),t=require("bignumber.js"),i=require("./index-a33funYe.cjs");function o(e){let t=e.toLowerCase();if(t&&/^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/.test(t)){if(4===t.length){let e="#";for(let i=1;i<4;i+=1)e+=t.slice(i,i+1).concat(t.slice(i,i+1));t=e}const e=[];for(let i=1;i<7;i+=2)e.push(parseInt(`0x${t.slice(i,i+2)}`));return e.join(",")}return t}function r({val:e,model:i}){let o=e;if(e.isNaN())return{side:"no-one",vert:new t(0),base:new t(0),quote:new t(0)};i.Q0.eq(0)&&e.lt(i.i)&&(o=i.i),i.B0.eq(0)&&e.gt(i.i)&&(o=i.i);const r=i.getPriceDepth(o),n=r.baseAmount,l=r.quoteAmount,{isBuy:s}=r;return{side:s?"ask":"bid",vert:s?n:l,base:n,quote:l}}function n(e,i=1){return new t(i).div(e/2)}exports.baseZoomMultiples=1,exports.beforePriceImpactEffect=function({currentBaseMinAndZoomMultiples:e,targetPrice:i,midPrice:o,width:r}){const{baseMin:n,zoomMultiples:l}=e,s=new t(Math.log10(n.div(o).toNumber())),u=s.plus(2*l),a=new t(o.multipliedBy(10**u.toNumber()));if(i.gte(n)&&i.lte(a)){return{isSkip:!0,targetX:new t(Math.log10(i.div(o).toNumber())).minus(s).div(2*l).multipliedBy(r).toNumber(),baseMin:new t(0),zoomMultiples:1}}const m=new t(o.multipliedBy(.1)),p=new t(o.multipliedBy(10));if(i.gte(m)&&i.lte(p)){return{isSkip:!1,targetX:new t(Math.log10(i.div(o).toNumber())).minus(-1).div(2).multipliedBy(r).toNumber(),baseMin:m,zoomMultiples:1}}return{isSkip:!1,targetX:-1,baseMin:new t(0),zoomMultiples:1}},exports.chartOffsetYBCToolTip=18,exports.chartT=function(t,i){switch(t){case"depth-chart.tips.buy":return e.i18n._({id:"q+Q952",message:"Users pay {0} {1} and receive {2} {3}\\nPrice {4} ({5}%)",values:{0:i.amountText,1:i.baseTokenSymbol,2:i.oppositeAmountText,3:i.quoteTokenSymbol,4:i.priceText,5:i.slippageText}});case"depth-chart.tips.mid-price":return e.i18n._({id:"cnbRVW",message:"Initial Price {0} {1} = {2} {3}",values:{0:i.amountText,1:i.baseTokenSymbol,2:i.oppositeAmountText,3:i.quoteTokenSymbol}});case"depth-chart.tips.sell":return e.i18n._({id:"q+Q952",message:"Users pay {0} {1} and receive {2} {3}\\nPrice {4} ({5}%)",values:{0:i.oppositeAmountText,1:i.quoteTokenSymbol,2:i.amountText,3:i.baseTokenSymbol,4:i.priceText,5:i.slippageText}});case"pool.chart.buy-amount":return e.i18n._({id:"TaScUS",message:"Users sell {0} amount:",values:{0:i.symbol}});case"pool.chart.price-impact":return e.i18n._({id:"I0LXan",message:"Price Impact: {0}",values:{0:i.amount}});case"pool.chart.sell-amount":return e.i18n._({id:"F2vX4t",message:"Users buy {0} amount:",values:{0:i.symbol}});case"pool.create.disabled-token-amount":return e.i18n._({id:"5QDjef",message:"The token amount is calculated by initial price."});case"pool.create.set-pool.emulator.title":return e.i18n._({id:"FQfStS",message:"Emulator"});case"pool.create.set-pool.emulator.title.question":return e.i18n._({id:"9D2g7k",message:"The liquidity of DODO is continuous, which is different from the discrete liquidity of UniV3. The ticks shown in the illustration are for demonstration purposes only."});case"pool.chart.liquidity-chart-tip":return e.i18n._({id:"YvXHDU",message:"The area of the chart indicates the buy/sell volume of {0} that can be carried by the market when the current price changes to the hover price.",values:{0:i.baseTokenSymbol}});case"pool.chart.liquidity-chart-buy":return e.i18n._({id:"TvH4Ym",message:"Bought {0} {1}, price in the pool decreased to {2}",values:{0:i.amount,1:i.symbol,2:i.price}});case"pool.chart.liquidity-chart-sell":return e.i18n._({id:"0O1wzf",message:"Traders sold ‪{0}‬ {1}, price in the pool increased to {2}",values:{0:i.amount,1:i.symbol,2:i.price}});default:throw new Error(`Unknown key ${t}`)}},exports.colorRgb=o,exports.computeBaseAfterZoom=function({midPrice:e,zoomMultiples:t}){return e.multipliedBy(10**-t)},exports.computeBaseMinByDistance=function({dragDistance:e,prevBaseMin:i,chartWidth:o,zoomMultiples:r}){const l=n(o,r);return e>0?i.multipliedBy(1-l.multipliedBy(e).toNumber()):i.multipliedBy(10**l.multipliedBy(new t(e).abs()).plus(0).toNumber())},exports.computeBaseVert=function({midPrice:e,q:i,q0:o,pmmModel:r}){let n=t.maximum(i,o,r.B.multipliedBy(e));return n.isNaN()&&(n=new t(10)),n.eq(0)&&(n=new t(1)),{buyBaseVert:n.multipliedBy(1.2),sellBaseVert:n.div(e).multipliedBy(1.2)}},exports.computeTargetXByTargetPrice=function({type:e,targetPrice:i,midPrice:o,width:r}){if("sell"===e){return{zoomMultiples:new t(Math.log10(i.div(o).toNumber())).minus(0).div(3/4).abs(),targetX:r/2*(3/4)+r/2}}const n=new t(Math.log10(i.div(o).toNumber()));return{zoomMultiples:new t(0).minus(n).div(3/4).abs(),targetX:r/2*(1/4)}},exports.computeXPortion=n,exports.computeZoomMultiplesWhenZoom=function({prevZoomMultiples:e,zoomIn:t}){return!t&&e<=.1?e:t?e+.1:e-.1},exports.evalPoint=r,exports.labelPadding=12,exports.updateTooltip=function({tooltip:e,x:l,chartWidth:s,chartHeight:u,buyBaseVert:a,sellBaseVert:m,pmmModel:p,midPrice:c,baseTokenSymbol:d,quoteTokenSymbol:h,t:b,baseMinAndZoomMultiples:f,isHover:g,color:y,leftColor:x,rightColor:T}){const{zoomMultiples:v,baseMin:w}=f,B=n(s,v),M=a.div(u),k=m.div(u),q=2*v,S=w.multipliedBy(10**B.multipliedBy(l).toNumber());let N=new t(Math.log(c.div(w).toNumber())/Math.log(10));N=t.minimum(q,N),N=t.maximum(0,N);const P=N.div(B),X=r({val:S,model:p,midPrice:c});if(X.vert.isNaN())return;const A=S.lt(c);let O=u-X.vert.div(M).toNumber();A||(O=u-X.vert.div(k).toNumber());const _=i.formatShortNumber(S),z=i.formatShortNumber(X.vert),D=S.minus(c).abs().div(c).multipliedBy(100).toFixed(2),$=P.toNumber(),H=e.findOne("#toolTipVertLine"),L=e.findOne("#toolTipHoriLine"),U=e.findOne("#joinCircle"),V=e.findOne("#toolTip"),W=e.findOne("#priceTextLabel"),Y=e.findOne("#slippageTextLabel");if(!V)return;V.x(l),V.y(O-5-6);const Z=V.getText(),I=V.getTag();let j="ask"===X.side?i.formatShortNumber(X.quote):i.formatShortNumber(X.base);const C=p.k.lte(0);C&&(j=z);const F=i.formatShortNumber(c),Q={amountText:z,baseTokenSymbol:d,oppositeAmountText:j,quoteTokenSymbol:h,priceText:C?F:_,slippageText:`${A?"-":"+"}${D}`};if(P.minus(4).lte(l)&&P.plus(2).gte(l)&&g)Z.text(b("depth-chart.tips.mid-price",{amountText:1,baseTokenSymbol:d,oppositeAmountText:F,quoteTokenSymbol:h})),V.x($),V.y(u/2),null==H||H.hide(),null==L||L.hide(),null==U||U.hide(),null==W||W.hide(),null==Y||Y.hide();else{Z.text(A?b("depth-chart.tips.buy",{amountText:j,baseTokenSymbol:d,oppositeAmountText:z,quoteTokenSymbol:h,priceText:C?F:_,slippageText:`${A?"-":"+"}${D}`}):b("depth-chart.tips.sell",Q));const e=y||(A?"#55f6db":"#ff4f73"),t=A?x||"#55f6db":T||"#ff4f73";Z.fill(e),V.width()/2>l?(I.pointerDirection("left"),I.pointerHeight(15),I.pointerWidth(8),V.offsetX(-11),V.offsetY(-11)):V.width()/2+l>s?(I.pointerDirection("right"),I.pointerHeight(15),I.pointerWidth(8),V.offsetX(11),V.offsetY(-11)):(I.pointerDirection("down"),I.pointerHeight(8),I.pointerWidth(15),V.offsetX(0),V.offsetY(0)),null==H||H.points([l,u,l,O]),null==H||H.stroke(t),null==L||L.points(A?[l,O,$,O]:[$,O,l,O]),null==L||L.stroke(t),null==U||U.x(l),null==U||U.y(O),null==U||U.fill(A?x||"rgb(86, 246, 218)":T||"#FF5072"),null==U||U.stroke(A?x?`rgba(${o(x)}, 0.4)`:"rgba(86, 246, 218, 0.3)":T?`rgba(${o(T)}, 0.4)`:"rgba(255, 80, 114, 0.3)"),W&&(W.x(l),W.y(u),W.offsetX(W.width()/2),W.x()-W.width()/2<0?W.x(W.width()/2):W.x()+W.width()/2>s?W.x(s-W.width()/2):W.x(l));const i=null==W?void 0:W.findOne("#priceTextLabel-text");i&&(i.fill(e),i.text(_)),Y&&(Y.x(A?l+($-l)/2:l-(l-$)/2),Y.y(O),Y.offsetY(Y.height()/2),Y.offsetX(Y.width()/2));const r=null==Y?void 0:Y.findOne("#slippageTextLabel-text");r&&(r.fill(e),r.text(`${A?"-":"+"}${D}%`)),null==H||H.show(),null==L||L.show(),null==U||U.show(),null==W||W.show(),null==Y||Y.show()}e.show()};

package/dist/cjs/helper-B5-dopL3.cjs

@@ -0,0 +1 @@
+"use strict";var e=require("@lingui/core"),t=require("bignumber.js"),i=require("./index-BkOUMfo-.cjs");function o(e){let t=e.toLowerCase();if(t&&/^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/.test(t)){if(4===t.length){let e="#";for(let i=1;i<4;i+=1)e+=t.slice(i,i+1).concat(t.slice(i,i+1));t=e}const e=[];for(let i=1;i<7;i+=2)e.push(parseInt(`0x${t.slice(i,i+2)}`));return e.join(",")}return t}function r({val:e,model:i}){let o=e;if(e.isNaN())return{side:"no-one",vert:new t(0),base:new t(0),quote:new t(0)};i.Q0.eq(0)&&e.lt(i.i)&&(o=i.i),i.B0.eq(0)&&e.gt(i.i)&&(o=i.i);const r=i.getPriceDepth(o),n=r.baseAmount,l=r.quoteAmount,{isBuy:s}=r;return{side:s?"ask":"bid",vert:s?n:l,base:n,quote:l}}function n(e,i=1){return new t(i).div(e/2)}exports.baseZoomMultiples=1,exports.beforePriceImpactEffect=function({currentBaseMinAndZoomMultiples:e,targetPrice:i,midPrice:o,width:r}){const{baseMin:n,zoomMultiples:l}=e,s=new t(Math.log10(n.div(o).toNumber())),u=s.plus(2*l),a=new t(o.multipliedBy(10**u.toNumber()));if(i.gte(n)&&i.lte(a)){return{isSkip:!0,targetX:new t(Math.log10(i.div(o).toNumber())).minus(s).div(2*l).multipliedBy(r).toNumber(),baseMin:new t(0),zoomMultiples:1}}const m=new t(o.multipliedBy(.1)),p=new t(o.multipliedBy(10));if(i.gte(m)&&i.lte(p)){return{isSkip:!1,targetX:new t(Math.log10(i.div(o).toNumber())).minus(-1).div(2).multipliedBy(r).toNumber(),baseMin:m,zoomMultiples:1}}return{isSkip:!1,targetX:-1,baseMin:new t(0),zoomMultiples:1}},exports.chartOffsetYBCToolTip=18,exports.chartT=function(t,i){switch(t){case"depth-chart.tips.buy":return e.i18n._({id:"q+Q952",message:"Users pay {0} {1} and receive {2} {3}\\nPrice {4} ({5}%)",values:{0:i.amountText,1:i.baseTokenSymbol,2:i.oppositeAmountText,3:i.quoteTokenSymbol,4:i.priceText,5:i.slippageText}});case"depth-chart.tips.mid-price":return e.i18n._({id:"cnbRVW",message:"Initial Price {0} {1} = {2} {3}",values:{0:i.amountText,1:i.baseTokenSymbol,2:i.oppositeAmountText,3:i.quoteTokenSymbol}});case"depth-chart.tips.sell":return e.i18n._({id:"q+Q952",message:"Users pay {0} {1} and receive {2} {3}\\nPrice {4} ({5}%)",values:{0:i.oppositeAmountText,1:i.quoteTokenSymbol,2:i.amountText,3:i.baseTokenSymbol,4:i.priceText,5:i.slippageText}});case"pool.chart.buy-amount":return e.i18n._({id:"TaScUS",message:"Users sell {0} amount:",values:{0:i.symbol}});case"pool.chart.price-impact":return e.i18n._({id:"I0LXan",message:"Price Impact: {0}",values:{0:i.amount}});case"pool.chart.sell-amount":return e.i18n._({id:"F2vX4t",message:"Users buy {0} amount:",values:{0:i.symbol}});case"pool.create.disabled-token-amount":return e.i18n._({id:"5QDjef",message:"The token amount is calculated by initial price."});case"pool.create.set-pool.emulator.title":return e.i18n._({id:"FQfStS",message:"Emulator"});case"pool.create.set-pool.emulator.title.question":return e.i18n._({id:"9D2g7k",message:"The liquidity of DODO is continuous, which is different from the discrete liquidity of UniV3. The ticks shown in the illustration are for demonstration purposes only."});case"pool.chart.liquidity-chart-tip":return e.i18n._({id:"YvXHDU",message:"The area of the chart indicates the buy/sell volume of {0} that can be carried by the market when the current price changes to the hover price.",values:{0:i.baseTokenSymbol}});case"pool.chart.liquidity-chart-buy":return e.i18n._({id:"TvH4Ym",message:"Bought {0} {1}, price in the pool decreased to {2}",values:{0:i.amount,1:i.symbol,2:i.price}});case"pool.chart.liquidity-chart-sell":return e.i18n._({id:"0O1wzf",message:"Traders sold ‪{0}‬ {1}, price in the pool increased to {2}",values:{0:i.amount,1:i.symbol,2:i.price}});default:throw new Error(`Unknown key ${t}`)}},exports.colorRgb=o,exports.computeBaseAfterZoom=function({midPrice:e,zoomMultiples:t}){return e.multipliedBy(10**-t)},exports.computeBaseMinByDistance=function({dragDistance:e,prevBaseMin:i,chartWidth:o,zoomMultiples:r}){const l=n(o,r);return e>0?i.multipliedBy(1-l.multipliedBy(e).toNumber()):i.multipliedBy(10**l.multipliedBy(new t(e).abs()).plus(0).toNumber())},exports.computeBaseVert=function({midPrice:e,q:i,q0:o,pmmModel:r}){let n=t.maximum(i,o,r.B.multipliedBy(e));return n.isNaN()&&(n=new t(10)),n.eq(0)&&(n=new t(1)),{buyBaseVert:n.multipliedBy(1.2),sellBaseVert:n.div(e).multipliedBy(1.2)}},exports.computeTargetXByTargetPrice=function({type:e,targetPrice:i,midPrice:o,width:r}){if("sell"===e){return{zoomMultiples:new t(Math.log10(i.div(o).toNumber())).minus(0).div(3/4).abs(),targetX:r/2*(3/4)+r/2}}const n=new t(Math.log10(i.div(o).toNumber()));return{zoomMultiples:new t(0).minus(n).div(3/4).abs(),targetX:r/2*(1/4)}},exports.computeXPortion=n,exports.computeZoomMultiplesWhenZoom=function({prevZoomMultiples:e,zoomIn:t}){return!t&&e<=.1?e:t?e+.1:e-.1},exports.evalPoint=r,exports.labelPadding=12,exports.updateTooltip=function({tooltip:e,x:l,chartWidth:s,chartHeight:u,buyBaseVert:a,sellBaseVert:m,pmmModel:p,midPrice:c,baseTokenSymbol:d,quoteTokenSymbol:h,t:b,baseMinAndZoomMultiples:f,isHover:g,color:y,leftColor:x,rightColor:T}){const{zoomMultiples:v,baseMin:w}=f,B=n(s,v),M=a.div(u),k=m.div(u),q=2*v,S=w.multipliedBy(10**B.multipliedBy(l).toNumber());let N=new t(Math.log(c.div(w).toNumber())/Math.log(10));N=t.minimum(q,N),N=t.maximum(0,N);const P=N.div(B),X=r({val:S,model:p,midPrice:c});if(X.vert.isNaN())return;const A=S.lt(c);let O=u-X.vert.div(M).toNumber();A||(O=u-X.vert.div(k).toNumber());const _=i.formatShortNumber(S),z=i.formatShortNumber(X.vert),D=S.minus(c).abs().div(c).multipliedBy(100).toFixed(2),$=P.toNumber(),H=e.findOne("#toolTipVertLine"),L=e.findOne("#toolTipHoriLine"),U=e.findOne("#joinCircle"),V=e.findOne("#toolTip"),W=e.findOne("#priceTextLabel"),Y=e.findOne("#slippageTextLabel");if(!V)return;V.x(l),V.y(O-5-6);const Z=V.getText(),I=V.getTag();let j="ask"===X.side?i.formatShortNumber(X.quote):i.formatShortNumber(X.base);const C=p.k.lte(0);C&&(j=z);const F=i.formatShortNumber(c),Q={amountText:z,baseTokenSymbol:d,oppositeAmountText:j,quoteTokenSymbol:h,priceText:C?F:_,slippageText:`${A?"-":"+"}${D}`};if(P.minus(4).lte(l)&&P.plus(2).gte(l)&&g)Z.text(b("depth-chart.tips.mid-price",{amountText:1,baseTokenSymbol:d,oppositeAmountText:F,quoteTokenSymbol:h})),V.x($),V.y(u/2),null==H||H.hide(),null==L||L.hide(),null==U||U.hide(),null==W||W.hide(),null==Y||Y.hide();else{Z.text(A?b("depth-chart.tips.buy",{amountText:j,baseTokenSymbol:d,oppositeAmountText:z,quoteTokenSymbol:h,priceText:C?F:_,slippageText:`${A?"-":"+"}${D}`}):b("depth-chart.tips.sell",Q));const e=y||(A?"#55f6db":"#ff4f73"),t=A?x||"#55f6db":T||"#ff4f73";Z.fill(e),V.width()/2>l?(I.pointerDirection("left"),I.pointerHeight(15),I.pointerWidth(8),V.offsetX(-11),V.offsetY(-11)):V.width()/2+l>s?(I.pointerDirection("right"),I.pointerHeight(15),I.pointerWidth(8),V.offsetX(11),V.offsetY(-11)):(I.pointerDirection("down"),I.pointerHeight(8),I.pointerWidth(15),V.offsetX(0),V.offsetY(0)),null==H||H.points([l,u,l,O]),null==H||H.stroke(t),null==L||L.points(A?[l,O,$,O]:[$,O,l,O]),null==L||L.stroke(t),null==U||U.x(l),null==U||U.y(O),null==U||U.fill(A?x||"rgb(86, 246, 218)":T||"#FF5072"),null==U||U.stroke(A?x?`rgba(${o(x)}, 0.4)`:"rgba(86, 246, 218, 0.3)":T?`rgba(${o(T)}, 0.4)`:"rgba(255, 80, 114, 0.3)"),W&&(W.x(l),W.y(u),W.offsetX(W.width()/2),W.x()-W.width()/2<0?W.x(W.width()/2):W.x()+W.width()/2>s?W.x(s-W.width()/2):W.x(l));const i=null==W?void 0:W.findOne("#priceTextLabel-text");i&&(i.fill(e),i.text(_)),Y&&(Y.x(A?l+($-l)/2:l-(l-$)/2),Y.y(O),Y.offsetY(Y.height()/2),Y.offsetX(Y.width()/2));const r=null==Y?void 0:Y.findOne("#slippageTextLabel-text");r&&(r.fill(e),r.text(`${A?"-":"+"}${D}%`)),null==H||H.show(),null==L||L.show(),null==U||U.show(),null==W||W.show(),null==Y||Y.show()}e.show()};

package/dist/cjs/helper-ZnKsWZwe.cjs

@@ -0,0 +1 @@
+"use strict";var e=require("@lingui/core"),t=require("bignumber.js"),i=require("./index-CVUcICkM.cjs");function o(e){let t=e.toLowerCase();if(t&&/^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/.test(t)){if(4===t.length){let e="#";for(let i=1;i<4;i+=1)e+=t.slice(i,i+1).concat(t.slice(i,i+1));t=e}const e=[];for(let i=1;i<7;i+=2)e.push(parseInt(`0x${t.slice(i,i+2)}`));return e.join(",")}return t}function r({val:e,model:i}){let o=e;if(e.isNaN())return{side:"no-one",vert:new t(0),base:new t(0),quote:new t(0)};i.Q0.eq(0)&&e.lt(i.i)&&(o=i.i),i.B0.eq(0)&&e.gt(i.i)&&(o=i.i);const r=i.getPriceDepth(o),n=r.baseAmount,l=r.quoteAmount,{isBuy:s}=r;return{side:s?"ask":"bid",vert:s?n:l,base:n,quote:l}}function n(e,i=1){return new t(i).div(e/2)}exports.baseZoomMultiples=1,exports.beforePriceImpactEffect=function({currentBaseMinAndZoomMultiples:e,targetPrice:i,midPrice:o,width:r}){const{baseMin:n,zoomMultiples:l}=e,s=new t(Math.log10(n.div(o).toNumber())),u=s.plus(2*l),a=new t(o.multipliedBy(10**u.toNumber()));if(i.gte(n)&&i.lte(a)){return{isSkip:!0,targetX:new t(Math.log10(i.div(o).toNumber())).minus(s).div(2*l).multipliedBy(r).toNumber(),baseMin:new t(0),zoomMultiples:1}}const m=new t(o.multipliedBy(.1)),p=new t(o.multipliedBy(10));if(i.gte(m)&&i.lte(p)){return{isSkip:!1,targetX:new t(Math.log10(i.div(o).toNumber())).minus(-1).div(2).multipliedBy(r).toNumber(),baseMin:m,zoomMultiples:1}}return{isSkip:!1,targetX:-1,baseMin:new t(0),zoomMultiples:1}},exports.chartOffsetYBCToolTip=18,exports.chartT=function(t,i){switch(t){case"depth-chart.tips.buy":return e.i18n._({id:"q+Q952",message:"Users pay {0} {1} and receive {2} {3}\\nPrice {4} ({5}%)",values:{0:i.amountText,1:i.baseTokenSymbol,2:i.oppositeAmountText,3:i.quoteTokenSymbol,4:i.priceText,5:i.slippageText}});case"depth-chart.tips.mid-price":return e.i18n._({id:"cnbRVW",message:"Initial Price {0} {1} = {2} {3}",values:{0:i.amountText,1:i.baseTokenSymbol,2:i.oppositeAmountText,3:i.quoteTokenSymbol}});case"depth-chart.tips.sell":return e.i18n._({id:"q+Q952",message:"Users pay {0} {1} and receive {2} {3}\\nPrice {4} ({5}%)",values:{0:i.oppositeAmountText,1:i.quoteTokenSymbol,2:i.amountText,3:i.baseTokenSymbol,4:i.priceText,5:i.slippageText}});case"pool.chart.buy-amount":return e.i18n._({id:"TaScUS",message:"Users sell {0} amount:",values:{0:i.symbol}});case"pool.chart.price-impact":return e.i18n._({id:"I0LXan",message:"Price Impact: {0}",values:{0:i.amount}});case"pool.chart.sell-amount":return e.i18n._({id:"F2vX4t",message:"Users buy {0} amount:",values:{0:i.symbol}});case"pool.create.disabled-token-amount":return e.i18n._({id:"5QDjef",message:"The token amount is calculated by initial price."});case"pool.create.set-pool.emulator.title":return e.i18n._({id:"FQfStS",message:"Emulator"});case"pool.create.set-pool.emulator.title.question":return e.i18n._({id:"9D2g7k",message:"The liquidity of DODO is continuous, which is different from the discrete liquidity of UniV3. The ticks shown in the illustration are for demonstration purposes only."});case"pool.chart.liquidity-chart-tip":return e.i18n._({id:"YvXHDU",message:"The area of the chart indicates the buy/sell volume of {0} that can be carried by the market when the current price changes to the hover price.",values:{0:i.baseTokenSymbol}});case"pool.chart.liquidity-chart-buy":return e.i18n._({id:"TvH4Ym",message:"Bought {0} {1}, price in the pool decreased to {2}",values:{0:i.amount,1:i.symbol,2:i.price}});case"pool.chart.liquidity-chart-sell":return e.i18n._({id:"0O1wzf",message:"Traders sold ‪{0}‬ {1}, price in the pool increased to {2}",values:{0:i.amount,1:i.symbol,2:i.price}});default:throw new Error(`Unknown key ${t}`)}},exports.colorRgb=o,exports.computeBaseAfterZoom=function({midPrice:e,zoomMultiples:t}){return e.multipliedBy(10**-t)},exports.computeBaseMinByDistance=function({dragDistance:e,prevBaseMin:i,chartWidth:o,zoomMultiples:r}){const l=n(o,r);return e>0?i.multipliedBy(1-l.multipliedBy(e).toNumber()):i.multipliedBy(10**l.multipliedBy(new t(e).abs()).plus(0).toNumber())},exports.computeBaseVert=function({midPrice:e,q:i,q0:o,pmmModel:r}){let n=t.maximum(i,o,r.B.multipliedBy(e));return n.isNaN()&&(n=new t(10)),n.eq(0)&&(n=new t(1)),{buyBaseVert:n.multipliedBy(1.2),sellBaseVert:n.div(e).multipliedBy(1.2)}},exports.computeTargetXByTargetPrice=function({type:e,targetPrice:i,midPrice:o,width:r}){if("sell"===e){return{zoomMultiples:new t(Math.log10(i.div(o).toNumber())).minus(0).div(3/4).abs(),targetX:r/2*(3/4)+r/2}}const n=new t(Math.log10(i.div(o).toNumber()));return{zoomMultiples:new t(0).minus(n).div(3/4).abs(),targetX:r/2*(1/4)}},exports.computeXPortion=n,exports.computeZoomMultiplesWhenZoom=function({prevZoomMultiples:e,zoomIn:t}){return!t&&e<=.1?e:t?e+.1:e-.1},exports.evalPoint=r,exports.labelPadding=12,exports.updateTooltip=function({tooltip:e,x:l,chartWidth:s,chartHeight:u,buyBaseVert:a,sellBaseVert:m,pmmModel:p,midPrice:c,baseTokenSymbol:d,quoteTokenSymbol:h,t:b,baseMinAndZoomMultiples:f,isHover:g,color:y,leftColor:x,rightColor:T}){const{zoomMultiples:v,baseMin:w}=f,B=n(s,v),M=a.div(u),k=m.div(u),q=2*v,S=w.multipliedBy(10**B.multipliedBy(l).toNumber());let N=new t(Math.log(c.div(w).toNumber())/Math.log(10));N=t.minimum(q,N),N=t.maximum(0,N);const P=N.div(B),X=r({val:S,model:p,midPrice:c});if(X.vert.isNaN())return;const A=S.lt(c);let O=u-X.vert.div(M).toNumber();A||(O=u-X.vert.div(k).toNumber());const _=i.formatShortNumber(S),z=i.formatShortNumber(X.vert),D=S.minus(c).abs().div(c).multipliedBy(100).toFixed(2),$=P.toNumber(),H=e.findOne("#toolTipVertLine"),L=e.findOne("#toolTipHoriLine"),U=e.findOne("#joinCircle"),V=e.findOne("#toolTip"),W=e.findOne("#priceTextLabel"),Y=e.findOne("#slippageTextLabel");if(!V)return;V.x(l),V.y(O-5-6);const Z=V.getText(),I=V.getTag();let j="ask"===X.side?i.formatShortNumber(X.quote):i.formatShortNumber(X.base);const C=p.k.lte(0);C&&(j=z);const F=i.formatShortNumber(c),Q={amountText:z,baseTokenSymbol:d,oppositeAmountText:j,quoteTokenSymbol:h,priceText:C?F:_,slippageText:`${A?"-":"+"}${D}`};if(P.minus(4).lte(l)&&P.plus(2).gte(l)&&g)Z.text(b("depth-chart.tips.mid-price",{amountText:1,baseTokenSymbol:d,oppositeAmountText:F,quoteTokenSymbol:h})),V.x($),V.y(u/2),null==H||H.hide(),null==L||L.hide(),null==U||U.hide(),null==W||W.hide(),null==Y||Y.hide();else{Z.text(A?b("depth-chart.tips.buy",{amountText:j,baseTokenSymbol:d,oppositeAmountText:z,quoteTokenSymbol:h,priceText:C?F:_,slippageText:`${A?"-":"+"}${D}`}):b("depth-chart.tips.sell",Q));const e=y||(A?"#55f6db":"#ff4f73"),t=A?x||"#55f6db":T||"#ff4f73";Z.fill(e),V.width()/2>l?(I.pointerDirection("left"),I.pointerHeight(15),I.pointerWidth(8),V.offsetX(-11),V.offsetY(-11)):V.width()/2+l>s?(I.pointerDirection("right"),I.pointerHeight(15),I.pointerWidth(8),V.offsetX(11),V.offsetY(-11)):(I.pointerDirection("down"),I.pointerHeight(8),I.pointerWidth(15),V.offsetX(0),V.offsetY(0)),null==H||H.points([l,u,l,O]),null==H||H.stroke(t),null==L||L.points(A?[l,O,$,O]:[$,O,l,O]),null==L||L.stroke(t),null==U||U.x(l),null==U||U.y(O),null==U||U.fill(A?x||"rgb(86, 246, 218)":T||"#FF5072"),null==U||U.stroke(A?x?`rgba(${o(x)}, 0.4)`:"rgba(86, 246, 218, 0.3)":T?`rgba(${o(T)}, 0.4)`:"rgba(255, 80, 114, 0.3)"),W&&(W.x(l),W.y(u),W.offsetX(W.width()/2),W.x()-W.width()/2<0?W.x(W.width()/2):W.x()+W.width()/2>s?W.x(s-W.width()/2):W.x(l));const i=null==W?void 0:W.findOne("#priceTextLabel-text");i&&(i.fill(e),i.text(_)),Y&&(Y.x(A?l+($-l)/2:l-(l-$)/2),Y.y(O),Y.offsetY(Y.height()/2),Y.offsetX(Y.width()/2));const r=null==Y?void 0:Y.findOne("#slippageTextLabel-text");r&&(r.fill(e),r.text(`${A?"-":"+"}${D}%`)),null==H||H.show(),null==L||L.show(),null==U||U.show(),null==W||W.show(),null==Y||Y.show()}e.show()};

package/dist/cjs/hooks/Submission/useSubmissionStatusColor.d.ts

@@ -0,0 +1,18 @@
+export declare enum StateText {
+    Running = "pending",
+    Success = "success",
+    Failed = "failed",
+    /** Accelerated or canceled tx warning handling */
+    Warning = "reset"
+}
+export declare function useSubmissionStatusColor({ status, stateTextMap, }: {
+    status: string | number;
+    stateTextMap?: {
+        [key: string | number]: StateText;
+    };
+}): {
+    state: StateText;
+    statusText: string;
+    statusColor: string;
+    statusAlphaColor: number | undefined;
+};

package/dist/cjs/hooks/Swap/useTradeSwapOrderList.d.ts

@@ -0,0 +1,242 @@
+import BigNumber from 'bignumber.js';
+import { TokenInfo } from '../Token';
+export declare function useTradeSwapOrderList({ account, chainId, limit, }: {
+    account: string | undefined;
+    chainId?: number;
+    limit?: number;
+}): {
+    orderList: {
+        hash: string;
+        fromToken: TokenInfo;
+        toToken: TokenInfo;
+        fromAmount: BigNumber | null;
+        toAmount: string;
+        minAmount: string;
+        fromTokenPrice: string;
+        toTokenPrice: string;
+        createdAt: string;
+        routeData: any;
+        safeTxHash: string | undefined;
+        safeTxUrl: string;
+        status: string;
+        transactionHash: string;
+    }[];
+    data: import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").A<import("@dodoex/api/dist/gql/graphql").FetchUserSwapOrderHistoriesQuery, unknown>;
+    error: Error;
+    isError: true;
+    isPending: false;
+    isLoading: false;
+    isLoadingError: false;
+    isRefetchError: true;
+    isSuccess: false;
+    status: "error";
+    fetchNextPage: (options?: import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").a3 | undefined) => Promise<import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").am<import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").A<import("@dodoex/api/dist/gql/graphql").FetchUserSwapOrderHistoriesQuery, unknown>, Error>>;
+    fetchPreviousPage: (options?: import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").a4 | undefined) => Promise<import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").am<import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").A<import("@dodoex/api/dist/gql/graphql").FetchUserSwapOrderHistoriesQuery, unknown>, Error>>;
+    hasNextPage: boolean;
+    hasPreviousPage: boolean;
+    isFetchingNextPage: boolean;
+    isFetchingPreviousPage: boolean;
+    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("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").A<import("@dodoex/api/dist/gql/graphql").FetchUserSwapOrderHistoriesQuery, unknown>, Error>>;
+    fetchStatus: import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").a6;
+} | {
+    orderList: {
+        hash: string;
+        fromToken: TokenInfo;
+        toToken: TokenInfo;
+        fromAmount: BigNumber | null;
+        toAmount: string;
+        minAmount: string;
+        fromTokenPrice: string;
+        toTokenPrice: string;
+        createdAt: string;
+        routeData: any;
+        safeTxHash: string | undefined;
+        safeTxUrl: string;
+        status: string;
+        transactionHash: string;
+    }[];
+    data: import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").A<import("@dodoex/api/dist/gql/graphql").FetchUserSwapOrderHistoriesQuery, unknown>;
+    error: null;
+    isError: false;
+    isPending: false;
+    isLoading: false;
+    isLoadingError: false;
+    isRefetchError: false;
+    isSuccess: true;
+    status: "success";
+    fetchNextPage: (options?: import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").a3 | undefined) => Promise<import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").am<import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").A<import("@dodoex/api/dist/gql/graphql").FetchUserSwapOrderHistoriesQuery, unknown>, Error>>;
+    fetchPreviousPage: (options?: import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").a4 | undefined) => Promise<import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").am<import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").A<import("@dodoex/api/dist/gql/graphql").FetchUserSwapOrderHistoriesQuery, unknown>, Error>>;
+    hasNextPage: boolean;
+    hasPreviousPage: boolean;
+    isFetchingNextPage: boolean;
+    isFetchingPreviousPage: boolean;
+    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("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").A<import("@dodoex/api/dist/gql/graphql").FetchUserSwapOrderHistoriesQuery, unknown>, Error>>;
+    fetchStatus: import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").a6;
+} | {
+    orderList: {
+        hash: string;
+        fromToken: TokenInfo;
+        toToken: TokenInfo;
+        fromAmount: BigNumber | null;
+        toAmount: string;
+        minAmount: string;
+        fromTokenPrice: string;
+        toTokenPrice: string;
+        createdAt: string;
+        routeData: any;
+        safeTxHash: string | undefined;
+        safeTxUrl: string;
+        status: string;
+        transactionHash: string;
+    }[];
+    data: undefined;
+    error: Error;
+    isError: true;
+    isPending: false;
+    isLoading: false;
+    isLoadingError: true;
+    isRefetchError: false;
+    isSuccess: false;
+    status: "error";
+    fetchNextPage: (options?: import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").a3 | undefined) => Promise<import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").am<import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").A<import("@dodoex/api/dist/gql/graphql").FetchUserSwapOrderHistoriesQuery, unknown>, Error>>;
+    fetchPreviousPage: (options?: import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").a4 | undefined) => Promise<import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").am<import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").A<import("@dodoex/api/dist/gql/graphql").FetchUserSwapOrderHistoriesQuery, unknown>, Error>>;
+    hasNextPage: boolean;
+    hasPreviousPage: boolean;
+    isFetchingNextPage: boolean;
+    isFetchingPreviousPage: boolean;
+    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("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").A<import("@dodoex/api/dist/gql/graphql").FetchUserSwapOrderHistoriesQuery, unknown>, Error>>;
+    fetchStatus: import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").a6;
+} | {
+    orderList: {
+        hash: string;
+        fromToken: TokenInfo;
+        toToken: TokenInfo;
+        fromAmount: BigNumber | null;
+        toAmount: string;
+        minAmount: string;
+        fromTokenPrice: string;
+        toTokenPrice: string;
+        createdAt: string;
+        routeData: any;
+        safeTxHash: string | undefined;
+        safeTxUrl: string;
+        status: string;
+        transactionHash: string;
+    }[];
+    data: undefined;
+    error: null;
+    isError: false;
+    isPending: true;
+    isLoading: true;
+    isLoadingError: false;
+    isRefetchError: false;
+    isSuccess: false;
+    status: "pending";
+    fetchNextPage: (options?: import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").a3 | undefined) => Promise<import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").am<import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").A<import("@dodoex/api/dist/gql/graphql").FetchUserSwapOrderHistoriesQuery, unknown>, Error>>;
+    fetchPreviousPage: (options?: import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").a4 | undefined) => Promise<import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").am<import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").A<import("@dodoex/api/dist/gql/graphql").FetchUserSwapOrderHistoriesQuery, unknown>, Error>>;
+    hasNextPage: boolean;
+    hasPreviousPage: boolean;
+    isFetchingNextPage: boolean;
+    isFetchingPreviousPage: boolean;
+    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("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").A<import("@dodoex/api/dist/gql/graphql").FetchUserSwapOrderHistoriesQuery, unknown>, Error>>;
+    fetchStatus: import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").a6;
+} | {
+    orderList: {
+        hash: string;
+        fromToken: TokenInfo;
+        toToken: TokenInfo;
+        fromAmount: BigNumber | null;
+        toAmount: string;
+        minAmount: string;
+        fromTokenPrice: string;
+        toTokenPrice: string;
+        createdAt: string;
+        routeData: any;
+        safeTxHash: string | undefined;
+        safeTxUrl: string;
+        status: string;
+        transactionHash: string;
+    }[];
+    data: undefined;
+    error: null;
+    isError: false;
+    isPending: true;
+    isLoadingError: false;
+    isRefetchError: false;
+    isSuccess: false;
+    status: "pending";
+    fetchNextPage: (options?: import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").a3 | undefined) => Promise<import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").am<import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").A<import("@dodoex/api/dist/gql/graphql").FetchUserSwapOrderHistoriesQuery, unknown>, Error>>;
+    fetchPreviousPage: (options?: import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").a4 | undefined) => Promise<import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").am<import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").A<import("@dodoex/api/dist/gql/graphql").FetchUserSwapOrderHistoriesQuery, unknown>, Error>>;
+    hasNextPage: boolean;
+    hasPreviousPage: boolean;
+    isFetchingNextPage: boolean;
+    isFetchingPreviousPage: boolean;
+    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("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").A<import("@dodoex/api/dist/gql/graphql").FetchUserSwapOrderHistoriesQuery, unknown>, Error>>;
+    fetchStatus: import("@tanstack/query-core/build/legacy/queryClient-MRqjmcFa").a6;
+};

package/dist/cjs/hooks/contract/wallet.d.ts

@@ -2,6 +2,7 @@ import { JsonRpcProvider } from '@ethersproject/providers';
 import type { TransactionRequest } from '@ethersproject/abstract-provider';
 import { BigNumber as EthersBigNumber } from '@ethersproject/bignumber';
 import BigNumber from 'bignumber.js';
+import { TokenInfo } from '../Token';
 export declare type Deferrable<T> = {
     [K in keyof T]: T[K] | Promise<T[K]>;
 };
@@ -14,3 +15,11 @@ export declare const getEstimateGas: (params: any, provider: JsonRpcProvider) =>
 export declare const getGasPrice: (provider: JsonRpcProvider) => Promise<EthersBigNumber | null>;
 export declare const sendTransaction: (params: Deferrable<TransactionRequest>, provider: JsonRpcProvider) => Promise<import("@ethersproject/abstract-provider").TransactionResponse>;
 export declare const approve: (tokenAddress: string, accountAddress: string, contractAddress: string, allowance: BigNumber, provider: JsonRpcProvider) => Promise<import("@ethersproject/abstract-provider").TransactionResponse>;
+/**
+ * Add custom token to metamask
+ * https://docs.metamask.io/guide/registering-your-token.html#registering-tokens-with-users
+ */
+export declare function registerTokenWithMetamask(provider: JsonRpcProvider | undefined, token: TokenInfo): Promise<{
+    result: boolean;
+    failMsg?: string;
+}>;

package/dist/cjs/hooks/useMessageState.d.ts

@@ -0,0 +1,17 @@
+interface Notify {
+    message: string;
+    type: 'success' | 'error' | 'warning';
+    timeout?: number;
+    content?: string;
+    link?: {
+        text: string;
+        outerLink?: string;
+    };
+}
+interface MessageState {
+    notify: Notify | null;
+    toast: (notify: Notify) => void;
+    close: () => void;
+}
+export declare const useMessageState: import("zustand").UseBoundStore<import("zustand").StoreApi<MessageState>>;
+export {};

package/dist/cjs/hooks/useRouteVisionData.d.ts

@@ -0,0 +1,15 @@
+export declare type MidPathType = {
+    fromToken: string;
+    toToken: string;
+    chainId: number;
+    poolDetails: Map<string, {
+        poolPart: string;
+        poolAddress: string | null;
+    }[]>;
+};
+export declare function useRouteVisionData({ rawRouteData, chainId, }: {
+    rawRouteData: string;
+    chainId: number;
+}): {
+    routeData: MidPathType[];
+};