@rango-dev/widget-embedded 0.12.1-next.18 → 0.12.1-next.19
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/TokenList/TokenList.d.ts.map +1 -1
- package/dist/components/TokenList/TokenList.types.d.ts +1 -0
- package/dist/components/TokenList/TokenList.types.d.ts.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +3 -3
- package/dist/pages/SelectSwapItemsPage.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/BlockchainList/BlockchainList.tsx +1 -1
- package/src/components/TokenList/TokenList.tsx +2 -1
- package/src/components/TokenList/TokenList.types.ts +1 -0
- package/src/pages/SelectSwapItemsPage.tsx +4 -0
package/dist/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var up=Object.defineProperty;var i=(t,e)=>up(t,"name",{value:e,configurable:!0});import{I18nManager as Xf,styled as jf}from"@rango-dev/ui";import et,{useContext as Yf,useEffect as po,useMemo as Qf,useState as ap}from"react";import _o,{Fragment as Fp}from"react";import{MemoryRouter as Op,useInRouterContext as Up}from"react-router";import{useQueueManager as $p}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Dn,useRef as _n}from"react";import{createSearchParams as Pp,useLocation as Dp,useSearchParams as _p}from"react-router-dom";var y={home:"/",fromSwap:"from-swap",fromBlockchain:"/from-swap/blockchains",toBlockchain:"/to-swap/blockchains",toSwap:"to-swap",settings:"settings",liquiditySources:"/settings/liquidity-sources",themes:"/settings/themes",bridges:"/settings/bridges",exchanges:"/settings/exchanges",languages:"/settings/languages",swaps:"swaps",wallets:"wallets",confirmSwap:"confirm-swap",swapDetails:"swaps/:requestId"};import it from"bignumber.js";import{create as Np}from"zustand";import{subscribeWithSelector as Mp}from"zustand/middleware";import mp from"bignumber.js";var We=new mp(0);import{BigNumber as ri}from"bignumber.js";var uo=i(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),k=i((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new ri(t),r=1,s=1e3;for(let a=0;a<60;a++)if(new ri(n.toFixed(a,r)).eq(n)){s=a;break}if(n.gte(1e4))return n.toFormat(0,r);if(n.gte(1e3)||n.gte(100))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,1))),r);if(n.gte(1))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,2))),r);if(n.gte(.01))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,4))),r);for(let a=e||4;a<17;a++)if(n.gte(Math.pow(10,-a)))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,a))),r);return n.isEqualTo(0)?"0":n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,8))),r)},"numberToString");var mo=i(t=>t?.result?.swaps?.reduce((e,o)=>e+o.estimatedTimeInSeconds,0)||0,"totalArrivalTime");var He=i((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),Ot=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function co(t,e=4){let o=parseFloat(t);if(isNaN(o))return t;let n=Math.pow(10,e);return(Math.round(o*n)/n).toString()}i(co,"limitDecimalPlaces");import mg from"bignumber.js";function ot(t){return Array.from(new Set(t))}i(ot,"removeDuplicateFrom");function An(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(An,"areEqual");function si(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i(si,"debounce");function pt(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(pt,"containsText");var ii=i((t,e)=>{t=t.replace(/^#/,""),t.length===3&&(t=t[0]+t[0]+t[1]+t[1]+t[2]+t[2]);let[o,n,r]=t.match(/.{2}/g);[o,n,r]=[parseInt(o,16)+e,parseInt(n,16)+e,parseInt(r,16)+e],o=Math.max(Math.min(255,o),0).toString(16),n=Math.max(Math.min(255,n),0).toString(16),r=Math.max(Math.min(255,r),0).toString(16);let s=(o.length<2?"0":"")+o,a=(n.length<2?"0":"")+n,l=(r.length<2?"0":"")+r;return`#${s}${a}${l}`},"colorShade"),ai=i((t,e)=>{let o={[t]:e};for(let n=1;n<10;n++)n<5&&(o={...o,[t+n*100]:ii(e,(5-n)*32)}),n===5&&(o={...o,[t+n*100]:e}),n>5&&(o={...o,[t+n*100]:ii(e,-((n-5)*32))});return o},"generateRangeColors");function En(t,e,o){return o&&t.find(n=>{let r=e?.split("--");return r?.length===1?n.symbol===r[0]&&n.address===null&&n.blockchain===o.name:n.symbol===r?.[0]&&n.address===r?.[1]&&n.blockchain===o.name})||null}i(En,"searchParamsToToken");function li(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}i(li,"getBestRouteToTokenUsdPrice");function Bn(t,e){let o=t.result?.swaps||[],n=e.result?.swaps||[];return o.length!==n.length}i(Bn,"isNumberOfSwapsChanged");function Wn(t,e){let o=t.result?.swaps.map(r=>r.swapperId)||[],n=e.result?.swaps.map(r=>r.swapperId)||[];return!An(o,n)}i(Wn,"isRouteSwappersUpdated");function In(t,e){let o=t.result?.swaps.map(r=>r.to.symbol)||[],n=e.result?.swaps.map(r=>r.to.symbol)||[];return!An(o,n)}i(In,"isRouteInternalCoinsUpdated");function pi(t,e){return Bn(t,e)||Wn(t,e)||In(t,e)}i(pi,"isRouteChanged");function ui(t,e){if(e===null)return null;let o=e?.find(n=>n.blockchain===t.chain)?.wallets.find(n=>n.address?.toLowerCase()===t.address.toLowerCase());return o?o.requiredAssets:null}i(ui,"getRequiredBalanceOfWallet");function mi(t){if(!t)return null;let e=(t.result?.swaps||[]).map(o=>({...o,fromAmount:k(o.fromAmount,6,6),toAmount:k(o.toAmount,6,6)}));return{...t,...t.result&&{result:{...t.result,swaps:e}}}}i(mi,"getFormattedBestRoute");function St(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(St,"getPriceImpactLevel");function go(t,e){let o=i(r=>`${r.symbol}-${r.blockchain}-${r.address??""}`,"tokenToString"),n=new Set;return t.forEach(r=>n.add(o(r))),e.filter(r=>n.has(o(r)))}i(go,"findCommonTokens");import{PendingSwapNetworkStatus as Eo}from"@rango-dev/queue-manager-rango-preset";import ve from"bignumber.js";function ci(t){return t.result?.swaps.map(e=>({swapper:{displayName:e.swapperId,image:e.swapperLogo},from:{token:{displayName:e.from.symbol,image:e.from.logo},chain:{displayName:e.from.blockchain,image:e.from.blockchainLogo},price:{value:k(e.fromAmount,6,6),usdValue:k(e.from.usdPrice?.toString(),4,4)}},to:{token:{displayName:e.to.symbol,image:e.to.logo},chain:{displayName:e.to.blockchain,image:e.to.blockchainLogo},price:{value:k(e.toAmount,6,6),usdValue:k(e.to.usdPrice?.toString(),4,4)}}}))}i(ci,"formatBestRoute");function ho(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,s=e[e.length-1];n!=s&&e.push(n),s=e[e.length-1],r!=s&&e.push(r)}),e}i(ho,"getRequiredWallets");function yo(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(yo,"isValidAddress");import{i18n as ke}from"@lingui/core";var Ut=(r=>(r[r.ROUTE_UPDATED=0]="ROUTE_UPDATED",r[r.ROUTE_SWAPPERS_UPDATED=1]="ROUTE_SWAPPERS_UPDATED",r[r.ROUTE_COINS_UPDATED=2]="ROUTE_COINS_UPDATED",r[r.ROUTE_AND_OUTPUT_AMOUNT_UPDATED=3]="ROUTE_AND_OUTPUT_AMOUNT_UPDATED",r))(Ut||{});var q={genericServerError:ke.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:ke.t("Please reset your liquidity sources."),description:ke.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources")},noRoutesError:{title:ke.t("No Routes Found"),description:"Reasons why Rango couldn't find a route: low liquidity on token, very low input amount or no routes available for the selected input/output token combination."},bridgeLimitErrors:{increaseAmount:ke.t("Bridge Limit Error: Please increase your amount"),decreaseAmount:ke.t("Bridge Limit Error: Please decrease your amount")},highValueLossError:{impactTitle:ke.t("High Price Impact"),title:ke.t("Price impact is too high!"),description:ke.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:ke.t("Confirm High price impact")},routeUpdatedWithHighValueLoss:{title:ke.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:ke.t("USD Price Unknown"),title:ke.t("USD Price Unknown, Cannot calculate Price Impact."),description:ke.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:ke.t("Confirm USD Price Unknown")}};function So(t){switch(t.type){case 0:return t.diagnosisMessage??q.noRoutesError.title;case 2:return q.genericServerError;case 1:return q.routeUpdatedWithHighValueLoss.title;default:return""}}i(So,"getConfirmSwapErrorMessage");import{i18n as Co}from"@lingui/core";var ut={connectWallet:Co.t("Connect Wallet"),swap:Co.t("Swap"),swapAnyway:Co.t("Swap anyway"),ethRouteWarning:Co.t("The route goes through Ethereum. Continue?")};import{create as Ap}from"zustand";import{RangoClient as fp}from"rango-sdk";var dp="c6381a79-2817-4602-83bf-6a641a409e32",Nn={API_KEY:dp};function To(t){return Nn[t]}i(To,"getConfig");function fi(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),Nn=e,Nn}i(fi,"initConfig");var gi=20,hi=25;var ko,Ct=i(()=>ko||(ko=new fp(To("API_KEY")),ko),"httpService");import{WalletState as Ge}from"@rango-dev/ui";import{readAccountAddress as hp}from"@rango-dev/wallets-react";import{detectInstallLink as yp,getCosmosExperimentalChainInfo as Sp,isEvmAddress as Cp,KEPLR_COMPATIBLE_WALLETS as Vg,Networks as Si}from"@rango-dev/wallets-shared";import Mn from"bignumber.js";import{isCosmosBlockchain as Tp}from"rango-types";import{WalletTypes as gp}from"@rango-dev/wallets-shared";var yi=[gp.LEAP];function kp(t){switch(!0){case t.connected:return Ge.CONNECTED;case t.connecting:return Ge.CONNECTING;case!t.installed:return Ge.NOT_INSTALLED;default:return Ge.DISCONNECTED}}i(kp,"mapStatusToWalletState");function Ci(t,e,o,n){return o.filter(r=>!yi.includes(r)).filter(r=>{if(n){let{supportedChains:s}=e(r);return!!s.find(a=>a.name===n)}return!0}).map(r=>{let{name:s,img:a,installLink:l}=e(r),p=kp(t(r));return{title:s,image:a,link:yp(l),state:p,type:r}})}i(Ci,"mapWalletTypesToWalletInfo");function wo(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(wo,"walletAndSupportedChainsNames");function Ti(t,e,o,n){let r=[];function s(l,p){if(!!!r.find(m=>m.chain===l)){let m={address:p,chain:l,walletType:t};r.push(m)}}i(s,"addAccount");let a=n||[];return e.forEach(l=>{let{address:p,network:u}=hp(l),m=a.length>0,g=a.includes(u),c=u===Si.Unknown;if(m&&!g&&!c)return;let h=u===Si.Unknown&&Cp(p);if(c&&!h)return;o.includes(u)||h?a.filter(E=>o.includes(E)).forEach(E=>{s(E,p.toLowerCase())}):s(u,p)}),r}i(Ti,"prepareAccountsForWalletStore");function ki(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain;e.includes(n)||e.push(n),e.includes(r)||e.push(r),o.internalSwaps&&Array.isArray(o.internalSwaps)&&o.internalSwaps.forEach(s=>{let a=s.from.blockchain,l=s.to.blockchain;e.includes(a)||e.push(a),e.includes(l)||e.push(l)})}),e}i(ki,"getRequiredChains");function Tt(t,e,o,n){if(t.length===0)return null;let r=t.filter(s=>s.chain===e);return r.length===0?null:r.map(s=>s.balances?.find(a=>n!==null&&a.address===n||n===null&&a.address===n&&a.symbol===o)||null).filter(s=>s!==null).sort((s,a)=>parseFloat(a?.amount||"0")-parseFloat(s?.amount||"1")).find(()=>!0)||null}i(Tt,"getBalanceFromWallet");function vo(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(vo,"isAccountAndWalletMatched");function wi(t,e){let{blockChain:o,balances:n=[]}=t;return n?.map(r=>({chain:o,symbol:r.asset.symbol,ticker:r.asset.symbol,address:r.asset.address||null,rawAmount:r.amount.amount,decimal:r.amount.decimals,amount:new Mn(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:xo(o,r.asset.symbol,r.asset.address,e)||null}))||[]}i(wi,"makeBalanceFor");function vi(t){return{...t,loading:!1,error:!0}}i(vi,"resetConnectedWalletState");var kt=i(t=>!t.some(o=>o.balance)?t.filter(o=>!o.address).concat(t.filter(o=>o.address&&!o.isSecondaryCoin),t.filter(o=>o.isSecondaryCoin)):t.filter(o=>!!o.balance).sort((o,n)=>parseFloat(n.balance?.usdValue||"0")-parseFloat(o.balance?.usdValue||"0")).concat(t.filter(o=>!o.balance&&!o.isSecondaryCoin),t.filter(o=>!o.balance&&o.isSecondaryCoin)),"sortTokens"),xo=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice"),bo=i((t,e)=>{let o=Sp(Object.entries(t).map(([,n])=>n).filter(Tp));return o&&o[e]?.experimental},"isExperimentalChain");function wt(t,e){return t.map(({balance:o,...n})=>{let r=k(new Mn(Tt(e,n.blockchain,n.symbol,n.address)?.amount||We)),s="";return n.usdPrice&&(s=k(new Mn(Tt(e,n.blockchain,n.symbol,n.address)?.amount||We).multipliedBy(n.usdPrice))),{...n,...r!=="0"&&{balance:{amount:r,usdValue:s}}}})}i(wt,"getTokensWithBalance");function $t(t,e,o,n){if(t?.name===n[0]?.name)return n;let s=e.filter(a=>a.blockchain===t?.name);return kt(wt(s,o))}i($t,"getSortedTokens");function De(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(De,"tokensAreEqual");function Ln(t,e){let o,n=t[0],r=t[1];return t.length===1?o=n:De(n,e)?o=r:o=n,o}i(Ln,"getDefaultToken");function xi(t){return t.sort((e,o)=>+(o.state===Ge.CONNECTED)-+(e.state===Ge.CONNECTED)||+(o.state===Ge.DISCONNECTED||o.state===Ge.CONNECTING)-+(e.state===Ge.DISCONNECTED||e.state===Ge.CONNECTING))}i(xi,"sortWalletsBasedOnConnectionState");function Ao(t,e=8,o=3){if(t.length<2*e+o)return t;let n=t.slice(0,e),r=t.slice(-e);return`${n}${".".repeat(o)}${r}`}i(Ao,"getConciseAddress");function bi({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(bi,"getAddress");var wp=i(t=>{let e=t;e.use={};for(let o of Object.keys(e.getState()))e.use[o]=()=>e(n=>n[o]);return e},"createSelectors"),Ie=wp;import{create as vp}from"zustand";import{subscribeWithSelector as xp}from"zustand/middleware";import{shallow as bp}from"zustand/shallow";var O=Ie(vp()(xp((t,e)=>({connectedWallets:[],customDestination:"",loading:!1,connectWallet:o=>{let n=e().getWalletsDetails;t(r=>({loading:!0,connectedWallets:r.connectedWallets.filter(s=>s.walletType!==o[0].walletType).concat(o.map(s=>{let a=!r.connectedWallets.find(l=>l.chain===s.chain&&l.selected);return{balances:[],address:s.address,chain:s.chain,explorerUrl:null,walletType:s.walletType,selected:a,loading:!0,error:!1}}))})),n(o)},disconnectWallet:o=>{t(n=>{let r=n.connectedWallets.filter(s=>s.selected&&s.walletType!==o).map(s=>s.chain);return{connectedWallets:n.connectedWallets.filter(s=>s.walletType!==o).map(s=>r.includes(s.chain)?s:(r.push(s.chain),{...s,selected:!0}))}})},selectWallets:o=>t(n=>({connectedWallets:n.connectedWallets.map(r=>{let s=!!o.find(l=>l.chain===r.chain&&l.walletType!==r.walletType&&r.selected),a=!!o.find(l=>l.chain===r.chain&&l.walletType===r.walletType&&!r.selected);return s?{...r,selected:!1}:a?{...r,selected:!0}:r})})),clearConnectedWallet:()=>t(()=>({connectedWallets:[],selectedWallets:[]})),getWalletsDetails:async(o,n=!0)=>{let r=e().getWalletsDetails,{tokens:s}=T.getState().meta;t(a=>({loading:!0,connectedWallets:a.connectedWallets.map(l=>o.find(p=>vo(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:u,chain:m})=>({address:u,blockchain:m})),p=(await Ct().getWalletsDetails(a)).wallets;if(p)t(u=>({loading:!1,connectedWallets:u.connectedWallets.map(m=>{let g=o.find(d=>vo(d,m)),c=p.find(d=>d.address===m.address&&d.blockChain===m.chain);return c?.failed&&g&&n&&r([g],!1),g&&c?{...m,explorerUrl:c.explorerUrl,balances:wi(c,s)}:m})}));else throw new Error("Wallet not found")}catch{t(l=>({loading:!1,connectedWallets:l.connectedWallets.map(p=>o.find(u=>vo(u,p))?vi(p):p)}))}}}))));O.subscribe(t=>t.connectedWallets,t=>{D.setState(({sourceTokens:e,destinationTokens:o})=>{let n=wt(e,t),r=wt(o,t);return{sourceTokens:kt(n),destinationTokens:kt(r)}})},{equalityFn:bp});var T=Ie(Ap()(t=>({meta:{blockchains:[],popularTokens:[],swappers:[],tokens:[]},loadingStatus:"loading",setTokensWithBalance:()=>{let e=O.getState().connectedWallets;t(o=>({...o,meta:{...o.meta,tokens:kt(wt(o.meta.tokens,e))}}))},fetchMeta:async()=>{try{let e=await Ct().getAllMetadata(),o=ot(e.tokens.map(r=>r.blockchain)),n=e.blockchains.filter(r=>r.enabled&&o.includes(r.name));e.blockchains=n.sort((r,s)=>r.sort-s.sort),t({meta:e,loadingStatus:"success"})}catch{t({loadingStatus:"failed"})}}})));function Io(t,e){return!t||!e||t.lte(We)||e.lte(We)?0:e.div(t).minus(1).multipliedBy(100)}i(Io,"getOutputRatio");function No(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new ve(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new ve(1e3)))??!1}i(No,"outputRatioHasWarning");function Mo(t){return(t?.result?.swaps||[]).filter(e=>{let o=e.fromAmountMinValue?new ve(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new ve(e.fromAmountMaxValue):null;return e.fromAmountRestrictionType==="EXCLUSIVE"?o?.gte(e.fromAmount)||n?.lte(e.fromAmount):o?.gt(e.fromAmount)||n?.lt(e.fromAmount)}).length>0}i(Mo,"hasLimitError");function Lo(t){if(!t)return{swap:null,fromAmountRangeError:"",recommendation:""};let e=(t?.result?.swaps||[]).filter(l=>{let p=l.fromAmountMinValue?new ve(l.fromAmountMinValue):null,u=l.fromAmountMaxValue?new ve(l.fromAmountMaxValue):null;return l.fromAmountRestrictionType==="EXCLUSIVE"?p?.gte(l.fromAmount)||u?.lte(l.fromAmount):p?.gt(l.fromAmount)||u?.lt(l.fromAmount)})[0];if(!e)return{swap:null,fromAmountRangeError:"",recommendation:""};let o=e.fromAmountMinValue?new ve(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new ve(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",s="",a="";return!r&&o&&o.gt(e.fromAmount)?(s=`Required: >= ${k(o,6,6)} ${e.from.symbol}`,a=q.bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(s=`Required: > ${k(o,6,6)} ${e.from.symbol}`,a=q.bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(s=`Required: <= ${k(n,6,6)} ${e.from.symbol}`,a=q.bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(s=`Required: < ${k(n,6,6)} ${e.from.symbol}`,a=q.bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:s,recommendation:a}}i(Lo,"LimitErrorMessage");function Ai(t,e,o,n,r,s,a,l,p){return t!=="success"?{title:ut.connectWallet,state:"waitForConnecting",disabled:!0}:e.length==0?{title:ut.connectWallet,state:"waitForConnecting",disabled:!1}:o||!n||!n.result||r||!p||p==="0"?{title:ut.swap,disabled:!0,state:"swap"}:s||a?{title:ut.swapAnyway,disabled:!1,hasWarning:!0,state:"needToConfirm"}:l?{title:ut.ethRouteWarning,disabled:!1,hasWarning:!0,state:"warning"}:{title:ut.swap,disabled:!1,state:"swap"}}i(Ai,"getSwapButtonState");function Pn(t,e,o){return!((!o||o.lte(We))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}i(Pn,"canComputePriceImpact");function Bp(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,s=e[e.length-1];n!=s&&e.push(n),s=e[e.length-1],r!=s&&e.push(r)}),e}i(Bp,"requiredWallets");var Wp=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice");function Ip(t,e){let o=We;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let s=Wp(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new ve(r.amount).multipliedBy(s||0))}return o}i(Ip,"getUsdFeeOfStep");function Po(t,e){return t?.result?.swaps.reduce((o,n)=>o.plus(Ip(n,e)),We)||null}i(Po,"getTotalFeeInUsd");function Ei(t){return t.result?.swaps.map(o=>o.recommendedSlippage)?.map(o=>o?.slippage||"0")?.filter(o=>parseFloat(o)>0)?.sort((o,n)=>parseFloat(n)-parseFloat(o))?.find(()=>!0)||null}i(Ei,"getMinRequiredSlippage");function Bi(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(Bi,"hasProperSlippage");function Do(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:s,disabledLiquiditySources:a,slippage:l,affiliateRef:p,affiliatePercent:u,affiliateWallets:m,initialRoute:g,destination:c}=t,d=s?.reduce((S,x)=>(S[x.chain]=x.address,S),{}),h=[];r?.forEach(S=>{let x=h.find(v=>v.blockchain===S.chain);x?x.addresses.push(S.address):h.push({blockchain:S.chain,addresses:[S.address]})});let f=!!g,w=ot((g?.result?.swaps||[]).reduce((S,x)=>(S.push(x.from.blockchain,x.to.blockchain),x.internalSwaps&&Array.isArray(x.internalSwaps)&&x.internalSwaps.map(v=>{S.push(v.from.blockchain,v.to.blockchain)}),S),[]));return{amount:n.toString(),affiliateRef:p??void 0,affiliatePercent:u??void 0,affiliateWallets:m??void 0,checkPrerequisites:f,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:h,selectedWallets:d??{},slippage:l.toString(),...c&&{destination:c},...a.length>0&&{swapperGroups:a,swappersGroupsExclude:!0},...f&&{blockchains:w}}}i(Do,"createBestRouteRequestBody");function Wi(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(Wi,"getWalletsForNewSwap");function vt(t){return t?.result?.outputAmount||null}i(vt,"getRouteOutputAmount");function Ye(t,e){return!t||!e?null:new ve(e).div(new ve(t)).minus(1).multipliedBy(100)}i(Ye,"getPercentageChange");function Ii(t,e){let o=vt(t),n=vt(e);if(!o||!n)return!1;let r=Ye(o,n);return r?r.toNumber()<=-1:!0}i(Ii,"isOutputAmountChangedALot");function Ni(t,e){let o=t.validationStatus,n=ki(t);return e.sort((s,a)=>n.indexOf(s.chain)-n.indexOf(a.chain)).flatMap(s=>ui(s,o)||[]).filter(s=>!s.ok).map(s=>{let a=s.asset.symbol,l=k(new ve(s.currentAmount.amount).shiftedBy(-s.currentAmount.decimals),8,8),p=k(new ve(s.requiredAmount.amount).shiftedBy(-s.requiredAmount.decimals),8,8),u="";return s.reason==="FEE"&&(u=" for network fee"),s.reason==="INPUT_ASSET"&&(u=" for swap"),s.reason==="FEE_AND_INPUT_ASSET"&&(u=" for input and network fee"),`Needs \u2248 ${p} ${a}${u}, but you have ${l} ${a} in your ${s.asset.blockchain} wallet.`})}i(Ni,"getBalanceWarnings");function Mi(t,e){return(t?new ve(t):We).multipliedBy(e||0)}i(Mi,"calcOutputUsdValue");function zt(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==Eo.NetworkChanged}i(zt,"isNetworkStatusInWarningState");function Li(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),zt(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case Eo.WaitingForConnectingWallet:n=n||"Waiting for connecting wallet";break;case Eo.WaitingForQueue:n=n||"Waiting for other running tasks to be finished";break;case Eo.WaitingForNetworkChange:n=n||"Waiting for changing wallet network";break;default:n=n||"";break}r=r||"",n=n||"";let a=n?.indexOf("code")!==-1&&n?.indexOf("reason")!==-1;return{shortMessage:n,detailedMessage:{content:r,long:a}}}i(Li,"getSwapMessages");function Pi(t){let e=null;if(t.status==="failed"){let o=t.steps.slice().reverse().filter(n=>n.status==="success")[0];o&&(e={blockchain:o.toBlockchain,symbol:o.toSymbol,outputAmount:o.outputAmount,address:o.toSymbolAddress})}return e}i(Pi,"getLastConvertedTokenInFailedSwap");function Di(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}i(Di,"shouldRetrySwap");function _i(t,e,o,n,r,s){return t||!e&&!Bp(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!yo(s,o)}i(_i,"confirmSwapDisabled");var qt=i((t,e)=>t?.usdPrice?new it(e||We).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),D=Ie(Np()(Mp(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new it(0),outputUsdValue:new it(0),toBlockchain:null,toToken:null,bestRoute:null,routeWalletsConfirmed:!1,sourceTokens:[],destinationTokens:[],selectedWallets:[],customDestination:"",setRoute:e=>t(o=>{let n=null,r=We;return Ot(o.inputAmount)?(e&&(n=e.result?.outputAmount?new it(e.result?.outputAmount):null,r=Mi(e.result?.outputAmount,li(e)||o.toToken?.usdPrice)),{bestRoute:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetRoute:()=>t(()=>({bestRoute:null,outputAmount:null,outputUsdValue:new it(0)})),setFromBlockchain:(e,o)=>{t(n=>{if(n.fromBlockchain?.name===e?.name)return{};let r=T.getState().meta.tokens,s=O.getState().connectedWallets,a=$t(e,r,s,n.destinationTokens),l=Ln(a,n.toToken);return{fromBlockchain:e,sourceTokens:a,...o&&{fromToken:l},...!!n.inputAmount&&{inputUsdValue:qt(l,n.inputAmount)}}})},setFromToken:e=>t(o=>({fromToken:e,...!!o.inputAmount&&{inputUsdValue:qt(e,o.inputAmount)}})),setToBlockchain:(e,o)=>{t(n=>{if(n.toBlockchain?.name===e?.name)return{};let r=T.getState().meta.tokens,s=O.getState().connectedWallets,a=$t(e,r,s,n.destinationTokens);return{toBlockchain:e,destinationTokens:a,...o&&{toToken:Ln(a,n.fromToken)}}})},setToToken:e=>t(()=>({toToken:e})),setInputAmount:e=>{t(o=>({inputAmount:e,...!e&&{outputAmount:new it(0),outputUsdValue:new it(0),bestRoute:null},...!!o.fromToken&&{inputUsdValue:qt(o.fromToken,e)}}))},retry:e=>{let{tokens:o,blockchains:n}=T.getState().meta,r=O.getState().connectedWallets,s=e.status==="failed"?e.steps.findIndex(f=>f.status==="failed"):null;if(s===null||s<0)return;let a=e.steps[0],l=e.steps[e.steps.length-1],p=n.find(f=>f.name===a.fromBlockchain)||null,u=n.find(f=>f.name===l.toBlockchain)||null,m=o.find(f=>De(f,{blockchain:a.fromBlockchain,symbol:a.fromSymbol,address:a.fromSymbolAddress})),g=o.find(f=>De(f,{blockchain:l.toBlockchain,symbol:l.toSymbol,address:l.toSymbolAddress})),c=$t(p,o,r,[]),d=$t(u,o,r,[]),h=e.inputAmount;t({fromBlockchain:p,fromToken:m,inputAmount:h,outputAmount:null,inputUsdValue:qt(m||null,h),outputUsdValue:new it(0),toBlockchain:u,toToken:g,bestRoute:null,sourceTokens:c,destinationTokens:d})},switchFromAndTo:()=>t(e=>({fromBlockchain:e.toBlockchain,fromToken:e.toToken,toBlockchain:e.fromBlockchain,toToken:e.fromToken,sourceTokens:e.destinationTokens,destinationTokens:e.sourceTokens,inputAmount:e.outputAmount?.toString()||"",inputUsdValue:qt(e.toToken,e.outputAmount?.toString()||"")})),resetFromBlockchain:()=>t(()=>({fromBlockchain:null,sourceTokens:[]})),resetToBlockchain:()=>t(()=>({toBlockchain:null,destinationTokens:[]})),setRouteWalletConfirmed:e=>t({routeWalletsConfirmed:e}),setSelectedWallets:e=>t({selectedWallets:e}),setCustomDestination:e=>t({customDestination:e}),resetRouteWallets:()=>t({routeWalletsConfirmed:!1,selectedWallets:[],customDestination:""})}))));import{create as Lp}from"zustand";var xe=Ie(Lp()(t=>({connectWalletsButtonDisabled:!1,selectedSwapRequestId:null,currentPage:"",setSelectedSwap:e=>t({selectedSwapRequestId:e}),setCurrentPage:e=>t({currentPage:e})})));function Fi(){let t=_n(!0),[e,o]=_p(),n=Dp(),r=_n(n.search),s=_n({}),a=D.use.fromBlockchain(),l=D.use.toBlockchain(),p=D.use.fromToken(),u=D.use.toToken(),m=D.use.setFromBlockchain(),g=D.use.setFromToken(),c=D.use.setToBlockchain(),d=D.use.setToToken(),h=D.use.inputAmount(),f=D.use.setInputAmount(),w=T.use.loadingStatus(),{blockchains:E,tokens:S}=T.use.meta(),x=xe.use.setSelectedSwap();return Dn(()=>{let v={};Pp(r.current).forEach((P,B)=>{v[B]=P}),s.current=v;let C=n.pathname.split(y.swaps+"/")[1]||null;C&&x(C)},[]),Dn(()=>{if(!t.current){let v="",C="",P="",B="",I="";if(w!=="success")v=s.current["fromBlockchain"],C=s.current["fromToken"],P=s.current["toBlockchain"],B=s.current["toToken"],I=s.current["fromAmount"]||h;else{if(n.state==="redirect")return;v=a?.name||"",C=(p?.symbol||"")+(p?.address?`--${p?.address}`:""),P=l?.name||"",B=(u?.symbol||"")+(u?.address?`--${u?.address}`:""),I=h}o({...v&&{["fromBlockchain"]:v},...C&&{["fromToken"]:C},...P&&{["toBlockchain"]:P},...B&&{["toToken"]:B},...I&&{["fromAmount"]:I.toString()}},{replace:!0})}t.current=!1},[n.pathname,h,a,p,l,u]),Dn(()=>{if(w==="success"){let v=e.get("fromBlockchain"),C=e.get("fromToken"),P=e.get("toBlockchain"),B=e.get("toToken"),I=e.get("fromAmount"),G=E.find(W=>W.name===v),te=En(S,C,G||null),b=E.find(W=>W.name===P),_=En(S,B,b||null);G&&(m(G),te&&g(te)),b&&(c(b),_&&d(_)),I&&f(I)}},[w]),null}i(Fi,"UpdateUrl");import{useWallets as zp}from"@rango-dev/wallets-react";import{isEvmBlockchain as qp}from"rango-types";function Oi({children:t,...e}){let o=Up(),n=o?Fp:Op,{blockchains:r}=T.use.meta(),{canSwitchNetworkTo:s}=zp(),a=r.filter(qp);return $p({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:s}),_o.createElement(_o.Fragment,null,_o.createElement(n,null,t),o&&_o.createElement(Fi,null))}i(Oi,"AppRouter");import Ee from"react";import{useRoutes as vf}from"react-router-dom";import{i18n as Zn}from"@lingui/core";import{useManager as wm}from"@rango-dev/queue-manager-react";import{Alert as Rn,BestRoute as vm,BestRouteSkeleton as xm,Button as Jo,Divider as Bt,IconButton as Ys,MessageBox as bm,Modal as Am,RefreshIcon as Em,SettingsIcon as Bm,styled as Qs,Tooltip as Wm,Typography as js,WalletIcon as Im}from"@rango-dev/ui";import N,{useEffect as Kt,useState as Zo}from"react";import{flushSync as Nm}from"react-dom";import{useNavigate as Mm}from"react-router-dom";import{Alert as Qn,BalanceErrors as em,Button as Ls,ChevronDownIcon as tm,ChevronLeftIcon as om,Divider as Et,MessageBox as nm,Modal as Ps,Typography as Yo,WalletIcon as rm}from"@rango-dev/ui";import A,{useEffect as im,useState as dt}from"react";import{i18n as Fo}from"@lingui/core";function Oo(t){switch(t.type){case 0:return Fo.t("Route has been updated.");case 3:return Fo.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return Fo.t("Route swappers has been updated.");case 2:return Fo.t("Route internal coins has been updated.");default:return""}}i(Oo,"getRouteWarningMessage");import*as xt from"@radix-ui/react-collapsible";import{Button as Hp,IconButton as Gp,keyframes as Ui,styled as we,TextField as Vp}from"@rango-dev/ui";var Kp=Ui({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),Xp=Ui({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),$i=we("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),zi=we("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}),qi=we("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",backgroundColor:"$neutral100",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{backgroundColor:"$surface600",opacity:"0.8"},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),Hi=we(xt.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent"}),Gi=we("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),Vi=we(Gp,{position:"absolute",left:"$20"}),Ki=we("div",{paddingTop:"$20","& .wallets-list":{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}}),Xi=we(xt.Root,{backgroundColor:"$neutral200",borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),ji=we(Hp,{width:"100%",borderRadius:"$sm !important",padding:"$15 !important",justifyContent:"space-between",alignItems:"center",backgroundColor:"$neutral100 !important"}),Yi=we("div",{padding:"$10 $0","& .button__content":{display:"flex",justifyContent:"center",alignItems:"center"},"& .alarms":{paddingTop:"5px"}}),Qi=we("div",{transition:"all 300ms ease",variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),Ji=we("div",{display:"flex"}),Zi=we(Vp,{padding:"$0 $15 $15 $15"}),Ri=we(xt.Content,{overflow:"hidden",variants:{open:{true:{animation:`${Kp} 300ms ease-out`},false:{animation:`${Xp} 300ms ease-out`}}}}),es=we("div",{overflow:"visible",width:"100%"});import{Button as Ju,Divider as Xn,Image as Zu,MessageBox as jn,Modal as Bs,SelectableWallet as Ru,Typography as Ws,WalletState as Is}from"@rango-dev/ui";import re,{useEffect as Ns,useState as Gt}from"react";import{WalletState as os}from"@rango-dev/ui";import{useWallets as Yp}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as Qp,WalletTypes as Jp}from"@rango-dev/wallets-shared";import{useEffect as Zp,useState as Rp}from"react";import{allProviders as jp}from"@rango-dev/provider-all";function Uo(t,e){let o=jp({walletconnect2:{WC_PROJECT_ID:e?.walletConnectProjectId||""}});if(t){let n=[];return t.forEach(r=>{if(typeof r=="string"){let s=o.find(a=>a.config.type===r);s?n.push(s):console.warn(`Couldn't find ${r} provider. Please make sure you are passing the correct name.`)}else n.push(r)}),n}return o}i(Uo,"matchAndGenerateProviders");function ts(t,e){return Uo(t,e).map(r=>r.config.type)}i(ts,"configWalletsToWalletName");var eu=Object.values(Jp);function $o(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:l,connect:p}=Yp(),{connectedWallets:u}=O(),{blockchains:m}=T().meta,g=typeof e?.multiWallets>"u"?!0:e.multiWallets,c=ts(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||eu,d=Ci(s,l,c,o),h=xi(d),[f,w]=Rp(""),E=i(C=>!u.find(P=>P.walletType===C&&P.chain===o),"isExperimentalChainNotAdded"),S=i(async C=>{let P=s(C);try{if(f&&w(""),P.connected)await a(C);else{let B=!!d.find(I=>I.state===os.CONNECTED);if(!g&&B)return;n?.(C),await p(C),r?.(C)}}catch(B){w("Error: "+B?.message)}},"handleClick"),x=i(()=>{let C=d?.filter(P=>P.state===os.CONNECTING)||[];for(let P of C)a(P.type)},"disconnectConnectingWallets");Zp(()=>()=>{x()},[]);let v=i((C,P,B)=>bo(B,P)&&E(C)&&!Qp.includes(C),"shouldExcludeWallet");return{list:h.filter(C=>!v(C.type,o??"",m)),error:f,handleClick:S}}i($o,"useWalletList");import{i18n as ks}from"@lingui/core";import{styled as ws,Typography as zu,Wallet as qu,WalletState as Hu}from"@rango-dev/ui";import ct,{Fragment as Gu,useState as Vu}from"react";import{BottomLogo as Bu,Divider as Wu,Header as Iu}from"@rango-dev/ui";import ge from"react";import{useNavigate as Nu}from"react-router-dom";import{ChevronLeftIcon as nu}from"@rango-dev/ui";import is from"react";import{Button as tu,darkTheme as ou,styled as zo}from"@rango-dev/ui";var _e=zo(tu,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),ns=zo("div",{position:"absolute",background:"$secondary500",[`.${ou} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),bt=zo("div",{display:"flex",justifyContent:"flex-end",width:"$40"}),rs=zo("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"});function Fn(t){return is.createElement(_e,{variant:"ghost",size:"small",onClick:t.onClick},is.createElement(nu,{color:"black",size:16}))}i(Fn,"BackButton");import{i18n as ru}from"@lingui/core";import{Button as iu,Typography as su}from"@rango-dev/ui";import On from"react";function Un(t){return On.createElement(bt,null,On.createElement(iu,{variant:"ghost",onClick:t.onClick,size:"xsmall"},On.createElement(su,{variant:"label",size:"medium",color:"error500"},ru.t("Cancel"))))}i(Un,"CancelButton");import{i18n as au}from"@lingui/core";import{Tooltip as lu,WalletIcon as pu}from"@rango-dev/ui";import qo from"react";function $n(t){return qo.createElement(lu,{side:"top",content:au.t("Connect Wallet")},qo.createElement(_e,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&qo.createElement(ns,null),qo.createElement(pu,{size:18,color:"black"})))}i($n,"WalletButton");import{i18n as Vo}from"@lingui/core";import{NotificationsIcon as vu,Popover as xu,RefreshIcon as bu,SettingsIcon as Au,Tooltip as Ko,TransactionIcon as Eu}from"@rango-dev/ui";import me from"react";import{ChainToken as ms,ChevronRightIcon as yu,ListItemButton as Su,Typography as Cu}from"@rango-dev/ui";import Fe from"react";import{useNavigate as Tu}from"react-router-dom";import{create as uu}from"zustand";import{persist as mu,subscribeWithSelector as cu}from"zustand/middleware";var Ne=Ie(uu()(mu(cu((t,e)=>({notifications:[],setNotification:(o,n)=>{let r=n.steps[0],s=n.steps[n.steps.length-1],a={event:o,creationTime:Date.now(),read:!1,requestId:n.requestId,route:{from:{blockchain:r.fromBlockchain,tokenAddress:r.fromSymbolAddress,tokenSymbol:r.fromSymbol},to:{blockchain:s.toBlockchain,tokenSymbol:s.toSymbol,tokenAddress:s.toSymbolAddress}}},l=e().notifications.filter(p=>p.requestId!==n.requestId);t(()=>({notifications:[...l,a]}))},setAsRead:o=>{t(n=>({notifications:n.notifications.map(r=>r.requestId===o?{...r,read:!0}:r)}))},getUnreadNotifications:()=>e().notifications.filter(o=>!o.read)})),{name:"notification",skipHydration:!0})));import{styled as Ho}from"@rango-dev/ui";var ss=Ho("div",{padding:"$10",width:"350px",minHeight:"150px"}),as=Ho("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),ls=Ho("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),ps=Ho("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as du}from"@lingui/core";import{Divider as fu,NoNotificationIcon as gu,Typography as hu}from"@rango-dev/ui";import Go from"react";function us(){return Go.createElement(ps,null,Go.createElement(gu,{color:"secondary",size:26}),Go.createElement(fu,{size:12}),Go.createElement(hu,{variant:"body",size:"medium",color:"neutral900"},du.t("You have no notification")))}i(us,"NotificationNotFound");var ku=4;function zn(){let t=Tu(),e=xe.use.setSelectedSwap(),{getUnreadNotifications:o}=Ne(),n=o(),{tokens:r,blockchains:s}=T.use.meta(),a=n.sort((p,u)=>u.creationTime-p.creationTime).slice(0,ku),l=i(p=>{e(p),t(`/swaps/${p}`)},"handleOnClick");return Fe.createElement(ss,null,a.length?Fe.createElement(as,null,a.map(p=>{let u=r.find(d=>d.address===p.route.from.tokenAddress&&d.blockchain===p.route.from.blockchain&&d.symbol===p.route.from.tokenSymbol),m=s.find(d=>d.name===p.route.from.blockchain),g=r.find(d=>d.address===p.route.to.tokenAddress&&d.blockchain===p.route.to.blockchain&&d.symbol===p.route.to.tokenSymbol),c=s.find(d=>d.name===p.route.to.blockchain);return Fe.createElement(Su,{key:p.requestId,onClick:()=>l(p.requestId),title:Fe.createElement(Cu,{variant:"body",size:"small",color:"$neutral900"},p.event.message),id:p.requestId,start:Fe.createElement(ls,null,Fe.createElement("div",{className:"from-chain-token"},Fe.createElement(ms,{tokenImage:u?u.image:"",chainImage:m?m.logo:"",size:"small"})),Fe.createElement("div",{className:"to-chain-token"},Fe.createElement(ms,{tokenImage:g?g.image:"",chainImage:c?c.logo:"",size:"small"}))),end:Fe.createElement(yu,{size:12,color:"gray"})})})):Fe.createElement(us,null))}i(zn,"NotificationContent");import{Typography as wu}from"@rango-dev/ui";import cs from"react";function ds(){let{getUnreadNotifications:t}=Ne(),e=t().length;return e?cs.createElement(rs,null,cs.createElement(wu,{variant:"body",size:"xsmall",color:"$background"},e)):null}i(ds,"UnreadNotificationsBadge");function qn(t){let{layoutRef:e,onClickRefresh:o,onClickHistory:n,onClickSettings:r,onClickNotifications:s}=t;return me.createElement(me.Fragment,null,me.createElement(Ko,{side:"top",content:Vo.t("Refresh")},me.createElement(_e,{variant:"ghost",size:"small",onClick:o,disabled:!o},me.createElement(bu,{size:16,color:o?"black":"gray"}))),me.createElement(Ko,{side:"top",content:Vo.t("Notifications")},me.createElement(xu,{align:"center",collisionBoundary:e,collisionPadding:{right:20,left:20},container:document.getElementById("swap-box"),content:me.createElement(zn,null)},me.createElement(_e,{size:"small",variant:"ghost",onClick:s},me.createElement(vu,{size:18,color:"black"}),me.createElement(ds,null)))),me.createElement(Ko,{side:"top",content:Vo.t("Settings")},me.createElement(_e,{size:"small",variant:"ghost",onClick:r},me.createElement(Au,{size:18,color:"black"}))),me.createElement(Ko,{side:"top",content:Vo.t("Transactions History")},me.createElement(_e,{size:"small",variant:"ghost",onClick:n},me.createElement(Eu,{size:18,color:"black"}))))}i(qn,"HomeButtons");import{styled as Hn}from"@rango-dev/ui";var fs=Hn("div",{position:"relative",display:"flex",flexDirection:"column",borderRadius:"$primary",overflow:"hidden !important",boxShadow:"15px 15px 15px 0px rgba(0, 0, 0, 0.05)",width:"95vw",maxWidth:"390px",maxHeight:"700px",variants:{fixedHeight:{true:{height:"95vh"},false:{height:"auto"}}}}),gs=Hn("div",{display:"flex",flexDirection:"column",flex:1,padding:"$20 $20 $10 $20",backgroundColor:"$background",position:"relative",overflowY:"auto",overflowX:"hidden",variants:{noPadding:{true:{padding:"0"}}}}),hs=Hn("div",{backgroundColor:"$background","& .footer__content":{padding:"$0 $20"},"& .footer__logo":{padding:"$0 $20 $10 $20"}});function Mu(t,e){let{children:o,header:n,footer:r,noPadding:s,hasLogo:a=!0,fixedHeight:l=!0}=t,p=O.use.connectedWallets(),u=xe.use.connectWalletsButtonDisabled(),m=Nu(),g=i(()=>{u||m("/"+y.wallets)},"onConnectWallet");return ge.createElement(fs,{ref:e,fixedHeight:l,id:"swap-box"},ge.createElement(Iu,{prefix:ge.createElement(ge.Fragment,null,n.onBack&&ge.createElement(Fn,{onClick:n.onBack})),title:n.title,suffix:ge.createElement(ge.Fragment,null,n.suffix,n.hasConnectWallet&&ge.createElement($n,{onClick:g,isConnected:!!p?.length}),n.onCancel&&ge.createElement(Un,{onClick:n.onCancel}))}),ge.createElement(gs,{noPadding:s},o),(a||r)&&ge.createElement(hs,null,ge.createElement("div",{className:"footer__content"},r),a&&ge.createElement("div",{className:"footer__logo"},ge.createElement(Wu,{size:12}),ge.createElement(Bu,null))))}i(Mu,"LayoutComponent");var Q=ge.forwardRef(Mu);Q.displayName="Layout";import{Divider as Fu,Modal as Ou}from"@rango-dev/ui";import Vn from"react";import{i18n as At}from"@lingui/core";import{Image as Du,MessageBox as Gn,WalletState as _u}from"@rango-dev/ui";import mt from"react";import{keyframes as Lu,styled as Xo}from"@rango-dev/ui";var rC=Xo("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),ys=Xo("div",{position:"relative"}),Pu=Lu({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),Ss=Xo("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Pu} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Cs=Xo("div",{"& img":{borderRadius:"50%"}});function Ts(t){let{state:e,image:o,error:n}=t;return e===_u.CONNECTED?mt.createElement(Gn,{type:"success",title:At.t("Wallet Connected"),description:At.t("Your wallet is connected, you can use it to swap.")}):n?mt.createElement(Gn,{type:"error",title:At.t("Failed to Connect"),description:n||At.t("Your wallet is not connected. Please try again.")}):mt.createElement(Gn,{type:"loading",title:At.t("Connecting to your wallet"),description:At.t("Click connect in your wallet popup."),icon:mt.createElement(ys,null,mt.createElement(Cs,null,mt.createElement(Du,{src:o,size:45})),mt.createElement(Ss,null))})}i(Ts,"ModalContent");function Ht(t){let{open:e,onClose:o,...n}=t;return Vn.createElement(Ou,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},Vn.createElement(Ts,{...n}),Vn.createElement(Fu,{direction:"vertical",size:32}))}i(Ht,"WalletModal");import{useInRouterContext as Uu,useNavigate as $u}from"react-router-dom";function ne(){let t=Uu(),e=$u();return y,{navigateBackFrom:i(n=>{if(n===y.swapDetails)return e("/"+y.swaps,{replace:!0});!t||window.history.state&&window.history.state.idx>0?e(-1):[y.fromSwap,y.toSwap,y.settings,y.wallets,y.swaps,y.confirmSwap].includes(n)?e(y.home,{replace:!0}):n===y.fromBlockchain?e("/"+y.fromSwap,{replace:!0}):n===y.toBlockchain?e("/"+y.fromSwap,{replace:!0}):n===y.liquiditySources&&e("/"+y.settings,{replace:!0})},"navigateBackFrom")}}i(ne,"useNavigateBack");var Ku=ws("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline",paddingTop:"$15",height:"100%"}),Xu=ws("div",{textAlign:"center"}),jo=3e3,ju=300;function vs({config:t}){let{navigateBackFrom:e}=ne(),[o,n]=Vu(""),r=null,{list:s,handleClick:a,error:l}=$o({config:t,onBeforeConnect:c=>{r=setTimeout(()=>{n(c)},ju)},onConnect:()=>{r&&clearTimeout(r),setTimeout(()=>{n("")},jo)}}),p=T.use.loadingStatus(),u=s.find(c=>c.type===o),m=u?.image||"",g=u?.state||Hu.NOT_INSTALLED;return ct.createElement(Q,{header:{title:ks.t("Connect Wallets"),onBack:e.bind(null,y.wallets)}},ct.createElement(Xu,null,ct.createElement(zu,{variant:"title",size:"xmedium",align:"center"},ks.t("Choose a wallet to connect.")),ct.createElement(Ku,null,s.map((c,d)=>{let h=`wallet-${d}-${c.type}`;return ct.createElement(Gu,{key:h},ct.createElement(qu,{...c,onClick:f=>{a(f)},isLoading:p==="loading"}))}),ct.createElement(Ht,{open:!!o,onClose:()=>n(""),image:m,state:g,error:l}))))}i(vs,"WalletsPage");function xs(t,e){return e.find(o=>o.name===t)?.displayName}i(xs,"getBlockchainDisplayNameFor");import{keyframes as Yu,styled as Kn}from"@rango-dev/ui";var bs=Kn("div",{position:"relative"}),Qu=Yu({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),As=Kn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Qu} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Es=Kn("div",{"& img":{borderRadius:"50%"}});function Yn(t){let{config:e,chain:o,isSelected:n,selectWallet:r,limit:s,onShowMore:a}=t,l=O.use.connectedWallets(),{blockchains:p}=T.use.meta(),[u,m]=Gt(""),[g,c]=Gt(null),[d,h]=Gt(!1),[f,w]=Gt(null),{connect:E}=Ms(),{list:S,error:x,handleClick:v}=$o({config:e,chain:o,onBeforeConnect:m,onConnect:()=>setTimeout(()=>m(""),jo)}),[C,P]=Gt(S),B=S.length,I=s&&B-s>0,G=i(async b=>{h(!1),w("in-progress"),await E(b.walletType,b.chain),w("completed")},"addExperimentalChain");Ns(()=>{P(b=>{let _=S.findIndex(W=>n(W.type,o));return I&&_>1?[S[_]].concat(S.filter((W,ie)=>ie!==_)):b.map(W=>S.find(ie=>ie.type===W.type)??W)})},[JSON.stringify(S)]);let te=document.querySelector("#swap-box");return Ns(()=>{let b=null;return f==="completed"&&(b=setTimeout(()=>w(null),jo)),()=>{b&&clearTimeout(b)}},[f]),re.createElement(re.Fragment,null,C.slice(0,s).map(b=>{let _=bi({connectedWallets:l,walletType:b.type,chain:o}),W=_?Ao(_):"",ie=bo(p,o),M=!l.find(Be=>Be.walletType===b.type&&Be.chain===o),ue=ie&&M&&b.state===Is.CONNECTED,Le=ue?`Add ${o} chain`:W,U=i(()=>{b.state===Is.DISCONNECTED?v(b.type):ue?(c({walletType:b.type,chain:o,address:_??""}),h(!0)):r({walletType:b.type,chain:o,address:_??""})},"onClick"),X=g?.chain?xs(g.chain,p):void 0;return re.createElement(re.Fragment,null,u===b.type&&re.createElement(Ht,{open:u===b.type,onClose:()=>m(""),image:b.image,state:b.state,error:x}),!!g&&re.createElement(Bs,{open:!!g&&d,container:te,onClose:()=>{c(null)}},re.createElement(jn,{title:`Add ${X} Chain`,type:"warning",description:`You should connect a ${X} supported wallet or choose a different ${X} address`},re.createElement(Xn,{size:18}),re.createElement(Xn,{size:32}),re.createElement(Ju,{onClick:G.bind(null,g),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},"Confirm"))),f&&re.createElement(Bs,{open:!!f,onClose:w.bind(null,null),container:te},f==="in-progress"?re.createElement(jn,{type:"loading",title:`Add ${X} Chain`,description:`You should connect a ${X} supported wallet or choose a different ${X} address.`,icon:re.createElement(bs,null,re.createElement(Es,null,re.createElement(Zu,{src:b.image,size:45})),re.createElement(As,null))}):re.createElement(jn,{type:"success",title:`${X} Chain Added`,description:`${X} is added to your wallet, you can use it to swap.`}),re.createElement(Xn,{direction:"vertical",size:32})),re.createElement(Ru,{key:b.type,description:Le,onClick:U,selected:n(b.type,o),...b}))}),I&&re.createElement(qi,{selected:!1,onClick:a.bind(null)},re.createElement(Ws,{variant:"label",size:"medium"},"Show more wallets",re.createElement(Ws,{variant:"label",size:"medium",color:"$primary"},"\xA0+",B-(s??0)))))}i(Yn,"WalletList");var sm=2;function Ds(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,config:s,loading:a}=t,{blockchains:l}=T.use.meta(),{bestRoute:p,setSelectedWallets:u,setRouteWalletConfirmed:m,customDestination:g,setCustomDestination:c}=D(),{connectedWallets:d,selectWallets:h}=O(),[f,w]=dt(""),[E,S]=dt([]),[x,v]=dt(""),[C,P]=dt(null),[B,I]=dt(g),[G,te]=dt(!!g),b=ho(p),_=typeof s?.customDestination>"u"?!0:s.customDestination,W=l.find(F=>F.name===p?.result?.swaps[p?.result?.swaps.length-1].to.blockchain),ie=i(F=>!!p?.result?.swaps.find(j=>j.from.blockchain===F),"isWalletRequiredFor"),[M,ue]=dt(d.filter(F=>F.selected&&b.includes(F.chain))),Le=l.find(F=>F.name===W?.name),U=i((F,j)=>!!M.find(H=>H.walletType===F&&H.chain===j&&H.selected&&(ie(j)||!ie(j)&&!B)),"isSelected"),X=!!B&&G&&Le&&!yo(Le,B),Be=i(()=>{te(!1),I(""),ue(F=>{let j=!1;return F.map(H=>!j&&H.chain===W?.name?(j=!0,{...H,selected:!0}):H)})},"resetCustomDestination"),Se=i(F=>{if(f&&w(""),U(F.walletType,F.chain))return;let H=d.find(z=>z.walletType===F.walletType&&z.chain===F.chain);H&&(n(),F.chain===W?.name&&G&&(te(!1),I("")),ue(z=>z.filter(Ce=>Ce.chain!==F.chain).concat({...H,selected:!0})))},"onChange"),Pe=i(()=>{let F=M.filter(j=>j.selected);h(F),u(F),c(B),m(!0),o()},"onConfirmBalance"),se=i(async()=>{S([]),v(""),P(null);let F=d.filter(z=>M.find(Ce=>Ce.chain===z.chain&&Ce.walletType===z.walletType)),j=await r?.({selectedWallets:F,customDestination:B}),H=j.warnings;H?.balance?.messages&&S(H.balance.messages),H?.route&&P(H.route),j.error&&v(So(j.error)),!j.error&&(!H?.balance?.messages.length||0>0)?Pe():S(H?.balance?.messages??[])},"onConfirmWallets");im(()=>{ue(F=>F.concat(d.filter(j=>!!!F.find(z=>z.chain===j.chain)&&j.selected&&b.includes(j.chain))))},[d.length]);let tt=document.querySelector("#swap-box");return A.createElement(Ps,{open:e,onClose:o,dismissible:!f,container:tt,...!f&&{footer:A.createElement(Ji,null,A.createElement(Ls,{loading:a,disabled:_i(a,G,B,p,M,W),onClick:se,variant:"contained",type:"primary",fullWidth:!0,size:"large"},"Confirm"))},...f&&{containerStyle:{padding:"$0"},header:A.createElement(Gi,null,A.createElement(Vi,{variant:"ghost",onClick:w.bind(null,"")},A.createElement(om,{size:16})),A.createElement(Yo,{variant:"headline",size:"small"},`Your ${f} wallets`))},anchor:"center"},A.createElement(Ps,{open:E.length>0,onClose:S.bind(null,[]),container:tt},A.createElement(nm,{title:"Insufficient account balance",type:"error",description:A.createElement(em,{messages:E??[]})},A.createElement(Ls,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:Pe},"Proceed anyway"))),f&&A.createElement(Ki,null,A.createElement("div",{className:"wallets-list"},A.createElement(Yn,{chain:f,isSelected:U,selectWallet:Se,multiWallets:s?.multiWallets??!0,supportedWallets:s?.wallets??[],config:s,onShowMore:w.bind(null,f)}))),!f&&A.createElement(A.Fragment,null,x&&A.createElement(A.Fragment,null,A.createElement(Qn,{variant:"alarm",type:"error",title:x}),A.createElement(Et,{size:12})),C&&A.createElement(A.Fragment,null,A.createElement(Qn,{variant:"alarm",type:"warning",title:Oo(C)}),A.createElement(Et,{size:12})),A.createElement(es,null,b.map((F,j)=>{let H=l.find(Te=>Te.name===F),z=`wallet-${j}`,Ce=j===b.length-1;return A.createElement("div",{key:z},A.createElement($i,null,A.createElement(Yo,{variant:"title",size:"xmedium"},`Your ${H?.displayName} wallets`),A.createElement(Yo,{variant:"label",color:"$neutral900",size:"medium"},`You need to connect a ${H?.displayName} wallet.`)),A.createElement(Et,{size:24}),A.createElement(zi,null,A.createElement(Yn,{chain:F,isSelected:U,selectWallet:Se,multiWallets:s?.multiWallets??!0,supportedWallets:s?.wallets??[],config:s,limit:sm,onShowMore:()=>w(H?.name??"")})),!Ce&&A.createElement(Et,{size:32}),Ce&&_&&A.createElement(Yi,null,A.createElement(Xi,{selected:G,open:G,onOpenChange:Te=>{Te?ie(W?.name??"")||ue(oe=>oe.map(ae=>ae.chain===W?.name?{...ae,selected:!1}:ae)):Be()}},A.createElement(Hi,{onClick:()=>te(Te=>!Te)},A.createElement(ji,{fullWidth:!0,suffix:A.createElement(Qi,{orientation:G?"up":"down"},A.createElement(tm,{size:10,color:"gray"}))},A.createElement("div",{className:"button__content"},A.createElement(rm,{size:18,color:"info"}),A.createElement(Et,{size:4,direction:"horizontal"}),A.createElement(Yo,{variant:"label",size:"medium"},"Send to a different address")))),A.createElement(Ri,{open:G},A.createElement(A.Fragment,null,A.createElement(Et,{size:4}),A.createElement(Zi,{autoFocus:!0,placeholder:"Your destination address",value:B,onChange:Te=>{I(Te.target.value)}})))),X&&A.createElement("div",{className:"alarms"},A.createElement(Qn,{variant:"alarm",type:"error",title:`Address '${B}' doesn't match the blockchain address pattern.`}))))}))))}i(Ds,"ConfirmWalletsModal");import{Alert as um,Button as mm,Divider as Vs,NoRouteIcon as cm,RefreshIcon as dm,Typography as Ks}from"@rango-dev/ui";import Oe from"react";import{create as am}from"zustand";import{persist as lm,subscribeWithSelector as pm}from"zustand/middleware";var _s=[.5,1,3],Fs=1,Os=5,Us=100,$s=0;var $=Ie(am()(lm(pm(t=>({slippage:Fs,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,disabledLiquiditySources:[],theme:"auto",setSlippage:e=>t(()=>({slippage:e})),setCustomSlippage:e=>t(()=>({customSlippage:e})),setAffiliateRef:e=>t(()=>({affiliateRef:e})),setAffiliatePercent:e=>t(()=>({affiliatePercent:e})),setAffiliateWallets:e=>t(()=>({affiliateWallets:e})),toggleAllLiquiditySources:e=>t(o=>{if(e)return{disabledLiquiditySources:[]};let{swappers:n}=T.getState().meta,r=ot(n.map(s=>s.swapperGroup));return r.length===o.disabledLiquiditySources.length?{disabledLiquiditySources:[]}:{disabledLiquiditySources:r}}),toggleInfiniteApprove:()=>t(e=>({infiniteApprove:!e.infiniteApprove})),toggleLiquiditySource:e=>t(o=>o.disabledLiquiditySources.includes(e)?{disabledLiquiditySources:o.disabledLiquiditySources.filter(n=>n!=e)}:{disabledLiquiditySources:o.disabledLiquiditySources.concat(e)}),setTheme:e=>t(()=>({theme:e}))})),{name:"user-settings",skipHydration:!0})));function zs(t,e,o,n,r){return o?{alert:{type:"warning",text:q.genericServerError,action:{onClick:r,title:"Retry"}},description:""}:t?{alert:{type:"error",text:t,action:null},description:""}:e.length?{alert:{type:"warning",text:q.liquiditySourcesError.title,action:{onClick:()=>n(!0),title:"Reset"}},description:q.liquiditySourcesError.description}:{alert:null,description:q.noRoutesError.description}}i(zs,"makeInfo");import{styled as Jn}from"@rango-dev/ui";var qs=Jn("div",{display:"flex",flexDirection:"column",alignItems:"center"}),Hs=Jn("div",{width:"100%"}),Gs=Jn("div",{padding:"$6 $0"});function Vt(t){let{diagnosisMessage:e,fetch:o,error:n}=t,r=$.use.disabledLiquiditySources(),s=T.use.loadingStatus(),a=$.use.toggleAllLiquiditySources(),p=zs(e??null,r,n||s==="failed",a,o);return Oe.createElement(qs,null,Oe.createElement(cm,{size:24,color:"gray"}),Oe.createElement(Vs,{size:4}),Oe.createElement(Ks,{variant:"title",size:"small"},q.noRoutesError.title),!!p.description&&Oe.createElement(Ks,{variant:"body",size:"small",align:"center",color:"neutral900"},p.description),Oe.createElement(Vs,{size:4}),!!p.alert&&Oe.createElement(Hs,null,Oe.createElement(um,{type:p.alert.type,title:p.alert.text,action:p.alert.action&&Oe.createElement(mm,{size:"xsmall",type:p.alert.type,prefix:Oe.createElement(Gs,null,Oe.createElement(dm,{size:8})),onClick:p.alert.action.onClick},p.alert.action.title),variant:"alarm"})))}i(Vt,"NoRoutes");import{calculatePendingSwap as ym}from"@rango-dev/queue-manager-rango-preset";import Sm from"bignumber.js";import{useEffect as Cm}from"react";import{useRef as fm,useState as gm}from"react";function Qo(){let[t,e]=gm(!1),o=fm(null),n=i(()=>o.current?.abort(),"cancel");return{fetch:i(async s=>{n(),o.current=new AbortController,e(!0);try{let a=await Ct().getBestRoute(s,{signal:o.current.signal});return o.current=null,a}catch(a){throw a}finally{e(!1)}},"fetch"),loading:t,cancelFetch:n}}i(Qo,"useFetchBestRoute");function Tm(t,e){if(!t.result)throw new Error(q.noRoutesError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});let o=new Sm(t.result?.outputAmount||"0").multipliedBy(e.outputUsdValue||0),n=Io(e.inputUsdValue,o);if(No(e.inputUsdValue,n))throw new Error("High value loss for route",{cause:{type:1}});return t}i(Tm,"throwErrorIfResponseIsNotValid");function km(t,e,o){let n=pi(t,e),r={balance:null,route:null,slippage:null};n&&(Ii(t,e)?r.route={type:3,newOutputAmount:k(vt(e)),percentageChange:k(Ye(vt(t),vt(e)),null,2)}:Bn(t,e)?r.route={type:0}:Wn(t,e)?r.route={type:1}:In(t,e)&&(r.route={type:2}));let s=Ni(e,o.selectedWallets);s.length===0||(r.balance={messages:s});let l=Ei(t),p=o.userSlippage>Os;return Bi(o.userSlippage.toString(),l)?p&&(r.slippage={type:1,slippage:o.userSlippage.toString()}):r.slippage={type:0,slippage:l},r}i(km,"generateWarnings");function Xs(){let{fromToken:t,toToken:e,inputAmount:o,inputUsdValue:n,setRoute:r,bestRoute:s,customDestination:a}=D(),{slippage:l,customSlippage:p,affiliatePercent:u,affiliateRef:m,affiliateWallets:g,disabledLiquiditySources:c}=$(),{connectedWallets:d}=O(),{meta:h}=T(),f=p||l,{fetch:w,cancelFetch:E,loading:S}=Qo();return Cm(()=>E,[]),{loading:S,fetch:i(async v=>{let C=v.selectedWallets,P=v?.customDestination??a;if(!t||!e||!o||!s)return{route:null,swap:null,error:null,warnings:null};let B=Do({fromToken:t,toToken:e,inputAmount:o,wallets:d,selectedWallets:C,disabledLiquiditySources:c,slippage:f,affiliateRef:m,affiliatePercent:u,affiliateWallets:g,initialRoute:s,destination:P}),I;try{I=await w(B).then(b=>Tm(b,{outputUsdValue:e.usdPrice,inputUsdValue:n})),r(I)}catch(b){return b?.code==="ERR_CANCELED"?{swap:null,error:{type:3},warnings:null}:b.cause?{swap:null,error:b.cause,warnings:null}:{swap:null,error:{type:2},warnings:null}}let G={slippage:f.toString(),disabledSwappersGroups:c},te=ym(o.toString(),I,Wi(C),G,!1,h);return{route:I,swap:te,error:null,warnings:km(s,I,{selectedWallets:C,userSlippage:f})}},"fetch"),cancelFetch:E}}i(Xs,"useConfirmSwap");var Lm=Qs("div",{position:"relative",width:"100%","& .description":{display:"flex",justifyContent:"space-between",alignItems:"center",paddingBottom:"$10"},"& .icon":{width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}}),Pm=Qs("div",{width:"100%",display:"flex",justifyContent:"space-between","& .confirm-button":{flexGrow:1,paddingRight:"$10"},[`& ${Ys}`]:{width:"$48",height:"$48"}});function Js(t){let{config:e}=t,{bestRoute:o,inputAmount:n,outputAmount:r,inputUsdValue:s,outputUsdValue:a,setInputAmount:l,selectedWallets:p,routeWalletsConfirmed:u,setRouteWalletConfirmed:m,customDestination:g}=D(),c=Mm(),[d,h]=Zo(""),[f,w]=Zo(!1),{connectedWallets:E}=O(),S=!u,[x,v]=Zo(!1),C=xe.use.setSelectedSwap(),{meta:{tokens:P},loadingStatus:B}=T(),I=$.use.slippage(),G=$.use.customSlippage(),{manager:te}=wm(),b=G||I,{fetch:_,loading:W,cancelFetch:ie}=Xs(),[M,ue]=Zo({swap:null,error:null,warnings:null}),Le=W||B==="loading",U=!W&&M.error&&[0,2].includes(M.error.type),X=!U&&!W&&o&&o.result,Be=Po(o,P),Se=k(Ye(s?.toNumber()??0,a?.toNumber()??0),2,2),Pe=St(parseFloat(Se)),se=i(async({selectedWallets:z,customDestination:Ce})=>{let Te=await _?.({selectedWallets:z,customDestination:Ce});return ue(Te),Te},"onConfirmSwap"),tt=i(async()=>{if(M.swap&&u)try{await te?.create("swap",{swapDetails:M.swap},{id:M.swap.requestId}),C(M.swap.requestId),c("/"+y.swaps+`/${M.swap.requestId}`,{replace:!0}),setTimeout(()=>{l("")},0)}catch(z){h("Error: "+z?.message)}},"addNewSwap"),F=i(async()=>{await tt()},"onConfirm"),j=i(async()=>{M?.warnings?.slippage?w(!0):await F()},"onStartConfirmSwap"),H=i(async()=>{ue({error:null,swap:null,warnings:null}),_({selectedWallets:p}).then(z=>{ue(z)}).catch(z=>console.error(z))},"onRefresh");return Kt(()=>{S&&ie()},[S]),Kt(()=>{S&&v(S)},[S]),Kt(()=>{S||_({selectedWallets:p,customDestination:g}).then(z=>ue(z)).catch(z=>console.error(z))},[]),Kt(()=>{!x&&!u&&c(y.home,{replace:!0})},[x,u]),Kt(()=>{let z=M.warnings?.route?.type&&Object.values(Ut).includes(M.warnings?.route?.type),Ce=p.length<1||!p.every(oe=>E.find(ae=>oe.address===ae.address&&oe.walletType===ae.walletType&&oe.chain===ae.chain)),Te=!1;if(z){let oe=ho(o),ae=o?.result?.swaps[o.result.swaps.length-1].to.blockchain;!!o?.result?.swaps.find(Ft=>Ft.from.blockchain===ae)||(oe=oe.slice(-oe.length,oe.length-1)),oe.every(Ft=>p.find(pp=>pp.chain===Ft))||(Te=!0)}o&&(Ce||Te)&&(queueMicrotask(()=>Nm(v.bind(null,!0))),m(!1))},[M.warnings?.route,p.length,E.length]),N.createElement(Q,{header:{title:"Confirm Swap",onBack:c.bind(null,-1),hasConnectWallet:!0,suffix:N.createElement(Wm,{side:"bottom",content:Zn.t("Settings")},N.createElement(_e,{size:"small",variant:"ghost",onClick:()=>c("/"+y.settings)},N.createElement(Bm,{size:18,color:"black"})))},footer:N.createElement(Pm,null,N.createElement("div",{className:"confirm-button"},N.createElement(Jo,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:W,disabled:!!M.error,onClick:j},"Start Swap")),N.createElement(Ys,{variant:"contained",type:"primary",size:"large",loading:W,onClick:v.bind(null,!0)},N.createElement(Im,{size:24})))},N.createElement(Am,{anchor:"bottom",open:f,prefix:N.createElement(Jo,{size:"small",variant:"ghost",onClick:()=>c("/"+y.settings)},N.createElement(js,{variant:"label",size:"medium",color:"$neutral900"},"Change settings")),container:document.querySelector("#swap-box"),onClose:w.bind(null,z=>!z)},M.warnings?.slippage&&N.createElement(bm,{type:"warning",title:M.warnings.slippage.type===1?"High slippage":"Low slippage",description:M.warnings.slippage.type===1?Zn.t("highSlippage",{selectedSlippage:b},{message:" Caution, your slippage is high (={selectedSlippage}). Your trade may be front run."}):Zn.t("increaseSlippage",{minRequiredSlippage:M.warnings.slippage.slippage},{message:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route."})},N.createElement(Bt,{size:18}),N.createElement(Bt,{size:32}),N.createElement(Jo,{size:"large",type:"primary",variant:"contained",fullWidth:!0,onClick:F},"Confirm anyway"))),x&&N.createElement(Ds,{open:x,onClose:v.bind(null,!1),onCancel:ie,loading:W,onCheckBalance:se,config:e}),N.createElement(Lm,null,N.createElement("div",{className:"description"},N.createElement(js,{variant:"title",size:"small"},"You get"),N.createElement(Jo,{style:{padding:"0"},variant:"ghost",disabled:W,onClick:H},N.createElement("div",{className:"icon"},N.createElement(Em,{size:16})))),d&&N.createElement(N.Fragment,null,N.createElement(Rn,{type:"error",variant:"alarm",title:d}),N.createElement(Bt,{size:12})),M.warnings?.route&&N.createElement(N.Fragment,null,N.createElement(Rn,{variant:"alarm",type:"warning",title:Oo(M.warnings.route)}),N.createElement(Bt,{size:12})),Le&&N.createElement(xm,{type:"swap-preview",expanded:!0}),X&&N.createElement(vm,{expanded:!0,steps:ci(o)??[],input:{value:k(n,6,6),usdValue:k(s,4,4)},output:{value:k(r,6,6),usdValue:k(a,4,4)},totalFee:k(Be,2,2),totalTime:uo(mo(o)),recommended:!0,type:"swap-preview",percentageChange:Se,warningLevel:Pe}),U&&N.createElement(N.Fragment,null,N.createElement(Bt,{size:12}),N.createElement(Vt,{diagnosisMessage:M.error?.type===0?M.error.diagnosisMessage:void 0,error:M.error?.type===2,fetch:H})),M.error?.type===1&&N.createElement(N.Fragment,null,N.createElement(Rn,{variant:"alarm",type:"error",title:So(M.error)}),N.createElement(Bt,{size:12}))))}i(Js,"ConfirmSwapPage");import{i18n as rr}from"@lingui/core";import{useManager as $m}from"@rango-dev/queue-manager-react";import{Divider as zm,NotFound as qm,styled as ia}from"@rango-dev/ui";import st,{useState as Hm}from"react";import{useNavigate as Gm}from"react-router-dom";import{CloseIcon as _m,IconButton as Fm,SearchIcon as Om,TextField as Um}from"@rango-dev/ui";import Xt from"react";import{styled as Dm}from"@rango-dev/ui";var Zs=Dm("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function Ze(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:s,value:a,setValue:l,...p}=t;return Xt.createElement(Um,{prefix:Xt.createElement(Zs,null,Xt.createElement(Om,{color:"black"})),suffix:!!a.length&&Xt.createElement(Fm,{variant:"ghost",onClick:()=>l?.(""),size:"small"},Xt.createElement(_m,{color:"gray",size:10})),fullWidth:o,color:n,variant:e,style:{padding:10,borderRadius:25,alignItems:"center"},size:r,value:a,onChange:s,...p})}i(Ze,"SearchInput");import{Divider as ea,SwapListItem as ta,Typography as oa}from"@rango-dev/ui";import R from"react";import{styled as Ro}from"@rango-dev/ui";var er=Ro("div",{width:"100%",display:"flex",flexDirection:"column"}),tr=Ro("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),or=Ro("div",{gap:"$10",display:"flex",flexDirection:"column"}),Rs=Ro("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});function nr(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,s=n?n(e):[{title:"History",swaps:e}];if(r){let a=[{},{}];return R.createElement(R.Fragment,null,[{title:"Today",swaps:a},{title:"Last month",swaps:a}].map(p=>R.createElement(R.Fragment,{key:p.title},R.createElement(er,null,R.createElement(tr,null,R.createElement(oa,{variant:"label",size:"medium",color:"neutral800",className:"group-title"},p.title)),R.createElement(ea,{size:4}),R.createElement(or,null,p.swaps.map((u,m)=>{let g=m+p.title;return R.createElement(R.Fragment,{key:g},R.createElement(ta,{isLoading:!0}))}))))))}return R.createElement(R.Fragment,null,s.filter(a=>a.swaps.length>0).map(a=>R.createElement(R.Fragment,{key:a.title},R.createElement(er,null,R.createElement(tr,null,R.createElement(oa,{variant:"label",size:"medium",color:"neutral800",className:"group-title"},a.title)),R.createElement(ea,{size:4}),R.createElement(or,null,a.swaps.map(l=>{let p=l.steps[0],u=l.steps[l.steps.length-1];return R.createElement(R.Fragment,{key:l.requestId},R.createElement(ta,{requestId:l.requestId,creationTime:l.creationTime,status:l.status,onClick:o,onlyShowTime:a.title==="Today",swapTokenData:{from:{token:{image:p.fromLogo,displayName:p.fromSymbol},blockchain:{image:p.fromBlockchainLogo||""},amount:co(l.inputAmount)},to:{token:{image:u.toLogo,displayName:u.toSymbol},blockchain:{image:u.toBlockchainLogo||""},amount:co(u.outputAmount||""),estimatedAmount:co(u.expectedOutputAmountHumanReadable||"")}}}))}))))))}i(nr,"SwapsGroup");import na from"dayjs";var ra=i(t=>{let e=new Map([["today",{title:"Today",swaps:[]}],["month",{title:"Last month",swaps:[]}],["year",{title:"Last year",swaps:[]}],["history",{title:"History",swaps:[]}]]),o=na();return t.forEach(n=>{let r=na(Number(n.creationTime));o.isSame(r,"day")?e.get("today")?.swaps.push(n):o.isSame(r,"month")?e.get("month")?.swaps.push(n):o.isSame(r,"year")?e.get("year")?.swaps.push(n):e.get("history")?.swaps.push(n)}),Array.from(e.values())},"groupSwapsByDate");var en=i(t=>{let e=[];return t?.getAll().forEach((o,n)=>{let r=o.list.getStorage();r?.swapDetails&&e.push({id:n,swap:r?.swapDetails})}),e.sort((o,n)=>Number(n.swap.creationTime)-Number(o.swap.creationTime))},"getPendingSwaps");var Vm=ia("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",height:"100%",gap:15}),Km=ia("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),Xm=i((t,e)=>t?.length?t.filter(o=>He(o.fromBlockchain,e)||He(o.toBlockchain,e)||He(o.toSymbol,e)||He(o.fromSymbol,e)).length:!1,"isStepContainsText");function sa(){let t=xe.use.setSelectedSwap(),e=Gm(),{navigateBackFrom:o}=ne(),{manager:n,state:r}=$m(),s=en(n).map(({swap:c})=>c),[a,l]=Hm(""),p=!r.loadedFromPersistor,u=i(c=>{let d=c.target.value;l(d)},"searchHandler"),m=s;a&&(m=s.filter(c=>He(c.inputAmount,a)||He(c.status,a)||Xm(c.steps,a)||He(c.requestId,a)));let g=!m?.length&&!p;return st.createElement(Q,{header:{onBack:o.bind(null,"/"+y.swaps),title:rr.t("History")}},st.createElement(Vm,null,st.createElement(Ze,{setValue:l,fullWidth:!0,variant:"contained",placeholder:"Search Transaction",autoFocus:!0,onChange:u,value:a}),st.createElement(Km,null,g&&st.createElement(Rs,null,st.createElement(zm,{size:32}),st.createElement(qm,{title:rr.t("No results found"),description:a?rr.t("Try using different keywords"):""})),!g&&st.createElement(nr,{list:m,onSwapClick:c=>{t(c),e(`${c}`,{replace:!0})},groupBy:ra,isLoading:p}))))}i(sa,"HistoryPage");import{i18n as sc}from"@lingui/core";import{Alert as ac,BestRoute as lc,BestRouteSkeleton as pc,Button as uc,Divider as pr,styled as Wt,SwapInput as ka,Typography as ur,WarningIcon as mc}from"@rango-dev/ui";import Y,{useEffect as cc,useRef as dc,useState as fc}from"react";import{useNavigate as gc}from"react-router-dom";import{Alert as ga,Divider as Rm,InfoIcon as ec}from"@rango-dev/ui";import $e from"react";import{styled as tn}from"@rango-dev/ui";var aa=tn("div",{width:"100%",paddingTop:"$10"}),ir=tn("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),la=tn("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%"}),pa=tn("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});import{Button as jm,Divider as ca,MessageBox as da,Modal as Ym,Typography as Qm,WarningIcon as Jm}from"@rango-dev/ui";import Ue from"react";import{useNavigate as Zm}from"react-router-dom";import{Typography as ua}from"@rango-dev/ui";import sr from"react";function ma(t){let{title:e,value:o,valueColor:n}=t;return sr.createElement(la,null,sr.createElement(ua,{size:"medium",variant:"label",color:"neutral800"},e),sr.createElement(ua,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(ma,"RouteErrorsModalItem");function fa(t){let{highValueLoss:e,open:o,onToggle:n,percentageChange:r,inputUsdValue:s,outputUsdValue:a,totalFeeInUsd:l}=t,p=Zm(),u=e&&r?.lt(-10)?"error":"warning",m=[{title:"Swapping",value:k(s,4,4)},{title:"Gas cost",value:k(l,2,2)},{title:"Receiving",value:k(a,4,4)},{title:"Price impact",value:k(r,2,2),valueColor:`${u}500`}];return Ue.createElement(Ym,{open:o,onClose:()=>n(!1),container:document.getElementById("swap-box")||document.body},e?Ue.createElement(da,{type:u,title:q.highValueLossError.impactTitle,description:q.highValueLossError.description}):Ue.createElement(da,{type:u,title:q.unknownPriceError.impactTitle,description:q.unknownPriceError.description}),e&&Ue.createElement(ir,null,Ue.createElement(ca,{size:20}),Ue.createElement(Qm,{size:"small",variant:"title"},"Details"),Ue.createElement(ir,null,m.map((g,c)=>Ue.createElement(ma,{key:c,...g})))),Ue.createElement(ca,{size:32}),Ue.createElement(jm,{type:"primary",size:"large",prefix:Ue.createElement(Jm,null),fullWidth:!0,onClick:()=>{p(y.confirmSwap)}},e?q.highValueLossError.confirmMessage:q.unknownPriceError.confirmMessage))}i(fa,"RouteErrorsModal");var tc=-10;function ar(t){let{bestRoute:e}=D(),{highValueLoss:o,percentageChange:n,priceImpactCanNotBeComputed:r,openModal:s,onToggle:a,totalFeeInUsd:l,outputUsdValue:p,inputUsdValue:u,loading:m,extraSpace:g}=t,c=Mo(e),{recommendation:d}=Lo(e),h=!c&&(o||r),f=h||c;return $e.createElement($e.Fragment,null,(m||g&&!f)&&$e.createElement(Rm,{size:20}),f&&$e.createElement(aa,null,h&&$e.createElement($e.Fragment,null,$e.createElement(ga,{title:o?q.highValueLossError.title:q.unknownPriceError.title,type:o&&n?.lt(tc)?"error":"warning",variant:"alarm",action:$e.createElement(pa,{onClick:()=>a(!0)},$e.createElement(ec,{size:12,color:"gray"}))})),c&&$e.createElement(ga,{type:"error",variant:"alarm",title:d})),$e.createElement(fa,{highValueLoss:o,open:s,onToggle:a,percentageChange:n,inputUsdValue:u,outputUsdValue:p,totalFeeInUsd:l}))}i(ar,"RouteErrors");import{ReverseIcon as oc,styled as ha}from"@rango-dev/ui";import lr from"react";var nc=ha("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),rc=ha("div",{borderRadius:"$md",border:"3px solid $background",background:"$neutral100",width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center",color:"$foreground","&:hover":{color:"$secondary500"}});function ya(){let t=D.use.switchFromAndTo();return lr.createElement(nc,null,lr.createElement(rc,{onClick:()=>{t()}},lr.createElement(oc,{size:12})))}i(ya,"SwitchFromAndToButton");import{useEffect as Sa,useState as Ca}from"react";var ic=600;function Ta(){let{fetch:t,cancelFetch:e}=Qo(),[o,n]=Ca(!1),{fromToken:r,toToken:s,inputAmount:a,inputUsdValue:l,resetRoute:p,setRoute:u}=D(),{slippage:m,customSlippage:g,affiliatePercent:c,affiliateRef:d,affiliateWallets:h,disabledLiquiditySources:f}=$(),[w,E]=Ca(""),S=g??m,v=!r||!s||De(r,s)||!Ot(a),C=i(()=>{if(o||n(!0),!v){p();let B=Do({fromToken:r,toToken:s,inputAmount:a,disabledLiquiditySources:f,slippage:S,affiliateRef:d,affiliatePercent:c,affiliateWallets:h});t(B).then(I=>{n(!1),u(I)}).catch(I=>{p(),I?.code!=="ERR_CANCELED"&&(E(I.message),n(!1))})}},"fetch"),P=si(()=>{v||C()},ic);return Sa(()=>{if(!Ot(a)||l?.eq(0)){n(!1),e();return}if(!v)return p(),n(!0),P(),e},[a,v]),Sa(()=>(v||C(),e),[f.length]),{fetch:C,loading:o,error:w}}i(Ta,"useSwapInput");var hc=Wt("div",{display:"flex",flexDirection:"column",overflowY:"visible"}),yc=Wt("div",{position:"relative"}),Sc=Wt("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"}),wa=Wt("div",{width:"100%",paddingTop:"$2"}),Cc=Wt("div",{paddingBottom:"$15"}),Tc=Wt("div",{width:"100%",display:"flex"});function va(){let t=gc(),{fetch:e,loading:o,error:n}=Ta(),{fromToken:r,fromBlockchain:s,toToken:a,toBlockchain:l,setInputAmount:p,inputAmount:u,inputUsdValue:m,outputAmount:g,outputUsdValue:c,bestRoute:d,resetRouteWallets:h}=D(),{meta:{tokens:f},loadingStatus:w}=T(),E=O.use.connectedWallets(),S=xe.use.setCurrentPage(),[x,v]=fc(!1),{fromAmountRangeError:C,swap:P,recommendation:B}=Lo(d),I=dc(null),G=!!Number(u)&&(!!d||o||!!n),te=!1,b=Io(m,c),_=No(m,b),W=!Pn(d,u,m),ie=!Pn(d,u,c),M=Ai(w,E,o,d,Mo(d),_,W||ie,te,u),ue=s&&r?k(Tt(E,s?.name,r?.symbol,r?.address)?.amount||"0",8,8):"0",Le=s&&r?k(Tt(E,s?.name,r?.symbol,r?.address)?.amount||"0",Tt(E,s?.name,r?.symbol,r?.address)?.decimal):"0";cc(()=>(S(y.home),h(),S.bind(null,"")),[]);let U=!m||!c||!c.gt(0)?null:Ye(m.toNumber(),c.toNumber()),X=i(Pe=>Pe.map((se,tt)=>({swapper:{displayName:se.swapperId,image:se.swapperLogo},from:{token:{displayName:se.from.symbol,image:se.from.logo},chain:{displayName:se.from.blockchain,image:se.from.blockchainLogo},price:{value:tt===0?k(u,6,6):se.fromAmount}},to:{token:{displayName:se.to.symbol,image:se.to.logo},chain:{displayName:se.to.blockchain,image:se.to.blockchainLogo},price:{value:se.toAmount}},alerts:se.swapperId===P?.swapperId?Y.createElement(Cc,null,Y.createElement(ac,{type:"error",title:B,footer:Y.createElement(Tc,null,Y.createElement(ur,{size:"xsmall",variant:"body",color:"neutral900"},C),Y.createElement(pr,{direction:"horizontal",size:8}),Y.createElement(ur,{size:"xsmall",variant:"body",color:"neutral900"},"|"),Y.createElement(pr,{direction:"horizontal",size:8}),Y.createElement(ur,{size:"xsmall",variant:"body",color:"neutral900"},`Yours: ${k(P?.fromAmount||null,6,6)} ${se?.from.symbol}`))})):void 0})),"getBestRouteSteps"),Be=Po(d,f),Se=mi(d);return Y.createElement(Q,{ref:I,fixedHeight:!1,hasLogo:!0,footer:Y.createElement(uc,{type:"primary",size:"large",disabled:M.disabled,prefix:!M.disabled&&M.hasWarning&&Y.createElement(mc,null),fullWidth:!0,onClick:()=>{M.state==="waitForConnecting"?t(y.wallets):M.state==="needToConfirm"?v(!0):t(y.confirmSwap)}},M.title),header:{hasConnectWallet:!0,title:sc.t("Swap"),suffix:Y.createElement(qn,{layoutRef:I.current,onClickRefresh:d||n?e:void 0,onClickHistory:()=>t(y.swaps),onClickSettings:()=>t(y.settings)})}},Y.createElement(hc,null,Y.createElement(Sc,null,Y.createElement(yc,null,Y.createElement(ka,{label:"From",onInputChange:p,balance:ue,chain:{displayName:s?.displayName||"",image:s?.logo||""},token:{displayName:r?.symbol||"",image:r?.image||""},onClickToken:()=>t("from-swap"),price:{value:u,usdValue:W?void 0:k(m,4,4),error:W?q.unknownPriceError.impactTitle:void 0},disabled:w==="failed",loading:w==="loading",onSelectMaxBalance:()=>{ue!=="0"&&p(Le.split(",").join(""))}}),Y.createElement(ya,null)),Y.createElement(ka,{sharpBottomStyle:!!d?.result||o,label:"To",chain:{displayName:l?.displayName||"",image:l?.logo||""},token:{displayName:a?.symbol||"",image:a?.image||""},percentageChange:U?.lt(0)?k(U,2,2):null,warningLevel:St(U?.toNumber()??0),price:{value:k(g,6,6),usdValue:ie?void 0:k(c,4,4),error:ie?q.unknownPriceError.impactTitle:void 0},onClickToken:()=>t("to-swap"),disabled:w==="failed",loading:w==="loading"})),o&&Y.createElement(wa,null,Y.createElement(pc,{type:"basic"})),G&&!o&&Se?.result?.swaps?.length?Y.createElement(wa,null,Y.createElement(lc,{type:"basic",recommended:!0,input:{value:k(u,6,6),usdValue:k(m,4,4)},output:{value:k(g,6,6),usdValue:k(c,4,4)},steps:X(Se.result.swaps),percentageChange:k(U,2,2),totalFee:k(Be,2,2),totalTime:uo(mo(d))})):G&&!o?Y.createElement(Y.Fragment,null,Y.createElement(pr,{size:20}),Y.createElement(Vt,{diagnosisMessage:Se?.diagnosisMessages?.[0],fetch:e,error:!!n})):null),Y.createElement(ar,{openModal:x,onToggle:v,totalFeeInUsd:Be,outputUsdValue:c,inputUsdValue:m,percentageChange:U,highValueLoss:_,priceImpactCanNotBeComputed:W||ie,loading:o||w==="loading",extraSpace:!!d?.result||!d}))}i(va,"Home");import{i18n as on}from"@lingui/core";import{List as kc,ListItemButton as wc,Radio as fr,RadioRoot as vc,Typography as gr}from"@rango-dev/ui";import ze,{useState as xc}from"react";import{styled as jt}from"@rango-dev/ui";var Re=jt("div",{height:"100%"}),Yt=jt("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"visible"}),mr=jt("li",{margin:"0 auto",width:"100%",height:"1px",backgroundColor:"$neutral300"}),cr=jt("div",{width:80,display:"flex",justifyContent:"flex-end"}),dr=jt("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});function xa(){let{navigateBackFrom:t}=ne(),[e,o]=xc("english"),n=[{id:"english",value:"english",title:ze.createElement(gr,{variant:"title",size:"xmedium"},on.t("English")),onClick:()=>o("english"),end:ze.createElement(fr,{value:"english"})},{id:"french",value:"french",title:ze.createElement(gr,{variant:"title",size:"xmedium"},on.t("French")),onClick:()=>o("french"),end:ze.createElement(fr,{value:"french"})},{id:"spanish",value:"spanish",title:ze.createElement(gr,{variant:"title",size:"xmedium"},on.t("Spanish")),onClick:()=>o("spanish"),end:ze.createElement(fr,{value:"spanish"})}];return ze.createElement(Q,{header:{onBack:t.bind(null,y.settings),title:on.t("Language")}},ze.createElement(Re,null,ze.createElement(vc,{value:e},ze.createElement(kc,{type:ze.createElement(wc,{title:"language",id:"_",onClick:()=>console.log()}),items:n}))))}i(xa,"LanguagePage");import{i18n as It}from"@lingui/core";import{Button as Wc,Checkbox as Ic,Image as Nc,ListItemButton as Mc,NotFound as Lc,Typography as Pc}from"@rango-dev/ui";import he,{useState as Dc}from"react";import{Checkbox as Ec,Skeleton as Aa}from"@rango-dev/ui";import Qt from"react";import{ListItem as bc,styled as Ac}from"@rango-dev/ui";var ba=Ac(bc,{height:61});var Bc=30;function hr(){return Qt.createElement(Yt,null,Array.from(Array(Bc),t=>Qt.createElement(ba,{hasDivider:!0,key:t,start:Qt.createElement(Aa,{variant:"circular",width:35,height:35}),title:Qt.createElement(Aa,{variant:"text",size:"large",width:90}),end:Qt.createElement(Ec,{checked:!1})})))}i(hr,"LoadingLiquiditySourceList");function nn(t){let e=T.use.meta().swappers,o=$.use.disabledLiquiditySources(),n=[];return ot(e.map(s=>s.swapperGroup)).map(s=>{let a=e.find(l=>l.swapperGroup===s);if(a){let l=!0;t&&(l=t.some(p=>p===a.title)),l&&a.types.map(p=>{n.push({id:a.swapperGroup,groupTitle:a.swapperGroup,logo:a.logo,type:p,selected:!o.includes(a.swapperGroup)})})}}),n}i(nn,"getUniqueSwappersGroups");function yr({supportedSwappers:t,sourceType:e}){let[o,n]=Dc(""),r=$.use.toggleLiquiditySource(),{navigateBackFrom:s}=ne(),a=T.use.loadingStatus(),l=nn(t),p=[];e==="Exchanges"&&p.push("DEX"),e==="Bridges"&&(p.push("BRIDGE"),p.push("AGGREGATOR"));let u=l.filter(f=>p.includes(f.type)),m=u.length===u.filter(f=>f.selected).length,g=i(()=>{u.forEach(f=>{m?r(f.groupTitle):f.selected||r(f.groupTitle)})},"toggleAllSources"),c=u.map(f=>{let{selected:w,groupTitle:E,logo:S}=f;return{start:he.createElement(Nc,{src:S,size:22,type:"circular"}),onClick:()=>r(E),end:he.createElement(Ic,{checked:w}),title:he.createElement(Pc,{variant:"title",size:"xmedium"},It.t(E)),...f}}),d=i(f=>{let w=f.target.value;n(w)},"searchHandler"),h=c;return o&&(h=c.filter(f=>He(f.groupTitle,o))),he.createElement(Q,{header:{onBack:s.bind(null,y.settings),title:It.t(e),suffix:he.createElement(cr,null,he.createElement(Wc,{variant:"ghost",size:"xsmall",onClick:g},It.t(m?"Deselect all":"Select all")))}},he.createElement(Re,null,he.createElement(Ze,{value:o,setValue:n,fullWidth:!0,color:"light",variant:"contained",placeholder:It.t("Swap {sourceType}",{sourceType:e}),onChange:d}),a==="loading"&&he.createElement(hr,null),!h.length&&o?he.createElement(dr,null,he.createElement(Lc,{title:It.t("No results found"),description:It.t("Try using different keywords")})):a==="success"&&he.createElement(Yt,null,h.map(f=>he.createElement(he.Fragment,{key:f.id},he.createElement(Mc,{style:{height:"61px"},...f,selected:!1}),he.createElement(mr,null))))))}i(yr,"LiquiditySourcePage");import{i18n as Ua}from"@lingui/core";import{Divider as vr}from"@rango-dev/ui";import ft,{useState as $a}from"react";import{i18n as Cr}from"@lingui/core";import{Divider as Ma,Image as Oc,ListItemButton as Uc,NotFound as $c,Typography as La}from"@rango-dev/ui";import Me,{useEffect as zc,useState as qc}from"react";import{TransactionType as rn}from"rango-sdk";var Nt=(s=>(s.ALL="ALL",s.EVM="EVM",s.COSMOS="COSMOS",s.UTXO="UTXO",s.OTHER="OTHER",s))(Nt||{});var Sr=i((t,e)=>{switch(e){case"ALL":return!0;case"UTXO":return t.type===rn.TRANSFER;case"OTHER":return t.type!==rn.TRANSFER&&t.type!==rn.COSMOS&&t.type!==rn.EVM;default:return t.type===e}},"filterByType"),Ea=i((t,e,o)=>t.filter(n=>Sr(n,o)).filter(n=>pt(n.name,e)||pt(n.displayName,e)),"filterBlockchains");import{styled as Ba}from"@rango-dev/ui";var Wa=Ba("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),sn=Ba("ul",{padding:0,margin:0,listStyle:"none",overflowY:"auto",paddingRight:"$5",".image-container":{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as _c,Skeleton as Ia}from"@rango-dev/ui";import an from"react";var Fc=20;function Na(){return an.createElement(sn,null,Array.from(Array(Fc),t=>an.createElement(_c,{key:t,hasDivider:!0,start:an.createElement(Ia,{variant:"circular",width:35,height:35}),title:an.createElement(Ia,{variant:"text",size:"large",width:90})})))}i(Na,"LoadingBlockchainList");function Tr(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=qc(e),l=T.use.loadingStatus();zc(()=>{a([...Ea(e,o,r)])},[e,o,r]);let p=i(()=>!s.length&&o?Me.createElement(Me.Fragment,null,Me.createElement(Ma,{size:32}),Me.createElement($c,{title:Cr.t("No results found"),description:Cr.t("Try using different keywords")})):Me.createElement(sn,null,s.map(u=>Me.createElement(Uc,{key:`${u.name}-${u.chainId}`,hasDivider:!0,onClick:()=>n(u),start:Me.createElement(Oc,{src:u.logo,size:30}),title:Me.createElement(La,{variant:"title",size:"medium"},u.displayName),id:u.chainId}))),"renderList");return Me.createElement(Wa,null,Me.createElement(La,{variant:"label",size:"large"},Cr.t("Select Blockchain")),Me.createElement(Ma,{size:4}),l==="loading"&&Me.createElement(Na,null),l==="success"&&p())}i(Tr,"BlockchainList");import{i18n as Kc}from"@lingui/core";import{Divider as Xc,Image as jc,Skeleton as Yc,Typography as Qc}from"@rango-dev/ui";import Ve from"react";import Gc from"react";import{styled as Hc}from"@rango-dev/ui";var Pa=Hc("button",{padding:"$10",borderRadius:"$sm",backgroundColor:"$neutral100",display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",cursor:"pointer",border:0,".image-container":{borderRadius:"$xm",overflow:"hidden"},"&:hover":{backgroundColor:"$neutral400"},"&:focus-visible":{outline:0,backgroundColor:"$neutral500"},variants:{selected:{true:{outline:"1px solid $secondary500"},false:{outline:0}}}});function at(t){let{children:e,selected:o,onClick:n}=t;return Gc.createElement(Pa,{selected:o,onClick:n},e)}i(at,"BlockchainsChip");var Vc={["EVM"]:["ETH","BSC","POLYGON"],["COSMOS"]:["COSMOS","OSMOSIS","JUNO"],["UTXO"]:["BTC","LTC","BCH"],["OTHER"]:["STARKNET","TRON","SOLANA"]},Da=i((t,e)=>t.filter(o=>Sr(o,e)).filter(o=>Vc[e].includes(o.name)),"generateBlockchainsLogo");import{styled as kr}from"@rango-dev/ui";var _a=kr("div",{display:"grid",gap:"$10",gridTemplateColumns:"auto 1fr 1fr 1fr 1fr"}),Fa=kr("div",{display:"flex",position:"relative",alignItems:"center",justifyContent:"center",paddingTop:"$10"}),Oa=kr("img",{position:"absolute",top:-2,width:15,height:15});function wr(t){let{setCategory:e,category:o}=t,n=T.use.meta().blockchains,r=T.use.loadingStatus(),s=Object.keys(Nt);return Ve.createElement(_a,null,r==="loading"&&Array.from(Array(5),(a,l)=>Ve.createElement(Yc,{key:l,variant:"rounded",height:70,width:l===0?45:65})),r==="success"&&s.map(a=>Ve.createElement(at,{selected:o===a,key:a,onClick:()=>e(a)},a!=="ALL"&&Ve.createElement(Ve.Fragment,null,Ve.createElement(Fa,null,Da(n,a).map((l,p)=>p===0?Ve.createElement(Oa,{key:`image-${l.name}-${l.chainId}`,src:l.logo}):Ve.createElement(jc,{key:`image-${l.name}-${l.chainId}`,src:l.logo,size:15}))),Ve.createElement(Xc,{size:12})),Ve.createElement(Qc,{size:"xsmall",variant:"body",color:a==="ALL"?"secondary500":void 0},Kc.t(Nt[a])))))}i(wr,"SelectableCategoryList");function xr(t){let{type:e,supportedBlockchains:o}=t,{navigateBackFrom:n}=ne(),[r,s]=$a(""),[a,l]=$a("ALL"),p=D.use.setToBlockchain(),u=D.use.setFromBlockchain(),m=o?T.use.meta().blockchains.filter(g=>o.includes(g.name)):T.use.meta().blockchains;return ft.createElement(Q,{header:{onBack:n.bind(null,y[`${e}Blockchain`]),title:Ua.t("Select Blockchain")}},ft.createElement(vr,{size:12}),ft.createElement(wr,{setCategory:l,category:a}),ft.createElement(vr,{size:24}),ft.createElement(Ze,{value:r,autoFocus:!0,placeholder:Ua.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>s(""),onChange:g=>s(g.target.value)}),ft.createElement(vr,{size:16}),ft.createElement(Tr,{list:m,searchedFor:r,blockchainCategory:a,onChange:g=>{e==="from"?u(g,!0):p(g,!0),n(y[`${e}Blockchain`])}}))}i(xr,"SelectBlockchainPage");import{i18n as nl}from"@lingui/core";import{Divider as rl}from"@rango-dev/ui";import Mt,{useEffect as dd,useState as fd}from"react";import{useNavigate as gd}from"react-router-dom";import{i18n as br}from"@lingui/core";import{Divider as Ha,Image as Ga,Skeleton as Zc,Typography as Ar}from"@rango-dev/ui";import ye,{useEffect as Rc,useState as ed}from"react";var za=i(t=>{let e=[],o=[];for(let n of t)n.name==="ETH"||n.name==="COSMOS"||n.name==="OSMOSIS"?e.push(n):o.push(n);return e.concat(o)},"sortBlockchains");import{styled as Jc}from"@rango-dev/ui";var qa=Jc("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var td=9,Er=10,od=12;function Br(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:s}=t,a=za(e),[l,p]=ed(null),u=T.use.loadingStatus(),m=D.use.resetToBlockchain(),g=D.use.resetFromBlockchain(),c=l?td:Er;return Rc(()=>{let d=a.slice(Er,a.length).find(h=>h.chainId===n?.chainId&&h.name===n?.name);d&&p(d)},[n]),ye.createElement("div",null,ye.createElement(Ha,{size:12}),ye.createElement(Ar,{variant:"label",size:"large"},br.t("Select Blockchain")),ye.createElement(Ha,{size:12}),ye.createElement(qa,null,u==="loading"&&Array.from(Array(od),d=>ye.createElement(Zc,{key:d,variant:"rounded",height:50})),u==="success"&&ye.createElement(ye.Fragment,null,ye.createElement(at,{selected:!n,onClick:()=>{o==="from"?g():m()}},ye.createElement(Ar,{variant:"body",size:"xsmall",color:"secondary500"},br.t("All"))),!!l&&ye.createElement(at,{selected:!!l&&l.chainId===n?.chainId,key:l.chainId,onClick:()=>r(l)},ye.createElement(Ga,{src:l.logo,size:30})),a.slice(0,c).map(d=>ye.createElement(at,{key:d.chainId,selected:!!n&&n.chainId===d.chainId,onClick:()=>r(d)},ye.createElement(Ga,{src:d.logo,size:30}))),ye.createElement(at,{onClick:s},ye.createElement(Ar,{variant:"body",size:"xsmall",color:"secondary500"},br._("More +{count}",{count:a.length-Er}))))))}i(Br,"BlockchainsSection");import{i18n as Mr}from"@lingui/core";import{darkTheme as Ja,Divider as Zt,ExternalLinkIcon as id,Image as sd,ListItemButton as ad,NotFound as ld,PinIcon as pd,Skeleton as Za,Typography as Rt,VirtualizedList as ud}from"@rango-dev/ui";import L,{forwardRef as md,useEffect as Ra,useState as el}from"react";import{Divider as Ya,ListItem as rd,Skeleton as Jt}from"@rango-dev/ui";import qe from"react";import{styled as Ke,Typography as nd}from"@rango-dev/ui";var Va=Ke("div",{display:"flex",flexDirection:"column",flexGrow:1}),Wr=Ke("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),ln=Ke("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none",".description":{position:"relative",height:12,width:150,".token-title":{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"},".token-address":{transform:"translateY(12px)",visibility:"hidden","& a":{fontSize:"$12",lineHeight:"$16",color:"$neutral800",textDecoration:"none"}},".token-name":{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}},"&:hover":{".description":{".token-address":{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},".token-address-without-name":{bottom:"-15px"},".token-name":{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},".token-title":{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),Ir=Ke("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),Nr=Ke(nd,{}),Ka=Ke("div",{textAlign:"right"}),pn=Ke("ul",{display:"flex",alignItems:"end",flexDirection:"column"}),Gb=Ke("div",{display:"flex",alignItems:"center"}),Xa=Ke("div",{position:"relative",".image-container":{borderRadius:"$xm",overflow:"hidden"}}),ja=Ke("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6});function Qa(t){return qe.createElement(ln,null,Array.from(Array(t.size),e=>qe.createElement(rd,{key:e,hasDivider:!0,start:qe.createElement(Jt,{variant:"circular",width:35,height:35}),end:qe.createElement(pn,null,qe.createElement(Jt,{variant:"text",size:"large",width:70}),qe.createElement(Ya,{size:4}),qe.createElement(Jt,{variant:"text",size:"medium",width:50})),title:qe.createElement("div",null,qe.createElement(Jt,{variant:"text",size:"large",width:90}),qe.createElement(Ya,{size:4}),qe.createElement(Jt,{variant:"text",size:"medium",width:90}))})))}i(Qa,"LoadingTokenList");var Lr=20,cd=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:s,customCssForTagTitle:a}=t,l=e.length;return L.createElement("div",{className:"description"},o?L.createElement("div",{className:"token-name"},o):L.createElement(Wr,{className:"token-title"},L.createElement(Rt,{variant:"title",size:"xmedium"},r.symbol),L.createElement(Zt,{direction:"horizontal",size:4}),L.createElement(Ir,{css:s},L.createElement(Nr,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&L.createElement("div",{className:`token-address ${!o&&"token-address-without-name"}`},L.createElement("a",{href:n,target:"_blank",rel:"nofollow noreferrer",onClick:p=>p.stopPropagation()},l>10?`${e.slice(0,5)}...${e.slice(l-6,l)}`:e," ",L.createElement(id,{color:"gray",size:12}))))},"renderDesc");function tl(t){let{list:e,searchedFor:o="",onChange:n}=t,[r,s]=el(e),a=T.use.loadingStatus(),[l,p]=el(!0),u=O.use.loading(),{blockchains:m}=T.use.meta(),g=md((h,f)=>L.createElement("div",{...h,ref:f,style:{...h.style,height:`${parseFloat(h.style?.height)+8*2}px`}})),c=i(()=>{s(e.slice(0,r.length+Lr))},"loadNextPage");Ra(()=>{p(e.length>r.length)},[r.length]),Ra(()=>{s(e.slice(0,Lr))},[e]);let d=i(()=>!r.length&&o?L.createElement(L.Fragment,null,L.createElement(Zt,{size:32}),L.createElement(ld,{title:Mr.t("No results found"),description:Mr.t("Try using different keywords")})):L.createElement(ud,{Item:({index:h,style:f})=>{let w=r[h].address||"",E=m.find(C=>C.name===r[h].blockchain),S=ai(r[h].symbol,E?.color||""),x={$$color:S[`${r[h].symbol}100`],[`.${Ja} &`]:{$$color:S[`${r[h].symbol}900`]},backgroundColor:"$$color"},v={$$color:S[`${r[h].symbol}700`],[`.${Ja} &`]:{$$color:S[`${r[h].symbol}100`]},color:"$$color"};return L.createElement("div",{style:{...f,paddingRight:5}},L.createElement(ad,{style:{height:f?.height},"tab-index":h,key:`${r[h].symbol}${r[h].address}`,id:`${r[h].symbol}${r[h].address}`,hasDivider:!0,onClick:()=>n(r[h]),start:L.createElement(Xa,null,L.createElement(sd,{src:r[h].image,size:30}),r[h].pin&&L.createElement(ja,null,L.createElement(pd,{size:12,color:"gray"}))),title:E?.type==="COSMOS"||r[h].name||!r[h].name&&!w?L.createElement(Wr,null,L.createElement(Rt,{variant:"title",size:"xmedium"},r[h].symbol),L.createElement(Zt,{direction:"horizontal",size:4}),L.createElement(Ir,{css:x},L.createElement(Nr,{variant:"body",size:"xsmall",css:v},r[h].blockchain))):void 0,description:E?.info&&w&&E.type!=="COSMOS"?cd({address:w,token:r[h],customCssForTag:x,customCssForTagTitle:v,name:r[h].name,url:E.info.addressUrl.split("{wallet}").join(w)}):r[h].name||void 0,end:u?L.createElement(pn,null,L.createElement(Za,{variant:"text",size:"large",width:70}),L.createElement(Zt,{size:4}),L.createElement(Za,{variant:"text",size:"medium",width:50})):r[h]?.balance&&L.createElement(Ka,null,L.createElement(Rt,{variant:"title",size:"small"},r[h].balance?.amount),L.createElement("div",null),r[h].balance?.usdValue&&L.createElement(Rt,{variant:"body",color:"neutral800",size:"xsmall"},`$${r[h].balance?.usdValue}`))}))},hasNextPage:l,itemCount:r.length,loadNextPage:c,innerElementType:g,size:60}),"renderList");return L.createElement(Va,null,L.createElement(Rt,{variant:"label",size:"large"},Mr.t("Select Token")),L.createElement(Zt,{size:4}),a==="loading"&&L.createElement(Qa,{size:Lr}),a==="success"&&L.createElement(ln,null,d()))}i(tl,"TokenList");var ol=i((t,e)=>t.filter(o=>pt(o.symbol,e)||pt(o.address||"",e)||pt(o.name||"",e)).sort((o,n)=>n.pin-o.pin),"filterTokens");function Pr(t){let{type:e,supportedBlockchains:o,supportedTokens:n,pinnedTokens:r}=t,s=gd(),{navigateBackFrom:a}=ne(),{meta:{tokens:l},setTokensWithBalance:p}=T(),{sourceTokens:u,destinationTokens:m,fromBlockchain:g,toBlockchain:c,setFromToken:d,setToToken:h,setFromBlockchain:f,setToBlockchain:w}=D(),{connectedWallets:E,loading:S}=O(),[x,v]=fd(""),C=o?T.use.meta().blockchains.filter(_=>o.includes(_.name)):T.use.meta().blockchains,P=n?go(n,l):l.filter(_=>new Set(C.map(W=>W.name)).has(_.blockchain)),B=n?go(n,u):u,I=n?go(n,m):m,G=e==="from"?B:I,te=[];return e==="from"&&!g||e==="to"&&!c?te=P:G.length&&(te=G.map(_=>({..._,pin:r?.some(W=>De(W,_))}))),dd(()=>{E.length&&!S&&p()},[E,S]),Mt.createElement(Q,{header:{onBack:a.bind(null,y.home),title:nl.t("Swap {type}",{type:e})}},Mt.createElement(Br,{blockchains:C,type:e,blockchain:e==="from"?g:c,onMoreClick:()=>s(e==="from"?y.fromBlockchain:y.toBlockchain),onChange:_=>{e==="from"?f(_,!0):w(_,!0)}}),Mt.createElement(rl,{size:24}),Mt.createElement(Ze,{value:x,autoFocus:!0,placeholder:nl.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>v(""),onChange:_=>v(_.target.value)}),Mt.createElement(rl,{size:16}),Mt.createElement(tl,{list:ol(te,x),onChange:_=>{let W=C.find(ie=>_.blockchain===ie.name);e==="from"?(d(_),W&&f(W,!0)):(h(_),W&&w(W,!0)),a(y.fromSwap)}}))}i(Pr,"SelectSwapItemsPage");import{i18n as Lt}from"@lingui/core";import{ChevronRightIcon as mn,Divider as cl,List as wd,ListItemButton as vd,Skeleton as xd,Switch as bd,Typography as gt}from"@rango-dev/ui";import ee from"react";import{useNavigate as Ad}from"react-router-dom";import{i18n as yd}from"@lingui/core";import{Chip as Sd,Divider as ul,InfoIcon as Cd,TextField as Td,Tooltip as kd,Typography as ml}from"@rango-dev/ui";import be from"react";import{styled as un}from"@rango-dev/ui";var il=un("div",{paddingTop:"$5",paddingBottom:"30px"}),sl=un("div",{display:"flex",alignItems:"center",justifyContent:"start"}),al=un("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),ll=un("div",{maxWidth:"300px",padding:"$10"});import{i18n as Dr}from"@lingui/core";import{Typography as hd}from"@rango-dev/ui";import eo from"react";function pl(){return eo.createElement(ll,null,eo.createElement(hd,{variant:"label",size:"small",color:"neutral900"},Dr.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),eo.createElement("br",null),eo.createElement("br",null),eo.createElement("b",null,Dr.t("Warning")),":",Dr.t("This setting is applied per step, e.g. 1Inch, Thorchain, etc. and only that step will be reverted, not the whole transaction")))}i(pl,"SlippageTooltipContent");function _r(){let t=$.use.slippage(),e=$.use.setSlippage(),o=$.use.customSlippage(),n=$.use.setCustomSlippage();return be.createElement(il,null,be.createElement(al,null,be.createElement(ml,{variant:"title",size:"xmedium"},yd.t("Slippage tolerance per swap")),be.createElement(ul,{direction:"horizontal",size:4}),be.createElement(kd,{side:"top",content:be.createElement(pl,null)},be.createElement(Cd,{color:"gray"}))),be.createElement(sl,null,_s.map((r,s)=>{let a=`slippage-${s}`;return be.createElement(be.Fragment,null,be.createElement(Sd,{style:{width:"64px",flexShrink:0},key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}),be.createElement(ul,{direction:"horizontal",size:8}))}),be.createElement(Td,{type:"number",min:"0.01",max:"30",step:"0.01",fullWidth:!0,variant:"contained",value:o||"",color:"dark",onChange:r=>{let s=parseFloat(r.target.value);(!s||s>=$s&&s<=Us)&&n(s)},suffix:o&&be.createElement(ml,{variant:"body",size:"small"},"%"),placeholder:"Custom"})))}i(_r,"Slippage");function dl({supportedSwappers:t,singleTheme:e}){let o=Ad(),{navigateBackFrom:n}=ne(),r=$.use.infiniteApprove(),s=$.use.toggleInfiniteApprove(),a=T.use.loadingStatus(),l=nn(t),p=l.filter(C=>C.type==="BRIDGE"||C.type==="AGGREGATOR"),u=p.length,m=p.filter(C=>C.selected).length,g=l.filter(C=>C.type==="DEX"),c=g.length,d=g.filter(C=>C.selected).length,h=i((C,P)=>{switch(a){case"loading":return ee.createElement(xd,{variant:"text",size:"medium",width:50});case"failed":return ee.createElement(gt,{variant:"body",size:"medium",color:"$error500"},"Loading failed");default:return ee.createElement(gt,{variant:"body",size:"medium"},`${C} / ${P}`)}},"handleEndItem"),f={id:"bridge-item",title:ee.createElement(gt,{variant:"title",size:"xmedium"},Lt.t("Enabled bridges")),end:ee.createElement(ee.Fragment,null,h(m,u),ee.createElement(cl,{direction:"horizontal",size:8}),ee.createElement(mn,{color:"black"})),onClick:()=>o(y.bridges)},w={id:"exchange-item",title:ee.createElement(gt,{variant:"title",size:"xmedium"},Lt.t("Enabled exchanges")),end:ee.createElement(ee.Fragment,null,h(d,c),ee.createElement(cl,{direction:"horizontal",size:8}),ee.createElement(mn,{color:"gray"})),onClick:()=>o(y.exchanges)},E={id:"language-item",title:ee.createElement(gt,{variant:"title",size:"xmedium"},Lt.t("Language")),end:ee.createElement(mn,{color:"gray"}),onClick:()=>o(y.languages)},S={id:"theme-item",title:ee.createElement(gt,{variant:"title",size:"xmedium"},Lt.t("Theme")),end:ee.createElement(mn,{color:"gray"}),onClick:()=>o(y.themes)},x={id:"infinite-approval-item",title:ee.createElement(gt,{variant:"title",size:"xmedium"},Lt.t("Infinite Approval")),end:ee.createElement(bd,{checked:r}),onClick:s},v=[f,w,E];return e||v.push(S),v.push(x),ee.createElement(Q,{header:{onBack:n.bind(null,y.settings),title:Lt.t("Setting")}},ee.createElement(Re,null,ee.createElement(_r,null),ee.createElement(wd,{type:ee.createElement(vd,{title:"_",id:"_",onClick:()=>console.log()}),items:v})))}i(dl,"SettingsPage");import{cancelSwap as gf}from"@rango-dev/queue-manager-rango-preset";import{useManager as hf}from"@rango-dev/queue-manager-react";import Kl from"react";import{i18n as ht}from"@lingui/core";import{getCurrentBlockchainOfOrNull as jd,getCurrentStep as Yd,getRelatedWalletOrNull as Qd,PendingSwapNetworkStatus as kn}from"@rango-dev/queue-manager-rango-preset";import{Button as Ol,CopyIcon as Jd,Divider as Zd,IconButton as Rd,RouteCost as ef,RouteSummary as tf,StepDetails as of,Typography as Dt,useCopyToClipboard as nf}from"@rango-dev/ui";import{useWallets as rf}from"@rango-dev/wallets-react";import J,{useEffect as Ul,useRef as sf,useState as $l}from"react";import{useNavigate as af}from"react-router-dom";function fl(t){let e=Math.floor((new Date().getTime()-t)/1e3),o,n=Math.floor(e/31536e3);return n>=1?o="year":(n=Math.floor(e/2592e3),n>=1?o="month":(n=Math.floor(e/86400),n>=1?o="day":(n=Math.floor(e/3600),n>=1?o="hour":(n=Math.floor(e/60),n>=1?o="minute":(n=e,o="second"))))),(n>1||n===0)&&(o+="s"),n+" "+o}i(fl,"timeSince");function gl(t){return t.finishTime?`${fl(parseInt(t.finishTime))} ago`:`${fl(parseInt(t.creationTime))} ago`}i(gl,"getSwapDate");import{PendingSwapNetworkStatus as fn}from"@rango-dev/queue-manager-rango-preset";import{Modal as Ld}from"@rango-dev/ui";import gn from"react";import{i18n as cn}from"@lingui/core";import{Button as hl,Divider as Fr,MessageBox as Ed,Typography as yl}from"@rango-dev/ui";import Xe from"react";var Sl=i(({onCancel:t,onClose:e})=>Xe.createElement(Xe.Fragment,null,Xe.createElement(Fr,{size:20}),Xe.createElement(Ed,{type:"error",title:cn.t("Transaction Cancel"),description:cn.t("Are you sure you want to Cancel this swap?")}),Xe.createElement(Fr,{size:32}),Xe.createElement(hl,{variant:"contained",type:"primary",size:"large",onClick:t},Xe.createElement(yl,{variant:"title",size:"medium",color:"neutral100"},cn.t("Yes, Cancel it"))),Xe.createElement(Fr,{size:12}),Xe.createElement(hl,{variant:"outlined",type:"primary",size:"large",onClick:e},Xe.createElement(yl,{variant:"title",size:"medium",color:"primary"},cn.t("No, Continue")))),"CancelContent");import{i18n as dn}from"@lingui/core";import{Button as Cl,Divider as Or,MessageBox as Bd,Typography as Tl}from"@rango-dev/ui";import je from"react";var kl=i(({onDelete:t,onClose:e})=>je.createElement(je.Fragment,null,je.createElement(Or,{size:20}),je.createElement(Bd,{type:"error",title:dn.t("Delete Transaction"),description:dn.t("Are you sure you want to delete this swap?")}),je.createElement(Or,{size:32}),je.createElement(Cl,{variant:"contained",type:"primary",size:"large",onClick:t},je.createElement(Tl,{variant:"title",size:"medium",color:"neutral100"},dn.t("Yes, Delete it"))),je.createElement(Or,{size:12}),je.createElement(Cl,{variant:"outlined",type:"primary",size:"large",onClick:e},je.createElement(Tl,{variant:"title",size:"medium",color:"primary"},dn.t("No, Cancel")))),"DeleteContent");import{i18n as Ur}from"@lingui/core";import{PendingSwapNetworkStatus as $r}from"@rango-dev/queue-manager-rango-preset";var zr={[$r.WaitingForNetworkChange]:{type:"loading",title:Ur.t("Change Network")},[$r.WaitingForConnectingWallet]:{type:"warning",title:Ur.t("Connect Wallet")},[$r.NetworkChanged]:{type:"success",title:Ur.t("Network Changed")}};import{MessageBox as Id,Wallet as Nd,WalletState as vl}from"@rango-dev/ui";import{useWallets as Md}from"@rango-dev/wallets-react";import to from"react";import{styled as Wd}from"@rango-dev/ui";var wl=Wd("div",{display:"flex",justifyContent:"center"});var xl=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:s}=t,{connect:a,getWalletInfo:l,state:p}=Md(),u=n?.walletType,g=u&&p(u).connected?vl.CONNECTED:vl.DISCONNECTED;return to.createElement(to.Fragment,null,to.createElement(Id,{type:e,title:o,description:r}),s&&u&&to.createElement(wl,null,to.createElement(Nd,{title:l(u).name,image:l(u).img,type:u,state:g,onClick:async()=>a(u)})))},"WalletStateContent");function qr(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:s,message:a}=t,l=e===fn.WaitingForNetworkChange||e===fn.WaitingForConnectingWallet||e===fn.NetworkChanged;return gn.createElement(Ld,{open:!!e,onClose:o,container:document.getElementById("swap-box")||document.body},l&&gn.createElement(xl,{type:zr[e].type,title:zr[e].title,currentStepWallet:s,message:a,showWalletButton:e!==fn.WaitingForNetworkChange}),e==="delete"&&gn.createElement(kl,{onClose:o,onDelete:n}),e==="cancel"&&gn.createElement(Sl,{onClose:o,onCancel:r}))}i(qr,"SwapDetailsModal");import{i18n as oo}from"@lingui/core";import{Button as Hr,Divider as hn,MessageBox as bl,Modal as Pd,TokenAmount as Dd,Typography as yn}from"@rango-dev/ui";import ce from"react";import{useNavigate as _d}from"react-router-dom";function Gr(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:s,token:a,chain:l,percentageChange:p,description:u,diagnosisUrl:m}=t,g=_d();return ce.createElement(Pd,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},n==="success"?ce.createElement(bl,{type:"success",title:oo.t("Swap Successful")},ce.createElement(Dd,{direction:"vertical",type:"output",centerAlign:!0,price:{value:r,usdValue:s},token:a,chain:l,percentageChange:p}),ce.createElement(hn,{size:12}),ce.createElement(yn,{variant:"body",size:"medium",color:"neutral900",align:"center"},u)):ce.createElement(bl,{type:"error",title:oo.t("Transaction Failed"),description:u}),ce.createElement(hn,{size:32}),n==="success"&&ce.createElement(Hr,{variant:"contained",type:"primary",size:"large",onClick:()=>g(y.home)},ce.createElement(yn,{variant:"title",size:"medium",color:"neutral100"},oo.t("Done"))),ce.createElement(hn,{size:12}),m&&ce.createElement(ce.Fragment,null,ce.createElement(Hr,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(m,"_blank")},ce.createElement(yn,{variant:"title",size:"medium",color:"primary"},oo.t("Diagnosis"))),ce.createElement(hn,{size:12})),ce.createElement(Hr,{variant:"outlined",type:"primary",size:"large",onClick:o},ce.createElement(yn,{variant:"title",size:"medium",color:"primary"},oo.t("See Details"))))}i(Gr,"SwapDetailsCompleteModal");import Xd from"react";import{i18n as Hd}from"@lingui/core";import{Alert as Nl,IconButton as Gd,LinkIcon as Vd}from"@rango-dev/ui";import lt,{Fragment as Kd}from"react";import{Alert as Fd,ChevronDownIcon as Od,ChevronUpIcon as Ud,IconButton as $d}from"@rango-dev/ui";import Sn,{useState as zd}from"react";function Al(t){let{message:e}=t,[o,n]=zd(!1);return Sn.createElement(Fd,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Sn.createElement($d,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Sn.createElement(Ud,{size:12,color:"gray"}):Sn.createElement(Od,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(Al,"FailedAlert");import{styled as qd}from"@rango-dev/ui";var El=qd("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as Bl}from"@lingui/core";import{PendingSwapNetworkStatus as Vr}from"@rango-dev/queue-manager-rango-preset";import{Alert as Kr,Button as Wl}from"@rango-dev/ui";import no from"react";function Il(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?no.createElement(Kr,{type:"warning",title:n.shortMessage,action:no.createElement(Wl,{size:"xxsmall",type:"warning",onClick:()=>{o(Vr.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},Bl.t("Change"))}):r===Vr.WaitingForConnectingWallet?no.createElement(Kr,{type:"warning",title:n.shortMessage,action:no.createElement(Wl,{size:"xxsmall",type:"warning",onClick:()=>{o(Vr.WaitingForConnectingWallet)}},Bl.t("Connect"))}):no.createElement(Kr,{type:"warning",title:n.shortMessage})}i(Il,"WarningAlert");function Xr(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:s,hasAlreadyProceededToSign:a}=t,l=zt(s),p=s.status==="waitingForApproval"&&!l,u=s.status==="running"&&!l;return lt.createElement(El,null,s.explorerUrl?.map((m,g,c)=>{let d=g+m.url,h=g===c.length-1,f=h&&u||p,w=h&&s.status==="failed";return lt.createElement(Kd,{key:d},lt.createElement(Nl,{type:f&&"loading"||w&&"error"||"success",title:m.description?`${m.description} Tx`:Hd.t("View transaction"),action:m.url&<.createElement(Gd,{variant:"ghost",size:"xsmall",onClick:()=>window.open(m.url,"_blank")},lt.createElement(Vd,{size:16}))}))}),(u&&!a||p&&!s.explorerUrl?.length)&<.createElement(Nl,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&l&<.createElement(Il,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&<.createElement(Al,{message:r}))}i(Xr,"SwapDetailsAlerts");var Ml=2e3,Ll=60,Pl=i(({swap:t,...e})=>{let o=t.hasAlreadyProceededToSign!==!1;return t.steps.map((n,r)=>{let s=r===0?t.inputAmount:t.steps[r-1].outputAmount;return{from:{token:{displayName:n.fromSymbol,image:n.fromLogo||""},chain:{displayName:n.fromBlockchain,image:n.fromBlockchainLogo||""},price:{value:k(s,6,6)}},to:{token:{displayName:n.toSymbol,image:n.toLogo},chain:{displayName:n.toBlockchain,image:n.toBlockchainLogo||""},price:{value:k(n.outputAmount||n.expectedOutputAmountHumanReadable,6,6)}},swapper:{displayName:n.swapperId,image:n.swapperLogo||""},alerts:Xd.createElement(Xr,{step:n,hasAlreadyProceededToSign:o,...e})}})},"getSteps");function Dl(t){if(zt(t)&&t.status!=="failed"&&t.status!=="success")return"warning";switch(t.status){case"created":return"default";case"approved":case"waitingForApproval":case"running":return"in-progress";case"failed":return"error";case"success":return"completed"}}i(Dl,"getStepState");import{styled as Pt}from"@rango-dev/ui";var Cn=Pt("div",{display:"flex",width:"100%",flexDirection:"column",alignItems:"center",height:"0",flexGrow:1,"& .row":{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $5",borderBottom:"1px solid $neutral300",color:"$neutral500"},"& .request-id":{display:"flex",justifyContent:"center",alignItems:"center",height:"$24"},"& .output":{display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"},"& .title-steps":{textAlign:"left",width:"100%",padding:"0 $20 $10"}}),Tn=Pt("div",{width:"100%",padding:"0px 15px"}),_l=Pt("div",{padding:"$0 $20 $20 $20",width:"100%",overflow:"auto"}),A0=Pt("div",{display:"flex",flexDirection:"column",gap:"$10"}),Fl=Pt("div",{height:"450px",display:"flex",alignItems:"center",textAlign:"center"}),E0=Pt("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1});function jr(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:s,connect:a,getWalletInfo:l}=rf(),p=D.use.retry(),u=af(),{navigateBackFrom:m}=ne(),[g,c]=nf(Ml),d=sf(null),[h,f]=$l(null),[w,E]=$l(null),{meta:{tokens:S}}=T(),x=i(()=>{r(),f(null)},"onCancel"),v=Ne.use.getUnreadNotifications(),C=Ne.use.setAsRead(),P=v(),B=Yd(e),I=B?.networkStatus;Ul(()=>{P.find(ae=>ae.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(E(e.status),C(e.requestId))},[e.status]),Ul(()=>{M?f(kn.WaitingForNetworkChange):I===kn.WaitingForConnectingWallet||I===kn.NetworkChanged?f(I):f(null)},[I]);let G=Pi(e),te=B?jd(e,B):null,b=B?Qd(e,B):null,_=gl(e),W=Di(e),ie=i(oe=>!!l(oe)?.mobileWallet,"isMobileWallet"),M=I===kn.WaitingForNetworkChange&&!!te&&!!b?.walletType&&(ie(b.walletType)||s(b.walletType,te)),ue=M?a.bind(null,b.walletType,te):void 0,Le=Li(e,B),U=Pl({swap:e,switchNetwork:ue,showNetworkModal:I,setNetworkModal:f,message:Le}),X=U.length,[Be,Se]=[e.steps[0],e.steps[X-1]],Pe=Se.outputAmount||Se.expectedOutputAmountHumanReadable,se=e.steps.reduce((oe,ae)=>oe+parseFloat(ae.feeInUsd||""),0),tt=e.steps.reduce((oe,ae)=>oe+(ae.estimatedTimeInSeconds||0),0),F=Math.floor(tt/Ll),j=e.steps.find(oe=>oe.diagnosisUrl)?.diagnosisUrl,H=k(String(parseFloat(k(Pe,6,6))*(xo(Se.toBlockchain,Se.toSymbol,Se.toSymbolAddress,S)||0)),4,4),z=k(String(parseFloat(e.inputAmount)*(xo(Be.fromBlockchain,Be.fromSymbol,Be.fromSymbolAddress,S)||0)),4,4),Ce=Ye(z,H),Te=e.status==="success"?`You have received ${k(Pe,6,6)} ${U[X-1].to.token.displayName} in ${Ao(e.wallets[U[X-1].to.chain.displayName]?.address||"")} wallet on ${U[X-1].to.chain.displayName} chain.`:`${ht.t("Transaction was not sent.")} ${G?`${G.outputAmount} ${G.symbol} on ${G.blockchain} remain in your wallet`:""}`;return J.createElement(Q,{noPadding:!0,header:{title:ht.t("Swap and Bridge"),onBack:m.bind(null,y.swapDetails),onCancel:e.status==="running"?()=>f("cancel"):void 0,suffix:e.status!=="running"&&J.createElement(bt,null,J.createElement(Ol,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>f("delete")},J.createElement(Dt,{size:"medium",variant:"label",color:"error"},ht.t("Delete"))))},footer:W&&!w&&J.createElement(Ol,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{p(e),setTimeout(()=>{u(y.home)},0)}},ht.t("Try again"))},J.createElement(Cn,null,J.createElement(Tn,null,J.createElement("div",{className:"row"},J.createElement(Dt,{variant:"label",size:"large",color:"neutral900"},`${ht.t("Request ID")}:`),J.createElement("div",{className:"request-id"},J.createElement(Dt,{variant:"label",size:"small",color:"neutral900"},o),J.createElement(Rd,{variant:"ghost",onClick:c.bind(null,o||"")},J.createElement(Jd,{size:16,color:"gray"})))),J.createElement("div",{className:"row"},J.createElement(Dt,{variant:"label",size:"large",color:"neutral900"},`${ht.t("Created at")}:`),J.createElement(Dt,{variant:"label",size:"small",color:"neutral900"},_))),J.createElement("div",{className:"output"},J.createElement(ef,{fee:k(String(se),2,2),time:F,steps:X}),J.createElement(tf,{from:{price:{value:k(e.inputAmount,6,6),usdValue:z},token:{displayName:U[0].from.token.displayName,image:U[0].from.token.image},chain:{image:U[0].from.chain.image,displayName:U[0].from.chain.displayName}},to:{price:{value:k(Pe,6,6),usdValue:H},token:{displayName:U[X-1].to.token.displayName,image:U[X-1].to.token.image},chain:{image:U[X-1].to.chain.image,displayName:U[X-1].to.chain.displayName}},percentageChange:k(Ce,2,2),warningLevel:St(Ce?.toNumber()??0)})),J.createElement("div",{className:"title-steps"},J.createElement(Dt,{variant:"title",size:"small"},ht.t("Swaps steps"))),J.createElement(Zd,{size:8}),J.createElement(_l,{ref:d},U.map((oe,ae)=>{let bn=ae,yt=Dl(e.steps[ae]),Ft=yt==="error"||yt==="in-progress"||yt==="warning"||yt==="completed"&&ae===U.length-1;return J.createElement(of,{key:bn,step:oe,type:"route-progress",ref:d,state:yt,hasSeparator:ae!==0,tabIndex:bn,isFocused:Ft})}))),J.createElement(qr,{state:h,onClose:()=>f(null),onCancel:x,onDelete:n,message:Le.detailedMessage.content,currentStepWallet:b}),J.createElement(Gr,{open:!!w,diagnosisUrl:j,onClose:()=>E(null),status:e.status==="success"?"success":"failed",priceValue:k(Pe,6,6),usdValue:H,percentageChange:k(Ce,2,2),token:{displayName:U[X-1].to.token.displayName,image:U[X-1].to.token.image},chain:{image:U[X-1].to.chain.image},description:Te}))}i(jr,"SwapDetails");import{i18n as lo}from"@lingui/core";import{CopyIcon as cf,IconButton as df,NotFound as ff,Skeleton as Gl,Typography as vn}from"@rango-dev/ui";import pe from"react";import{i18n as pf}from"@lingui/core";import{ChainToken as uf,Divider as Qr,Skeleton as ao,Typography as mf}from"@rango-dev/ui";import Z from"react";import{styled as Yr}from"@rango-dev/ui";var zl=Yr("div",{width:"100%",height:"100%",padding:"$0 $20",".cost":{paddingTop:"$15",display:"flex"},".route-summary":{padding:"$15 $0"},".route-summary-item":{display:"flex",justifyContent:"space-between",alignItems:"center"},".token-amount":{display:"flex",justifyContent:"space-between",alignItems:"center"},".route-summary-separator":{width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"},".swaps-steps":{paddingBottom:"$10"}}),ql=Yr("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15",".step-title":{display:"flex",justifyContent:"start",alignItems:"center"},".step-tokens":{paddingTop:"$5",display:"flex",alignItems:"center"},".step-token-info":{display:"flex",alignItems:"center"},".step-icon-container":{padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"},".extra-info":{display:"flex",paddingTop:"$10",paddingBottom:"$5"}}),wn=Yr("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral900",marginLeft:"25px"});import{ChainToken as Hl,Divider as ro,NextIcon as lf,Skeleton as io}from"@rango-dev/ui";import le from"react";function so(t){let{extraInfo:e}=t;return le.createElement(ql,null,le.createElement("div",{className:"step-title"},le.createElement(io,{height:28,width:28,variant:"circular"}),le.createElement(ro,{direction:"horizontal",size:8}),le.createElement(io,{height:15,width:148,variant:"rounded"})),le.createElement("div",{className:"step-tokens"},le.createElement(ro,{direction:"horizontal",size:20}),le.createElement("div",{className:"step-token-info"},le.createElement(Hl,{size:"small",loading:!0,chainImage:"",tokenImage:""}),le.createElement(ro,{direction:"horizontal",size:8}),le.createElement(io,{height:12,width:76,variant:"rounded"})),le.createElement("div",{className:"step-icon-container"},le.createElement(lf,{color:"gray",size:16})),le.createElement("div",{className:"step-token-info"},le.createElement(Hl,{size:"small",loading:!0,chainImage:"",tokenImage:""}),le.createElement(ro,{direction:"horizontal",size:8}),le.createElement(io,{height:12,width:76,variant:"rounded"}))),e&&le.createElement("div",{className:"extra-info"},le.createElement(ro,{direction:"horizontal",size:20}),le.createElement(io,{height:22,width:297,variant:"rectangular"})))}i(so,"LoadingSwapDetailStep");function Jr(){let t=Z.createElement("div",{className:"route-summary-item"},Z.createElement("div",{className:"token-amount"},Z.createElement(uf,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),Z.createElement(Qr,{size:8,direction:"horizontal"}),Z.createElement(ao,{height:15,width:148,variant:"rounded"})),Z.createElement(ao,{height:12,width:64,variant:"rounded"}));return Z.createElement(zl,null,Z.createElement("div",{className:"cost"},Z.createElement(ao,{width:60,height:10,variant:"rounded"}),Z.createElement(Qr,{size:4,direction:"horizontal"}),Z.createElement(ao,{width:60,height:10,variant:"rounded"}),Z.createElement(Qr,{size:4,direction:"horizontal"}),Z.createElement(ao,{width:60,height:10,variant:"rounded"})),Z.createElement("div",{className:"route-summary"},t,Z.createElement("div",{className:"route-summary-separator"}),t),Z.createElement("div",{className:"swaps-steps"},Z.createElement(mf,{variant:"title",size:"small"},pf.t("Swaps steps"))),Z.createElement("div",{className:"step-container"},Z.createElement(so,{extraInfo:!0}),Z.createElement(wn,null),Z.createElement(so,null),Z.createElement(wn,null),Z.createElement(so,null),Z.createElement(wn,null),Z.createElement(so,null)))}i(Jr,"LoadingSwapDetails");function Vl(t){let{requestId:e,showSkeleton:o}=t,{navigateBackFrom:n}=ne();return pe.createElement(Q,{noPadding:!0,header:{title:lo.t("Swap and Bridge"),onBack:n.bind(null,y.swapDetails),suffix:pe.createElement(bt,null)}},o&&pe.createElement(Cn,null,pe.createElement(Tn,null,pe.createElement("div",{className:"row"},pe.createElement(vn,{variant:"label",size:"large",color:"neutral900"},`${lo.t("Request ID")}:`),pe.createElement("div",{className:"request-id"},pe.createElement(vn,{variant:"label",size:"small",color:"neutral900"},pe.createElement(Gl,{width:60,height:10,variant:"rounded"})),pe.createElement(df,{variant:"ghost"},pe.createElement(cf,{size:16,color:"gray"})))),pe.createElement("div",{className:"row"},pe.createElement(vn,{variant:"label",size:"large",color:"neutral900"},`${lo.t("Created at")}:`),pe.createElement(vn,{variant:"label",size:"small",color:"neutral900"},pe.createElement(Gl,{width:60,height:10,variant:"rounded"})))),pe.createElement(Jr,null)),!o&&pe.createElement(Fl,null,pe.createElement(ff,{title:lo.t("Not found"),description:lo.t("swapNotFound",{requestId:e},{message:"Swap with request ID = ${requestId} not found."})})))}i(Vl,"SwapDetailsPlaceholder");function Xl(){let{manager:t,state:e}=hf(),o=!e.loadedFromPersistor,n=en(t),r=xe.use.selectedSwapRequestId(),{navigateBackFrom:s}=ne(),{loadingStatus:a}=T(),l=o||a==="loading",p=n.find(({swap:c})=>c.requestId===r),u=i(()=>{if(p?.id){let c=t?.get(p.id);c&&gf(c)}},"onCancel"),m=i(async()=>{if(p?.id)try{await t?.deleteQueue(p.id),s(y.swapDetails)}catch(c){console.log(c)}},"onDelete"),g=p?.swap;return!g||l?Kl.createElement(Vl,{requestId:r||"",showSkeleton:l}):Kl.createElement(jr,{swap:g,requestId:r||"",onCancel:u,onDelete:m})}i(Xl,"SwapDetailsPage");import{i18n as xn}from"@lingui/core";import{AutoThemeIcon as yf,DarkModeIcon as Sf,LightModeIcon as Cf,List as Tf,ListItemButton as kf,Radio as Zr,RadioRoot as wf,Typography as Rr}from"@rango-dev/ui";import Ae from"react";function jl(){let{navigateBackFrom:t}=ne(),e=$.use.theme(),o=$.use.setTheme(),n=[{id:"light",value:"light",title:Ae.createElement(Rr,{variant:"title",size:"xmedium"},xn.t("Light")),onClick:()=>o("light"),start:Ae.createElement(Cf,{color:"gray"}),end:Ae.createElement(Zr,{value:"light"})},{id:"dark",value:"dark",title:Ae.createElement(Rr,{variant:"title",size:"xmedium"},xn.t("Dark")),onClick:()=>o("dark"),start:Ae.createElement(Sf,{color:"gray"}),end:Ae.createElement(Zr,{value:"dark"})},{id:"auto",value:"auto",title:Ae.createElement(Rr,{variant:"title",size:"xmedium"},xn.t("Auto")),onClick:()=>o("auto"),start:Ae.createElement(yf,{color:"gray"}),end:Ae.createElement(Zr,{value:"auto"})}];return Ae.createElement(Q,{header:{onBack:t.bind(null,y.settings),title:xn.t("Theme")}},Ae.createElement(Re,null,Ae.createElement(wf,{onValueChange:r=>o(r),value:e},Ae.createElement(Tf,{type:Ae.createElement(kf,{title:"Theme",id:"_",onClick:()=>console.log()}),items:n}))))}i(jl,"ThemePage");var xf=i(t=>t.replace("/",""),"getAbsolutePath");function Yl(t){let{config:e}=t;return vf([{path:y.home,element:Ee.createElement(va,null)},{path:y.fromSwap,element:Ee.createElement(Pr,{type:"from",supportedBlockchains:e?.from?.blockchains,supportedTokens:e?.from?.tokens,pinnedTokens:e?.pinnedTokens})},{path:y.toSwap,element:Ee.createElement(Pr,{type:"to",supportedBlockchains:e?.to?.blockchains,supportedTokens:e?.to?.tokens,pinnedTokens:e?.pinnedTokens})},{path:y.fromBlockchain,element:Ee.createElement(xr,{type:"from",supportedBlockchains:e?.to?.blockchains})},{path:y.toBlockchain,element:Ee.createElement(xr,{type:"to",supportedBlockchains:e?.to?.blockchains})},{path:y.settings,element:Ee.createElement(dl,{singleTheme:e?.theme?.singleTheme,supportedSwappers:e?.liquiditySources})},{path:y.themes,element:Ee.createElement(jl,null)},{path:y.languages,element:Ee.createElement(xa,null)},{path:y.exchanges,element:Ee.createElement(yr,{sourceType:"Exchanges",supportedSwappers:e?.liquiditySources})},{path:y.bridges,element:Ee.createElement(yr,{sourceType:"Bridges",supportedSwappers:e?.liquiditySources})},{path:y.swaps,element:Ee.createElement(sa,null)},{path:y.swapDetails,element:Ee.createElement(Xl,null)},{path:y.wallets,element:Ee.createElement(vs,{supportedWallets:e?.wallets,multiWallets:typeof e?.multiWallets>"u"?!0:e.multiWallets,config:e})},{path:xf(y.confirmSwap),element:Ee.createElement(Js,{config:e})}])}i(Yl,"AppRoutes");import{isApprovalTX as bf,MainEvents as Jl,RouteEventType as Zl,StepEventType as _t,StepExecutionEventStatus as Af,useEvents as Ef}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Rl}from"react";import{StepExecutionBlockedEventStatus as ei}from"@rango-dev/queue-manager-rango-preset";var Ql=[ei.WAITING_FOR_CHANGE_WALLET_ACCOUNT,ei.WAITING_FOR_NETWORK_CHANGE,ei.WAITING_FOR_WALLET_CONNECT];function ep(){let t=O.use.connectedWallets(),e=O.use.getWalletsDetails(),o=Ne.use.setNotification(),n=Ne.use.setAsRead(),r=Ef();return Rl(()=>(r.on(Jl.StepEvent,s=>{let{event:a,step:l,route:p}=s;if(a.type===_t.TX_EXECUTION&&a.status===Af.TX_SENT&&!bf(l)||a.type===_t.SUCCEEDED){let m=t.find(c=>c.chain===l?.fromBlockchain),g=l?.fromBlockchain!==l?.toBlockchain&&t.find(c=>c.chain===l?.toBlockchain);m&&e([m]),g&&e([g])}a.type===_t.TX_EXECUTION_BLOCKED&&Ql.includes(a.status)||a.type===_t.FAILED?o(a,p):(a.type===_t.TX_EXECUTION||a.type===_t.CHECK_STATUS)&&n(p.requestId)}),()=>r.all.clear()),[r,t.length]),Rl(()=>(r.on(Jl.RouteEvent,s=>{let{event:a,route:l}=s;(a.type===Zl.FAILED||a.type===Zl.SUCCEEDED)&&o(a,l)}),()=>r.all.clear()),[r,t.length]),null}i(ep,"WidgetEvents");import{globalCss as Bf}from"@rango-dev/ui";var tp=i(()=>Bf({"@import":["url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap')","url('https://fonts.cdnfonts.com/css/times-new-roman')"]})(),"globalFont");import{createTheme as Wf,darkTheme as If,lightTheme as Nf}from"@rango-dev/ui";import{useEffect as op,useState as Mf}from"react";function np({fontFamily:t="Roboto",borderRadius:e=gi,secondaryBorderRadius:o=hi,mode:n="auto"}){let r=$.use.theme(),s=T.use.fetchMeta(),a=$.use.setTheme(),l=Wf({radii:{primary:`${e}px`,secondary:`${o}px`},fonts:{widget:t}}),p=`${l.className} ${Nf.className}`,u=`${l.className} ${If.className}`,[m,g]=Mf("light");return op(()=>{i(async()=>{await s()},"fetchData")();let h=i(f=>{f.matches?g("dark"):g("light")},"switchTheme");return window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&g("dark"),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",h),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",h)}},[]),op(()=>{n!=="auto"&&a(n)},[n]),{activeTheme:i(()=>r==="auto"?m==="dark"?u:p:r==="dark"?u:p,"getActiveTheme")()}}i(np,"useTheme");import Lf,{useMemo as Pf}from"react";import{Provider as Df}from"@rango-dev/queue-manager-react";import{makeQueueDefinition as _f,checkWaitingForNetworkChange as Ff}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Of}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as Uf}from"@rango-dev/wallets-shared";import{isEvmBlockchain as $f}from"rango-types";function zf(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=Of(),l=Pf(()=>_f({API_KEY:To("API_KEY")}),[]),{blockchains:p}=T.use.meta(),m={blockchains:O.use.connectedWallets().map(S=>({accounts:[S],name:S.chain}))},g=i((S,x)=>{if(s(S,x))return r(S,x)},"switchNetwork"),c=i(S=>!!a(S).mobileWallet,"isMobileWallet"),d=p.filter(S=>S.enabled).reduce((S,x)=>(S[x.name]=x,S),{}),h=p.filter($f),f=i(S=>{let{supportedChains:x}=a(S);return wo(x)},"getSupportedChainNames"),w=e(),E={meta:{blockchains:d,evmBasedChains:h,evmNetworkChainInfo:Uf(h),getSupportedChainNames:f},getSigners:o,wallets:m,providers:w,switchNetwork:g,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:c};return Lf.createElement(Df,{queuesDefs:[l],context:E,onPersistedDataLoaded:S=>{Ff(S)},isPaused:!1},t.children)}i(zf,"QueueManager");var rp=zf;import{Events as ti,Provider as Hf}from"@rango-dev/wallets-react";import{isEvmBlockchain as Gf}from"rango-sdk";import sp,{createContext as Vf,useRef as Kf}from"react";import{useEffect as qf}from"react";function ip(t,e){let o=O.use.clearConnectedWallet(),n=Uo(void 0,e);return qf(()=>{o(),n=Uo(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t]),{providers:n}}i(ip,"useWalletProviders");var oi=Vf({onConnectWallet:()=>{}});function ni(t){let{blockchains:e}=T.use.meta(),{providers:o}=ip(t.providers,t?.options),n=O.use.disconnectWallet(),r=O.use.connectWallet(),s=Kf(),a=e.filter(Gf).map(p=>p.name),l=i((p,u,m,g,c)=>{if(u===ti.ACCOUNTS)if(m){let d=wo(c),h=Ti(p,m,a,d);r(h)}else n(p);if(u===ti.ACCOUNTS&&g.connected){let d=`${p}-${g.network}-${m}`;g.connected&&(s.current?s.current(d):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(u===ti.NETWORK&&g.network){let d=`${p}-${g.network}`;s.current?s.current(d):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(p,u,m,g,c)},"onUpdateState");return sp.createElement(oi.Provider,{value:{onConnectWallet:p=>{s.current=p}}},sp.createElement(Hf,{allBlockChains:e,providers:o,onUpdateState:l,autoConnect:!0},t.children))}i(ni,"WidgetWallets");var Jf=jf("div",{width:"100%",display:"flex",justifyContent:"center",alignItems:"center",fontFamily:"$widget"});function lp(t){let{config:e}=t;tp();let{activeTheme:o}=np(e?.theme||{}),[n,r]=ap(""),[s,a]=ap(),l=Yf(oi);Qf(()=>{e?.apiKey&&fi({API_KEY:e?.apiKey})},[e]),po(()=>{$.persist.rehydrate(),Ne.persist.rehydrate(),l.onConnectWallet(r)},[]);let{setInputAmount:p,setToToken:u,setToBlockchain:m,setFromBlockchain:g,setFromToken:c}=D(),{meta:{tokens:d,blockchains:h},loadingStatus:f}=T(),{setAffiliateRef:w,setAffiliatePercent:E,setAffiliateWallets:S}=$();return po(()=>{p(e?.amount?.toString()||"")},[e?.amount]),po(()=>{if(f==="success"){let x=h.find(C=>C.name===e?.from?.blockchain),v=d.find(C=>De(C,e?.from?.token||null));g(x||null),c(v||null)}},[e?.from?.token,e?.from?.blockchain,f]),po(()=>{if(f==="success"){let x=h.find(C=>C.name===e?.to?.blockchain),v=d.find(C=>De(C,e?.to?.token||null));m(x||null),u(v||null)}},[e?.to?.token,e?.to?.blockchain,f]),po(()=>{w(e?.affiliate?.ref??null),E(e?.affiliate?.percent??null),S(e?.affiliate?.wallets??null)},[e?.affiliate?.ref,e?.affiliate?.percent,e?.affiliate?.wallets]),et.createElement(Xf,{language:e?.language},et.createElement(Jf,{id:"swap-container",className:o},et.createElement(rp,null,et.createElement(ep,null),et.createElement(Oi,{lastConnectedWallet:n,disconnectedWallet:s,clearDisconnectedWallet:()=>{a(void 0)}},et.createElement(Yl,{config:e})))))}i(lp,"Main");function Zf(t){return t.config?.externalWallets?et.createElement(lp,{...t}):et.createElement(ni,{providers:t.config?.wallets,options:{walletConnectProjectId:t.config?.walletConnectProjectId}},et.createElement(lp,{...t}))}i(Zf,"Widget");import{useWallets as Ms}from"@rango-dev/wallets-react";import{useEvents as MI,MainEvents as LI,RouteEventType as zI,StepEventType as QI,StepExecutionEventStatus as JI,StepExecutionBlockedEventStatus as ZI}from"@rango-dev/queue-manager-rango-preset";export{LI as MainEvents,zI as RouteEventType,QI as StepEventType,ZI as StepExecutionBlockedEventStatus,JI as StepExecutionEventStatus,Zf as Widget,ni as WidgetWallets,Ms as useWallets,MI as useWidgetEvents};
|
|
1
|
+
var cp=Object.defineProperty;var i=(t,e)=>cp(t,"name",{value:e,configurable:!0});import{I18nManager as Xf,styled as jf}from"@rango-dev/ui";import et,{useContext as Yf,useEffect as po,useMemo as Qf,useState as lp}from"react";import _o,{Fragment as Op}from"react";import{MemoryRouter as $p,useInRouterContext as Up}from"react-router";import{useQueueManager as zp}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Dn,useRef as _n}from"react";import{createSearchParams as Dp,useLocation as _p,useSearchParams as Fp}from"react-router-dom";var h={home:"/",fromSwap:"from-swap",fromBlockchain:"/from-swap/blockchains",toBlockchain:"/to-swap/blockchains",toSwap:"to-swap",settings:"settings",liquiditySources:"/settings/liquidity-sources",themes:"/settings/themes",bridges:"/settings/bridges",exchanges:"/settings/exchanges",languages:"/settings/languages",swaps:"swaps",wallets:"wallets",confirmSwap:"confirm-swap",swapDetails:"swaps/:requestId"};import it from"bignumber.js";import{create as Mp}from"zustand";import{subscribeWithSelector as Lp}from"zustand/middleware";import mp from"bignumber.js";var We=new mp(0);import{BigNumber as ri}from"bignumber.js";var uo=i(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),k=i((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new ri(t),r=1,s=1e3;for(let a=0;a<60;a++)if(new ri(n.toFixed(a,r)).eq(n)){s=a;break}if(n.gte(1e4))return n.toFormat(0,r);if(n.gte(1e3)||n.gte(100))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,1))),r);if(n.gte(1))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,2))),r);if(n.gte(.01))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,4))),r);for(let a=e||4;a<17;a++)if(n.gte(Math.pow(10,-a)))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,a))),r);return n.isEqualTo(0)?"0":n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,8))),r)},"numberToString");var co=i(t=>t?.result?.swaps?.reduce((e,o)=>e+o.estimatedTimeInSeconds,0)||0,"totalArrivalTime");var He=i((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),Ot=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function mo(t,e=4){let o=parseFloat(t);if(isNaN(o))return t;let n=Math.pow(10,e);return(Math.round(o*n)/n).toString()}i(mo,"limitDecimalPlaces");import cg from"bignumber.js";function ot(t){return Array.from(new Set(t))}i(ot,"removeDuplicateFrom");function An(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(An,"areEqual");function si(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i(si,"debounce");function pt(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(pt,"containsText");var ii=i((t,e)=>{t=t.replace(/^#/,""),t.length===3&&(t=t[0]+t[0]+t[1]+t[1]+t[2]+t[2]);let[o,n,r]=t.match(/.{2}/g);[o,n,r]=[parseInt(o,16)+e,parseInt(n,16)+e,parseInt(r,16)+e],o=Math.max(Math.min(255,o),0).toString(16),n=Math.max(Math.min(255,n),0).toString(16),r=Math.max(Math.min(255,r),0).toString(16);let s=(o.length<2?"0":"")+o,a=(n.length<2?"0":"")+n,l=(r.length<2?"0":"")+r;return`#${s}${a}${l}`},"colorShade"),ai=i((t,e)=>{let o={[t]:e};for(let n=1;n<10;n++)n<5&&(o={...o,[t+n*100]:ii(e,(5-n)*32)}),n===5&&(o={...o,[t+n*100]:e}),n>5&&(o={...o,[t+n*100]:ii(e,-((n-5)*32))});return o},"generateRangeColors");function En(t,e,o){return o&&t.find(n=>{let r=e?.split("--");return r?.length===1?n.symbol===r[0]&&n.address===null&&n.blockchain===o.name:n.symbol===r?.[0]&&n.address===r?.[1]&&n.blockchain===o.name})||null}i(En,"searchParamsToToken");function li(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}i(li,"getBestRouteToTokenUsdPrice");function Bn(t,e){let o=t.result?.swaps||[],n=e.result?.swaps||[];return o.length!==n.length}i(Bn,"isNumberOfSwapsChanged");function Wn(t,e){let o=t.result?.swaps.map(r=>r.swapperId)||[],n=e.result?.swaps.map(r=>r.swapperId)||[];return!An(o,n)}i(Wn,"isRouteSwappersUpdated");function In(t,e){let o=t.result?.swaps.map(r=>r.to.symbol)||[],n=e.result?.swaps.map(r=>r.to.symbol)||[];return!An(o,n)}i(In,"isRouteInternalCoinsUpdated");function pi(t,e){return Bn(t,e)||Wn(t,e)||In(t,e)}i(pi,"isRouteChanged");function ui(t,e){if(e===null)return null;let o=e?.find(n=>n.blockchain===t.chain)?.wallets.find(n=>n.address?.toLowerCase()===t.address.toLowerCase());return o?o.requiredAssets:null}i(ui,"getRequiredBalanceOfWallet");function ci(t){if(!t)return null;let e=(t.result?.swaps||[]).map(o=>({...o,fromAmount:k(o.fromAmount,6,6),toAmount:k(o.toAmount,6,6)}));return{...t,...t.result&&{result:{...t.result,swaps:e}}}}i(ci,"getFormattedBestRoute");function St(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(St,"getPriceImpactLevel");function go(t,e){let o=i(r=>`${r.symbol}-${r.blockchain}-${r.address??""}`,"tokenToString"),n=new Set;return t.forEach(r=>n.add(o(r))),e.filter(r=>n.has(o(r)))}i(go,"findCommonTokens");import{PendingSwapNetworkStatus as Eo}from"@rango-dev/queue-manager-rango-preset";import ve from"bignumber.js";function mi(t){return t.result?.swaps.map(e=>({swapper:{displayName:e.swapperId,image:e.swapperLogo},from:{token:{displayName:e.from.symbol,image:e.from.logo},chain:{displayName:e.from.blockchain,image:e.from.blockchainLogo},price:{value:k(e.fromAmount,6,6),usdValue:k(e.from.usdPrice?.toString(),4,4)}},to:{token:{displayName:e.to.symbol,image:e.to.logo},chain:{displayName:e.to.blockchain,image:e.to.blockchainLogo},price:{value:k(e.toAmount,6,6),usdValue:k(e.to.usdPrice?.toString(),4,4)}}}))}i(mi,"formatBestRoute");function ho(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,s=e[e.length-1];n!=s&&e.push(n),s=e[e.length-1],r!=s&&e.push(r)}),e}i(ho,"getRequiredWallets");function yo(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(yo,"isValidAddress");import{i18n as ke}from"@lingui/core";var $t=(r=>(r[r.ROUTE_UPDATED=0]="ROUTE_UPDATED",r[r.ROUTE_SWAPPERS_UPDATED=1]="ROUTE_SWAPPERS_UPDATED",r[r.ROUTE_COINS_UPDATED=2]="ROUTE_COINS_UPDATED",r[r.ROUTE_AND_OUTPUT_AMOUNT_UPDATED=3]="ROUTE_AND_OUTPUT_AMOUNT_UPDATED",r))($t||{});var q={genericServerError:ke.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:ke.t("Please reset your liquidity sources."),description:ke.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources")},noRoutesError:{title:ke.t("No Routes Found"),description:"Reasons why Rango couldn't find a route: low liquidity on token, very low input amount or no routes available for the selected input/output token combination."},bridgeLimitErrors:{increaseAmount:ke.t("Bridge Limit Error: Please increase your amount"),decreaseAmount:ke.t("Bridge Limit Error: Please decrease your amount")},highValueLossError:{impactTitle:ke.t("High Price Impact"),title:ke.t("Price impact is too high!"),description:ke.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:ke.t("Confirm High price impact")},routeUpdatedWithHighValueLoss:{title:ke.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:ke.t("USD Price Unknown"),title:ke.t("USD Price Unknown, Cannot calculate Price Impact."),description:ke.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:ke.t("Confirm USD Price Unknown")}};function So(t){switch(t.type){case 0:return t.diagnosisMessage??q.noRoutesError.title;case 2:return q.genericServerError;case 1:return q.routeUpdatedWithHighValueLoss.title;default:return""}}i(So,"getConfirmSwapErrorMessage");import{i18n as Co}from"@lingui/core";var ut={connectWallet:Co.t("Connect Wallet"),swap:Co.t("Swap"),swapAnyway:Co.t("Swap anyway"),ethRouteWarning:Co.t("The route goes through Ethereum. Continue?")};import{create as Ep}from"zustand";import{RangoClient as gp}from"rango-sdk";var fp="c6381a79-2817-4602-83bf-6a641a409e32",Nn={API_KEY:fp};function To(t){return Nn[t]}i(To,"getConfig");function fi(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),Nn=e,Nn}i(fi,"initConfig");var gi=20,hi=25;var ko,Ct=i(()=>ko||(ko=new gp(To("API_KEY")),ko),"httpService");import{WalletState as Ge}from"@rango-dev/ui";import{readAccountAddress as yp}from"@rango-dev/wallets-react";import{detectInstallLink as Sp,getCosmosExperimentalChainInfo as Cp,isEvmAddress as Tp,KEPLR_COMPATIBLE_WALLETS as Vg,Networks as Si}from"@rango-dev/wallets-shared";import Mn from"bignumber.js";import{isCosmosBlockchain as kp}from"rango-types";import{WalletTypes as hp}from"@rango-dev/wallets-shared";var yi=[hp.LEAP];function wp(t){switch(!0){case t.connected:return Ge.CONNECTED;case t.connecting:return Ge.CONNECTING;case!t.installed:return Ge.NOT_INSTALLED;default:return Ge.DISCONNECTED}}i(wp,"mapStatusToWalletState");function Ci(t,e,o,n){return o.filter(r=>!yi.includes(r)).filter(r=>{if(n){let{supportedChains:s}=e(r);return!!s.find(a=>a.name===n)}return!0}).map(r=>{let{name:s,img:a,installLink:l}=e(r),p=wp(t(r));return{title:s,image:a,link:Sp(l),state:p,type:r}})}i(Ci,"mapWalletTypesToWalletInfo");function wo(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(wo,"walletAndSupportedChainsNames");function Ti(t,e,o,n){let r=[];function s(l,p){if(!!!r.find(d=>d.chain===l)){let d={address:p,chain:l,walletType:t};r.push(d)}}i(s,"addAccount");let a=n||[];return e.forEach(l=>{let{address:p,network:u}=yp(l),d=a.length>0,g=a.includes(u),m=u===Si.Unknown;if(d&&!g&&!m)return;let T=u===Si.Unknown&&Tp(p);if(m&&!T)return;o.includes(u)||T?a.filter(B=>o.includes(B)).forEach(B=>{s(B,p.toLowerCase())}):s(u,p)}),r}i(Ti,"prepareAccountsForWalletStore");function ki(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain;e.includes(n)||e.push(n),e.includes(r)||e.push(r),o.internalSwaps&&Array.isArray(o.internalSwaps)&&o.internalSwaps.forEach(s=>{let a=s.from.blockchain,l=s.to.blockchain;e.includes(a)||e.push(a),e.includes(l)||e.push(l)})}),e}i(ki,"getRequiredChains");function Tt(t,e,o,n){if(t.length===0)return null;let r=t.filter(s=>s.chain===e);return r.length===0?null:r.map(s=>s.balances?.find(a=>n!==null&&a.address===n||n===null&&a.address===n&&a.symbol===o)||null).filter(s=>s!==null).sort((s,a)=>parseFloat(a?.amount||"0")-parseFloat(s?.amount||"1")).find(()=>!0)||null}i(Tt,"getBalanceFromWallet");function vo(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(vo,"isAccountAndWalletMatched");function wi(t,e){let{blockChain:o,balances:n=[]}=t;return n?.map(r=>({chain:o,symbol:r.asset.symbol,ticker:r.asset.symbol,address:r.asset.address||null,rawAmount:r.amount.amount,decimal:r.amount.decimals,amount:new Mn(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:xo(o,r.asset.symbol,r.asset.address,e)||null}))||[]}i(wi,"makeBalanceFor");function vi(t){return{...t,loading:!1,error:!0}}i(vi,"resetConnectedWalletState");var kt=i(t=>!t.some(o=>o.balance)?t.filter(o=>!o.address).concat(t.filter(o=>o.address&&!o.isSecondaryCoin),t.filter(o=>o.isSecondaryCoin)):t.filter(o=>!!o.balance).sort((o,n)=>parseFloat(n.balance?.usdValue||"0")-parseFloat(o.balance?.usdValue||"0")).concat(t.filter(o=>!o.balance&&!o.isSecondaryCoin),t.filter(o=>!o.balance&&o.isSecondaryCoin)),"sortTokens"),xo=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice"),bo=i((t,e)=>{let o=Cp(Object.entries(t).map(([,n])=>n).filter(kp));return o&&o[e]?.experimental},"isExperimentalChain");function wt(t,e){return t.map(({balance:o,...n})=>{let r=k(new Mn(Tt(e,n.blockchain,n.symbol,n.address)?.amount||We)),s="";return n.usdPrice&&(s=k(new Mn(Tt(e,n.blockchain,n.symbol,n.address)?.amount||We).multipliedBy(n.usdPrice))),{...n,...r!=="0"&&{balance:{amount:r,usdValue:s}}}})}i(wt,"getTokensWithBalance");function Ut(t,e,o,n){if(t?.name===n[0]?.name)return n;let s=e.filter(a=>a.blockchain===t?.name);return kt(wt(s,o))}i(Ut,"getSortedTokens");function De(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(De,"tokensAreEqual");function Ln(t,e){let o,n=t[0],r=t[1];return t.length===1?o=n:De(n,e)?o=r:o=n,o}i(Ln,"getDefaultToken");function xi(t){return t.sort((e,o)=>+(o.state===Ge.CONNECTED)-+(e.state===Ge.CONNECTED)||+(o.state===Ge.DISCONNECTED||o.state===Ge.CONNECTING)-+(e.state===Ge.DISCONNECTED||e.state===Ge.CONNECTING))}i(xi,"sortWalletsBasedOnConnectionState");function Ao(t,e=8,o=3){if(t.length<2*e+o)return t;let n=t.slice(0,e),r=t.slice(-e);return`${n}${".".repeat(o)}${r}`}i(Ao,"getConciseAddress");function bi({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(bi,"getAddress");var vp=i(t=>{let e=t;e.use={};for(let o of Object.keys(e.getState()))e.use[o]=()=>e(n=>n[o]);return e},"createSelectors"),Ie=vp;import{create as xp}from"zustand";import{subscribeWithSelector as bp}from"zustand/middleware";import{shallow as Ap}from"zustand/shallow";var F=Ie(xp()(bp((t,e)=>({connectedWallets:[],customDestination:"",loading:!1,connectWallet:o=>{let n=e().getWalletsDetails;t(r=>({loading:!0,connectedWallets:r.connectedWallets.filter(s=>s.walletType!==o[0].walletType).concat(o.map(s=>{let a=!r.connectedWallets.find(l=>l.chain===s.chain&&l.selected);return{balances:[],address:s.address,chain:s.chain,explorerUrl:null,walletType:s.walletType,selected:a,loading:!0,error:!1}}))})),n(o)},disconnectWallet:o=>{t(n=>{let r=n.connectedWallets.filter(s=>s.selected&&s.walletType!==o).map(s=>s.chain);return{connectedWallets:n.connectedWallets.filter(s=>s.walletType!==o).map(s=>r.includes(s.chain)?s:(r.push(s.chain),{...s,selected:!0}))}})},selectWallets:o=>t(n=>({connectedWallets:n.connectedWallets.map(r=>{let s=!!o.find(l=>l.chain===r.chain&&l.walletType!==r.walletType&&r.selected),a=!!o.find(l=>l.chain===r.chain&&l.walletType===r.walletType&&!r.selected);return s?{...r,selected:!1}:a?{...r,selected:!0}:r})})),clearConnectedWallet:()=>t(()=>({connectedWallets:[],selectedWallets:[]})),getWalletsDetails:async(o,n=!0)=>{let r=e().getWalletsDetails,{tokens:s}=C.getState().meta;t(a=>({loading:!0,connectedWallets:a.connectedWallets.map(l=>o.find(p=>vo(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:u,chain:d})=>({address:u,blockchain:d})),p=(await Ct().getWalletsDetails(a)).wallets;if(p)t(u=>({loading:!1,connectedWallets:u.connectedWallets.map(d=>{let g=o.find(f=>vo(f,d)),m=p.find(f=>f.address===d.address&&f.blockChain===d.chain);return m?.failed&&g&&n&&r([g],!1),g&&m?{...d,explorerUrl:m.explorerUrl,balances:wi(m,s)}:d})}));else throw new Error("Wallet not found")}catch{t(l=>({loading:!1,connectedWallets:l.connectedWallets.map(p=>o.find(u=>vo(u,p))?vi(p):p)}))}}}))));F.subscribe(t=>t.connectedWallets,t=>{P.setState(({sourceTokens:e,destinationTokens:o})=>{let n=wt(e,t),r=wt(o,t);return{sourceTokens:kt(n),destinationTokens:kt(r)}})},{equalityFn:Ap});var C=Ie(Ep()(t=>({meta:{blockchains:[],popularTokens:[],swappers:[],tokens:[]},loadingStatus:"loading",setTokensWithBalance:()=>{let e=F.getState().connectedWallets;t(o=>({...o,meta:{...o.meta,tokens:kt(wt(o.meta.tokens,e))}}))},fetchMeta:async()=>{try{let e=await Ct().getAllMetadata(),o=ot(e.tokens.map(r=>r.blockchain)),n=e.blockchains.filter(r=>r.enabled&&o.includes(r.name));e.blockchains=n.sort((r,s)=>r.sort-s.sort),t({meta:e,loadingStatus:"success"})}catch{t({loadingStatus:"failed"})}}})));function Io(t,e){return!t||!e||t.lte(We)||e.lte(We)?0:e.div(t).minus(1).multipliedBy(100)}i(Io,"getOutputRatio");function No(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new ve(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new ve(1e3)))??!1}i(No,"outputRatioHasWarning");function Mo(t){return(t?.result?.swaps||[]).filter(e=>{let o=e.fromAmountMinValue?new ve(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new ve(e.fromAmountMaxValue):null;return e.fromAmountRestrictionType==="EXCLUSIVE"?o?.gte(e.fromAmount)||n?.lte(e.fromAmount):o?.gt(e.fromAmount)||n?.lt(e.fromAmount)}).length>0}i(Mo,"hasLimitError");function Lo(t){if(!t)return{swap:null,fromAmountRangeError:"",recommendation:""};let e=(t?.result?.swaps||[]).filter(l=>{let p=l.fromAmountMinValue?new ve(l.fromAmountMinValue):null,u=l.fromAmountMaxValue?new ve(l.fromAmountMaxValue):null;return l.fromAmountRestrictionType==="EXCLUSIVE"?p?.gte(l.fromAmount)||u?.lte(l.fromAmount):p?.gt(l.fromAmount)||u?.lt(l.fromAmount)})[0];if(!e)return{swap:null,fromAmountRangeError:"",recommendation:""};let o=e.fromAmountMinValue?new ve(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new ve(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",s="",a="";return!r&&o&&o.gt(e.fromAmount)?(s=`Required: >= ${k(o,6,6)} ${e.from.symbol}`,a=q.bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(s=`Required: > ${k(o,6,6)} ${e.from.symbol}`,a=q.bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(s=`Required: <= ${k(n,6,6)} ${e.from.symbol}`,a=q.bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(s=`Required: < ${k(n,6,6)} ${e.from.symbol}`,a=q.bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:s,recommendation:a}}i(Lo,"LimitErrorMessage");function Ai(t,e,o,n,r,s,a,l,p){return t!=="success"?{title:ut.connectWallet,state:"waitForConnecting",disabled:!0}:e.length==0?{title:ut.connectWallet,state:"waitForConnecting",disabled:!1}:o||!n||!n.result||r||!p||p==="0"?{title:ut.swap,disabled:!0,state:"swap"}:s||a?{title:ut.swapAnyway,disabled:!1,hasWarning:!0,state:"needToConfirm"}:l?{title:ut.ethRouteWarning,disabled:!1,hasWarning:!0,state:"warning"}:{title:ut.swap,disabled:!1,state:"swap"}}i(Ai,"getSwapButtonState");function Pn(t,e,o){return!((!o||o.lte(We))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}i(Pn,"canComputePriceImpact");function Wp(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,s=e[e.length-1];n!=s&&e.push(n),s=e[e.length-1],r!=s&&e.push(r)}),e}i(Wp,"requiredWallets");var Ip=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice");function Np(t,e){let o=We;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let s=Ip(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new ve(r.amount).multipliedBy(s||0))}return o}i(Np,"getUsdFeeOfStep");function Po(t,e){return t?.result?.swaps.reduce((o,n)=>o.plus(Np(n,e)),We)||null}i(Po,"getTotalFeeInUsd");function Ei(t){return t.result?.swaps.map(o=>o.recommendedSlippage)?.map(o=>o?.slippage||"0")?.filter(o=>parseFloat(o)>0)?.sort((o,n)=>parseFloat(n)-parseFloat(o))?.find(()=>!0)||null}i(Ei,"getMinRequiredSlippage");function Bi(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(Bi,"hasProperSlippage");function Do(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:s,disabledLiquiditySources:a,slippage:l,affiliateRef:p,affiliatePercent:u,affiliateWallets:d,initialRoute:g,destination:m}=t,f=s?.reduce((y,x)=>(y[x.chain]=x.address,y),{}),T=[];r?.forEach(y=>{let x=T.find(v=>v.blockchain===y.chain);x?x.addresses.push(y.address):T.push({blockchain:y.chain,addresses:[y.address]})});let c=!!g,w=ot((g?.result?.swaps||[]).reduce((y,x)=>(y.push(x.from.blockchain,x.to.blockchain),x.internalSwaps&&Array.isArray(x.internalSwaps)&&x.internalSwaps.map(v=>{y.push(v.from.blockchain,v.to.blockchain)}),y),[]));return{amount:n.toString(),affiliateRef:p??void 0,affiliatePercent:u??void 0,affiliateWallets:d??void 0,checkPrerequisites:c,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:T,selectedWallets:f??{},slippage:l.toString(),...m&&{destination:m},...a.length>0&&{swapperGroups:a,swappersGroupsExclude:!0},...c&&{blockchains:w}}}i(Do,"createBestRouteRequestBody");function Wi(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(Wi,"getWalletsForNewSwap");function vt(t){return t?.result?.outputAmount||null}i(vt,"getRouteOutputAmount");function Ye(t,e){return!t||!e?null:new ve(e).div(new ve(t)).minus(1).multipliedBy(100)}i(Ye,"getPercentageChange");function Ii(t,e){let o=vt(t),n=vt(e);if(!o||!n)return!1;let r=Ye(o,n);return r?r.toNumber()<=-1:!0}i(Ii,"isOutputAmountChangedALot");function Ni(t,e){let o=t.validationStatus,n=ki(t);return e.sort((s,a)=>n.indexOf(s.chain)-n.indexOf(a.chain)).flatMap(s=>ui(s,o)||[]).filter(s=>!s.ok).map(s=>{let a=s.asset.symbol,l=k(new ve(s.currentAmount.amount).shiftedBy(-s.currentAmount.decimals),8,8),p=k(new ve(s.requiredAmount.amount).shiftedBy(-s.requiredAmount.decimals),8,8),u="";return s.reason==="FEE"&&(u=" for network fee"),s.reason==="INPUT_ASSET"&&(u=" for swap"),s.reason==="FEE_AND_INPUT_ASSET"&&(u=" for input and network fee"),`Needs \u2248 ${p} ${a}${u}, but you have ${l} ${a} in your ${s.asset.blockchain} wallet.`})}i(Ni,"getBalanceWarnings");function Mi(t,e){return(t?new ve(t):We).multipliedBy(e||0)}i(Mi,"calcOutputUsdValue");function zt(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==Eo.NetworkChanged}i(zt,"isNetworkStatusInWarningState");function Li(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),zt(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case Eo.WaitingForConnectingWallet:n=n||"Waiting for connecting wallet";break;case Eo.WaitingForQueue:n=n||"Waiting for other running tasks to be finished";break;case Eo.WaitingForNetworkChange:n=n||"Waiting for changing wallet network";break;default:n=n||"";break}r=r||"",n=n||"";let a=n?.indexOf("code")!==-1&&n?.indexOf("reason")!==-1;return{shortMessage:n,detailedMessage:{content:r,long:a}}}i(Li,"getSwapMessages");function Pi(t){let e=null;if(t.status==="failed"){let o=t.steps.slice().reverse().filter(n=>n.status==="success")[0];o&&(e={blockchain:o.toBlockchain,symbol:o.toSymbol,outputAmount:o.outputAmount,address:o.toSymbolAddress})}return e}i(Pi,"getLastConvertedTokenInFailedSwap");function Di(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}i(Di,"shouldRetrySwap");function _i(t,e,o,n,r,s){return t||!e&&!Wp(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!yo(s,o)}i(_i,"confirmSwapDisabled");var qt=i((t,e)=>t?.usdPrice?new it(e||We).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),P=Ie(Mp()(Lp(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new it(0),outputUsdValue:new it(0),toBlockchain:null,toToken:null,bestRoute:null,routeWalletsConfirmed:!1,sourceTokens:[],destinationTokens:[],selectedWallets:[],customDestination:"",setRoute:e=>t(o=>{let n=null,r=We;return Ot(o.inputAmount)?(e&&(n=e.result?.outputAmount?new it(e.result?.outputAmount):null,r=Mi(e.result?.outputAmount,li(e)||o.toToken?.usdPrice)),{bestRoute:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetRoute:()=>t(()=>({bestRoute:null,outputAmount:null,outputUsdValue:new it(0)})),setFromBlockchain:(e,o)=>{t(n=>{if(n.fromBlockchain?.name===e?.name)return{};let r=C.getState().meta.tokens,s=F.getState().connectedWallets,a=Ut(e,r,s,n.destinationTokens),l=Ln(a,n.toToken);return{fromBlockchain:e,sourceTokens:a,...o&&{fromToken:l},...!!n.inputAmount&&{inputUsdValue:qt(l,n.inputAmount)}}})},setFromToken:e=>t(o=>({fromToken:e,...!!o.inputAmount&&{inputUsdValue:qt(e,o.inputAmount)}})),setToBlockchain:(e,o)=>{t(n=>{if(n.toBlockchain?.name===e?.name)return{};let r=C.getState().meta.tokens,s=F.getState().connectedWallets,a=Ut(e,r,s,n.destinationTokens);return{toBlockchain:e,destinationTokens:a,...o&&{toToken:Ln(a,n.fromToken)}}})},setToToken:e=>t(()=>({toToken:e})),setInputAmount:e=>{t(o=>({inputAmount:e,...!e&&{outputAmount:new it(0),outputUsdValue:new it(0),bestRoute:null},...!!o.fromToken&&{inputUsdValue:qt(o.fromToken,e)}}))},retry:e=>{let{tokens:o,blockchains:n}=C.getState().meta,r=F.getState().connectedWallets,s=e.status==="failed"?e.steps.findIndex(c=>c.status==="failed"):null;if(s===null||s<0)return;let a=e.steps[0],l=e.steps[e.steps.length-1],p=n.find(c=>c.name===a.fromBlockchain)||null,u=n.find(c=>c.name===l.toBlockchain)||null,d=o.find(c=>De(c,{blockchain:a.fromBlockchain,symbol:a.fromSymbol,address:a.fromSymbolAddress})),g=o.find(c=>De(c,{blockchain:l.toBlockchain,symbol:l.toSymbol,address:l.toSymbolAddress})),m=Ut(p,o,r,[]),f=Ut(u,o,r,[]),T=e.inputAmount;t({fromBlockchain:p,fromToken:d,inputAmount:T,outputAmount:null,inputUsdValue:qt(d||null,T),outputUsdValue:new it(0),toBlockchain:u,toToken:g,bestRoute:null,sourceTokens:m,destinationTokens:f})},switchFromAndTo:()=>t(e=>({fromBlockchain:e.toBlockchain,fromToken:e.toToken,toBlockchain:e.fromBlockchain,toToken:e.fromToken,sourceTokens:e.destinationTokens,destinationTokens:e.sourceTokens,inputAmount:e.outputAmount?.toString()||"",inputUsdValue:qt(e.toToken,e.outputAmount?.toString()||"")})),resetFromBlockchain:()=>t(()=>({fromBlockchain:null,sourceTokens:[]})),resetToBlockchain:()=>t(()=>({toBlockchain:null,destinationTokens:[]})),setRouteWalletConfirmed:e=>t({routeWalletsConfirmed:e}),setSelectedWallets:e=>t({selectedWallets:e}),setCustomDestination:e=>t({customDestination:e}),resetRouteWallets:()=>t({routeWalletsConfirmed:!1,selectedWallets:[],customDestination:""})}))));import{create as Pp}from"zustand";var xe=Ie(Pp()(t=>({connectWalletsButtonDisabled:!1,selectedSwapRequestId:null,currentPage:"",setSelectedSwap:e=>t({selectedSwapRequestId:e}),setCurrentPage:e=>t({currentPage:e})})));function Fi(){let t=_n(!0),[e,o]=Fp(),n=_p(),r=_n(n.search),s=_n({}),a=P.use.fromBlockchain(),l=P.use.toBlockchain(),p=P.use.fromToken(),u=P.use.toToken(),d=P.use.setFromBlockchain(),g=P.use.setFromToken(),m=P.use.setToBlockchain(),f=P.use.setToToken(),T=P.use.inputAmount(),c=P.use.setInputAmount(),w=C.use.loadingStatus(),{blockchains:B,tokens:y}=C.use.meta(),x=xe.use.setSelectedSwap();return Dn(()=>{let v={};Dp(r.current).forEach((I,W)=>{v[W]=I}),s.current=v;let S=n.pathname.split(h.swaps+"/")[1]||null;S&&x(S)},[]),Dn(()=>{if(!t.current){let v="",S="",I="",W="",N="";if(w!=="success")v=s.current["fromBlockchain"],S=s.current["fromToken"],I=s.current["toBlockchain"],W=s.current["toToken"],N=s.current["fromAmount"]||T;else{if(n.state==="redirect")return;v=a?.name||"",S=(p?.symbol||"")+(p?.address?`--${p?.address}`:""),I=l?.name||"",W=(u?.symbol||"")+(u?.address?`--${u?.address}`:""),N=T}o({...v&&{["fromBlockchain"]:v},...S&&{["fromToken"]:S},...I&&{["toBlockchain"]:I},...W&&{["toToken"]:W},...N&&{["fromAmount"]:N.toString()}},{replace:!0})}t.current=!1},[n.pathname,T,a,p,l,u]),Dn(()=>{if(w==="success"){let v=e.get("fromBlockchain"),S=e.get("fromToken"),I=e.get("toBlockchain"),W=e.get("toToken"),N=e.get("fromAmount"),K=B.find(O=>O.name===v),ie=En(y,S,K||null),b=B.find(O=>O.name===I),Q=En(y,W,b||null);K&&(d(K),ie&&g(ie)),b&&(m(b),Q&&f(Q)),N&&c(N)}},[w]),null}i(Fi,"UpdateUrl");import{useWallets as qp}from"@rango-dev/wallets-react";import{isEvmBlockchain as Hp}from"rango-types";function Oi({children:t,...e}){let o=Up(),n=o?Op:$p,{blockchains:r}=C.use.meta(),{canSwitchNetworkTo:s}=qp(),a=r.filter(Hp);return zp({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:s}),_o.createElement(_o.Fragment,null,_o.createElement(n,null,t),o&&_o.createElement(Fi,null))}i(Oi,"AppRouter");import Ee from"react";import{useRoutes as vf}from"react-router-dom";import{i18n as Zn}from"@lingui/core";import{useManager as vc}from"@rango-dev/queue-manager-react";import{Alert as Rn,BestRoute as xc,BestRouteSkeleton as bc,Button as Jo,Divider as Bt,IconButton as Ys,MessageBox as Ac,Modal as Ec,RefreshIcon as Bc,SettingsIcon as Wc,styled as Qs,Tooltip as Ic,Typography as js,WalletIcon as Nc}from"@rango-dev/ui";import M,{useEffect as Kt,useState as Zo}from"react";import{flushSync as Mc}from"react-dom";import{useNavigate as Lc}from"react-router-dom";import{Alert as Qn,BalanceErrors as tc,Button as Ls,ChevronDownIcon as oc,ChevronLeftIcon as nc,Divider as Et,MessageBox as rc,Modal as Ps,Typography as Yo,WalletIcon as ic}from"@rango-dev/ui";import A,{useEffect as sc,useState as dt}from"react";import{i18n as Fo}from"@lingui/core";function Oo(t){switch(t.type){case 0:return Fo.t("Route has been updated.");case 3:return Fo.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return Fo.t("Route swappers has been updated.");case 2:return Fo.t("Route internal coins has been updated.");default:return""}}i(Oo,"getRouteWarningMessage");import*as xt from"@radix-ui/react-collapsible";import{Button as Gp,IconButton as Vp,keyframes as $i,styled as we,TextField as Kp}from"@rango-dev/ui";var Xp=$i({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),jp=$i({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),Ui=we("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),zi=we("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}),qi=we("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",backgroundColor:"$neutral100",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{backgroundColor:"$surface600",opacity:"0.8"},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),Hi=we(xt.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent"}),Gi=we("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),Vi=we(Vp,{position:"absolute",left:"$20"}),Ki=we("div",{paddingTop:"$20","& .wallets-list":{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}}),Xi=we(xt.Root,{backgroundColor:"$neutral200",borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),ji=we(Gp,{width:"100%",borderRadius:"$sm !important",padding:"$15 !important",justifyContent:"space-between",alignItems:"center",backgroundColor:"$neutral100 !important"}),Yi=we("div",{padding:"$10 $0","& .button__content":{display:"flex",justifyContent:"center",alignItems:"center"},"& .alarms":{paddingTop:"5px"}}),Qi=we("div",{transition:"all 300ms ease",variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),Ji=we("div",{display:"flex"}),Zi=we(Kp,{padding:"$0 $15 $15 $15"}),Ri=we(xt.Content,{overflow:"hidden",variants:{open:{true:{animation:`${Xp} 300ms ease-out`},false:{animation:`${jp} 300ms ease-out`}}}}),es=we("div",{overflow:"visible",width:"100%"});import{Button as Zu,Divider as Xn,Image as Ru,MessageBox as jn,Modal as Bs,SelectableWallet as ec,Typography as Ws,WalletState as Is}from"@rango-dev/ui";import re,{useEffect as Ns,useState as Gt}from"react";import{WalletState as os}from"@rango-dev/ui";import{useWallets as Qp}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as Jp,WalletTypes as Zp}from"@rango-dev/wallets-shared";import{useEffect as Rp,useState as eu}from"react";import{allProviders as Yp}from"@rango-dev/provider-all";function $o(t,e){let o=Yp({walletconnect2:{WC_PROJECT_ID:e?.walletConnectProjectId||""}});if(t){let n=[];return t.forEach(r=>{if(typeof r=="string"){let s=o.find(a=>a.config.type===r);s?n.push(s):console.warn(`Couldn't find ${r} provider. Please make sure you are passing the correct name.`)}else n.push(r)}),n}return o}i($o,"matchAndGenerateProviders");function ts(t,e){return $o(t,e).map(r=>r.config.type)}i(ts,"configWalletsToWalletName");var tu=Object.values(Zp);function Uo(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:l,connect:p}=Qp(),{connectedWallets:u}=F(),{blockchains:d}=C().meta,g=typeof e?.multiWallets>"u"?!0:e.multiWallets,m=ts(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||tu,f=Ci(s,l,m,o),T=xi(f),[c,w]=eu(""),B=i(S=>!u.find(I=>I.walletType===S&&I.chain===o),"isExperimentalChainNotAdded"),y=i(async S=>{let I=s(S);try{if(c&&w(""),I.connected)await a(S);else{let W=!!f.find(N=>N.state===os.CONNECTED);if(!g&&W)return;n?.(S),await p(S),r?.(S)}}catch(W){w("Error: "+W?.message)}},"handleClick"),x=i(()=>{let S=f?.filter(I=>I.state===os.CONNECTING)||[];for(let I of S)a(I.type)},"disconnectConnectingWallets");Rp(()=>()=>{x()},[]);let v=i((S,I,W)=>bo(W,I)&&B(S)&&!Jp.includes(S),"shouldExcludeWallet");return{list:T.filter(S=>!v(S.type,o??"",d)),error:c,handleClick:y}}i(Uo,"useWalletList");import{i18n as ks}from"@lingui/core";import{styled as ws,Typography as qu,Wallet as Hu,WalletState as Gu}from"@rango-dev/ui";import mt,{Fragment as Vu,useState as Ku}from"react";import{BottomLogo as Wu,Divider as Iu,Header as Nu}from"@rango-dev/ui";import ge from"react";import{useNavigate as Mu}from"react-router-dom";import{ChevronLeftIcon as ru}from"@rango-dev/ui";import is from"react";import{Button as ou,darkTheme as nu,styled as zo}from"@rango-dev/ui";var _e=zo(ou,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),ns=zo("div",{position:"absolute",background:"$secondary500",[`.${nu} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),bt=zo("div",{display:"flex",justifyContent:"flex-end",width:"$40"}),rs=zo("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"});function Fn(t){return is.createElement(_e,{variant:"ghost",size:"small",onClick:t.onClick},is.createElement(ru,{color:"black",size:16}))}i(Fn,"BackButton");import{i18n as iu}from"@lingui/core";import{Button as su,Typography as au}from"@rango-dev/ui";import On from"react";function $n(t){return On.createElement(bt,null,On.createElement(su,{variant:"ghost",onClick:t.onClick,size:"xsmall"},On.createElement(au,{variant:"label",size:"medium",color:"error500"},iu.t("Cancel"))))}i($n,"CancelButton");import{i18n as lu}from"@lingui/core";import{Tooltip as pu,WalletIcon as uu}from"@rango-dev/ui";import qo from"react";function Un(t){return qo.createElement(pu,{side:"top",content:lu.t("Connect Wallet")},qo.createElement(_e,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&qo.createElement(ns,null),qo.createElement(uu,{size:18,color:"black"})))}i(Un,"WalletButton");import{i18n as Vo}from"@lingui/core";import{NotificationsIcon as xu,Popover as bu,RefreshIcon as Au,SettingsIcon as Eu,Tooltip as Ko,TransactionIcon as Bu}from"@rango-dev/ui";import ce from"react";import{ChainToken as cs,ChevronRightIcon as Su,ListItemButton as Cu,Typography as Tu}from"@rango-dev/ui";import Fe from"react";import{useNavigate as ku}from"react-router-dom";import{create as cu}from"zustand";import{persist as mu,subscribeWithSelector as du}from"zustand/middleware";var Ne=Ie(cu()(mu(du((t,e)=>({notifications:[],setNotification:(o,n)=>{let r=n.steps[0],s=n.steps[n.steps.length-1],a={event:o,creationTime:Date.now(),read:!1,requestId:n.requestId,route:{from:{blockchain:r.fromBlockchain,tokenAddress:r.fromSymbolAddress,tokenSymbol:r.fromSymbol},to:{blockchain:s.toBlockchain,tokenSymbol:s.toSymbol,tokenAddress:s.toSymbolAddress}}},l=e().notifications.filter(p=>p.requestId!==n.requestId);t(()=>({notifications:[...l,a]}))},setAsRead:o=>{t(n=>({notifications:n.notifications.map(r=>r.requestId===o?{...r,read:!0}:r)}))},getUnreadNotifications:()=>e().notifications.filter(o=>!o.read)})),{name:"notification",skipHydration:!0})));import{styled as Ho}from"@rango-dev/ui";var ss=Ho("div",{padding:"$10",width:"350px",minHeight:"150px"}),as=Ho("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),ls=Ho("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),ps=Ho("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as fu}from"@lingui/core";import{Divider as gu,NoNotificationIcon as hu,Typography as yu}from"@rango-dev/ui";import Go from"react";function us(){return Go.createElement(ps,null,Go.createElement(hu,{color:"secondary",size:26}),Go.createElement(gu,{size:12}),Go.createElement(yu,{variant:"body",size:"medium",color:"neutral900"},fu.t("You have no notification")))}i(us,"NotificationNotFound");var wu=4;function zn(){let t=ku(),e=xe.use.setSelectedSwap(),{getUnreadNotifications:o}=Ne(),n=o(),{tokens:r,blockchains:s}=C.use.meta(),a=n.sort((p,u)=>u.creationTime-p.creationTime).slice(0,wu),l=i(p=>{e(p),t(`/swaps/${p}`)},"handleOnClick");return Fe.createElement(ss,null,a.length?Fe.createElement(as,null,a.map(p=>{let u=r.find(f=>f.address===p.route.from.tokenAddress&&f.blockchain===p.route.from.blockchain&&f.symbol===p.route.from.tokenSymbol),d=s.find(f=>f.name===p.route.from.blockchain),g=r.find(f=>f.address===p.route.to.tokenAddress&&f.blockchain===p.route.to.blockchain&&f.symbol===p.route.to.tokenSymbol),m=s.find(f=>f.name===p.route.to.blockchain);return Fe.createElement(Cu,{key:p.requestId,onClick:()=>l(p.requestId),title:Fe.createElement(Tu,{variant:"body",size:"small",color:"$neutral900"},p.event.message),id:p.requestId,start:Fe.createElement(ls,null,Fe.createElement("div",{className:"from-chain-token"},Fe.createElement(cs,{tokenImage:u?u.image:"",chainImage:d?d.logo:"",size:"small"})),Fe.createElement("div",{className:"to-chain-token"},Fe.createElement(cs,{tokenImage:g?g.image:"",chainImage:m?m.logo:"",size:"small"}))),end:Fe.createElement(Su,{size:12,color:"gray"})})})):Fe.createElement(us,null))}i(zn,"NotificationContent");import{Typography as vu}from"@rango-dev/ui";import ms from"react";function ds(){let{getUnreadNotifications:t}=Ne(),e=t().length;return e?ms.createElement(rs,null,ms.createElement(vu,{variant:"body",size:"xsmall",color:"$background"},e)):null}i(ds,"UnreadNotificationsBadge");function qn(t){let{layoutRef:e,onClickRefresh:o,onClickHistory:n,onClickSettings:r,onClickNotifications:s}=t;return ce.createElement(ce.Fragment,null,ce.createElement(Ko,{side:"top",content:Vo.t("Refresh")},ce.createElement(_e,{variant:"ghost",size:"small",onClick:o,disabled:!o},ce.createElement(Au,{size:16,color:o?"black":"gray"}))),ce.createElement(Ko,{side:"top",content:Vo.t("Notifications")},ce.createElement(bu,{align:"center",collisionBoundary:e,collisionPadding:{right:20,left:20},container:document.getElementById("swap-box"),content:ce.createElement(zn,null)},ce.createElement(_e,{size:"small",variant:"ghost",onClick:s},ce.createElement(xu,{size:18,color:"black"}),ce.createElement(ds,null)))),ce.createElement(Ko,{side:"top",content:Vo.t("Settings")},ce.createElement(_e,{size:"small",variant:"ghost",onClick:r},ce.createElement(Eu,{size:18,color:"black"}))),ce.createElement(Ko,{side:"top",content:Vo.t("Transactions History")},ce.createElement(_e,{size:"small",variant:"ghost",onClick:n},ce.createElement(Bu,{size:18,color:"black"}))))}i(qn,"HomeButtons");import{styled as Hn}from"@rango-dev/ui";var fs=Hn("div",{position:"relative",display:"flex",flexDirection:"column",borderRadius:"$primary",overflow:"hidden !important",boxShadow:"15px 15px 15px 0px rgba(0, 0, 0, 0.05)",width:"95vw",maxWidth:"390px",maxHeight:"700px",variants:{fixedHeight:{true:{height:"95vh"},false:{height:"auto"}}}}),gs=Hn("div",{display:"flex",flexDirection:"column",flex:1,padding:"$20 $20 $10 $20",backgroundColor:"$background",position:"relative",overflowY:"auto",overflowX:"hidden",variants:{noPadding:{true:{padding:"0"}}}}),hs=Hn("div",{backgroundColor:"$background","& .footer__content":{padding:"$0 $20"},"& .footer__logo":{padding:"$0 $20 $10 $20"}});function Lu(t,e){let{children:o,header:n,footer:r,noPadding:s,hasLogo:a=!0,fixedHeight:l=!0}=t,p=F.use.connectedWallets(),u=xe.use.connectWalletsButtonDisabled(),d=Mu(),g=i(()=>{u||d("/"+h.wallets)},"onConnectWallet");return ge.createElement(fs,{ref:e,fixedHeight:l,id:"swap-box"},ge.createElement(Nu,{prefix:ge.createElement(ge.Fragment,null,n.onBack&&ge.createElement(Fn,{onClick:n.onBack})),title:n.title,suffix:ge.createElement(ge.Fragment,null,n.suffix,n.hasConnectWallet&&ge.createElement(Un,{onClick:g,isConnected:!!p?.length}),n.onCancel&&ge.createElement($n,{onClick:n.onCancel}))}),ge.createElement(gs,{noPadding:s},o),(a||r)&&ge.createElement(hs,null,ge.createElement("div",{className:"footer__content"},r),a&&ge.createElement("div",{className:"footer__logo"},ge.createElement(Iu,{size:12}),ge.createElement(Wu,null))))}i(Lu,"LayoutComponent");var J=ge.forwardRef(Lu);J.displayName="Layout";import{Divider as Ou,Modal as $u}from"@rango-dev/ui";import Vn from"react";import{i18n as At}from"@lingui/core";import{Image as _u,MessageBox as Gn,WalletState as Fu}from"@rango-dev/ui";import ct from"react";import{keyframes as Pu,styled as Xo}from"@rango-dev/ui";var rC=Xo("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),ys=Xo("div",{position:"relative"}),Du=Pu({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),Ss=Xo("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Du} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Cs=Xo("div",{"& img":{borderRadius:"50%"}});function Ts(t){let{state:e,image:o,error:n}=t;return e===Fu.CONNECTED?ct.createElement(Gn,{type:"success",title:At.t("Wallet Connected"),description:At.t("Your wallet is connected, you can use it to swap.")}):n?ct.createElement(Gn,{type:"error",title:At.t("Failed to Connect"),description:n||At.t("Your wallet is not connected. Please try again.")}):ct.createElement(Gn,{type:"loading",title:At.t("Connecting to your wallet"),description:At.t("Click connect in your wallet popup."),icon:ct.createElement(ys,null,ct.createElement(Cs,null,ct.createElement(_u,{src:o,size:45})),ct.createElement(Ss,null))})}i(Ts,"ModalContent");function Ht(t){let{open:e,onClose:o,...n}=t;return Vn.createElement($u,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},Vn.createElement(Ts,{...n}),Vn.createElement(Ou,{direction:"vertical",size:32}))}i(Ht,"WalletModal");import{useInRouterContext as Uu,useNavigate as zu}from"react-router-dom";function ne(){let t=Uu(),e=zu();return h,{navigateBackFrom:i(n=>{if(n===h.swapDetails)return e("/"+h.swaps,{replace:!0});!t||window.history.state&&window.history.state.idx>0?e(-1):[h.fromSwap,h.toSwap,h.settings,h.wallets,h.swaps,h.confirmSwap].includes(n)?e(h.home,{replace:!0}):n===h.fromBlockchain?e("/"+h.fromSwap,{replace:!0}):n===h.toBlockchain?e("/"+h.fromSwap,{replace:!0}):n===h.liquiditySources&&e("/"+h.settings,{replace:!0})},"navigateBackFrom")}}i(ne,"useNavigateBack");var Xu=ws("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline",paddingTop:"$15",height:"100%"}),ju=ws("div",{textAlign:"center"}),jo=3e3,Yu=300;function vs({config:t}){let{navigateBackFrom:e}=ne(),[o,n]=Ku(""),r=null,{list:s,handleClick:a,error:l}=Uo({config:t,onBeforeConnect:m=>{r=setTimeout(()=>{n(m)},Yu)},onConnect:()=>{r&&clearTimeout(r),setTimeout(()=>{n("")},jo)}}),p=C.use.loadingStatus(),u=s.find(m=>m.type===o),d=u?.image||"",g=u?.state||Gu.NOT_INSTALLED;return mt.createElement(J,{header:{title:ks.t("Connect Wallets"),onBack:e.bind(null,h.wallets)}},mt.createElement(ju,null,mt.createElement(qu,{variant:"title",size:"xmedium",align:"center"},ks.t("Choose a wallet to connect.")),mt.createElement(Xu,null,s.map((m,f)=>{let T=`wallet-${f}-${m.type}`;return mt.createElement(Vu,{key:T},mt.createElement(Hu,{...m,onClick:c=>{a(c)},isLoading:p==="loading"}))}),mt.createElement(Ht,{open:!!o,onClose:()=>n(""),image:d,state:g,error:l}))))}i(vs,"WalletsPage");function xs(t,e){return e.find(o=>o.name===t)?.displayName}i(xs,"getBlockchainDisplayNameFor");import{keyframes as Qu,styled as Kn}from"@rango-dev/ui";var bs=Kn("div",{position:"relative"}),Ju=Qu({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),As=Kn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Ju} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Es=Kn("div",{"& img":{borderRadius:"50%"}});function Yn(t){let{config:e,chain:o,isSelected:n,selectWallet:r,limit:s,onShowMore:a}=t,l=F.use.connectedWallets(),{blockchains:p}=C.use.meta(),[u,d]=Gt(""),[g,m]=Gt(null),[f,T]=Gt(!1),[c,w]=Gt(null),{connect:B}=Ms(),{list:y,error:x,handleClick:v}=Uo({config:e,chain:o,onBeforeConnect:d,onConnect:()=>setTimeout(()=>d(""),jo)}),[S,I]=Gt(y),W=y.length,N=s&&W-s>0,K=i(async b=>{T(!1),w("in-progress"),await B(b.walletType,b.chain),w("completed")},"addExperimentalChain");Ns(()=>{I(b=>{let Q=y.findIndex(O=>n(O.type,o));return N&&Q>1?[y[Q]].concat(y.filter((O,D)=>D!==Q)):b.map(O=>y.find(D=>D.type===O.type)??O)})},[JSON.stringify(y)]);let ie=document.querySelector("#swap-box");return Ns(()=>{let b=null;return c==="completed"&&(b=setTimeout(()=>w(null),jo)),()=>{b&&clearTimeout(b)}},[c]),re.createElement(re.Fragment,null,S.slice(0,s).map(b=>{let Q=bi({connectedWallets:l,walletType:b.type,chain:o}),O=Q?Ao(Q):"",D=bo(p,o),E=!l.find(Be=>Be.walletType===b.type&&Be.chain===o),pe=D&&E&&b.state===Is.CONNECTED,Le=pe?`Add ${o} chain`:O,$=i(()=>{b.state===Is.DISCONNECTED?v(b.type):pe?(m({walletType:b.type,chain:o,address:Q??""}),T(!0)):r({walletType:b.type,chain:o,address:Q??""})},"onClick"),X=g?.chain?xs(g.chain,p):void 0;return re.createElement(re.Fragment,null,u===b.type&&re.createElement(Ht,{open:u===b.type,onClose:()=>d(""),image:b.image,state:b.state,error:x}),!!g&&re.createElement(Bs,{open:!!g&&f,container:ie,onClose:()=>{m(null)}},re.createElement(jn,{title:`Add ${X} Chain`,type:"warning",description:`You should connect a ${X} supported wallet or choose a different ${X} address`},re.createElement(Xn,{size:18}),re.createElement(Xn,{size:32}),re.createElement(Zu,{onClick:K.bind(null,g),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},"Confirm"))),c&&re.createElement(Bs,{open:!!c,onClose:w.bind(null,null),container:ie},c==="in-progress"?re.createElement(jn,{type:"loading",title:`Add ${X} Chain`,description:`You should connect a ${X} supported wallet or choose a different ${X} address.`,icon:re.createElement(bs,null,re.createElement(Es,null,re.createElement(Ru,{src:b.image,size:45})),re.createElement(As,null))}):re.createElement(jn,{type:"success",title:`${X} Chain Added`,description:`${X} is added to your wallet, you can use it to swap.`}),re.createElement(Xn,{direction:"vertical",size:32})),re.createElement(ec,{key:b.type,description:Le,onClick:$,selected:n(b.type,o),...b}))}),N&&re.createElement(qi,{selected:!1,onClick:a.bind(null)},re.createElement(Ws,{variant:"label",size:"medium"},"Show more wallets",re.createElement(Ws,{variant:"label",size:"medium",color:"$primary"},"\xA0+",W-(s??0)))))}i(Yn,"WalletList");var ac=2;function Ds(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,config:s,loading:a}=t,{blockchains:l}=C.use.meta(),{bestRoute:p,setSelectedWallets:u,setRouteWalletConfirmed:d,customDestination:g,setCustomDestination:m}=P(),{connectedWallets:f,selectWallets:T}=F(),[c,w]=dt(""),[B,y]=dt([]),[x,v]=dt(""),[S,I]=dt(null),[W,N]=dt(g),[K,ie]=dt(!!g),b=ho(p),Q=typeof s?.customDestination>"u"?!0:s.customDestination,O=l.find(_=>_.name===p?.result?.swaps[p?.result?.swaps.length-1].to.blockchain),D=i(_=>!!p?.result?.swaps.find(j=>j.from.blockchain===_),"isWalletRequiredFor"),[E,pe]=dt(f.filter(_=>_.selected&&b.includes(_.chain))),Le=l.find(_=>_.name===O?.name),$=i((_,j)=>!!E.find(H=>H.walletType===_&&H.chain===j&&H.selected&&(D(j)||!D(j)&&!W)),"isSelected"),X=!!W&&K&&Le&&!yo(Le,W),Be=i(()=>{ie(!1),N(""),pe(_=>{let j=!1;return _.map(H=>!j&&H.chain===O?.name?(j=!0,{...H,selected:!0}):H)})},"resetCustomDestination"),Se=i(_=>{if(c&&w(""),$(_.walletType,_.chain))return;let H=f.find(z=>z.walletType===_.walletType&&z.chain===_.chain);H&&(n(),_.chain===O?.name&&K&&(ie(!1),N("")),pe(z=>z.filter(Ce=>Ce.chain!==_.chain).concat({...H,selected:!0})))},"onChange"),Pe=i(()=>{let _=E.filter(j=>j.selected);T(_),u(_),m(W),d(!0),o()},"onConfirmBalance"),se=i(async()=>{y([]),v(""),I(null);let _=f.filter(z=>E.find(Ce=>Ce.chain===z.chain&&Ce.walletType===z.walletType)),j=await r?.({selectedWallets:_,customDestination:W}),H=j.warnings;H?.balance?.messages&&y(H.balance.messages),H?.route&&I(H.route),j.error&&v(So(j.error)),!j.error&&(!H?.balance?.messages.length||0>0)?Pe():y(H?.balance?.messages??[])},"onConfirmWallets");sc(()=>{pe(_=>_.concat(f.filter(j=>!!!_.find(z=>z.chain===j.chain)&&j.selected&&b.includes(j.chain))))},[f.length]);let tt=document.querySelector("#swap-box");return A.createElement(Ps,{open:e,onClose:o,dismissible:!c,container:tt,...!c&&{footer:A.createElement(Ji,null,A.createElement(Ls,{loading:a,disabled:_i(a,K,W,p,E,O),onClick:se,variant:"contained",type:"primary",fullWidth:!0,size:"large"},"Confirm"))},...c&&{containerStyle:{padding:"$0"},header:A.createElement(Gi,null,A.createElement(Vi,{variant:"ghost",onClick:w.bind(null,"")},A.createElement(nc,{size:16})),A.createElement(Yo,{variant:"headline",size:"small"},`Your ${c} wallets`))},anchor:"center"},A.createElement(Ps,{open:B.length>0,onClose:y.bind(null,[]),container:tt},A.createElement(rc,{title:"Insufficient account balance",type:"error",description:A.createElement(tc,{messages:B??[]})},A.createElement(Ls,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:Pe},"Proceed anyway"))),c&&A.createElement(Ki,null,A.createElement("div",{className:"wallets-list"},A.createElement(Yn,{chain:c,isSelected:$,selectWallet:Se,multiWallets:s?.multiWallets??!0,supportedWallets:s?.wallets??[],config:s,onShowMore:w.bind(null,c)}))),!c&&A.createElement(A.Fragment,null,x&&A.createElement(A.Fragment,null,A.createElement(Qn,{variant:"alarm",type:"error",title:x}),A.createElement(Et,{size:12})),S&&A.createElement(A.Fragment,null,A.createElement(Qn,{variant:"alarm",type:"warning",title:Oo(S)}),A.createElement(Et,{size:12})),A.createElement(es,null,b.map((_,j)=>{let H=l.find(Te=>Te.name===_),z=`wallet-${j}`,Ce=j===b.length-1;return A.createElement("div",{key:z},A.createElement(Ui,null,A.createElement(Yo,{variant:"title",size:"xmedium"},`Your ${H?.displayName} wallets`),A.createElement(Yo,{variant:"label",color:"$neutral900",size:"medium"},`You need to connect a ${H?.displayName} wallet.`)),A.createElement(Et,{size:24}),A.createElement(zi,null,A.createElement(Yn,{chain:_,isSelected:$,selectWallet:Se,multiWallets:s?.multiWallets??!0,supportedWallets:s?.wallets??[],config:s,limit:ac,onShowMore:()=>w(H?.name??"")})),!Ce&&A.createElement(Et,{size:32}),Ce&&Q&&A.createElement(Yi,null,A.createElement(Xi,{selected:K,open:K,onOpenChange:Te=>{Te?D(O?.name??"")||pe(oe=>oe.map(ae=>ae.chain===O?.name?{...ae,selected:!1}:ae)):Be()}},A.createElement(Hi,{onClick:()=>ie(Te=>!Te)},A.createElement(ji,{fullWidth:!0,suffix:A.createElement(Qi,{orientation:K?"up":"down"},A.createElement(oc,{size:10,color:"gray"}))},A.createElement("div",{className:"button__content"},A.createElement(ic,{size:18,color:"info"}),A.createElement(Et,{size:4,direction:"horizontal"}),A.createElement(Yo,{variant:"label",size:"medium"},"Send to a different address")))),A.createElement(Ri,{open:K},A.createElement(A.Fragment,null,A.createElement(Et,{size:4}),A.createElement(Zi,{autoFocus:!0,placeholder:"Your destination address",value:W,onChange:Te=>{N(Te.target.value)}})))),X&&A.createElement("div",{className:"alarms"},A.createElement(Qn,{variant:"alarm",type:"error",title:`Address '${W}' doesn't match the blockchain address pattern.`}))))}))))}i(Ds,"ConfirmWalletsModal");import{Alert as cc,Button as mc,Divider as Vs,NoRouteIcon as dc,RefreshIcon as fc,Typography as Ks}from"@rango-dev/ui";import Oe from"react";import{create as lc}from"zustand";import{persist as pc,subscribeWithSelector as uc}from"zustand/middleware";var _s=[.5,1,3],Fs=1,Os=5,$s=100,Us=0;var U=Ie(lc()(pc(uc(t=>({slippage:Fs,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,disabledLiquiditySources:[],theme:"auto",setSlippage:e=>t(()=>({slippage:e})),setCustomSlippage:e=>t(()=>({customSlippage:e})),setAffiliateRef:e=>t(()=>({affiliateRef:e})),setAffiliatePercent:e=>t(()=>({affiliatePercent:e})),setAffiliateWallets:e=>t(()=>({affiliateWallets:e})),toggleAllLiquiditySources:e=>t(o=>{if(e)return{disabledLiquiditySources:[]};let{swappers:n}=C.getState().meta,r=ot(n.map(s=>s.swapperGroup));return r.length===o.disabledLiquiditySources.length?{disabledLiquiditySources:[]}:{disabledLiquiditySources:r}}),toggleInfiniteApprove:()=>t(e=>({infiniteApprove:!e.infiniteApprove})),toggleLiquiditySource:e=>t(o=>o.disabledLiquiditySources.includes(e)?{disabledLiquiditySources:o.disabledLiquiditySources.filter(n=>n!=e)}:{disabledLiquiditySources:o.disabledLiquiditySources.concat(e)}),setTheme:e=>t(()=>({theme:e}))})),{name:"user-settings",skipHydration:!0})));function zs(t,e,o,n,r){return o?{alert:{type:"warning",text:q.genericServerError,action:{onClick:r,title:"Retry"}},description:""}:t?{alert:{type:"error",text:t,action:null},description:""}:e.length?{alert:{type:"warning",text:q.liquiditySourcesError.title,action:{onClick:()=>n(!0),title:"Reset"}},description:q.liquiditySourcesError.description}:{alert:null,description:q.noRoutesError.description}}i(zs,"makeInfo");import{styled as Jn}from"@rango-dev/ui";var qs=Jn("div",{display:"flex",flexDirection:"column",alignItems:"center"}),Hs=Jn("div",{width:"100%"}),Gs=Jn("div",{padding:"$6 $0"});function Vt(t){let{diagnosisMessage:e,fetch:o,error:n}=t,r=U.use.disabledLiquiditySources(),s=C.use.loadingStatus(),a=U.use.toggleAllLiquiditySources(),p=zs(e??null,r,n||s==="failed",a,o);return Oe.createElement(qs,null,Oe.createElement(dc,{size:24,color:"gray"}),Oe.createElement(Vs,{size:4}),Oe.createElement(Ks,{variant:"title",size:"small"},q.noRoutesError.title),!!p.description&&Oe.createElement(Ks,{variant:"body",size:"small",align:"center",color:"neutral900"},p.description),Oe.createElement(Vs,{size:4}),!!p.alert&&Oe.createElement(Hs,null,Oe.createElement(cc,{type:p.alert.type,title:p.alert.text,action:p.alert.action&&Oe.createElement(mc,{size:"xsmall",type:p.alert.type,prefix:Oe.createElement(Gs,null,Oe.createElement(fc,{size:8})),onClick:p.alert.action.onClick},p.alert.action.title),variant:"alarm"})))}i(Vt,"NoRoutes");import{calculatePendingSwap as Sc}from"@rango-dev/queue-manager-rango-preset";import Cc from"bignumber.js";import{useEffect as Tc}from"react";import{useRef as gc,useState as hc}from"react";function Qo(){let[t,e]=hc(!1),o=gc(null),n=i(()=>o.current?.abort(),"cancel");return{fetch:i(async s=>{n(),o.current=new AbortController,e(!0);try{let a=await Ct().getBestRoute(s,{signal:o.current.signal});return o.current=null,a}catch(a){throw a}finally{e(!1)}},"fetch"),loading:t,cancelFetch:n}}i(Qo,"useFetchBestRoute");function kc(t,e){if(!t.result)throw new Error(q.noRoutesError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});let o=new Cc(t.result?.outputAmount||"0").multipliedBy(e.outputUsdValue||0),n=Io(e.inputUsdValue,o);if(No(e.inputUsdValue,n))throw new Error("High value loss for route",{cause:{type:1}});return t}i(kc,"throwErrorIfResponseIsNotValid");function wc(t,e,o){let n=pi(t,e),r={balance:null,route:null,slippage:null};n&&(Ii(t,e)?r.route={type:3,newOutputAmount:k(vt(e)),percentageChange:k(Ye(vt(t),vt(e)),null,2)}:Bn(t,e)?r.route={type:0}:Wn(t,e)?r.route={type:1}:In(t,e)&&(r.route={type:2}));let s=Ni(e,o.selectedWallets);s.length===0||(r.balance={messages:s});let l=Ei(t),p=o.userSlippage>Os;return Bi(o.userSlippage.toString(),l)?p&&(r.slippage={type:1,slippage:o.userSlippage.toString()}):r.slippage={type:0,slippage:l},r}i(wc,"generateWarnings");function Xs(){let{fromToken:t,toToken:e,inputAmount:o,inputUsdValue:n,setRoute:r,bestRoute:s,customDestination:a}=P(),{slippage:l,customSlippage:p,affiliatePercent:u,affiliateRef:d,affiliateWallets:g,disabledLiquiditySources:m}=U(),{connectedWallets:f}=F(),{meta:T}=C(),c=p||l,{fetch:w,cancelFetch:B,loading:y}=Qo();return Tc(()=>B,[]),{loading:y,fetch:i(async v=>{let S=v.selectedWallets,I=v?.customDestination??a;if(!t||!e||!o||!s)return{route:null,swap:null,error:null,warnings:null};let W=Do({fromToken:t,toToken:e,inputAmount:o,wallets:f,selectedWallets:S,disabledLiquiditySources:m,slippage:c,affiliateRef:d,affiliatePercent:u,affiliateWallets:g,initialRoute:s,destination:I}),N;try{N=await w(W).then(b=>kc(b,{outputUsdValue:e.usdPrice,inputUsdValue:n})),r(N)}catch(b){return b?.code==="ERR_CANCELED"?{swap:null,error:{type:3},warnings:null}:b.cause?{swap:null,error:b.cause,warnings:null}:{swap:null,error:{type:2},warnings:null}}let K={slippage:c.toString(),disabledSwappersGroups:m},ie=Sc(o.toString(),N,Wi(S),K,!1,T);return{route:N,swap:ie,error:null,warnings:wc(s,N,{selectedWallets:S,userSlippage:c})}},"fetch"),cancelFetch:B}}i(Xs,"useConfirmSwap");var Pc=Qs("div",{position:"relative",width:"100%","& .description":{display:"flex",justifyContent:"space-between",alignItems:"center",paddingBottom:"$10"},"& .icon":{width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}}),Dc=Qs("div",{width:"100%",display:"flex",justifyContent:"space-between","& .confirm-button":{flexGrow:1,paddingRight:"$10"},[`& ${Ys}`]:{width:"$48",height:"$48"}});function Js(t){let{config:e}=t,{bestRoute:o,inputAmount:n,outputAmount:r,inputUsdValue:s,outputUsdValue:a,setInputAmount:l,selectedWallets:p,routeWalletsConfirmed:u,setRouteWalletConfirmed:d,customDestination:g}=P(),m=Lc(),[f,T]=Zo(""),[c,w]=Zo(!1),{connectedWallets:B}=F(),y=!u,[x,v]=Zo(!1),S=xe.use.setSelectedSwap(),{meta:{tokens:I},loadingStatus:W}=C(),N=U.use.slippage(),K=U.use.customSlippage(),{manager:ie}=vc(),b=K||N,{fetch:Q,loading:O,cancelFetch:D}=Xs(),[E,pe]=Zo({swap:null,error:null,warnings:null}),Le=O||W==="loading",$=!O&&E.error&&[0,2].includes(E.error.type),X=!$&&!O&&o&&o.result,Be=Po(o,I),Se=k(Ye(s?.toNumber()??0,a?.toNumber()??0),2,2),Pe=St(parseFloat(Se)),se=i(async({selectedWallets:z,customDestination:Ce})=>{let Te=await Q?.({selectedWallets:z,customDestination:Ce});return pe(Te),Te},"onConfirmSwap"),tt=i(async()=>{if(E.swap&&u)try{await ie?.create("swap",{swapDetails:E.swap},{id:E.swap.requestId}),S(E.swap.requestId),m("/"+h.swaps+`/${E.swap.requestId}`,{replace:!0}),setTimeout(()=>{l("")},0)}catch(z){T("Error: "+z?.message)}},"addNewSwap"),_=i(async()=>{await tt()},"onConfirm"),j=i(async()=>{E?.warnings?.slippage?w(!0):await _()},"onStartConfirmSwap"),H=i(async()=>{pe({error:null,swap:null,warnings:null}),Q({selectedWallets:p}).then(z=>{pe(z)}).catch(z=>console.error(z))},"onRefresh");return Kt(()=>{y&&D()},[y]),Kt(()=>{y&&v(y)},[y]),Kt(()=>{y||Q({selectedWallets:p,customDestination:g}).then(z=>pe(z)).catch(z=>console.error(z))},[]),Kt(()=>{!x&&!u&&m(h.home,{replace:!0})},[x,u]),Kt(()=>{let z=E.warnings?.route?.type&&Object.values($t).includes(E.warnings?.route?.type),Ce=p.length<1||!p.every(oe=>B.find(ae=>oe.address===ae.address&&oe.walletType===ae.walletType&&oe.chain===ae.chain)),Te=!1;if(z){let oe=ho(o),ae=o?.result?.swaps[o.result.swaps.length-1].to.blockchain;!!o?.result?.swaps.find(Ft=>Ft.from.blockchain===ae)||(oe=oe.slice(-oe.length,oe.length-1)),oe.every(Ft=>p.find(up=>up.chain===Ft))||(Te=!0)}o&&(Ce||Te)&&(queueMicrotask(()=>Mc(v.bind(null,!0))),d(!1))},[E.warnings?.route,p.length,B.length]),M.createElement(J,{header:{title:"Confirm Swap",onBack:m.bind(null,-1),hasConnectWallet:!0,suffix:M.createElement(Ic,{side:"bottom",content:Zn.t("Settings")},M.createElement(_e,{size:"small",variant:"ghost",onClick:()=>m("/"+h.settings)},M.createElement(Wc,{size:18,color:"black"})))},footer:M.createElement(Dc,null,M.createElement("div",{className:"confirm-button"},M.createElement(Jo,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:O,disabled:!!E.error,onClick:j},"Start Swap")),M.createElement(Ys,{variant:"contained",type:"primary",size:"large",loading:O,onClick:v.bind(null,!0)},M.createElement(Nc,{size:24})))},M.createElement(Ec,{anchor:"bottom",open:c,prefix:M.createElement(Jo,{size:"small",variant:"ghost",onClick:()=>m("/"+h.settings)},M.createElement(js,{variant:"label",size:"medium",color:"$neutral900"},"Change settings")),container:document.querySelector("#swap-box"),onClose:w.bind(null,z=>!z)},E.warnings?.slippage&&M.createElement(Ac,{type:"warning",title:E.warnings.slippage.type===1?"High slippage":"Low slippage",description:E.warnings.slippage.type===1?Zn.t("highSlippage",{selectedSlippage:b},{message:" Caution, your slippage is high (={selectedSlippage}). Your trade may be front run."}):Zn.t("increaseSlippage",{minRequiredSlippage:E.warnings.slippage.slippage},{message:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route."})},M.createElement(Bt,{size:18}),M.createElement(Bt,{size:32}),M.createElement(Jo,{size:"large",type:"primary",variant:"contained",fullWidth:!0,onClick:_},"Confirm anyway"))),x&&M.createElement(Ds,{open:x,onClose:v.bind(null,!1),onCancel:D,loading:O,onCheckBalance:se,config:e}),M.createElement(Pc,null,M.createElement("div",{className:"description"},M.createElement(js,{variant:"title",size:"small"},"You get"),M.createElement(Jo,{style:{padding:"0"},variant:"ghost",disabled:O,onClick:H},M.createElement("div",{className:"icon"},M.createElement(Bc,{size:16})))),f&&M.createElement(M.Fragment,null,M.createElement(Rn,{type:"error",variant:"alarm",title:f}),M.createElement(Bt,{size:12})),E.warnings?.route&&M.createElement(M.Fragment,null,M.createElement(Rn,{variant:"alarm",type:"warning",title:Oo(E.warnings.route)}),M.createElement(Bt,{size:12})),Le&&M.createElement(bc,{type:"swap-preview",expanded:!0}),X&&M.createElement(xc,{expanded:!0,steps:mi(o)??[],input:{value:k(n,6,6),usdValue:k(s,4,4)},output:{value:k(r,6,6),usdValue:k(a,4,4)},totalFee:k(Be,2,2),totalTime:uo(co(o)),recommended:!0,type:"swap-preview",percentageChange:Se,warningLevel:Pe}),$&&M.createElement(M.Fragment,null,M.createElement(Bt,{size:12}),M.createElement(Vt,{diagnosisMessage:E.error?.type===0?E.error.diagnosisMessage:void 0,error:E.error?.type===2,fetch:H})),E.error?.type===1&&M.createElement(M.Fragment,null,M.createElement(Rn,{variant:"alarm",type:"error",title:So(E.error)}),M.createElement(Bt,{size:12}))))}i(Js,"ConfirmSwapPage");import{i18n as rr}from"@lingui/core";import{useManager as zc}from"@rango-dev/queue-manager-react";import{Divider as qc,NotFound as Hc,styled as ia}from"@rango-dev/ui";import st,{useState as Gc}from"react";import{useNavigate as Vc}from"react-router-dom";import{CloseIcon as Fc,IconButton as Oc,SearchIcon as $c,TextField as Uc}from"@rango-dev/ui";import Xt from"react";import{styled as _c}from"@rango-dev/ui";var Zs=_c("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function Ze(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:s,value:a,setValue:l,...p}=t;return Xt.createElement(Uc,{prefix:Xt.createElement(Zs,null,Xt.createElement($c,{color:"black"})),suffix:!!a.length&&Xt.createElement(Oc,{variant:"ghost",onClick:()=>l?.(""),size:"small"},Xt.createElement(Fc,{color:"gray",size:10})),fullWidth:o,color:n,variant:e,style:{padding:10,borderRadius:25,alignItems:"center"},size:r,value:a,onChange:s,...p})}i(Ze,"SearchInput");import{Divider as ea,SwapListItem as ta,Typography as oa}from"@rango-dev/ui";import ee from"react";import{styled as Ro}from"@rango-dev/ui";var er=Ro("div",{width:"100%",display:"flex",flexDirection:"column"}),tr=Ro("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),or=Ro("div",{gap:"$10",display:"flex",flexDirection:"column"}),Rs=Ro("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});function nr(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,s=n?n(e):[{title:"History",swaps:e}];if(r){let a=[{},{}];return ee.createElement(ee.Fragment,null,[{title:"Today",swaps:a},{title:"Last month",swaps:a}].map(p=>ee.createElement(ee.Fragment,{key:p.title},ee.createElement(er,null,ee.createElement(tr,null,ee.createElement(oa,{variant:"label",size:"medium",color:"neutral800",className:"group-title"},p.title)),ee.createElement(ea,{size:4}),ee.createElement(or,null,p.swaps.map((u,d)=>{let g=d+p.title;return ee.createElement(ee.Fragment,{key:g},ee.createElement(ta,{isLoading:!0}))}))))))}return ee.createElement(ee.Fragment,null,s.filter(a=>a.swaps.length>0).map(a=>ee.createElement(ee.Fragment,{key:a.title},ee.createElement(er,null,ee.createElement(tr,null,ee.createElement(oa,{variant:"label",size:"medium",color:"neutral800",className:"group-title"},a.title)),ee.createElement(ea,{size:4}),ee.createElement(or,null,a.swaps.map(l=>{let p=l.steps[0],u=l.steps[l.steps.length-1];return ee.createElement(ee.Fragment,{key:l.requestId},ee.createElement(ta,{requestId:l.requestId,creationTime:l.creationTime,status:l.status,onClick:o,onlyShowTime:a.title==="Today",swapTokenData:{from:{token:{image:p.fromLogo,displayName:p.fromSymbol},blockchain:{image:p.fromBlockchainLogo||""},amount:mo(l.inputAmount)},to:{token:{image:u.toLogo,displayName:u.toSymbol},blockchain:{image:u.toBlockchainLogo||""},amount:mo(u.outputAmount||""),estimatedAmount:mo(u.expectedOutputAmountHumanReadable||"")}}}))}))))))}i(nr,"SwapsGroup");import na from"dayjs";var ra=i(t=>{let e=new Map([["today",{title:"Today",swaps:[]}],["month",{title:"Last month",swaps:[]}],["year",{title:"Last year",swaps:[]}],["history",{title:"History",swaps:[]}]]),o=na();return t.forEach(n=>{let r=na(Number(n.creationTime));o.isSame(r,"day")?e.get("today")?.swaps.push(n):o.isSame(r,"month")?e.get("month")?.swaps.push(n):o.isSame(r,"year")?e.get("year")?.swaps.push(n):e.get("history")?.swaps.push(n)}),Array.from(e.values())},"groupSwapsByDate");var en=i(t=>{let e=[];return t?.getAll().forEach((o,n)=>{let r=o.list.getStorage();r?.swapDetails&&e.push({id:n,swap:r?.swapDetails})}),e.sort((o,n)=>Number(n.swap.creationTime)-Number(o.swap.creationTime))},"getPendingSwaps");var Kc=ia("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",height:"100%",gap:15}),Xc=ia("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),jc=i((t,e)=>t?.length?t.filter(o=>He(o.fromBlockchain,e)||He(o.toBlockchain,e)||He(o.toSymbol,e)||He(o.fromSymbol,e)).length:!1,"isStepContainsText");function sa(){let t=xe.use.setSelectedSwap(),e=Vc(),{navigateBackFrom:o}=ne(),{manager:n,state:r}=zc(),s=en(n).map(({swap:m})=>m),[a,l]=Gc(""),p=!r.loadedFromPersistor,u=i(m=>{let f=m.target.value;l(f)},"searchHandler"),d=s;a&&(d=s.filter(m=>He(m.inputAmount,a)||He(m.status,a)||jc(m.steps,a)||He(m.requestId,a)));let g=!d?.length&&!p;return st.createElement(J,{header:{onBack:o.bind(null,"/"+h.swaps),title:rr.t("History")}},st.createElement(Kc,null,st.createElement(Ze,{setValue:l,fullWidth:!0,variant:"contained",placeholder:"Search Transaction",autoFocus:!0,onChange:u,value:a}),st.createElement(Xc,null,g&&st.createElement(Rs,null,st.createElement(qc,{size:32}),st.createElement(Hc,{title:rr.t("No results found"),description:a?rr.t("Try using different keywords"):""})),!g&&st.createElement(nr,{list:d,onSwapClick:m=>{t(m),e(`${m}`,{replace:!0})},groupBy:ra,isLoading:p}))))}i(sa,"HistoryPage");import{i18n as am}from"@lingui/core";import{Alert as lm,BestRoute as pm,BestRouteSkeleton as um,Button as cm,Divider as pr,styled as Wt,SwapInput as ka,Typography as ur,WarningIcon as mm}from"@rango-dev/ui";import Y,{useEffect as dm,useRef as fm,useState as gm}from"react";import{useNavigate as hm}from"react-router-dom";import{Alert as ga,Divider as em,InfoIcon as tm}from"@rango-dev/ui";import Ue from"react";import{styled as tn}from"@rango-dev/ui";var aa=tn("div",{width:"100%",paddingTop:"$10"}),ir=tn("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),la=tn("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%"}),pa=tn("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});import{Button as Yc,Divider as ma,MessageBox as da,Modal as Qc,Typography as Jc,WarningIcon as Zc}from"@rango-dev/ui";import $e from"react";import{useNavigate as Rc}from"react-router-dom";import{Typography as ua}from"@rango-dev/ui";import sr from"react";function ca(t){let{title:e,value:o,valueColor:n}=t;return sr.createElement(la,null,sr.createElement(ua,{size:"medium",variant:"label",color:"neutral800"},e),sr.createElement(ua,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(ca,"RouteErrorsModalItem");function fa(t){let{highValueLoss:e,open:o,onToggle:n,percentageChange:r,inputUsdValue:s,outputUsdValue:a,totalFeeInUsd:l}=t,p=Rc(),u=e&&r?.lt(-10)?"error":"warning",d=[{title:"Swapping",value:k(s,4,4)},{title:"Gas cost",value:k(l,2,2)},{title:"Receiving",value:k(a,4,4)},{title:"Price impact",value:k(r,2,2),valueColor:`${u}500`}];return $e.createElement(Qc,{open:o,onClose:()=>n(!1),container:document.getElementById("swap-box")||document.body},e?$e.createElement(da,{type:u,title:q.highValueLossError.impactTitle,description:q.highValueLossError.description}):$e.createElement(da,{type:u,title:q.unknownPriceError.impactTitle,description:q.unknownPriceError.description}),e&&$e.createElement(ir,null,$e.createElement(ma,{size:20}),$e.createElement(Jc,{size:"small",variant:"title"},"Details"),$e.createElement(ir,null,d.map((g,m)=>$e.createElement(ca,{key:m,...g})))),$e.createElement(ma,{size:32}),$e.createElement(Yc,{type:"primary",size:"large",prefix:$e.createElement(Zc,null),fullWidth:!0,onClick:()=>{p(h.confirmSwap)}},e?q.highValueLossError.confirmMessage:q.unknownPriceError.confirmMessage))}i(fa,"RouteErrorsModal");var om=-10;function ar(t){let{bestRoute:e}=P(),{highValueLoss:o,percentageChange:n,priceImpactCanNotBeComputed:r,openModal:s,onToggle:a,totalFeeInUsd:l,outputUsdValue:p,inputUsdValue:u,loading:d,extraSpace:g}=t,m=Mo(e),{recommendation:f}=Lo(e),T=!m&&(o||r),c=T||m;return Ue.createElement(Ue.Fragment,null,(d||g&&!c)&&Ue.createElement(em,{size:20}),c&&Ue.createElement(aa,null,T&&Ue.createElement(Ue.Fragment,null,Ue.createElement(ga,{title:o?q.highValueLossError.title:q.unknownPriceError.title,type:o&&n?.lt(om)?"error":"warning",variant:"alarm",action:Ue.createElement(pa,{onClick:()=>a(!0)},Ue.createElement(tm,{size:12,color:"gray"}))})),m&&Ue.createElement(ga,{type:"error",variant:"alarm",title:f})),Ue.createElement(fa,{highValueLoss:o,open:s,onToggle:a,percentageChange:n,inputUsdValue:u,outputUsdValue:p,totalFeeInUsd:l}))}i(ar,"RouteErrors");import{ReverseIcon as nm,styled as ha}from"@rango-dev/ui";import lr from"react";var rm=ha("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),im=ha("div",{borderRadius:"$md",border:"3px solid $background",background:"$neutral100",width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center",color:"$foreground","&:hover":{color:"$secondary500"}});function ya(){let t=P.use.switchFromAndTo();return lr.createElement(rm,null,lr.createElement(im,{onClick:()=>{t()}},lr.createElement(nm,{size:12})))}i(ya,"SwitchFromAndToButton");import{useEffect as Sa,useState as Ca}from"react";var sm=600;function Ta(){let{fetch:t,cancelFetch:e}=Qo(),[o,n]=Ca(!1),{fromToken:r,toToken:s,inputAmount:a,inputUsdValue:l,resetRoute:p,setRoute:u}=P(),{slippage:d,customSlippage:g,affiliatePercent:m,affiliateRef:f,affiliateWallets:T,disabledLiquiditySources:c}=U(),[w,B]=Ca(""),y=g??d,v=!r||!s||De(r,s)||!Ot(a),S=i(()=>{if(o||n(!0),!v){p();let W=Do({fromToken:r,toToken:s,inputAmount:a,disabledLiquiditySources:c,slippage:y,affiliateRef:f,affiliatePercent:m,affiliateWallets:T});t(W).then(N=>{n(!1),u(N)}).catch(N=>{p(),N?.code!=="ERR_CANCELED"&&(B(N.message),n(!1))})}},"fetch"),I=si(()=>{v||S()},sm);return Sa(()=>{if(!Ot(a)||l?.eq(0)){n(!1),e();return}if(!v)return p(),n(!0),I(),e},[a,v]),Sa(()=>(v||S(),e),[c.length]),{fetch:S,loading:o,error:w}}i(Ta,"useSwapInput");var ym=Wt("div",{display:"flex",flexDirection:"column",overflowY:"visible"}),Sm=Wt("div",{position:"relative"}),Cm=Wt("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"}),wa=Wt("div",{width:"100%",paddingTop:"$2"}),Tm=Wt("div",{paddingBottom:"$15"}),km=Wt("div",{width:"100%",display:"flex"});function va(){let t=hm(),{fetch:e,loading:o,error:n}=Ta(),{fromToken:r,fromBlockchain:s,toToken:a,toBlockchain:l,setInputAmount:p,inputAmount:u,inputUsdValue:d,outputAmount:g,outputUsdValue:m,bestRoute:f,resetRouteWallets:T}=P(),{meta:{tokens:c},loadingStatus:w}=C(),B=F.use.connectedWallets(),y=xe.use.setCurrentPage(),[x,v]=gm(!1),{fromAmountRangeError:S,swap:I,recommendation:W}=Lo(f),N=fm(null),K=!!Number(u)&&(!!f||o||!!n),ie=!1,b=Io(d,m),Q=No(d,b),O=!Pn(f,u,d),D=!Pn(f,u,m),E=Ai(w,B,o,f,Mo(f),Q,O||D,ie,u),pe=s&&r?k(Tt(B,s?.name,r?.symbol,r?.address)?.amount||"0",8,8):"0",Le=s&&r?k(Tt(B,s?.name,r?.symbol,r?.address)?.amount||"0",Tt(B,s?.name,r?.symbol,r?.address)?.decimal):"0";dm(()=>(y(h.home),T(),y.bind(null,"")),[]);let $=!d||!m||!m.gt(0)?null:Ye(d.toNumber(),m.toNumber()),X=i(Pe=>Pe.map((se,tt)=>({swapper:{displayName:se.swapperId,image:se.swapperLogo},from:{token:{displayName:se.from.symbol,image:se.from.logo},chain:{displayName:se.from.blockchain,image:se.from.blockchainLogo},price:{value:tt===0?k(u,6,6):se.fromAmount}},to:{token:{displayName:se.to.symbol,image:se.to.logo},chain:{displayName:se.to.blockchain,image:se.to.blockchainLogo},price:{value:se.toAmount}},alerts:se.swapperId===I?.swapperId?Y.createElement(Tm,null,Y.createElement(lm,{type:"error",title:W,footer:Y.createElement(km,null,Y.createElement(ur,{size:"xsmall",variant:"body",color:"neutral900"},S),Y.createElement(pr,{direction:"horizontal",size:8}),Y.createElement(ur,{size:"xsmall",variant:"body",color:"neutral900"},"|"),Y.createElement(pr,{direction:"horizontal",size:8}),Y.createElement(ur,{size:"xsmall",variant:"body",color:"neutral900"},`Yours: ${k(I?.fromAmount||null,6,6)} ${se?.from.symbol}`))})):void 0})),"getBestRouteSteps"),Be=Po(f,c),Se=ci(f);return Y.createElement(J,{ref:N,fixedHeight:!1,hasLogo:!0,footer:Y.createElement(cm,{type:"primary",size:"large",disabled:E.disabled,prefix:!E.disabled&&E.hasWarning&&Y.createElement(mm,null),fullWidth:!0,onClick:()=>{E.state==="waitForConnecting"?t(h.wallets):E.state==="needToConfirm"?v(!0):t(h.confirmSwap)}},E.title),header:{hasConnectWallet:!0,title:am.t("Swap"),suffix:Y.createElement(qn,{layoutRef:N.current,onClickRefresh:f||n?e:void 0,onClickHistory:()=>t(h.swaps),onClickSettings:()=>t(h.settings)})}},Y.createElement(ym,null,Y.createElement(Cm,null,Y.createElement(Sm,null,Y.createElement(ka,{label:"From",onInputChange:p,balance:pe,chain:{displayName:s?.displayName||"",image:s?.logo||""},token:{displayName:r?.symbol||"",image:r?.image||""},onClickToken:()=>t("from-swap"),price:{value:u,usdValue:O?void 0:k(d,4,4),error:O?q.unknownPriceError.impactTitle:void 0},disabled:w==="failed",loading:w==="loading",onSelectMaxBalance:()=>{pe!=="0"&&p(Le.split(",").join(""))}}),Y.createElement(ya,null)),Y.createElement(ka,{sharpBottomStyle:!!f?.result||o,label:"To",chain:{displayName:l?.displayName||"",image:l?.logo||""},token:{displayName:a?.symbol||"",image:a?.image||""},percentageChange:$?.lt(0)?k($,2,2):null,warningLevel:St($?.toNumber()??0),price:{value:k(g,6,6),usdValue:D?void 0:k(m,4,4),error:D?q.unknownPriceError.impactTitle:void 0},onClickToken:()=>t("to-swap"),disabled:w==="failed",loading:w==="loading"})),o&&Y.createElement(wa,null,Y.createElement(um,{type:"basic"})),K&&!o&&Se?.result?.swaps?.length?Y.createElement(wa,null,Y.createElement(pm,{type:"basic",recommended:!0,input:{value:k(u,6,6),usdValue:k(d,4,4)},output:{value:k(g,6,6),usdValue:k(m,4,4)},steps:X(Se.result.swaps),percentageChange:k($,2,2),totalFee:k(Be,2,2),totalTime:uo(co(f))})):K&&!o?Y.createElement(Y.Fragment,null,Y.createElement(pr,{size:20}),Y.createElement(Vt,{diagnosisMessage:Se?.diagnosisMessages?.[0],fetch:e,error:!!n})):null),Y.createElement(ar,{openModal:x,onToggle:v,totalFeeInUsd:Be,outputUsdValue:m,inputUsdValue:d,percentageChange:$,highValueLoss:Q,priceImpactCanNotBeComputed:O||D,loading:o||w==="loading",extraSpace:!!f?.result||!f}))}i(va,"Home");import{i18n as on}from"@lingui/core";import{List as wm,ListItemButton as vm,Radio as fr,RadioRoot as xm,Typography as gr}from"@rango-dev/ui";import ze,{useState as bm}from"react";import{styled as jt}from"@rango-dev/ui";var Re=jt("div",{height:"100%"}),Yt=jt("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"visible"}),cr=jt("li",{margin:"0 auto",width:"100%",height:"1px",backgroundColor:"$neutral300"}),mr=jt("div",{width:80,display:"flex",justifyContent:"flex-end"}),dr=jt("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});function xa(){let{navigateBackFrom:t}=ne(),[e,o]=bm("english"),n=[{id:"english",value:"english",title:ze.createElement(gr,{variant:"title",size:"xmedium"},on.t("English")),onClick:()=>o("english"),end:ze.createElement(fr,{value:"english"})},{id:"french",value:"french",title:ze.createElement(gr,{variant:"title",size:"xmedium"},on.t("French")),onClick:()=>o("french"),end:ze.createElement(fr,{value:"french"})},{id:"spanish",value:"spanish",title:ze.createElement(gr,{variant:"title",size:"xmedium"},on.t("Spanish")),onClick:()=>o("spanish"),end:ze.createElement(fr,{value:"spanish"})}];return ze.createElement(J,{header:{onBack:t.bind(null,h.settings),title:on.t("Language")}},ze.createElement(Re,null,ze.createElement(xm,{value:e},ze.createElement(wm,{type:ze.createElement(vm,{title:"language",id:"_",onClick:()=>console.log()}),items:n}))))}i(xa,"LanguagePage");import{i18n as It}from"@lingui/core";import{Button as Im,Checkbox as Nm,Image as Mm,ListItemButton as Lm,NotFound as Pm,Typography as Dm}from"@rango-dev/ui";import he,{useState as _m}from"react";import{Checkbox as Bm,Skeleton as Aa}from"@rango-dev/ui";import Qt from"react";import{ListItem as Am,styled as Em}from"@rango-dev/ui";var ba=Em(Am,{height:61});var Wm=30;function hr(){return Qt.createElement(Yt,null,Array.from(Array(Wm),t=>Qt.createElement(ba,{hasDivider:!0,key:t,start:Qt.createElement(Aa,{variant:"circular",width:35,height:35}),title:Qt.createElement(Aa,{variant:"text",size:"large",width:90}),end:Qt.createElement(Bm,{checked:!1})})))}i(hr,"LoadingLiquiditySourceList");function nn(t){let e=C.use.meta().swappers,o=U.use.disabledLiquiditySources(),n=[];return ot(e.map(s=>s.swapperGroup)).map(s=>{let a=e.find(l=>l.swapperGroup===s);if(a){let l=!0;t&&(l=t.some(p=>p===a.title)),l&&a.types.map(p=>{n.push({id:a.swapperGroup,groupTitle:a.swapperGroup,logo:a.logo,type:p,selected:!o.includes(a.swapperGroup)})})}}),n}i(nn,"getUniqueSwappersGroups");function yr({supportedSwappers:t,sourceType:e}){let[o,n]=_m(""),r=U.use.toggleLiquiditySource(),{navigateBackFrom:s}=ne(),a=C.use.loadingStatus(),l=nn(t),p=[];e==="Exchanges"&&p.push("DEX"),e==="Bridges"&&(p.push("BRIDGE"),p.push("AGGREGATOR"));let u=l.filter(c=>p.includes(c.type)),d=u.length===u.filter(c=>c.selected).length,g=i(()=>{u.forEach(c=>{d?r(c.groupTitle):c.selected||r(c.groupTitle)})},"toggleAllSources"),m=u.map(c=>{let{selected:w,groupTitle:B,logo:y}=c;return{start:he.createElement(Mm,{src:y,size:22,type:"circular"}),onClick:()=>r(B),end:he.createElement(Nm,{checked:w}),title:he.createElement(Dm,{variant:"title",size:"xmedium"},It.t(B)),...c}}),f=i(c=>{let w=c.target.value;n(w)},"searchHandler"),T=m;return o&&(T=m.filter(c=>He(c.groupTitle,o))),he.createElement(J,{header:{onBack:s.bind(null,h.settings),title:It.t(e),suffix:he.createElement(mr,null,he.createElement(Im,{variant:"ghost",size:"xsmall",onClick:g},It.t(d?"Deselect all":"Select all")))}},he.createElement(Re,null,he.createElement(Ze,{value:o,setValue:n,fullWidth:!0,color:"light",variant:"contained",placeholder:It.t("Swap {sourceType}",{sourceType:e}),onChange:f}),a==="loading"&&he.createElement(hr,null),!T.length&&o?he.createElement(dr,null,he.createElement(Pm,{title:It.t("No results found"),description:It.t("Try using different keywords")})):a==="success"&&he.createElement(Yt,null,T.map(c=>he.createElement(he.Fragment,{key:c.id},he.createElement(Lm,{style:{height:"61px"},...c,selected:!1}),he.createElement(cr,null))))))}i(yr,"LiquiditySourcePage");import{i18n as $a}from"@lingui/core";import{Divider as vr}from"@rango-dev/ui";import ft,{useState as Ua}from"react";import{i18n as Cr}from"@lingui/core";import{Divider as Ma,Image as $m,ListItemButton as Um,NotFound as zm,Typography as La}from"@rango-dev/ui";import Me,{useEffect as qm,useState as Hm}from"react";import{TransactionType as rn}from"rango-sdk";var Nt=(s=>(s.ALL="ALL",s.EVM="EVM",s.COSMOS="COSMOS",s.UTXO="UTXO",s.OTHER="OTHER",s))(Nt||{});var Sr=i((t,e)=>{switch(e){case"ALL":return!0;case"UTXO":return t.type===rn.TRANSFER;case"OTHER":return t.type!==rn.TRANSFER&&t.type!==rn.COSMOS&&t.type!==rn.EVM;default:return t.type===e}},"filterByType"),Ea=i((t,e,o)=>t.filter(n=>Sr(n,o)).filter(n=>pt(n.name,e)||pt(n.displayName,e)),"filterBlockchains");import{styled as Ba}from"@rango-dev/ui";var Wa=Ba("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),sn=Ba("ul",{padding:0,margin:0,listStyle:"none",overflowY:"auto",paddingRight:"$5",".image-container":{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as Fm,Skeleton as Ia}from"@rango-dev/ui";import an from"react";var Om=20;function Na(){return an.createElement(sn,null,Array.from(Array(Om),t=>an.createElement(Fm,{key:t,hasDivider:!0,start:an.createElement(Ia,{variant:"circular",width:35,height:35}),title:an.createElement(Ia,{variant:"text",size:"large",width:90})})))}i(Na,"LoadingBlockchainList");function Tr(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=Hm(e),l=C.use.loadingStatus();qm(()=>{a([...Ea(e,o,r)])},[e,o,r]);let p=i(()=>!s.length&&o?Me.createElement(Me.Fragment,null,Me.createElement(Ma,{size:32}),Me.createElement(zm,{title:Cr.t("No results found"),description:Cr.t("Try using different keywords")})):Me.createElement(sn,{key:`${r}-${o}`},s.map(u=>Me.createElement(Um,{key:`${u.name}-${u.chainId}`,hasDivider:!0,onClick:()=>n(u),start:Me.createElement($m,{src:u.logo,size:30}),title:Me.createElement(La,{variant:"title",size:"medium"},u.displayName),id:u.chainId}))),"renderList");return Me.createElement(Wa,null,Me.createElement(La,{variant:"label",size:"large"},Cr.t("Select Blockchain")),Me.createElement(Ma,{size:4}),l==="loading"&&Me.createElement(Na,null),l==="success"&&p())}i(Tr,"BlockchainList");import{i18n as Xm}from"@lingui/core";import{Divider as jm,Image as Ym,Skeleton as Qm,Typography as Jm}from"@rango-dev/ui";import Ve from"react";import Vm from"react";import{styled as Gm}from"@rango-dev/ui";var Pa=Gm("button",{padding:"$10",borderRadius:"$sm",backgroundColor:"$neutral100",display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",cursor:"pointer",border:0,".image-container":{borderRadius:"$xm",overflow:"hidden"},"&:hover":{backgroundColor:"$neutral400"},"&:focus-visible":{outline:0,backgroundColor:"$neutral500"},variants:{selected:{true:{outline:"1px solid $secondary500"},false:{outline:0}}}});function at(t){let{children:e,selected:o,onClick:n}=t;return Vm.createElement(Pa,{selected:o,onClick:n},e)}i(at,"BlockchainsChip");var Km={["EVM"]:["ETH","BSC","POLYGON"],["COSMOS"]:["COSMOS","OSMOSIS","JUNO"],["UTXO"]:["BTC","LTC","BCH"],["OTHER"]:["STARKNET","TRON","SOLANA"]},Da=i((t,e)=>t.filter(o=>Sr(o,e)).filter(o=>Km[e].includes(o.name)),"generateBlockchainsLogo");import{styled as kr}from"@rango-dev/ui";var _a=kr("div",{display:"grid",gap:"$10",gridTemplateColumns:"auto 1fr 1fr 1fr 1fr"}),Fa=kr("div",{display:"flex",position:"relative",alignItems:"center",justifyContent:"center",paddingTop:"$10"}),Oa=kr("img",{position:"absolute",top:-2,width:15,height:15});function wr(t){let{setCategory:e,category:o}=t,n=C.use.meta().blockchains,r=C.use.loadingStatus(),s=Object.keys(Nt);return Ve.createElement(_a,null,r==="loading"&&Array.from(Array(5),(a,l)=>Ve.createElement(Qm,{key:l,variant:"rounded",height:70,width:l===0?45:65})),r==="success"&&s.map(a=>Ve.createElement(at,{selected:o===a,key:a,onClick:()=>e(a)},a!=="ALL"&&Ve.createElement(Ve.Fragment,null,Ve.createElement(Fa,null,Da(n,a).map((l,p)=>p===0?Ve.createElement(Oa,{key:`image-${l.name}-${l.chainId}`,src:l.logo}):Ve.createElement(Ym,{key:`image-${l.name}-${l.chainId}`,src:l.logo,size:15}))),Ve.createElement(jm,{size:12})),Ve.createElement(Jm,{size:"xsmall",variant:"body",color:a==="ALL"?"secondary500":void 0},Xm.t(Nt[a])))))}i(wr,"SelectableCategoryList");function xr(t){let{type:e,supportedBlockchains:o}=t,{navigateBackFrom:n}=ne(),[r,s]=Ua(""),[a,l]=Ua("ALL"),p=P.use.setToBlockchain(),u=P.use.setFromBlockchain(),d=o?C.use.meta().blockchains.filter(g=>o.includes(g.name)):C.use.meta().blockchains;return ft.createElement(J,{header:{onBack:n.bind(null,h[`${e}Blockchain`]),title:$a.t("Select Blockchain")}},ft.createElement(vr,{size:12}),ft.createElement(wr,{setCategory:l,category:a}),ft.createElement(vr,{size:24}),ft.createElement(Ze,{value:r,autoFocus:!0,placeholder:$a.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>s(""),onChange:g=>s(g.target.value)}),ft.createElement(vr,{size:16}),ft.createElement(Tr,{list:d,searchedFor:r,blockchainCategory:a,onChange:g=>{e==="from"?u(g,!0):p(g,!0),n(h[`${e}Blockchain`])}}))}i(xr,"SelectBlockchainPage");import{i18n as nl}from"@lingui/core";import{Divider as rl}from"@rango-dev/ui";import Mt,{useEffect as fd,useState as il}from"react";import{useNavigate as gd}from"react-router-dom";import{i18n as br}from"@lingui/core";import{Divider as Ha,Image as Ga,Skeleton as Rm,Typography as Ar}from"@rango-dev/ui";import ye,{useEffect as ed,useState as td}from"react";var za=i(t=>{let e=[],o=[];for(let n of t)n.name==="ETH"||n.name==="COSMOS"||n.name==="OSMOSIS"?e.push(n):o.push(n);return e.concat(o)},"sortBlockchains");import{styled as Zm}from"@rango-dev/ui";var qa=Zm("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var od=9,Er=10,nd=12;function Br(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:s}=t,a=za(e),[l,p]=td(null),u=C.use.loadingStatus(),d=P.use.resetToBlockchain(),g=P.use.resetFromBlockchain(),m=l?od:Er;return ed(()=>{let f=a.slice(Er,a.length).find(T=>T.chainId===n?.chainId&&T.name===n?.name);f&&p(f)},[n]),ye.createElement("div",null,ye.createElement(Ha,{size:12}),ye.createElement(Ar,{variant:"label",size:"large"},br.t("Select Blockchain")),ye.createElement(Ha,{size:12}),ye.createElement(qa,null,u==="loading"&&Array.from(Array(nd),f=>ye.createElement(Rm,{key:f,variant:"rounded",height:50})),u==="success"&&ye.createElement(ye.Fragment,null,ye.createElement(at,{selected:!n,onClick:()=>{o==="from"?g():d()}},ye.createElement(Ar,{variant:"body",size:"xsmall",color:"secondary500"},br.t("All"))),!!l&&ye.createElement(at,{selected:!!l&&l.chainId===n?.chainId,key:l.chainId,onClick:()=>r(l)},ye.createElement(Ga,{src:l.logo,size:30})),a.slice(0,m).map(f=>ye.createElement(at,{key:f.chainId,selected:!!n&&n.chainId===f.chainId,onClick:()=>r(f)},ye.createElement(Ga,{src:f.logo,size:30}))),ye.createElement(at,{onClick:s},ye.createElement(Ar,{variant:"body",size:"xsmall",color:"secondary500"},br._("More +{count}",{count:a.length-Er}))))))}i(Br,"BlockchainsSection");import{i18n as Mr}from"@lingui/core";import{darkTheme as Ja,Divider as Zt,ExternalLinkIcon as sd,Image as ad,ListItemButton as ld,NotFound as pd,PinIcon as ud,Skeleton as Za,Typography as Rt,VirtualizedList as cd}from"@rango-dev/ui";import L,{forwardRef as md,useEffect as Ra,useState as el}from"react";import{Divider as Ya,ListItem as id,Skeleton as Jt}from"@rango-dev/ui";import qe from"react";import{styled as Ke,Typography as rd}from"@rango-dev/ui";var Va=Ke("div",{display:"flex",flexDirection:"column",flexGrow:1}),Wr=Ke("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),ln=Ke("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none",".description":{position:"relative",height:12,width:150,".token-title":{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"},".token-address":{transform:"translateY(12px)",visibility:"hidden","& a":{fontSize:"$12",lineHeight:"$16",color:"$neutral800",textDecoration:"none"}},".token-name":{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}},"&:hover":{".description":{".token-address":{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},".token-address-without-name":{bottom:"-15px"},".token-name":{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},".token-title":{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),Ir=Ke("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),Nr=Ke(rd,{}),Ka=Ke("div",{textAlign:"right"}),pn=Ke("ul",{display:"flex",alignItems:"end",flexDirection:"column"}),Gb=Ke("div",{display:"flex",alignItems:"center"}),Xa=Ke("div",{position:"relative",".image-container":{borderRadius:"$xm",overflow:"hidden"}}),ja=Ke("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6});function Qa(t){return qe.createElement(ln,null,Array.from(Array(t.size),e=>qe.createElement(id,{key:e,hasDivider:!0,start:qe.createElement(Jt,{variant:"circular",width:35,height:35}),end:qe.createElement(pn,null,qe.createElement(Jt,{variant:"text",size:"large",width:70}),qe.createElement(Ya,{size:4}),qe.createElement(Jt,{variant:"text",size:"medium",width:50})),title:qe.createElement("div",null,qe.createElement(Jt,{variant:"text",size:"large",width:90}),qe.createElement(Ya,{size:4}),qe.createElement(Jt,{variant:"text",size:"medium",width:90}))})))}i(Qa,"LoadingTokenList");var Lr=20,dd=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:s,customCssForTagTitle:a}=t,l=e.length;return L.createElement("div",{className:"description"},o?L.createElement("div",{className:"token-name"},o):L.createElement(Wr,{className:"token-title"},L.createElement(Rt,{variant:"title",size:"xmedium"},r.symbol),L.createElement(Zt,{direction:"horizontal",size:4}),L.createElement(Ir,{css:s},L.createElement(Nr,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&L.createElement("div",{className:`token-address ${!o&&"token-address-without-name"}`},L.createElement("a",{href:n,target:"_blank",rel:"nofollow noreferrer",onClick:p=>p.stopPropagation()},l>10?`${e.slice(0,5)}...${e.slice(l-6,l)}`:e," ",L.createElement(sd,{color:"gray",size:12}))))},"renderDesc");function tl(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=el(e),l=C.use.loadingStatus(),[p,u]=el(!0),d=F.use.loading(),{blockchains:g}=C.use.meta(),m=md((c,w)=>L.createElement("div",{...c,ref:w,style:{...c.style,height:`${parseFloat(c.style?.height)+8*2}px`}})),f=i(()=>{a(e.slice(0,s.length+Lr))},"loadNextPage");Ra(()=>{u(e.length>s.length)},[s.length]),Ra(()=>{a(e.slice(0,Lr))},[e]);let T=i(()=>!s.length&&o?L.createElement(L.Fragment,null,L.createElement(Zt,{size:32}),L.createElement(pd,{title:Mr.t("No results found"),description:Mr.t("Try using different keywords")})):L.createElement(cd,{Item:({index:c,style:w})=>{let B=s[c].address||"",y=g.find(I=>I.name===s[c].blockchain),x=ai(s[c].symbol,y?.color||""),v={$$color:x[`${s[c].symbol}100`],[`.${Ja} &`]:{$$color:x[`${s[c].symbol}900`]},backgroundColor:"$$color"},S={$$color:x[`${s[c].symbol}700`],[`.${Ja} &`]:{$$color:x[`${s[c].symbol}100`]},color:"$$color"};return L.createElement("div",{style:{...w,paddingRight:5}},L.createElement(ld,{style:{height:w?.height},"tab-index":c,key:`${s[c].symbol}${s[c].address}`,id:`${s[c].symbol}${s[c].address}`,hasDivider:!0,onClick:()=>n(s[c]),start:L.createElement(Xa,null,L.createElement(ad,{src:s[c].image,size:30}),s[c].pin&&L.createElement(ja,null,L.createElement(ud,{size:12,color:"gray"}))),title:y?.type==="COSMOS"||s[c].name||!s[c].name&&!B?L.createElement(Wr,null,L.createElement(Rt,{variant:"title",size:"xmedium"},s[c].symbol),L.createElement(Zt,{direction:"horizontal",size:4}),L.createElement(Ir,{css:v},L.createElement(Nr,{variant:"body",size:"xsmall",css:S},s[c].blockchain))):void 0,description:y?.info&&B&&y.type!=="COSMOS"?dd({address:B,token:s[c],customCssForTag:v,customCssForTagTitle:S,name:s[c].name,url:y.info.addressUrl.split("{wallet}").join(B)}):s[c].name||void 0,end:d?L.createElement(pn,null,L.createElement(Za,{variant:"text",size:"large",width:70}),L.createElement(Zt,{size:4}),L.createElement(Za,{variant:"text",size:"medium",width:50})):s[c]?.balance&&L.createElement(Ka,null,L.createElement(Rt,{variant:"title",size:"small"},s[c].balance?.amount),L.createElement("div",null),s[c].balance?.usdValue&&L.createElement(Rt,{variant:"body",color:"neutral800",size:"xsmall"},`$${s[c].balance?.usdValue}`))}))},hasNextPage:p,itemCount:s.length,loadNextPage:f,innerElementType:m,size:60,key:`${r}-${o}`}),"renderList");return L.createElement(Va,null,L.createElement(Rt,{variant:"label",size:"large"},Mr.t("Select Token")),L.createElement(Zt,{size:4}),l==="loading"&&L.createElement(Qa,{size:Lr}),l==="success"&&L.createElement(ln,null,T()))}i(tl,"TokenList");var ol=i((t,e)=>t.filter(o=>pt(o.symbol,e)||pt(o.address||"",e)||pt(o.name||"",e)).sort((o,n)=>n.pin-o.pin),"filterTokens");function Pr(t){let{type:e,supportedBlockchains:o,supportedTokens:n,pinnedTokens:r}=t,[s,a]=il(""),l=gd(),{navigateBackFrom:p}=ne(),{meta:{tokens:u},setTokensWithBalance:d}=C(),{sourceTokens:g,destinationTokens:m,fromBlockchain:f,toBlockchain:T,setFromToken:c,setToToken:w,setFromBlockchain:B,setToBlockchain:y}=P(),{connectedWallets:x,loading:v}=F(),[S,I]=il(""),W=o?C.use.meta().blockchains.filter(D=>o.includes(D.name)):C.use.meta().blockchains,N=n?go(n,u):u.filter(D=>new Set(W.map(E=>E.name)).has(D.blockchain)),K=n?go(n,g):g,ie=n?go(n,m):m,b=e==="from"?K:ie,Q=[];return e==="from"&&!f||e==="to"&&!T?Q=N:b.length&&(Q=b.map(D=>({...D,pin:r?.some(E=>De(E,D))}))),fd(()=>{x.length&&!v&&d()},[x,v]),Mt.createElement(J,{header:{onBack:p.bind(null,h.home),title:nl.t("Swap {type}",{type:e})}},Mt.createElement(Br,{blockchains:W,type:e,blockchain:e==="from"?f:T,onMoreClick:()=>l(e==="from"?h.fromBlockchain:h.toBlockchain),onChange:D=>{e==="from"?B(D,!0):y(D,!0),a(D.name)}}),Mt.createElement(rl,{size:24}),Mt.createElement(Ze,{value:S,autoFocus:!0,placeholder:nl.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>I(""),onChange:D=>I(D.target.value)}),Mt.createElement(rl,{size:16}),Mt.createElement(tl,{list:ol(Q,S),selectedBlockchain:s,searchedFor:S,onChange:D=>{let E=W.find(pe=>D.blockchain===pe.name);e==="from"?(c(D),E&&B(E,!0)):(w(D),E&&y(E,!0)),p(h.fromSwap)}}))}i(Pr,"SelectSwapItemsPage");import{i18n as Lt}from"@lingui/core";import{ChevronRightIcon as cn,Divider as dl,List as wd,ListItemButton as vd,Skeleton as xd,Switch as bd,Typography as gt}from"@rango-dev/ui";import te from"react";import{useNavigate as Ad}from"react-router-dom";import{i18n as yd}from"@lingui/core";import{Chip as Sd,Divider as cl,InfoIcon as Cd,TextField as Td,Tooltip as kd,Typography as ml}from"@rango-dev/ui";import be from"react";import{styled as un}from"@rango-dev/ui";var sl=un("div",{paddingTop:"$5",paddingBottom:"30px"}),al=un("div",{display:"flex",alignItems:"center",justifyContent:"start"}),ll=un("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),pl=un("div",{maxWidth:"300px",padding:"$10"});import{i18n as Dr}from"@lingui/core";import{Typography as hd}from"@rango-dev/ui";import eo from"react";function ul(){return eo.createElement(pl,null,eo.createElement(hd,{variant:"label",size:"small",color:"neutral900"},Dr.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),eo.createElement("br",null),eo.createElement("br",null),eo.createElement("b",null,Dr.t("Warning")),":",Dr.t("This setting is applied per step, e.g. 1Inch, Thorchain, etc. and only that step will be reverted, not the whole transaction")))}i(ul,"SlippageTooltipContent");function _r(){let t=U.use.slippage(),e=U.use.setSlippage(),o=U.use.customSlippage(),n=U.use.setCustomSlippage();return be.createElement(sl,null,be.createElement(ll,null,be.createElement(ml,{variant:"title",size:"xmedium"},yd.t("Slippage tolerance per swap")),be.createElement(cl,{direction:"horizontal",size:4}),be.createElement(kd,{side:"top",content:be.createElement(ul,null)},be.createElement(Cd,{color:"gray"}))),be.createElement(al,null,_s.map((r,s)=>{let a=`slippage-${s}`;return be.createElement(be.Fragment,null,be.createElement(Sd,{style:{width:"64px",flexShrink:0},key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}),be.createElement(cl,{direction:"horizontal",size:8}))}),be.createElement(Td,{type:"number",min:"0.01",max:"30",step:"0.01",fullWidth:!0,variant:"contained",value:o||"",color:"dark",onChange:r=>{let s=parseFloat(r.target.value);(!s||s>=Us&&s<=$s)&&n(s)},suffix:o&&be.createElement(ml,{variant:"body",size:"small"},"%"),placeholder:"Custom"})))}i(_r,"Slippage");function fl({supportedSwappers:t,singleTheme:e}){let o=Ad(),{navigateBackFrom:n}=ne(),r=U.use.infiniteApprove(),s=U.use.toggleInfiniteApprove(),a=C.use.loadingStatus(),l=nn(t),p=l.filter(S=>S.type==="BRIDGE"||S.type==="AGGREGATOR"),u=p.length,d=p.filter(S=>S.selected).length,g=l.filter(S=>S.type==="DEX"),m=g.length,f=g.filter(S=>S.selected).length,T=i((S,I)=>{switch(a){case"loading":return te.createElement(xd,{variant:"text",size:"medium",width:50});case"failed":return te.createElement(gt,{variant:"body",size:"medium",color:"$error500"},"Loading failed");default:return te.createElement(gt,{variant:"body",size:"medium"},`${S} / ${I}`)}},"handleEndItem"),c={id:"bridge-item",title:te.createElement(gt,{variant:"title",size:"xmedium"},Lt.t("Enabled bridges")),end:te.createElement(te.Fragment,null,T(d,u),te.createElement(dl,{direction:"horizontal",size:8}),te.createElement(cn,{color:"black"})),onClick:()=>o(h.bridges)},w={id:"exchange-item",title:te.createElement(gt,{variant:"title",size:"xmedium"},Lt.t("Enabled exchanges")),end:te.createElement(te.Fragment,null,T(f,m),te.createElement(dl,{direction:"horizontal",size:8}),te.createElement(cn,{color:"gray"})),onClick:()=>o(h.exchanges)},B={id:"language-item",title:te.createElement(gt,{variant:"title",size:"xmedium"},Lt.t("Language")),end:te.createElement(cn,{color:"gray"}),onClick:()=>o(h.languages)},y={id:"theme-item",title:te.createElement(gt,{variant:"title",size:"xmedium"},Lt.t("Theme")),end:te.createElement(cn,{color:"gray"}),onClick:()=>o(h.themes)},x={id:"infinite-approval-item",title:te.createElement(gt,{variant:"title",size:"xmedium"},Lt.t("Infinite Approval")),end:te.createElement(bd,{checked:r}),onClick:s},v=[c,w,B];return e||v.push(y),v.push(x),te.createElement(J,{header:{onBack:n.bind(null,h.settings),title:Lt.t("Setting")}},te.createElement(Re,null,te.createElement(_r,null),te.createElement(wd,{type:te.createElement(vd,{title:"_",id:"_",onClick:()=>console.log()}),items:v})))}i(fl,"SettingsPage");import{cancelSwap as gf}from"@rango-dev/queue-manager-rango-preset";import{useManager as hf}from"@rango-dev/queue-manager-react";import Xl from"react";import{i18n as ht}from"@lingui/core";import{getCurrentBlockchainOfOrNull as jd,getCurrentStep as Yd,getRelatedWalletOrNull as Qd,PendingSwapNetworkStatus as kn}from"@rango-dev/queue-manager-rango-preset";import{Button as $l,CopyIcon as Jd,Divider as Zd,IconButton as Rd,RouteCost as ef,RouteSummary as tf,StepDetails as of,Typography as Dt,useCopyToClipboard as nf}from"@rango-dev/ui";import{useWallets as rf}from"@rango-dev/wallets-react";import Z,{useEffect as Ul,useRef as sf,useState as zl}from"react";import{useNavigate as af}from"react-router-dom";function gl(t){let e=Math.floor((new Date().getTime()-t)/1e3),o,n=Math.floor(e/31536e3);return n>=1?o="year":(n=Math.floor(e/2592e3),n>=1?o="month":(n=Math.floor(e/86400),n>=1?o="day":(n=Math.floor(e/3600),n>=1?o="hour":(n=Math.floor(e/60),n>=1?o="minute":(n=e,o="second"))))),(n>1||n===0)&&(o+="s"),n+" "+o}i(gl,"timeSince");function hl(t){return t.finishTime?`${gl(parseInt(t.finishTime))} ago`:`${gl(parseInt(t.creationTime))} ago`}i(hl,"getSwapDate");import{PendingSwapNetworkStatus as fn}from"@rango-dev/queue-manager-rango-preset";import{Modal as Ld}from"@rango-dev/ui";import gn from"react";import{i18n as mn}from"@lingui/core";import{Button as yl,Divider as Fr,MessageBox as Ed,Typography as Sl}from"@rango-dev/ui";import Xe from"react";var Cl=i(({onCancel:t,onClose:e})=>Xe.createElement(Xe.Fragment,null,Xe.createElement(Fr,{size:20}),Xe.createElement(Ed,{type:"error",title:mn.t("Transaction Cancel"),description:mn.t("Are you sure you want to Cancel this swap?")}),Xe.createElement(Fr,{size:32}),Xe.createElement(yl,{variant:"contained",type:"primary",size:"large",onClick:t},Xe.createElement(Sl,{variant:"title",size:"medium",color:"neutral100"},mn.t("Yes, Cancel it"))),Xe.createElement(Fr,{size:12}),Xe.createElement(yl,{variant:"outlined",type:"primary",size:"large",onClick:e},Xe.createElement(Sl,{variant:"title",size:"medium",color:"primary"},mn.t("No, Continue")))),"CancelContent");import{i18n as dn}from"@lingui/core";import{Button as Tl,Divider as Or,MessageBox as Bd,Typography as kl}from"@rango-dev/ui";import je from"react";var wl=i(({onDelete:t,onClose:e})=>je.createElement(je.Fragment,null,je.createElement(Or,{size:20}),je.createElement(Bd,{type:"error",title:dn.t("Delete Transaction"),description:dn.t("Are you sure you want to delete this swap?")}),je.createElement(Or,{size:32}),je.createElement(Tl,{variant:"contained",type:"primary",size:"large",onClick:t},je.createElement(kl,{variant:"title",size:"medium",color:"neutral100"},dn.t("Yes, Delete it"))),je.createElement(Or,{size:12}),je.createElement(Tl,{variant:"outlined",type:"primary",size:"large",onClick:e},je.createElement(kl,{variant:"title",size:"medium",color:"primary"},dn.t("No, Cancel")))),"DeleteContent");import{i18n as $r}from"@lingui/core";import{PendingSwapNetworkStatus as Ur}from"@rango-dev/queue-manager-rango-preset";var zr={[Ur.WaitingForNetworkChange]:{type:"loading",title:$r.t("Change Network")},[Ur.WaitingForConnectingWallet]:{type:"warning",title:$r.t("Connect Wallet")},[Ur.NetworkChanged]:{type:"success",title:$r.t("Network Changed")}};import{MessageBox as Id,Wallet as Nd,WalletState as xl}from"@rango-dev/ui";import{useWallets as Md}from"@rango-dev/wallets-react";import to from"react";import{styled as Wd}from"@rango-dev/ui";var vl=Wd("div",{display:"flex",justifyContent:"center"});var bl=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:s}=t,{connect:a,getWalletInfo:l,state:p}=Md(),u=n?.walletType,g=u&&p(u).connected?xl.CONNECTED:xl.DISCONNECTED;return to.createElement(to.Fragment,null,to.createElement(Id,{type:e,title:o,description:r}),s&&u&&to.createElement(vl,null,to.createElement(Nd,{title:l(u).name,image:l(u).img,type:u,state:g,onClick:async()=>a(u)})))},"WalletStateContent");function qr(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:s,message:a}=t,l=e===fn.WaitingForNetworkChange||e===fn.WaitingForConnectingWallet||e===fn.NetworkChanged;return gn.createElement(Ld,{open:!!e,onClose:o,container:document.getElementById("swap-box")||document.body},l&&gn.createElement(bl,{type:zr[e].type,title:zr[e].title,currentStepWallet:s,message:a,showWalletButton:e!==fn.WaitingForNetworkChange}),e==="delete"&&gn.createElement(wl,{onClose:o,onDelete:n}),e==="cancel"&&gn.createElement(Cl,{onClose:o,onCancel:r}))}i(qr,"SwapDetailsModal");import{i18n as oo}from"@lingui/core";import{Button as Hr,Divider as hn,MessageBox as Al,Modal as Pd,TokenAmount as Dd,Typography as yn}from"@rango-dev/ui";import me from"react";import{useNavigate as _d}from"react-router-dom";function Gr(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:s,token:a,chain:l,percentageChange:p,description:u,diagnosisUrl:d}=t,g=_d();return me.createElement(Pd,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},n==="success"?me.createElement(Al,{type:"success",title:oo.t("Swap Successful")},me.createElement(Dd,{direction:"vertical",type:"output",centerAlign:!0,price:{value:r,usdValue:s},token:a,chain:l,percentageChange:p}),me.createElement(hn,{size:12}),me.createElement(yn,{variant:"body",size:"medium",color:"neutral900",align:"center"},u)):me.createElement(Al,{type:"error",title:oo.t("Transaction Failed"),description:u}),me.createElement(hn,{size:32}),n==="success"&&me.createElement(Hr,{variant:"contained",type:"primary",size:"large",onClick:()=>g(h.home)},me.createElement(yn,{variant:"title",size:"medium",color:"neutral100"},oo.t("Done"))),me.createElement(hn,{size:12}),d&&me.createElement(me.Fragment,null,me.createElement(Hr,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(d,"_blank")},me.createElement(yn,{variant:"title",size:"medium",color:"primary"},oo.t("Diagnosis"))),me.createElement(hn,{size:12})),me.createElement(Hr,{variant:"outlined",type:"primary",size:"large",onClick:o},me.createElement(yn,{variant:"title",size:"medium",color:"primary"},oo.t("See Details"))))}i(Gr,"SwapDetailsCompleteModal");import Xd from"react";import{i18n as Hd}from"@lingui/core";import{Alert as Ml,IconButton as Gd,LinkIcon as Vd}from"@rango-dev/ui";import lt,{Fragment as Kd}from"react";import{Alert as Fd,ChevronDownIcon as Od,ChevronUpIcon as $d,IconButton as Ud}from"@rango-dev/ui";import Sn,{useState as zd}from"react";function El(t){let{message:e}=t,[o,n]=zd(!1);return Sn.createElement(Fd,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Sn.createElement(Ud,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Sn.createElement($d,{size:12,color:"gray"}):Sn.createElement(Od,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(El,"FailedAlert");import{styled as qd}from"@rango-dev/ui";var Bl=qd("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as Wl}from"@lingui/core";import{PendingSwapNetworkStatus as Vr}from"@rango-dev/queue-manager-rango-preset";import{Alert as Kr,Button as Il}from"@rango-dev/ui";import no from"react";function Nl(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?no.createElement(Kr,{type:"warning",title:n.shortMessage,action:no.createElement(Il,{size:"xxsmall",type:"warning",onClick:()=>{o(Vr.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},Wl.t("Change"))}):r===Vr.WaitingForConnectingWallet?no.createElement(Kr,{type:"warning",title:n.shortMessage,action:no.createElement(Il,{size:"xxsmall",type:"warning",onClick:()=>{o(Vr.WaitingForConnectingWallet)}},Wl.t("Connect"))}):no.createElement(Kr,{type:"warning",title:n.shortMessage})}i(Nl,"WarningAlert");function Xr(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:s,hasAlreadyProceededToSign:a}=t,l=zt(s),p=s.status==="waitingForApproval"&&!l,u=s.status==="running"&&!l;return lt.createElement(Bl,null,s.explorerUrl?.map((d,g,m)=>{let f=g+d.url,T=g===m.length-1,c=T&&u||p,w=T&&s.status==="failed";return lt.createElement(Kd,{key:f},lt.createElement(Ml,{type:c&&"loading"||w&&"error"||"success",title:d.description?`${d.description} Tx`:Hd.t("View transaction"),action:d.url&<.createElement(Gd,{variant:"ghost",size:"xsmall",onClick:()=>window.open(d.url,"_blank")},lt.createElement(Vd,{size:16}))}))}),(u&&!a||p&&!s.explorerUrl?.length)&<.createElement(Ml,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&l&<.createElement(Nl,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&<.createElement(El,{message:r}))}i(Xr,"SwapDetailsAlerts");var Ll=2e3,Pl=60,Dl=i(({swap:t,...e})=>{let o=t.hasAlreadyProceededToSign!==!1;return t.steps.map((n,r)=>{let s=r===0?t.inputAmount:t.steps[r-1].outputAmount;return{from:{token:{displayName:n.fromSymbol,image:n.fromLogo||""},chain:{displayName:n.fromBlockchain,image:n.fromBlockchainLogo||""},price:{value:k(s,6,6)}},to:{token:{displayName:n.toSymbol,image:n.toLogo},chain:{displayName:n.toBlockchain,image:n.toBlockchainLogo||""},price:{value:k(n.outputAmount||n.expectedOutputAmountHumanReadable,6,6)}},swapper:{displayName:n.swapperId,image:n.swapperLogo||""},alerts:Xd.createElement(Xr,{step:n,hasAlreadyProceededToSign:o,...e})}})},"getSteps");function _l(t){if(zt(t)&&t.status!=="failed"&&t.status!=="success")return"warning";switch(t.status){case"created":return"default";case"approved":case"waitingForApproval":case"running":return"in-progress";case"failed":return"error";case"success":return"completed"}}i(_l,"getStepState");import{styled as Pt}from"@rango-dev/ui";var Cn=Pt("div",{display:"flex",width:"100%",flexDirection:"column",alignItems:"center",height:"0",flexGrow:1,"& .row":{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $5",borderBottom:"1px solid $neutral300",color:"$neutral500"},"& .request-id":{display:"flex",justifyContent:"center",alignItems:"center",height:"$24"},"& .output":{display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"},"& .title-steps":{textAlign:"left",width:"100%",padding:"0 $20 $10"}}),Tn=Pt("div",{width:"100%",padding:"0px 15px"}),Fl=Pt("div",{padding:"$0 $20 $20 $20",width:"100%",overflow:"auto"}),A0=Pt("div",{display:"flex",flexDirection:"column",gap:"$10"}),Ol=Pt("div",{height:"450px",display:"flex",alignItems:"center",textAlign:"center"}),E0=Pt("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1});function jr(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:s,connect:a,getWalletInfo:l}=rf(),p=P.use.retry(),u=af(),{navigateBackFrom:d}=ne(),[g,m]=nf(Ll),f=sf(null),[T,c]=zl(null),[w,B]=zl(null),{meta:{tokens:y}}=C(),x=i(()=>{r(),c(null)},"onCancel"),v=Ne.use.getUnreadNotifications(),S=Ne.use.setAsRead(),I=v(),W=Yd(e),N=W?.networkStatus;Ul(()=>{I.find(ae=>ae.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(B(e.status),S(e.requestId))},[e.status]),Ul(()=>{E?c(kn.WaitingForNetworkChange):N===kn.WaitingForConnectingWallet||N===kn.NetworkChanged?c(N):c(null)},[N]);let K=Pi(e),ie=W?jd(e,W):null,b=W?Qd(e,W):null,Q=hl(e),O=Di(e),D=i(oe=>!!l(oe)?.mobileWallet,"isMobileWallet"),E=N===kn.WaitingForNetworkChange&&!!ie&&!!b?.walletType&&(D(b.walletType)||s(b.walletType,ie)),pe=E?a.bind(null,b.walletType,ie):void 0,Le=Li(e,W),$=Dl({swap:e,switchNetwork:pe,showNetworkModal:N,setNetworkModal:c,message:Le}),X=$.length,[Be,Se]=[e.steps[0],e.steps[X-1]],Pe=Se.outputAmount||Se.expectedOutputAmountHumanReadable,se=e.steps.reduce((oe,ae)=>oe+parseFloat(ae.feeInUsd||""),0),tt=e.steps.reduce((oe,ae)=>oe+(ae.estimatedTimeInSeconds||0),0),_=Math.floor(tt/Pl),j=e.steps.find(oe=>oe.diagnosisUrl)?.diagnosisUrl,H=k(String(parseFloat(k(Pe,6,6))*(xo(Se.toBlockchain,Se.toSymbol,Se.toSymbolAddress,y)||0)),4,4),z=k(String(parseFloat(e.inputAmount)*(xo(Be.fromBlockchain,Be.fromSymbol,Be.fromSymbolAddress,y)||0)),4,4),Ce=Ye(z,H),Te=e.status==="success"?`You have received ${k(Pe,6,6)} ${$[X-1].to.token.displayName} in ${Ao(e.wallets[$[X-1].to.chain.displayName]?.address||"")} wallet on ${$[X-1].to.chain.displayName} chain.`:`${ht.t("Transaction was not sent.")} ${K?`${K.outputAmount} ${K.symbol} on ${K.blockchain} remain in your wallet`:""}`;return Z.createElement(J,{noPadding:!0,header:{title:ht.t("Swap and Bridge"),onBack:d.bind(null,h.swapDetails),onCancel:e.status==="running"?()=>c("cancel"):void 0,suffix:e.status!=="running"&&Z.createElement(bt,null,Z.createElement($l,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>c("delete")},Z.createElement(Dt,{size:"medium",variant:"label",color:"error"},ht.t("Delete"))))},footer:O&&!w&&Z.createElement($l,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{p(e),setTimeout(()=>{u(h.home)},0)}},ht.t("Try again"))},Z.createElement(Cn,null,Z.createElement(Tn,null,Z.createElement("div",{className:"row"},Z.createElement(Dt,{variant:"label",size:"large",color:"neutral900"},`${ht.t("Request ID")}:`),Z.createElement("div",{className:"request-id"},Z.createElement(Dt,{variant:"label",size:"small",color:"neutral900"},o),Z.createElement(Rd,{variant:"ghost",onClick:m.bind(null,o||"")},Z.createElement(Jd,{size:16,color:"gray"})))),Z.createElement("div",{className:"row"},Z.createElement(Dt,{variant:"label",size:"large",color:"neutral900"},`${ht.t("Created at")}:`),Z.createElement(Dt,{variant:"label",size:"small",color:"neutral900"},Q))),Z.createElement("div",{className:"output"},Z.createElement(ef,{fee:k(String(se),2,2),time:_,steps:X}),Z.createElement(tf,{from:{price:{value:k(e.inputAmount,6,6),usdValue:z},token:{displayName:$[0].from.token.displayName,image:$[0].from.token.image},chain:{image:$[0].from.chain.image,displayName:$[0].from.chain.displayName}},to:{price:{value:k(Pe,6,6),usdValue:H},token:{displayName:$[X-1].to.token.displayName,image:$[X-1].to.token.image},chain:{image:$[X-1].to.chain.image,displayName:$[X-1].to.chain.displayName}},percentageChange:k(Ce,2,2),warningLevel:St(Ce?.toNumber()??0)})),Z.createElement("div",{className:"title-steps"},Z.createElement(Dt,{variant:"title",size:"small"},ht.t("Swaps steps"))),Z.createElement(Zd,{size:8}),Z.createElement(Fl,{ref:f},$.map((oe,ae)=>{let bn=ae,yt=_l(e.steps[ae]),Ft=yt==="error"||yt==="in-progress"||yt==="warning"||yt==="completed"&&ae===$.length-1;return Z.createElement(of,{key:bn,step:oe,type:"route-progress",ref:f,state:yt,hasSeparator:ae!==0,tabIndex:bn,isFocused:Ft})}))),Z.createElement(qr,{state:T,onClose:()=>c(null),onCancel:x,onDelete:n,message:Le.detailedMessage.content,currentStepWallet:b}),Z.createElement(Gr,{open:!!w,diagnosisUrl:j,onClose:()=>B(null),status:e.status==="success"?"success":"failed",priceValue:k(Pe,6,6),usdValue:H,percentageChange:k(Ce,2,2),token:{displayName:$[X-1].to.token.displayName,image:$[X-1].to.token.image},chain:{image:$[X-1].to.chain.image},description:Te}))}i(jr,"SwapDetails");import{i18n as lo}from"@lingui/core";import{CopyIcon as mf,IconButton as df,NotFound as ff,Skeleton as Vl,Typography as vn}from"@rango-dev/ui";import ue from"react";import{i18n as pf}from"@lingui/core";import{ChainToken as uf,Divider as Qr,Skeleton as ao,Typography as cf}from"@rango-dev/ui";import R from"react";import{styled as Yr}from"@rango-dev/ui";var ql=Yr("div",{width:"100%",height:"100%",padding:"$0 $20",".cost":{paddingTop:"$15",display:"flex"},".route-summary":{padding:"$15 $0"},".route-summary-item":{display:"flex",justifyContent:"space-between",alignItems:"center"},".token-amount":{display:"flex",justifyContent:"space-between",alignItems:"center"},".route-summary-separator":{width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"},".swaps-steps":{paddingBottom:"$10"}}),Hl=Yr("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15",".step-title":{display:"flex",justifyContent:"start",alignItems:"center"},".step-tokens":{paddingTop:"$5",display:"flex",alignItems:"center"},".step-token-info":{display:"flex",alignItems:"center"},".step-icon-container":{padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"},".extra-info":{display:"flex",paddingTop:"$10",paddingBottom:"$5"}}),wn=Yr("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral900",marginLeft:"25px"});import{ChainToken as Gl,Divider as ro,NextIcon as lf,Skeleton as io}from"@rango-dev/ui";import le from"react";function so(t){let{extraInfo:e}=t;return le.createElement(Hl,null,le.createElement("div",{className:"step-title"},le.createElement(io,{height:28,width:28,variant:"circular"}),le.createElement(ro,{direction:"horizontal",size:8}),le.createElement(io,{height:15,width:148,variant:"rounded"})),le.createElement("div",{className:"step-tokens"},le.createElement(ro,{direction:"horizontal",size:20}),le.createElement("div",{className:"step-token-info"},le.createElement(Gl,{size:"small",loading:!0,chainImage:"",tokenImage:""}),le.createElement(ro,{direction:"horizontal",size:8}),le.createElement(io,{height:12,width:76,variant:"rounded"})),le.createElement("div",{className:"step-icon-container"},le.createElement(lf,{color:"gray",size:16})),le.createElement("div",{className:"step-token-info"},le.createElement(Gl,{size:"small",loading:!0,chainImage:"",tokenImage:""}),le.createElement(ro,{direction:"horizontal",size:8}),le.createElement(io,{height:12,width:76,variant:"rounded"}))),e&&le.createElement("div",{className:"extra-info"},le.createElement(ro,{direction:"horizontal",size:20}),le.createElement(io,{height:22,width:297,variant:"rectangular"})))}i(so,"LoadingSwapDetailStep");function Jr(){let t=R.createElement("div",{className:"route-summary-item"},R.createElement("div",{className:"token-amount"},R.createElement(uf,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),R.createElement(Qr,{size:8,direction:"horizontal"}),R.createElement(ao,{height:15,width:148,variant:"rounded"})),R.createElement(ao,{height:12,width:64,variant:"rounded"}));return R.createElement(ql,null,R.createElement("div",{className:"cost"},R.createElement(ao,{width:60,height:10,variant:"rounded"}),R.createElement(Qr,{size:4,direction:"horizontal"}),R.createElement(ao,{width:60,height:10,variant:"rounded"}),R.createElement(Qr,{size:4,direction:"horizontal"}),R.createElement(ao,{width:60,height:10,variant:"rounded"})),R.createElement("div",{className:"route-summary"},t,R.createElement("div",{className:"route-summary-separator"}),t),R.createElement("div",{className:"swaps-steps"},R.createElement(cf,{variant:"title",size:"small"},pf.t("Swaps steps"))),R.createElement("div",{className:"step-container"},R.createElement(so,{extraInfo:!0}),R.createElement(wn,null),R.createElement(so,null),R.createElement(wn,null),R.createElement(so,null),R.createElement(wn,null),R.createElement(so,null)))}i(Jr,"LoadingSwapDetails");function Kl(t){let{requestId:e,showSkeleton:o}=t,{navigateBackFrom:n}=ne();return ue.createElement(J,{noPadding:!0,header:{title:lo.t("Swap and Bridge"),onBack:n.bind(null,h.swapDetails),suffix:ue.createElement(bt,null)}},o&&ue.createElement(Cn,null,ue.createElement(Tn,null,ue.createElement("div",{className:"row"},ue.createElement(vn,{variant:"label",size:"large",color:"neutral900"},`${lo.t("Request ID")}:`),ue.createElement("div",{className:"request-id"},ue.createElement(vn,{variant:"label",size:"small",color:"neutral900"},ue.createElement(Vl,{width:60,height:10,variant:"rounded"})),ue.createElement(df,{variant:"ghost"},ue.createElement(mf,{size:16,color:"gray"})))),ue.createElement("div",{className:"row"},ue.createElement(vn,{variant:"label",size:"large",color:"neutral900"},`${lo.t("Created at")}:`),ue.createElement(vn,{variant:"label",size:"small",color:"neutral900"},ue.createElement(Vl,{width:60,height:10,variant:"rounded"})))),ue.createElement(Jr,null)),!o&&ue.createElement(Ol,null,ue.createElement(ff,{title:lo.t("Not found"),description:lo.t("swapNotFound",{requestId:e},{message:"Swap with request ID = ${requestId} not found."})})))}i(Kl,"SwapDetailsPlaceholder");function jl(){let{manager:t,state:e}=hf(),o=!e.loadedFromPersistor,n=en(t),r=xe.use.selectedSwapRequestId(),{navigateBackFrom:s}=ne(),{loadingStatus:a}=C(),l=o||a==="loading",p=n.find(({swap:m})=>m.requestId===r),u=i(()=>{if(p?.id){let m=t?.get(p.id);m&&gf(m)}},"onCancel"),d=i(async()=>{if(p?.id)try{await t?.deleteQueue(p.id),s(h.swapDetails)}catch(m){console.log(m)}},"onDelete"),g=p?.swap;return!g||l?Xl.createElement(Kl,{requestId:r||"",showSkeleton:l}):Xl.createElement(jr,{swap:g,requestId:r||"",onCancel:u,onDelete:d})}i(jl,"SwapDetailsPage");import{i18n as xn}from"@lingui/core";import{AutoThemeIcon as yf,DarkModeIcon as Sf,LightModeIcon as Cf,List as Tf,ListItemButton as kf,Radio as Zr,RadioRoot as wf,Typography as Rr}from"@rango-dev/ui";import Ae from"react";function Yl(){let{navigateBackFrom:t}=ne(),e=U.use.theme(),o=U.use.setTheme(),n=[{id:"light",value:"light",title:Ae.createElement(Rr,{variant:"title",size:"xmedium"},xn.t("Light")),onClick:()=>o("light"),start:Ae.createElement(Cf,{color:"gray"}),end:Ae.createElement(Zr,{value:"light"})},{id:"dark",value:"dark",title:Ae.createElement(Rr,{variant:"title",size:"xmedium"},xn.t("Dark")),onClick:()=>o("dark"),start:Ae.createElement(Sf,{color:"gray"}),end:Ae.createElement(Zr,{value:"dark"})},{id:"auto",value:"auto",title:Ae.createElement(Rr,{variant:"title",size:"xmedium"},xn.t("Auto")),onClick:()=>o("auto"),start:Ae.createElement(yf,{color:"gray"}),end:Ae.createElement(Zr,{value:"auto"})}];return Ae.createElement(J,{header:{onBack:t.bind(null,h.settings),title:xn.t("Theme")}},Ae.createElement(Re,null,Ae.createElement(wf,{onValueChange:r=>o(r),value:e},Ae.createElement(Tf,{type:Ae.createElement(kf,{title:"Theme",id:"_",onClick:()=>console.log()}),items:n}))))}i(Yl,"ThemePage");var xf=i(t=>t.replace("/",""),"getAbsolutePath");function Ql(t){let{config:e}=t;return vf([{path:h.home,element:Ee.createElement(va,null)},{path:h.fromSwap,element:Ee.createElement(Pr,{type:"from",supportedBlockchains:e?.from?.blockchains,supportedTokens:e?.from?.tokens,pinnedTokens:e?.pinnedTokens})},{path:h.toSwap,element:Ee.createElement(Pr,{type:"to",supportedBlockchains:e?.to?.blockchains,supportedTokens:e?.to?.tokens,pinnedTokens:e?.pinnedTokens})},{path:h.fromBlockchain,element:Ee.createElement(xr,{type:"from",supportedBlockchains:e?.to?.blockchains})},{path:h.toBlockchain,element:Ee.createElement(xr,{type:"to",supportedBlockchains:e?.to?.blockchains})},{path:h.settings,element:Ee.createElement(fl,{singleTheme:e?.theme?.singleTheme,supportedSwappers:e?.liquiditySources})},{path:h.themes,element:Ee.createElement(Yl,null)},{path:h.languages,element:Ee.createElement(xa,null)},{path:h.exchanges,element:Ee.createElement(yr,{sourceType:"Exchanges",supportedSwappers:e?.liquiditySources})},{path:h.bridges,element:Ee.createElement(yr,{sourceType:"Bridges",supportedSwappers:e?.liquiditySources})},{path:h.swaps,element:Ee.createElement(sa,null)},{path:h.swapDetails,element:Ee.createElement(jl,null)},{path:h.wallets,element:Ee.createElement(vs,{supportedWallets:e?.wallets,multiWallets:typeof e?.multiWallets>"u"?!0:e.multiWallets,config:e})},{path:xf(h.confirmSwap),element:Ee.createElement(Js,{config:e})}])}i(Ql,"AppRoutes");import{isApprovalTX as bf,MainEvents as Zl,RouteEventType as Rl,StepEventType as _t,StepExecutionEventStatus as Af,useEvents as Ef}from"@rango-dev/queue-manager-rango-preset";import{useEffect as ep}from"react";import{StepExecutionBlockedEventStatus as ei}from"@rango-dev/queue-manager-rango-preset";var Jl=[ei.WAITING_FOR_CHANGE_WALLET_ACCOUNT,ei.WAITING_FOR_NETWORK_CHANGE,ei.WAITING_FOR_WALLET_CONNECT];function tp(){let t=F.use.connectedWallets(),e=F.use.getWalletsDetails(),o=Ne.use.setNotification(),n=Ne.use.setAsRead(),r=Ef();return ep(()=>(r.on(Zl.StepEvent,s=>{let{event:a,step:l,route:p}=s;if(a.type===_t.TX_EXECUTION&&a.status===Af.TX_SENT&&!bf(l)||a.type===_t.SUCCEEDED){let d=t.find(m=>m.chain===l?.fromBlockchain),g=l?.fromBlockchain!==l?.toBlockchain&&t.find(m=>m.chain===l?.toBlockchain);d&&e([d]),g&&e([g])}a.type===_t.TX_EXECUTION_BLOCKED&&Jl.includes(a.status)||a.type===_t.FAILED?o(a,p):(a.type===_t.TX_EXECUTION||a.type===_t.CHECK_STATUS)&&n(p.requestId)}),()=>r.all.clear()),[r,t.length]),ep(()=>(r.on(Zl.RouteEvent,s=>{let{event:a,route:l}=s;(a.type===Rl.FAILED||a.type===Rl.SUCCEEDED)&&o(a,l)}),()=>r.all.clear()),[r,t.length]),null}i(tp,"WidgetEvents");import{globalCss as Bf}from"@rango-dev/ui";var op=i(()=>Bf({"@import":["url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap')","url('https://fonts.cdnfonts.com/css/times-new-roman')"]})(),"globalFont");import{createTheme as Wf,darkTheme as If,lightTheme as Nf}from"@rango-dev/ui";import{useEffect as np,useState as Mf}from"react";function rp({fontFamily:t="Roboto",borderRadius:e=gi,secondaryBorderRadius:o=hi,mode:n="auto"}){let r=U.use.theme(),s=C.use.fetchMeta(),a=U.use.setTheme(),l=Wf({radii:{primary:`${e}px`,secondary:`${o}px`},fonts:{widget:t}}),p=`${l.className} ${Nf.className}`,u=`${l.className} ${If.className}`,[d,g]=Mf("light");return np(()=>{i(async()=>{await s()},"fetchData")();let T=i(c=>{c.matches?g("dark"):g("light")},"switchTheme");return window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&g("dark"),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",T),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",T)}},[]),np(()=>{n!=="auto"&&a(n)},[n]),{activeTheme:i(()=>r==="auto"?d==="dark"?u:p:r==="dark"?u:p,"getActiveTheme")()}}i(rp,"useTheme");import Lf,{useMemo as Pf}from"react";import{Provider as Df}from"@rango-dev/queue-manager-react";import{makeQueueDefinition as _f,checkWaitingForNetworkChange as Ff}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Of}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as $f}from"@rango-dev/wallets-shared";import{isEvmBlockchain as Uf}from"rango-types";function zf(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=Of(),l=Pf(()=>_f({API_KEY:To("API_KEY")}),[]),{blockchains:p}=C.use.meta(),d={blockchains:F.use.connectedWallets().map(y=>({accounts:[y],name:y.chain}))},g=i((y,x)=>{if(s(y,x))return r(y,x)},"switchNetwork"),m=i(y=>!!a(y).mobileWallet,"isMobileWallet"),f=p.filter(y=>y.enabled).reduce((y,x)=>(y[x.name]=x,y),{}),T=p.filter(Uf),c=i(y=>{let{supportedChains:x}=a(y);return wo(x)},"getSupportedChainNames"),w=e(),B={meta:{blockchains:f,evmBasedChains:T,evmNetworkChainInfo:$f(T),getSupportedChainNames:c},getSigners:o,wallets:d,providers:w,switchNetwork:g,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:m};return Lf.createElement(Df,{queuesDefs:[l],context:B,onPersistedDataLoaded:y=>{Ff(y)},isPaused:!1},t.children)}i(zf,"QueueManager");var ip=zf;import{Events as ti,Provider as Hf}from"@rango-dev/wallets-react";import{isEvmBlockchain as Gf}from"rango-sdk";import ap,{createContext as Vf,useRef as Kf}from"react";import{useEffect as qf}from"react";function sp(t,e){let o=F.use.clearConnectedWallet(),n=$o(void 0,e);return qf(()=>{o(),n=$o(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t]),{providers:n}}i(sp,"useWalletProviders");var oi=Vf({onConnectWallet:()=>{}});function ni(t){let{blockchains:e}=C.use.meta(),{providers:o}=sp(t.providers,t?.options),n=F.use.disconnectWallet(),r=F.use.connectWallet(),s=Kf(),a=e.filter(Gf).map(p=>p.name),l=i((p,u,d,g,m)=>{if(u===ti.ACCOUNTS)if(d){let f=wo(m),T=Ti(p,d,a,f);r(T)}else n(p);if(u===ti.ACCOUNTS&&g.connected){let f=`${p}-${g.network}-${d}`;g.connected&&(s.current?s.current(f):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(u===ti.NETWORK&&g.network){let f=`${p}-${g.network}`;s.current?s.current(f):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(p,u,d,g,m)},"onUpdateState");return ap.createElement(oi.Provider,{value:{onConnectWallet:p=>{s.current=p}}},ap.createElement(Hf,{allBlockChains:e,providers:o,onUpdateState:l,autoConnect:!0},t.children))}i(ni,"WidgetWallets");var Jf=jf("div",{width:"100%",display:"flex",justifyContent:"center",alignItems:"center",fontFamily:"$widget"});function pp(t){let{config:e}=t;op();let{activeTheme:o}=rp(e?.theme||{}),[n,r]=lp(""),[s,a]=lp(),l=Yf(oi);Qf(()=>{e?.apiKey&&fi({API_KEY:e?.apiKey})},[e]),po(()=>{U.persist.rehydrate(),Ne.persist.rehydrate(),l.onConnectWallet(r)},[]);let{setInputAmount:p,setToToken:u,setToBlockchain:d,setFromBlockchain:g,setFromToken:m}=P(),{meta:{tokens:f,blockchains:T},loadingStatus:c}=C(),{setAffiliateRef:w,setAffiliatePercent:B,setAffiliateWallets:y}=U();return po(()=>{p(e?.amount?.toString()||"")},[e?.amount]),po(()=>{if(c==="success"){let x=T.find(S=>S.name===e?.from?.blockchain),v=f.find(S=>De(S,e?.from?.token||null));g(x||null),m(v||null)}},[e?.from?.token,e?.from?.blockchain,c]),po(()=>{if(c==="success"){let x=T.find(S=>S.name===e?.to?.blockchain),v=f.find(S=>De(S,e?.to?.token||null));d(x||null),u(v||null)}},[e?.to?.token,e?.to?.blockchain,c]),po(()=>{w(e?.affiliate?.ref??null),B(e?.affiliate?.percent??null),y(e?.affiliate?.wallets??null)},[e?.affiliate?.ref,e?.affiliate?.percent,e?.affiliate?.wallets]),et.createElement(Xf,{language:e?.language},et.createElement(Jf,{id:"swap-container",className:o},et.createElement(ip,null,et.createElement(tp,null),et.createElement(Oi,{lastConnectedWallet:n,disconnectedWallet:s,clearDisconnectedWallet:()=>{a(void 0)}},et.createElement(Ql,{config:e})))))}i(pp,"Main");function Zf(t){return t.config?.externalWallets?et.createElement(pp,{...t}):et.createElement(ni,{providers:t.config?.wallets,options:{walletConnectProjectId:t.config?.walletConnectProjectId}},et.createElement(pp,{...t}))}i(Zf,"Widget");import{useWallets as Ms}from"@rango-dev/wallets-react";import{useEvents as MI,MainEvents as LI,RouteEventType as zI,StepEventType as QI,StepExecutionEventStatus as JI,StepExecutionBlockedEventStatus as ZI}from"@rango-dev/queue-manager-rango-preset";export{LI as MainEvents,zI as RouteEventType,QI as StepEventType,ZI as StepExecutionBlockedEventStatus,JI as StepExecutionEventStatus,Zf as Widget,ni as WidgetWallets,Ms as useWallets,MI as useWidgetEvents};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|