@dodoex/widgets 2.6.12-beta.0 → 2.6.12-beta.2

package/dist/cjs/providers/GlobalConfigContext.d.ts

@@ -1,5 +1,7 @@
-/// <reference types="react" />
 import { GraphQLRequests } from '@dodoex/api';
+import React from 'react';
+import { ConfirmProps } from '../components/Confirm';
+import { DialogProps } from '../components/Swap/components/Dialog';
 import { TokenInfo } from '../hooks/Token';
 export interface GlobalFunctionConfig {
     widgetRef?: React.RefObject<HTMLDivElement>;
@@ -18,9 +20,11 @@ export interface GlobalFunctionConfig {
         chainId?: number;
     }) => string;
     graphQLRequests?: GraphQLRequests;
+    ConfirmComponent?: React.FunctionComponent<ConfirmProps>;
+    DialogComponent?: React.FunctionComponent<DialogProps>;
 }
 export declare const graphQLRequests: GraphQLRequests;
-export declare const GlobalConfigContext: import("react").Context<Omit<GlobalFunctionConfig, "graphQLRequests"> & {
+export declare const GlobalConfigContext: React.Context<Omit<GlobalFunctionConfig, "graphQLRequests"> & {
     graphQLRequests: GraphQLRequests;
 }>;
 export declare const useGlobalConfig: () => Omit<GlobalFunctionConfig, "graphQLRequests"> & {

package/dist/cjs/src/components/Widget/index.d.ts

@@ -26,6 +26,7 @@ export interface WidgetProps extends Web3ConnectorsProps, InitTokenListProps, Ex
     apiServices?: Partial<APIServices>;
     crossChain?: boolean;
     noPowerBy?: boolean;
+    tonConnect?: boolean;
     onProviderChanged?: (provider?: any) => void;
 }
 export declare function Widget(props: PropsWithChildren<WidgetProps>): JSX.Element;

package/dist/cjs/src/constants/chains.d.ts

@@ -2,7 +2,6 @@ export declare enum ChainId {
     MAINNET = 1,
     GOERLI = 5,
     BSC = 56,
-    SEPOLIA = 11155111,
     POLYGON = 137,
     ARBITRUM_ONE = 42161,
     AURORA = 1313161554,
@@ -15,7 +14,7 @@ export declare enum ChainId {
     SCROLL = 534352,
     MANTA = 169,
     MANTLE = 5000,
-    DODO_CHAIN_TESTNET = 53457
+    TON = -239
 }
 export declare const rpcServerMap: {
     [key in ChainId]: Array<string>;

package/dist/cjs/src/hooks/ConnectWallet/TonConnect/index.d.ts

@@ -0,0 +1,26 @@
+import { TonConnectUI } from '@tonconnect/ui';
+import { TonClient, TonClient4 } from 'ton';
+import BigNumber from 'bignumber.js';
+/**
+ * https://ton-community.github.io/ton/modules.html
+ * https://ton-org.github.io/ton-core/modules.html
+ * https://toncenter.com/api/v2/
+ */
+interface TonConnectState {
+    enabled: boolean;
+    client?: TonClient;
+    clientV4?: TonClient4;
+    tonConnectUI?: TonConnectUI;
+    connected?: {
+        chainId: number;
+        account: string;
+    };
+    initialize: () => void;
+    connect: () => Promise<void>;
+    getBlockNumber: () => Promise<number>;
+    getJettonWallet: (jettonMasterAddress: string) => Promise<string>;
+    getBalance: (account: string) => Promise<BigNumber>;
+    getTokenBalance: (jettonMasterAddress: string, decimals: number) => Promise<BigNumber>;
+}
+declare const useTonConnectStore: import("zustand").UseBoundStore<import("zustand").StoreApi<TonConnectState>>;
+export default useTonConnectStore;

package/dist/cjs/src/hooks/ConnectWallet/useWalletState.d.ts

@@ -0,0 +1,24 @@
+import BigNumber from 'bignumber.js';
+export declare function useWalletState({ isTon, }?: {
+    isTon?: boolean;
+}): {
+    isTon: boolean;
+    chainId: number | undefined;
+    account: string | undefined;
+    isMetamask: boolean;
+    autoConnect: (chainId?: number) => Promise<void>;
+    connect: () => Promise<void>;
+    getLastBlockNumber: () => Promise<number>;
+    getBalance: (account: string) => Promise<BigNumber>;
+    provider?: undefined;
+} | {
+    isTon: boolean;
+    chainId: number | undefined;
+    account: string | undefined;
+    isMetamask: boolean | undefined;
+    autoConnect: (chainId?: number) => Promise<void>;
+    connect: () => void | Promise<void>;
+    provider: import("@ethersproject/providers").Web3Provider | undefined;
+    getLastBlockNumber: (() => Promise<number>) | undefined;
+    getBalance: ((account: string) => Promise<BigNumber | undefined>) | undefined;
+};

package/dist/cjs/src/hooks/Token/useInitTokenList.d.ts

@@ -3,4 +3,6 @@ export interface InitTokenListProps {
     tokenList?: TokenList | TokenListType;
     popularTokenList?: TokenList;
 }
-export default function useInitTokenList({ tokenList, popularTokenList, }: InitTokenListProps): void;
+export default function useInitTokenList({ tokenList, popularTokenList, isTon, }: InitTokenListProps & {
+    isTon: boolean;
+}): void;

package/dist/cjs/src/hooks/Widget/useInitPropsToRedux.d.ts

@@ -1,2 +1,2 @@
 import { WidgetProps } from '../../components/Widget/';
-export declare function useInitPropsToRedux({ width, height, feeRate, rebateTo, colorMode, apikey, defaultChainId, defaultToToken, defaultFromToken, jsonRpcUrlMap, swapSlippage, bridgeSlippage, apiServices, crossChain, noPowerBy, }: WidgetProps): void;
+export declare function useInitPropsToRedux({ width, height, feeRate, rebateTo, colorMode, apikey, defaultChainId, defaultToToken, defaultFromToken, jsonRpcUrlMap, swapSlippage, bridgeSlippage, apiServices, crossChain, noPowerBy, tonConnect, }: WidgetProps): void;

package/dist/cjs/src/hooks/contract/useFetchTokens.d.ts

@@ -8,9 +8,8 @@ declare type TokenResult = {
     symbol?: string;
     name?: string;
 };
-export default function useFetchTokens({ tokenList, addresses: addressesProps, blockNumber, chainId, skip, }: {
+export default function useFetchTokens({ tokenList, blockNumber, chainId, skip, }: {
     tokenList?: TokenList;
-    addresses?: string[];
     blockNumber?: number;
     chainId?: number;
     skip?: boolean;

package/dist/components/Confirm.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export default function Confirm({ open, onClose, title, children, singleBtn, danger, singleBtnText, cancelText, confirmText, disabledConfirm, confirmLoading, isManualClose, onConfirm, }: React.PropsWithChildren<{
+export declare type ConfirmProps = React.PropsWithChildren<{
     open: boolean;
     onClose: () => void;
     title?: React.ReactNode;
@@ -12,4 +12,5 @@ export default function Confirm({ open, onClose, title, children, singleBtn, dan
     confirmLoading?: boolean;
     isManualClose?: boolean;
     onConfirm?: () => void;
-}>): JSX.Element;
+}>;
+export default function Confirm(props: ConfirmProps): JSX.Element;

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

@@ -1,10 +1,8 @@
 /// <reference types="react" />
 import { ButtonProps } from '@dodoex/components';
 import { ChainId } from '@dodoex/api';
-export default function NeedConnectButton({ chainId, includeButton, showSwitchText, autoSwitch, ...props }: ButtonProps & {
+export default function NeedConnectButton({ chainId, includeButton, ...props }: ButtonProps & {
     /** chainId that needs to be connected */
     chainId?: ChainId;
     includeButton?: boolean;
-    showSwitchText?: boolean;
-    autoSwitch?: boolean;
 }): JSX.Element;

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

@@ -2,6 +2,7 @@
 export declare const transitionTime = 300;
 export interface DialogProps {
     open: boolean;
+    id?: 'connect-wallet' | 'submission' | 'error-message' | 'select-chain' | 'select-token' | 'swap-summary' | 'swap-settings' | 'cross-chain-summary' | 'select-cross-chain' | 'pool-operate';
     onClose?: () => void;
     afterClose?: () => void;
     scope?: boolean;

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

@@ -1,8 +1,9 @@
 /// <reference types="react" />
 import { TokenInfo } from '../../../../hooks/Token';
-export declare function TokenLogoCollapse({ token, onClick, showChainLogo, readonly, }: {
+export declare function TokenLogoCollapse({ token, onClick, showChainLogo, readonly, showChainName: showChainNameProps, }: {
     token?: TokenInfo | null;
     onClick?: React.MouseEventHandler<HTMLButtonElement>;
     showChainLogo?: boolean;
     readonly?: boolean;
+    showChainName?: boolean;
 }): JSX.Element;

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

@@ -22,7 +22,7 @@ export interface TokenCardProps {
     onTokenChange?: (token: TokenInfo, isOccupied: boolean) => void;
     side?: TokenPickerProps['side'];
     showChainLogo?: boolean;
-    onlyCurrentChain?: boolean;
+    showChainName?: boolean;
     defaultLoadBalance?: boolean;
     overrideBalance?: BigNumber | null;
     overrideBalanceLoading?: boolean;
@@ -36,4 +36,4 @@ export interface TokenCardProps {
 }
 export declare function CardPlus(): JSX.Element;
 export declare function CardPlusConnected(): JSX.Element;
-export declare function TokenCard({ sx, amt, token, readOnly, showMaxBtn, canClickBalance, onMaxClick, fiatPriceTxt, occupiedAddrs, occupiedChainId, onInputFocus, onTokenClick, onInputChange, onTokenChange, side, showChainLogo, onlyCurrentChain, defaultLoadBalance, overrideBalance, overrideBalanceLoading, balanceText, showPercentage, inputReadonlyTooltip, inputTypography, chainId, hideToken, checkLogBalance, }: TokenCardProps): JSX.Element;
+export declare function TokenCard({ sx, 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;

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

@@ -1,7 +1,10 @@
 /// <reference types="react" />
+import { TokenInfo } from '../../hooks/Token/type';
 import { GetAutoSlippage } from '../../hooks/setting/useSetAutoSlippage';
 export interface SwapProps {
     /** Higher priority setting slippage */
     getAutoSlippage?: GetAutoSlippage;
+    onPayTokenChange?: (token: TokenInfo) => void;
+    onReceiveTokenChange?: (token: TokenInfo) => void;
 }
-export declare function Swap({ getAutoSlippage }?: SwapProps): JSX.Element;
+export declare function Swap({ getAutoSlippage, onPayTokenChange, onReceiveTokenChange, }?: SwapProps): JSX.Element;

package/dist/components/TokenLogo.d.ts

@@ -14,5 +14,7 @@ export interface TokenLogoProps {
     chainId?: number;
     noShowChain?: boolean;
     noBorder?: boolean;
+    chainSize?: number;
+    logoOffset?: number;
 }
-export default function TokenLogo({ width, height, marginRight, url, zIndex, cross, address: addressProps, token: tokenProps, sx, chainId, noShowChain, noBorder, }: TokenLogoProps): React.ReactElement;
+export default function TokenLogo({ width, height, marginRight, url, zIndex, cross, address: addressProps, token: tokenProps, sx, chainId, noShowChain, noBorder, chainSize, logoOffset: logoOffsetProps, }: TokenLogoProps): React.ReactElement;

package/dist/constants/chains.d.ts

@@ -22,6 +22,7 @@ export declare const getRpcSingleUrlMap: (newRpcServerMap?: {
     534352: string;
     169: string;
     5000: string;
+    53457: string;
 };
 export declare const platformIdMap: {
     [key in ChainId]: string;

package/dist/{helper-ClCEnCKq.js → helper-CPPmdUet.js}

@@ -1 +1 @@
-import{i18n as e}from"@lingui/core";import t from"bignumber.js";import{f as i}from"./index-CK3jgZQ5.js";function o(t,i){switch(t){case"depth-chart.tips.buy":return e._({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._({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._({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._({id:"TaScUS",message:"Users sell {0} amount:",values:{0:i.symbol}});case"pool.chart.price-impact":return e._({id:"I0LXan",message:"Price Impact: {0}",values:{0:i.amount}});case"pool.chart.sell-amount":return e._({id:"F2vX4t",message:"Users buy {0} amount:",values:{0:i.symbol}});case"pool.create.disabled-token-amount":return e._({id:"5QDjef",message:"The token amount is calculated by initial price."});case"pool.create.set-pool.emulator.title":return e._({id:"FQfStS",message:"Emulator"});case"pool.create.set-pool.emulator.title.question":return e._({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._({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._({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._({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}`)}}const l=12,n=18;function s(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 l=i.getPriceDepth(o),n=l.baseAmount,s=l.quoteAmount,{isBuy:r}=l;return{side:r?"ask":"bid",vert:r?n:s,base:n,quote:s}}function a({midPrice:e,q:i,q0:o,pmmModel:l}){let n=t.maximum(i,o,l.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)}}function u(e,i=1){return new t(i).div(e/2)}function m({tooltip:e,x:o,chartWidth:l,chartHeight:n,buyBaseVert:a,sellBaseVert:m,pmmModel:p,midPrice:d,baseTokenSymbol:c,quoteTokenSymbol:h,t:b,baseMinAndZoomMultiples:f,isHover:y,color:g,leftColor:T,rightColor:x}){const{zoomMultiples:v,baseMin:w}=f,k=u(l,v),M=a.div(n),B=m.div(n),q=2*v,S=w.multipliedBy(10**k.multipliedBy(o).toNumber());let N=new t(Math.log(d.div(w).toNumber())/Math.log(10));N=t.minimum(q,N),N=t.maximum(0,N);const P=N.div(k),X=r({val:S,model:p,midPrice:d});if(X.vert.isNaN())return;const A=S.lt(d);let _=n-X.vert.div(M).toNumber();A||(_=n-X.vert.div(B).toNumber());const z=i(S),O=i(X.vert),$=S.minus(d).abs().div(d).multipliedBy(100).toFixed(2),D=P.toNumber(),H=e.findOne("#toolTipVertLine"),L=e.findOne("#toolTipHoriLine"),U=e.findOne("#joinCircle"),V=e.findOne("#toolTip"),j=e.findOne("#priceTextLabel"),W=e.findOne("#slippageTextLabel");if(!V)return;V.x(o),V.y(_-5-6);const Y=V.getText(),F=V.getTag();let I="ask"===X.side?i(X.quote):i(X.base);const Q=p.k.lte(0);Q&&(I=O);const C=i(d),Z={amountText:O,baseTokenSymbol:c,oppositeAmountText:I,quoteTokenSymbol:h,priceText:Q?C:z,slippageText:`${A?"-":"+"}${$}`};if(P.minus(4).lte(o)&&P.plus(2).gte(o)&&y)Y.text(b("depth-chart.tips.mid-price",{amountText:1,baseTokenSymbol:c,oppositeAmountText:C,quoteTokenSymbol:h})),V.x(D),V.y(n/2),null==H||H.hide(),null==L||L.hide(),null==U||U.hide(),null==j||j.hide(),null==W||W.hide();else{Y.text(A?b("depth-chart.tips.buy",{amountText:I,baseTokenSymbol:c,oppositeAmountText:O,quoteTokenSymbol:h,priceText:Q?C:z,slippageText:`${A?"-":"+"}${$}`}):b("depth-chart.tips.sell",Z));const e=g||(A?"#55f6db":"#ff4f73"),t=A?T||"#55f6db":x||"#ff4f73";Y.fill(e),V.width()/2>o?(F.pointerDirection("left"),F.pointerHeight(15),F.pointerWidth(8),V.offsetX(-11),V.offsetY(-11)):V.width()/2+o>l?(F.pointerDirection("right"),F.pointerHeight(15),F.pointerWidth(8),V.offsetX(11),V.offsetY(-11)):(F.pointerDirection("down"),F.pointerHeight(8),F.pointerWidth(15),V.offsetX(0),V.offsetY(0)),null==H||H.points([o,n,o,_]),null==H||H.stroke(t),null==L||L.points(A?[o,_,D,_]:[D,_,o,_]),null==L||L.stroke(t),null==U||U.x(o),null==U||U.y(_),null==U||U.fill(A?T||"rgb(86, 246, 218)":x||"#FF5072"),null==U||U.stroke(A?T?`rgba(${s(T)}, 0.4)`:"rgba(86, 246, 218, 0.3)":x?`rgba(${s(x)}, 0.4)`:"rgba(255, 80, 114, 0.3)"),j&&(j.x(o),j.y(n),j.offsetX(j.width()/2),j.x()-j.width()/2<0?j.x(j.width()/2):j.x()+j.width()/2>l?j.x(l-j.width()/2):j.x(o));const i=null==j?void 0:j.findOne("#priceTextLabel-text");i&&(i.fill(e),i.text(z)),W&&(W.x(A?o+(D-o)/2:o-(o-D)/2),W.y(_),W.offsetY(W.height()/2),W.offsetX(W.width()/2));const r=null==W?void 0:W.findOne("#slippageTextLabel-text");r&&(r.fill(e),r.text(`${A?"-":"+"}${$}%`)),null==H||H.show(),null==L||L.show(),null==U||U.show(),null==j||j.show(),null==W||W.show()}e.show()}function p({dragDistance:e,prevBaseMin:i,chartWidth:o,zoomMultiples:l}){const n=u(o,l);return e>0?i.multipliedBy(1-n.multipliedBy(e).toNumber()):i.multipliedBy(10**n.multipliedBy(new t(e).abs()).plus(0).toNumber())}const d=1;function c({prevZoomMultiples:e,zoomIn:t}){return!t&&e<=.1?e:t?e+.1:e-.1}function h({type:e,targetPrice:i,midPrice:o,width:l}){if("sell"===e){return{zoomMultiples:new t(Math.log10(i.div(o).toNumber())).minus(0).div(3/4).abs(),targetX:l/2*(3/4)+l/2}}const n=new t(Math.log10(i.div(o).toNumber()));return{zoomMultiples:new t(0).minus(n).div(3/4).abs(),targetX:l/2*(1/4)}}function b({currentBaseMinAndZoomMultiples:e,targetPrice:i,midPrice:o,width:l}){const{baseMin:n,zoomMultiples:s}=e,r=new t(Math.log10(n.div(o).toNumber())),a=r.plus(2*s),u=new t(o.multipliedBy(10**a.toNumber()));if(i.gte(n)&&i.lte(u)){return{isSkip:!0,targetX:new t(Math.log10(i.div(o).toNumber())).minus(r).div(2*s).multipliedBy(l).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(l).toNumber(),baseMin:m,zoomMultiples:1}}return{isSkip:!1,targetX:-1,baseMin:new t(0),zoomMultiples:1}}function f({midPrice:e,zoomMultiples:t}){return e.multipliedBy(10**-t)}export{a,p as b,u as c,c as d,r as e,f,o as g,n as h,d as i,b as j,h as k,l,s as m,m as u};
+import{i18n as e}from"@lingui/core";import t from"bignumber.js";import{f as i}from"./index-C-UlcYP8.js";function o(t,i){switch(t){case"depth-chart.tips.buy":return e._({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._({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._({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._({id:"TaScUS",message:"Users sell {0} amount:",values:{0:i.symbol}});case"pool.chart.price-impact":return e._({id:"I0LXan",message:"Price Impact: {0}",values:{0:i.amount}});case"pool.chart.sell-amount":return e._({id:"F2vX4t",message:"Users buy {0} amount:",values:{0:i.symbol}});case"pool.create.disabled-token-amount":return e._({id:"5QDjef",message:"The token amount is calculated by initial price."});case"pool.create.set-pool.emulator.title":return e._({id:"FQfStS",message:"Emulator"});case"pool.create.set-pool.emulator.title.question":return e._({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._({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._({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._({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}`)}}const l=12,n=18;function s(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 l=i.getPriceDepth(o),n=l.baseAmount,s=l.quoteAmount,{isBuy:r}=l;return{side:r?"ask":"bid",vert:r?n:s,base:n,quote:s}}function a({midPrice:e,q:i,q0:o,pmmModel:l}){let n=t.maximum(i,o,l.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)}}function u(e,i=1){return new t(i).div(e/2)}function m({tooltip:e,x:o,chartWidth:l,chartHeight:n,buyBaseVert:a,sellBaseVert:m,pmmModel:p,midPrice:d,baseTokenSymbol:c,quoteTokenSymbol:h,t:b,baseMinAndZoomMultiples:f,isHover:y,color:g,leftColor:T,rightColor:x}){const{zoomMultiples:v,baseMin:w}=f,k=u(l,v),M=a.div(n),B=m.div(n),q=2*v,S=w.multipliedBy(10**k.multipliedBy(o).toNumber());let N=new t(Math.log(d.div(w).toNumber())/Math.log(10));N=t.minimum(q,N),N=t.maximum(0,N);const P=N.div(k),X=r({val:S,model:p,midPrice:d});if(X.vert.isNaN())return;const A=S.lt(d);let _=n-X.vert.div(M).toNumber();A||(_=n-X.vert.div(B).toNumber());const z=i(S),O=i(X.vert),$=S.minus(d).abs().div(d).multipliedBy(100).toFixed(2),D=P.toNumber(),H=e.findOne("#toolTipVertLine"),L=e.findOne("#toolTipHoriLine"),U=e.findOne("#joinCircle"),V=e.findOne("#toolTip"),j=e.findOne("#priceTextLabel"),W=e.findOne("#slippageTextLabel");if(!V)return;V.x(o),V.y(_-5-6);const Y=V.getText(),F=V.getTag();let I="ask"===X.side?i(X.quote):i(X.base);const Q=p.k.lte(0);Q&&(I=O);const C=i(d),Z={amountText:O,baseTokenSymbol:c,oppositeAmountText:I,quoteTokenSymbol:h,priceText:Q?C:z,slippageText:`${A?"-":"+"}${$}`};if(P.minus(4).lte(o)&&P.plus(2).gte(o)&&y)Y.text(b("depth-chart.tips.mid-price",{amountText:1,baseTokenSymbol:c,oppositeAmountText:C,quoteTokenSymbol:h})),V.x(D),V.y(n/2),null==H||H.hide(),null==L||L.hide(),null==U||U.hide(),null==j||j.hide(),null==W||W.hide();else{Y.text(A?b("depth-chart.tips.buy",{amountText:I,baseTokenSymbol:c,oppositeAmountText:O,quoteTokenSymbol:h,priceText:Q?C:z,slippageText:`${A?"-":"+"}${$}`}):b("depth-chart.tips.sell",Z));const e=g||(A?"#55f6db":"#ff4f73"),t=A?T||"#55f6db":x||"#ff4f73";Y.fill(e),V.width()/2>o?(F.pointerDirection("left"),F.pointerHeight(15),F.pointerWidth(8),V.offsetX(-11),V.offsetY(-11)):V.width()/2+o>l?(F.pointerDirection("right"),F.pointerHeight(15),F.pointerWidth(8),V.offsetX(11),V.offsetY(-11)):(F.pointerDirection("down"),F.pointerHeight(8),F.pointerWidth(15),V.offsetX(0),V.offsetY(0)),null==H||H.points([o,n,o,_]),null==H||H.stroke(t),null==L||L.points(A?[o,_,D,_]:[D,_,o,_]),null==L||L.stroke(t),null==U||U.x(o),null==U||U.y(_),null==U||U.fill(A?T||"rgb(86, 246, 218)":x||"#FF5072"),null==U||U.stroke(A?T?`rgba(${s(T)}, 0.4)`:"rgba(86, 246, 218, 0.3)":x?`rgba(${s(x)}, 0.4)`:"rgba(255, 80, 114, 0.3)"),j&&(j.x(o),j.y(n),j.offsetX(j.width()/2),j.x()-j.width()/2<0?j.x(j.width()/2):j.x()+j.width()/2>l?j.x(l-j.width()/2):j.x(o));const i=null==j?void 0:j.findOne("#priceTextLabel-text");i&&(i.fill(e),i.text(z)),W&&(W.x(A?o+(D-o)/2:o-(o-D)/2),W.y(_),W.offsetY(W.height()/2),W.offsetX(W.width()/2));const r=null==W?void 0:W.findOne("#slippageTextLabel-text");r&&(r.fill(e),r.text(`${A?"-":"+"}${$}%`)),null==H||H.show(),null==L||L.show(),null==U||U.show(),null==j||j.show(),null==W||W.show()}e.show()}function p({dragDistance:e,prevBaseMin:i,chartWidth:o,zoomMultiples:l}){const n=u(o,l);return e>0?i.multipliedBy(1-n.multipliedBy(e).toNumber()):i.multipliedBy(10**n.multipliedBy(new t(e).abs()).plus(0).toNumber())}const d=1;function c({prevZoomMultiples:e,zoomIn:t}){return!t&&e<=.1?e:t?e+.1:e-.1}function h({type:e,targetPrice:i,midPrice:o,width:l}){if("sell"===e){return{zoomMultiples:new t(Math.log10(i.div(o).toNumber())).minus(0).div(3/4).abs(),targetX:l/2*(3/4)+l/2}}const n=new t(Math.log10(i.div(o).toNumber()));return{zoomMultiples:new t(0).minus(n).div(3/4).abs(),targetX:l/2*(1/4)}}function b({currentBaseMinAndZoomMultiples:e,targetPrice:i,midPrice:o,width:l}){const{baseMin:n,zoomMultiples:s}=e,r=new t(Math.log10(n.div(o).toNumber())),a=r.plus(2*s),u=new t(o.multipliedBy(10**a.toNumber()));if(i.gte(n)&&i.lte(u)){return{isSkip:!0,targetX:new t(Math.log10(i.div(o).toNumber())).minus(r).div(2*s).multipliedBy(l).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(l).toNumber(),baseMin:m,zoomMultiples:1}}return{isSkip:!1,targetX:-1,baseMin:new t(0),zoomMultiples:1}}function f({midPrice:e,zoomMultiples:t}){return e.multipliedBy(10**-t)}export{a,p as b,u as c,c as d,r as e,f,o as g,n as h,d as i,b as j,h as k,l,s as m,m as u};

package/dist/hooks/Submission/types.d.ts

@@ -8,6 +8,8 @@ export declare enum State {
     Warning = 3
 }
 export declare enum MetadataFlag {
+    swap = "swap",
+    crossChain = "crossChain",
     addLiquidity = "addLiquidity",
     removeLiquidity = "removeLiquidity",
     createDPPPool = "createDPPPool",

package/dist/hooks/Submission/useExecution.d.ts

@@ -5,6 +5,7 @@ export interface ExecutionProps {
     onTxFail?: (error: Error, data: any) => void;
     onTxSubmit?: (tx: string, data: any) => void;
     onTxSuccess?: (tx: string, data: any) => void;
+    onTxReverted?: (tx: string, data: any) => void;
     executionStatus?: {
         showing?: Showing | null;
         showingDone?: boolean;
@@ -14,7 +15,7 @@ export interface ExecutionProps {
         closeShowing?: () => void;
     };
 }
-export default function useExecution({ onTxFail, onTxSubmit, onTxSuccess, }?: ExecutionProps): {
+export default function useExecution({ onTxFail, onTxSubmit, onTxSuccess, onTxReverted, }?: ExecutionProps): {
     showing: Showing | null;
     showingDone: boolean;
     transactionTx: string;

package/dist/hooks/Swap/useExecuteSwap.d.ts

@@ -1,6 +1,6 @@
 import { BigNumber as EthersBigNumber } from '@ethersproject/bignumber';
 import React from 'react';
-export default function useExecuteSwap(): ({ to, data, useSource, duration, ddl, gasLimit, subtitle, value, }: {
+export default function useExecuteSwap(): ({ to, data, useSource, duration, ddl, gasLimit, subtitle, value, mixpanelProps, }: {
     value: string;
     to: string;
     data: string;
@@ -9,4 +9,5 @@ export default function useExecuteSwap(): ({ to, data, useSource, duration, ddl,
     ddl: number;
     gasLimit?: EthersBigNumber | undefined;
     subtitle: React.ReactNode;
+    mixpanelProps?: Record<string, any> | undefined;
 }) => void;