@dodoex/widgets 3.0.0-taiko.18 → 3.0.0-taiko.19

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

@@ -17,5 +17,6 @@ export interface ReviewDialogProps {
     curFromFiatPrice: BigNumber | null;
     pricePerFromToken: number | null;
     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, }: 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): JSX.Element;

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

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

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { ForecastSlippageListItem } from '../../../../../hooks/Swap/useForecastSlippageList';
+export declare const dotClassName = "position-y-dot";
+declare function CurveChart({ data, loading, }: {
+    data: ForecastSlippageListItem[];
+    loading?: boolean;
+}): JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof CurveChart>;
+export default _default;

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

@@ -0,0 +1,9 @@
+import { SliderProps } from '@dodoex/components';
+import React from 'react';
+interface Props {
+    formatValue: (value?: number) => string | React.ReactNode;
+    hoverValue: number | null;
+    getSliderYPosition: (value?: number) => number;
+}
+export default function SlippageSlider({ hoverValue, formatValue, getSliderYPosition, ...props }: SliderProps & Props): JSX.Element;
+export {};

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

@@ -0,0 +1,12 @@
+import { BoxProps } from '@dodoex/components';
+import React from 'react';
+import { ForecastSlippageListItem } from '../../../../../hooks/Swap/useForecastSlippageList';
+declare function SlippageCurveChart({ data, activeSlippage, loading, sx, handleChangeCustomSlippage, }: {
+    data?: ForecastSlippageListItem[];
+    activeSlippage?: number;
+    loading?: boolean;
+    sx?: BoxProps['sx'];
+    handleChangeCustomSlippage: (slippage: number) => void;
+}): JSX.Element | null;
+declare const _default: React.MemoExoticComponent<typeof SlippageCurveChart>;
+export default _default;

package/dist/cjs/components/Swap/components/SwapSettingsDialog/SlippageCurveChart/useHoverSlider.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { useSlippageSlider } from './useSlippageSlider';
+export declare function useHoverSlider(ref: React.RefObject<HTMLDivElement>, { slippageSlider, }: {
+    slippageSlider: ReturnType<typeof useSlippageSlider>;
+}): {
+    hoverValue: number | null;
+    setHoverValue: React.Dispatch<React.SetStateAction<number | null>>;
+};

package/dist/cjs/components/Swap/components/SwapSettingsDialog/SlippageCurveChart/useSlippageSlider.d.ts

@@ -0,0 +1,14 @@
+import { ForecastSlippageListItem } from '../../../../../hooks/Swap/useForecastSlippageList';
+export declare const useSlippageSlider: ({ activeSlippage, data, yPositions, }: {
+    activeSlippage?: number;
+    data?: ForecastSlippageListItem[];
+    yPositions: number[];
+}) => {
+    min: number;
+    max: number;
+    value: number;
+    decimalConversion: number;
+    formatValue: (value?: number) => string;
+    getSliderYPosition: (value?: number) => number;
+    handleChangeValue: (newValue: number) => number;
+};

package/dist/cjs/components/Swap/components/SwapSettingsDialog/SlippageCurveChart/useSuccessRate.d.ts

@@ -0,0 +1,10 @@
+import { ForecastSlippageListItem } from '../../../../../hooks/Swap/useForecastSlippageList';
+export declare function useSuccessRate({ data, activeSlippage, hoverValue, decimalConversion, }: {
+    data?: ForecastSlippageListItem[] | undefined;
+    activeSlippage: number | undefined;
+    hoverValue: number | null;
+    decimalConversion: number | undefined;
+}): {
+    successRate: string;
+    hoverSuccessRate: string;
+};

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

@@ -0,0 +1,5 @@
+import { TokenInfo } from '../../../../hooks/Token';
+export default function SlippageSetting({ fromToken, toToken, }: {
+    fromToken?: TokenInfo | null;
+    toToken?: TokenInfo | null;
+}): JSX.Element;

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

@@ -0,0 +1,6 @@
+export declare function SlippageWarning({ title, desc, doNotChecked, onChangeDoNotChecked, }: {
+    title: string;
+    desc: string;
+    doNotChecked: boolean;
+    onChangeDoNotChecked?: (value: boolean) => void;
+}): JSX.Element | null;

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

@@ -0,0 +1,8 @@
+import { TokenInfo } from '../../../../hooks/Token';
+export interface SwapSettingsDialogProps {
+    open: boolean;
+    onClose: () => void;
+    fromToken?: TokenInfo | null;
+    toToken?: TokenInfo | null;
+}
+export declare function SwapSettingsDialog({ open, onClose, fromToken, toToken, }: SwapSettingsDialogProps): JSX.Element;

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

@@ -0,0 +1,12 @@
+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, }: {
+    sx?: BoxProps['sx'];
+    checked: boolean;
+    onChange: (v: boolean) => void;
+    disabled?: boolean;
+}): JSX.Element;

package/dist/cjs/helper-B1e7EAcC.cjs

@@ -0,0 +1 @@
+"use strict";var e=require("@lingui/core"),t=require("bignumber.js"),i=require("./index-DDfsbCyD.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-CO2FFr-I.cjs

@@ -0,0 +1 @@
+"use strict";var e=require("@lingui/core"),t=require("bignumber.js"),i=require("./index-HDr3zYJA.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/Swap/useCustomSlippage.d.ts

@@ -0,0 +1,10 @@
+import { TokenInfo } from '../Token';
+import { CustomSwapPairSlippage } from './useSwapSettingStore';
+export declare function useCustomSlippage({ fromToken, toToken, }: {
+    fromToken?: TokenInfo | null;
+    toToken?: TokenInfo | null;
+}): {
+    customSlippageNum: number;
+    customSlippage: string | undefined;
+    handleSlippageChange: (newItem: Pick<CustomSwapPairSlippage, "slippage" | "recommend" | "disabled" | "deleted">) => void;
+};

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

@@ -14,6 +14,8 @@ export interface FetchRoutePrice {
     toAmount: string;
     estimateGas?: boolean;
     isReverseRouting?: boolean;
+    slippage?: number;
+    slippageLoading?: boolean;
 }
 interface IRouteResponse {
     resAmount: number;
@@ -28,7 +30,7 @@ interface IRouteResponse {
     useSource: string;
     duration: number;
 }
-export declare function useFetchRoutePrice({ toToken, fromToken, fromAmount, toAmount, marginAmount, estimateGas, isReverseRouting, }: FetchRoutePrice): {
+export declare function useFetchRoutePrice({ toToken, fromToken, fromAmount, toAmount, marginAmount, estimateGas, isReverseRouting, slippage, slippageLoading, }: FetchRoutePrice): {
     status: RoutePriceStatus;
     rawBrief: IRouteResponse | null;
     refetch: () => Promise<void>;

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

@@ -0,0 +1,172 @@
+import { TokenInfo } from '../Token';
+export interface ForecastSlippageListItem {
+    forecastSlippage?: number;
+    forecastValue?: number;
+    confidenceRatio?: number;
+    confidenceIntervalUpper?: number;
+    confidenceIntervalLower?: number;
+}
+export declare function useForecastSlippageList({ fromToken, toToken, }: {
+    fromToken: TokenInfo | undefined | null;
+    toToken: TokenInfo | undefined | null;
+}): {
+    data: import("@dodoex/api/dist/gql/graphql").FetchErc20ForecastSlippageQuery;
+    error: Error;
+    isError: true;
+    isPending: false;
+    isLoading: false;
+    isLoadingError: false;
+    isRefetchError: true;
+    isSuccess: false;
+    status: "error";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isPlaceholderData: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@dodoex/api/dist/gql/graphql").FetchErc20ForecastSlippageQuery, Error>>;
+    fetchStatus: import("@tanstack/react-query").FetchStatus;
+    slippageData: {
+        recommendSlippage?: undefined;
+        slippageList?: undefined;
+    } | {
+        recommendSlippage: ForecastSlippageListItem | undefined;
+        slippageList: ForecastSlippageListItem[];
+    };
+} | {
+    data: import("@dodoex/api/dist/gql/graphql").FetchErc20ForecastSlippageQuery;
+    error: null;
+    isError: false;
+    isPending: false;
+    isLoading: false;
+    isLoadingError: false;
+    isRefetchError: false;
+    isSuccess: true;
+    status: "success";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isPlaceholderData: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@dodoex/api/dist/gql/graphql").FetchErc20ForecastSlippageQuery, Error>>;
+    fetchStatus: import("@tanstack/react-query").FetchStatus;
+    slippageData: {
+        recommendSlippage?: undefined;
+        slippageList?: undefined;
+    } | {
+        recommendSlippage: ForecastSlippageListItem | undefined;
+        slippageList: ForecastSlippageListItem[];
+    };
+} | {
+    data: undefined;
+    error: Error;
+    isError: true;
+    isPending: false;
+    isLoading: false;
+    isLoadingError: true;
+    isRefetchError: false;
+    isSuccess: false;
+    status: "error";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isPlaceholderData: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@dodoex/api/dist/gql/graphql").FetchErc20ForecastSlippageQuery, Error>>;
+    fetchStatus: import("@tanstack/react-query").FetchStatus;
+    slippageData: {
+        recommendSlippage?: undefined;
+        slippageList?: undefined;
+    } | {
+        recommendSlippage: ForecastSlippageListItem | undefined;
+        slippageList: ForecastSlippageListItem[];
+    };
+} | {
+    data: undefined;
+    error: null;
+    isError: false;
+    isPending: true;
+    isLoading: true;
+    isLoadingError: false;
+    isRefetchError: false;
+    isSuccess: false;
+    status: "pending";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isPlaceholderData: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@dodoex/api/dist/gql/graphql").FetchErc20ForecastSlippageQuery, Error>>;
+    fetchStatus: import("@tanstack/react-query").FetchStatus;
+    slippageData: {
+        recommendSlippage?: undefined;
+        slippageList?: undefined;
+    } | {
+        recommendSlippage: ForecastSlippageListItem | undefined;
+        slippageList: ForecastSlippageListItem[];
+    };
+} | {
+    data: undefined;
+    error: null;
+    isError: false;
+    isPending: true;
+    isLoadingError: false;
+    isRefetchError: false;
+    isSuccess: false;
+    status: "pending";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isLoading: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isPlaceholderData: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    refetch: (options?: import("@tanstack/react-query").RefetchOptions) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@dodoex/api/dist/gql/graphql").FetchErc20ForecastSlippageQuery, Error>>;
+    fetchStatus: import("@tanstack/react-query").FetchStatus;
+    slippageData: {
+        recommendSlippage?: undefined;
+        slippageList?: undefined;
+    } | {
+        recommendSlippage: ForecastSlippageListItem | undefined;
+        slippageList: ForecastSlippageListItem[];
+    };
+};

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

@@ -1,2 +1,2 @@
 export declare const maxSlippageWarning = 5;
-export declare const useSlippageLimit: (isBridge: boolean | undefined) => boolean;
+export declare const useSlippageLimit: (slippageSwap?: number) => boolean;

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

@@ -0,0 +1,37 @@
+export interface CustomSwapPairSlippage {
+    account: string;
+    from: string;
+    to: string;
+    /** Should be consistent with fromToken */
+    chainId: number;
+    disabled?: boolean;
+    /** Whether it has been deleted: not necessarily deleted */
+    deleted?: boolean;
+    slippage: string;
+    fromSymbol: string;
+    fromLogo: string | null;
+    toSymbol: string;
+    toLogo: string | null;
+    recommend: string;
+}
+interface SwapSettingState {
+    slippageAdvanced: boolean;
+    customSwapPairSlippages: Array<CustomSwapPairSlippage>;
+    notRemindAgainSlippageHigher: boolean;
+    notRemindAgainSlippageLower: boolean;
+    ddl: string;
+    expertMode: boolean;
+    disableIndirectRouting: boolean;
+}
+export declare const useSwapSettingStore: import("zustand").UseBoundStore<Omit<import("zustand").StoreApi<SwapSettingState>, "persist"> & {
+    persist: {
+        setOptions: (options: Partial<import("zustand/middleware").PersistOptions<SwapSettingState, SwapSettingState>>) => void;
+        clearStorage: () => void;
+        rehydrate: () => Promise<void> | void;
+        hasHydrated: () => boolean;
+        onHydrate: (fn: (state: SwapSettingState) => void) => () => void;
+        onFinishHydration: (fn: (state: SwapSettingState) => void) => () => void;
+        getOptions: () => Partial<import("zustand/middleware").PersistOptions<SwapSettingState, SwapSettingState>>;
+    };
+}>;
+export {};

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

@@ -0,0 +1,174 @@
+import { TokenInfo } from '../Token/type';
+export declare function useSwapSlippage({ fromToken, toToken, }: {
+    fromToken?: TokenInfo | null;
+    toToken?: TokenInfo | null;
+}): {
+    customSlippage: string | undefined;
+    customSlippageNum: number;
+    handleSlippageChange: (newItem: Pick<import("./useSwapSettingStore").CustomSwapPairSlippage, "slippage" | "recommend" | "disabled" | "deleted">) => void;
+    forecastSlippage: number | undefined;
+    forecastSlippageQuery: {
+        data: import("@dodoex/api/dist/gql/graphql").FetchErc20ForecastSlippageQuery;
+        error: Error;
+        isError: true;
+        isPending: false;
+        isLoading: false;
+        isLoadingError: false;
+        isRefetchError: true;
+        isSuccess: false;
+        status: "error";
+        dataUpdatedAt: number;
+        errorUpdatedAt: number;
+        failureCount: number;
+        failureReason: Error | null;
+        errorUpdateCount: number;
+        isFetched: boolean;
+        isFetchedAfterMount: boolean;
+        isFetching: boolean;
+        isInitialLoading: boolean;
+        isPaused: boolean;
+        isPlaceholderData: boolean;
+        isRefetching: boolean;
+        isStale: boolean;
+        refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<import("@dodoex/api/dist/gql/graphql").FetchErc20ForecastSlippageQuery, Error>>;
+        fetchStatus: import("@tanstack/query-core").FetchStatus;
+        slippageData: {
+            recommendSlippage?: undefined;
+            slippageList?: undefined;
+        } | {
+            recommendSlippage: import("./useForecastSlippageList").ForecastSlippageListItem | undefined;
+            slippageList: import("./useForecastSlippageList").ForecastSlippageListItem[];
+        };
+    } | {
+        data: import("@dodoex/api/dist/gql/graphql").FetchErc20ForecastSlippageQuery;
+        error: null;
+        isError: false;
+        isPending: false;
+        isLoading: false;
+        isLoadingError: false;
+        isRefetchError: false;
+        isSuccess: true;
+        status: "success";
+        dataUpdatedAt: number;
+        errorUpdatedAt: number;
+        failureCount: number;
+        failureReason: Error | null;
+        errorUpdateCount: number;
+        isFetched: boolean;
+        isFetchedAfterMount: boolean;
+        isFetching: boolean;
+        isInitialLoading: boolean;
+        isPaused: boolean;
+        isPlaceholderData: boolean;
+        isRefetching: boolean;
+        isStale: boolean;
+        refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<import("@dodoex/api/dist/gql/graphql").FetchErc20ForecastSlippageQuery, Error>>;
+        fetchStatus: import("@tanstack/query-core").FetchStatus;
+        slippageData: {
+            recommendSlippage?: undefined;
+            slippageList?: undefined;
+        } | {
+            recommendSlippage: import("./useForecastSlippageList").ForecastSlippageListItem | undefined;
+            slippageList: import("./useForecastSlippageList").ForecastSlippageListItem[];
+        };
+    } | {
+        data: undefined;
+        error: Error;
+        isError: true;
+        isPending: false;
+        isLoading: false;
+        isLoadingError: true;
+        isRefetchError: false;
+        isSuccess: false;
+        status: "error";
+        dataUpdatedAt: number;
+        errorUpdatedAt: number;
+        failureCount: number;
+        failureReason: Error | null;
+        errorUpdateCount: number;
+        isFetched: boolean;
+        isFetchedAfterMount: boolean;
+        isFetching: boolean;
+        isInitialLoading: boolean;
+        isPaused: boolean;
+        isPlaceholderData: boolean;
+        isRefetching: boolean;
+        isStale: boolean;
+        refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<import("@dodoex/api/dist/gql/graphql").FetchErc20ForecastSlippageQuery, Error>>;
+        fetchStatus: import("@tanstack/query-core").FetchStatus;
+        slippageData: {
+            recommendSlippage?: undefined;
+            slippageList?: undefined;
+        } | {
+            recommendSlippage: import("./useForecastSlippageList").ForecastSlippageListItem | undefined;
+            slippageList: import("./useForecastSlippageList").ForecastSlippageListItem[];
+        };
+    } | {
+        data: undefined;
+        error: null;
+        isError: false;
+        isPending: true;
+        isLoading: true;
+        isLoadingError: false;
+        isRefetchError: false;
+        isSuccess: false;
+        status: "pending";
+        dataUpdatedAt: number;
+        errorUpdatedAt: number;
+        failureCount: number;
+        failureReason: Error | null;
+        errorUpdateCount: number;
+        isFetched: boolean;
+        isFetchedAfterMount: boolean;
+        isFetching: boolean;
+        isInitialLoading: boolean;
+        isPaused: boolean;
+        isPlaceholderData: boolean;
+        isRefetching: boolean;
+        isStale: boolean;
+        refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<import("@dodoex/api/dist/gql/graphql").FetchErc20ForecastSlippageQuery, Error>>;
+        fetchStatus: import("@tanstack/query-core").FetchStatus;
+        slippageData: {
+            recommendSlippage?: undefined;
+            slippageList?: undefined;
+        } | {
+            recommendSlippage: import("./useForecastSlippageList").ForecastSlippageListItem | undefined;
+            slippageList: import("./useForecastSlippageList").ForecastSlippageListItem[];
+        };
+    } | {
+        data: undefined;
+        error: null;
+        isError: false;
+        isPending: true;
+        isLoadingError: false;
+        isRefetchError: false;
+        isSuccess: false;
+        status: "pending";
+        dataUpdatedAt: number;
+        errorUpdatedAt: number;
+        failureCount: number;
+        failureReason: Error | null;
+        errorUpdateCount: number;
+        isFetched: boolean;
+        isFetchedAfterMount: boolean;
+        isFetching: boolean;
+        isLoading: boolean;
+        isInitialLoading: boolean;
+        isPaused: boolean;
+        isPlaceholderData: boolean;
+        isRefetching: boolean;
+        isStale: boolean;
+        refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<import("@dodoex/api/dist/gql/graphql").FetchErc20ForecastSlippageQuery, Error>>;
+        fetchStatus: import("@tanstack/query-core").FetchStatus;
+        slippageData: {
+            recommendSlippage?: undefined;
+            slippageList?: undefined;
+        } | {
+            recommendSlippage: import("./useForecastSlippageList").ForecastSlippageListItem | undefined;
+            slippageList: import("./useForecastSlippageList").ForecastSlippageListItem[];
+        };
+    };
+    recommendSlippage: number;
+    slippage: number;
+    slippageLoading: boolean;
+};