@rango-dev/widget-embedded 0.12.1-next.15 → 0.12.1-next.16
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/index.js +1 -1
- package/dist/index.js.map +3 -3
- package/dist/pages/SelectSwapItemsPage.d.ts.map +1 -1
- package/dist/utils/routing.d.ts +2 -1
- package/dist/utils/routing.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/pages/SelectSwapItemsPage.tsx +38 -31
- package/src/utils/routing.ts +20 -1
package/dist/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var jl=Object.defineProperty;var i=(t,e)=>jl(t,"name",{value:e,configurable:!0});import{I18nManager as zf,styled as qf}from"@rango-dev/ui";import Qe,{useContext as Hf,useEffect as oo,useMemo as Gf,useState as Rl}from"react";import Bo,{Fragment as vp}from"react";import{MemoryRouter as xp,useInRouterContext as Ap}from"react-router";import{useQueueManager as Ep}from"@rango-dev/queue-manager-rango-preset";import{useEffect as xn,useRef as An}from"react";import{createSearchParams as Tp,useLocation as kp,useSearchParams as wp}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 ot from"bignumber.js";import{create as hp}from"zustand";import{subscribeWithSelector as yp}from"zustand/middleware";import Yl from"bignumber.js";var be=new Yl(0);import{BigNumber as Gr}from"bignumber.js";var no=i(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),w=i((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new Gr(t),r=1,s=1e3;for(let a=0;a<60;a++)if(new Gr(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 ro=i(t=>t?.result?.swaps?.reduce((e,o)=>e+o.estimatedTimeInSeconds,0)||0,"totalArrivalTime");var $e=i((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),_t=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function io(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(io,"limitDecimalPlaces");import ig from"bignumber.js";function Ze(t){return Array.from(new Set(t))}i(Ze,"removeDuplicateFrom");function gn(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(gn,"areEqual");function Rr(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i(Rr,"debounce");function st(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(st,"containsText");var Vr=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"),Kr=i((t,e)=>{let o={[t]:e};for(let n=1;n<10;n++)n<5&&(o={...o,[t+n*100]:Vr(e,(5-n)*32)}),n===5&&(o={...o,[t+n*100]:e}),n>5&&(o={...o,[t+n*100]:Vr(e,-((n-5)*32))});return o},"generateRangeColors");function hn(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(hn,"searchParamsToToken");function Xr(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}i(Xr,"getBestRouteToTokenUsdPrice");function yn(t,e){let o=t.result?.swaps||[],n=e.result?.swaps||[];return o.length!==n.length}i(yn,"isNumberOfSwapsChanged");function Sn(t,e){let o=t.result?.swaps.map(r=>r.swapperId)||[],n=e.result?.swaps.map(r=>r.swapperId)||[];return!gn(o,n)}i(Sn,"isRouteSwappersUpdated");function Cn(t,e){let o=t.result?.swaps.map(r=>r.to.symbol)||[],n=e.result?.swaps.map(r=>r.to.symbol)||[];return!gn(o,n)}i(Cn,"isRouteInternalCoinsUpdated");function jr(t,e){return yn(t,e)||Sn(t,e)||Cn(t,e)}i(jr,"isRouteChanged");function Yr(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(Yr,"getRequiredBalanceOfWallet");function Qr(t){if(!t)return null;let e=(t.result?.swaps||[]).map(o=>({...o,fromAmount:w(o.fromAmount,6,6),toAmount:w(o.toAmount,6,6)}));return{...t,...t.result&&{result:{...t.result,swaps:e}}}}i(Qr,"getFormattedBestRoute");function gt(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(gt,"getPriceImpactLevel");import{PendingSwapNetworkStatus as Co}from"@rango-dev/queue-manager-rango-preset";import ke from"bignumber.js";function Jr(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:w(e.fromAmount,6,6),usdValue:w(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:w(e.toAmount,6,6),usdValue:w(e.to.usdPrice?.toString(),4,4)}}}))}i(Jr,"formatBestRoute");function ao(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(ao,"getRequiredWallets");function lo(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(lo,"isValidAddress");import{i18n as Se}from"@lingui/core";var Ft=(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))(Ft||{});var q={genericServerError:Se.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:Se.t("Please reset your liquidity sources."),description:Se.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources")},noRoutesError:{title:Se.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:Se.t("Bridge Limit Error: Please increase your amount"),decreaseAmount:Se.t("Bridge Limit Error: Please decrease your amount")},highValueLossError:{impactTitle:Se.t("High Price Impact"),title:Se.t("Price impact is too high!"),description:Se.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:Se.t("Confirm High price impact")},routeUpdatedWithHighValueLoss:{title:Se.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:Se.t("USD Price Unknown"),title:Se.t("USD Price Unknown, Cannot calculate Price Impact."),description:Se.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:Se.t("Confirm USD Price Unknown")}};function po(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(po,"getConfirmSwapErrorMessage");import{i18n as uo}from"@lingui/core";var at={connectWallet:uo.t("Connect Wallet"),swap:uo.t("Swap"),swapAnyway:uo.t("Swap anyway"),ethRouteWarning:uo.t("The route goes through Ethereum. Continue?")};import{create as cp}from"zustand";import{RangoClient as Zl}from"rango-sdk";var Jl="c6381a79-2817-4602-83bf-6a641a409e32",Tn={API_KEY:Jl};function co(t){return Tn[t]}i(co,"getConfig");function ei(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),Tn=e,Tn}i(ei,"initConfig");var ti=20,oi=25;var mo,ht=i(()=>mo||(mo=new Zl(co("API_KEY")),mo),"httpService");import{WalletState as ze}from"@rango-dev/ui";import{readAccountAddress as tp}from"@rango-dev/wallets-react";import{detectInstallLink as op,getCosmosExperimentalChainInfo as np,isEvmAddress as rp,KEPLR_COMPATIBLE_WALLETS as Ug,Networks as ri}from"@rango-dev/wallets-shared";import kn from"bignumber.js";import{isCosmosBlockchain as ip}from"rango-types";import{WalletTypes as ep}from"@rango-dev/wallets-shared";var ni=[ep.LEAP];function sp(t){switch(!0){case t.connected:return ze.CONNECTED;case t.connecting:return ze.CONNECTING;case!t.installed:return ze.NOT_INSTALLED;default:return ze.DISCONNECTED}}i(sp,"mapStatusToWalletState");function ii(t,e,o,n){return o.filter(r=>!ni.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=sp(t(r));return{title:s,image:a,link:op(l),state:p,type:r}})}i(ii,"mapWalletTypesToWalletInfo");function fo(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(fo,"walletAndSupportedChainsNames");function si(t,e,o,n){let r=[];function s(l,p){if(!!!r.find(c=>c.chain===l)){let c={address:p,chain:l,walletType:t};r.push(c)}}i(s,"addAccount");let a=n||[];return e.forEach(l=>{let{address:p,network:u}=tp(l),c=a.length>0,f=a.includes(u),m=u===ri.Unknown;if(c&&!f&&!m)return;let g=u===ri.Unknown&&rp(p);if(m&&!g)return;o.includes(u)||g?a.filter(b=>o.includes(b)).forEach(b=>{s(b,p.toLowerCase())}):s(u,p)}),r}i(si,"prepareAccountsForWalletStore");function ai(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(ai,"getRequiredChains");function yt(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(yt,"getBalanceFromWallet");function go(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(go,"isAccountAndWalletMatched");function li(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 kn(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:ho(o,r.asset.symbol,r.asset.address,e)||null}))||[]}i(li,"makeBalanceFor");function pi(t){return{...t,loading:!1,error:!0}}i(pi,"resetConnectedWalletState");var St=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"),ho=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice"),yo=i((t,e)=>{let o=np(Object.entries(t).map(([,n])=>n).filter(ip));return o&&o[e]?.experimental},"isExperimentalChain");function Ct(t,e){return t.map(({balance:o,...n})=>{let r=w(new kn(yt(e,n.blockchain,n.symbol,n.address)?.amount||be)),s="";return n.usdPrice&&(s=w(new kn(yt(e,n.blockchain,n.symbol,n.address)?.amount||be).multipliedBy(n.usdPrice))),{...n,...r!=="0"&&{balance:{amount:r,usdValue:s}}}})}i(Ct,"getTokensWithBalance");function Ot(t,e,o,n){if(t?.name===n[0]?.name)return n;let s=e.filter(a=>a.blockchain===t?.name);return St(Ct(s,o))}i(Ot,"getSortedTokens");function Te(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(Te,"tokensAreEqual");function wn(t,e){let o,n=t[0],r=t[1];return t.length===1?o=n:Te(n,e)?o=r:o=n,o}i(wn,"getDefaultToken");function ui(t){return t.sort((e,o)=>+(o.state===ze.CONNECTED)-+(e.state===ze.CONNECTED)||+(o.state===ze.DISCONNECTED||o.state===ze.CONNECTING)-+(e.state===ze.DISCONNECTED||e.state===ze.CONNECTING))}i(ui,"sortWalletsBasedOnConnectionState");function So(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(So,"getConciseAddress");function ci({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(ci,"getAddress");var ap=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"),Be=ap;import{create as lp}from"zustand";import{subscribeWithSelector as pp}from"zustand/middleware";import{shallow as up}from"zustand/shallow";var D=Be(lp()(pp((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}=k.getState().meta;t(a=>({loading:!0,connectedWallets:a.connectedWallets.map(l=>o.find(p=>go(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:u,chain:c})=>({address:u,blockchain:c})),p=(await ht().getWalletsDetails(a)).wallets;if(p)t(u=>({loading:!1,connectedWallets:u.connectedWallets.map(c=>{let f=o.find(d=>go(d,c)),m=p.find(d=>d.address===c.address&&d.blockChain===c.chain);return m?.failed&&f&&n&&r([f],!1),f&&m?{...c,explorerUrl:m.explorerUrl,balances:li(m,s)}:c})}));else throw new Error("Wallet not found")}catch{t(l=>({loading:!1,connectedWallets:l.connectedWallets.map(p=>o.find(u=>go(u,p))?pi(p):p)}))}}}))));D.subscribe(t=>t.connectedWallets,t=>{B.setState(({sourceTokens:e,destinationTokens:o})=>{let n=Ct(e,t),r=Ct(o,t);return{sourceTokens:St(n),destinationTokens:St(r)}})},{equalityFn:up});var k=Be(cp()(t=>({meta:{blockchains:[],popularTokens:[],swappers:[],tokens:[]},loadingStatus:"loading",setTokensWithBalance:()=>{let e=D.getState().connectedWallets;t(o=>({...o,meta:{...o.meta,tokens:St(Ct(o.meta.tokens,e))}}))},fetchMeta:async()=>{try{let e=await ht().getAllMetadata(),o=Ze(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 wo(t,e){return!t||!e||t.lte(be)||e.lte(be)?0:e.div(t).minus(1).multipliedBy(100)}i(wo,"getOutputRatio");function vo(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new ke(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new ke(1e3)))??!1}i(vo,"outputRatioHasWarning");function xo(t){return(t?.result?.swaps||[]).filter(e=>{let o=e.fromAmountMinValue?new ke(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new ke(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(xo,"hasLimitError");function Ao(t){if(!t)return{swap:null,fromAmountRangeError:"",recommendation:""};let e=(t?.result?.swaps||[]).filter(l=>{let p=l.fromAmountMinValue?new ke(l.fromAmountMinValue):null,u=l.fromAmountMaxValue?new ke(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 ke(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new ke(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",s="",a="";return!r&&o&&o.gt(e.fromAmount)?(s=`Required: >= ${w(o,6,6)} ${e.from.symbol}`,a=q.bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(s=`Required: > ${w(o,6,6)} ${e.from.symbol}`,a=q.bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(s=`Required: <= ${w(n,6,6)} ${e.from.symbol}`,a=q.bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(s=`Required: < ${w(n,6,6)} ${e.from.symbol}`,a=q.bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:s,recommendation:a}}i(Ao,"LimitErrorMessage");function mi(t,e,o,n,r,s,a,l,p){return t!=="success"?{title:at.connectWallet,state:"waitForConnecting",disabled:!0}:e.length==0?{title:at.connectWallet,state:"waitForConnecting",disabled:!1}:o||!n||!n.result||r||!p||p==="0"?{title:at.swap,disabled:!0,state:"swap"}:s||a?{title:at.swapAnyway,disabled:!1,hasWarning:!0,state:"needToConfirm"}:l?{title:at.ethRouteWarning,disabled:!1,hasWarning:!0,state:"warning"}:{title:at.swap,disabled:!1,state:"swap"}}i(mi,"getSwapButtonState");function vn(t,e,o){return!((!o||o.lte(be))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}i(vn,"canComputePriceImpact");function dp(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(dp,"requiredWallets");var fp=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice");function gp(t,e){let o=be;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let s=fp(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new ke(r.amount).multipliedBy(s||0))}return o}i(gp,"getUsdFeeOfStep");function Eo(t,e){return t?.result?.swaps.reduce((o,n)=>o.plus(gp(n,e)),be)||null}i(Eo,"getTotalFeeInUsd");function di(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(di,"getMinRequiredSlippage");function fi(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(fi,"hasProperSlippage");function bo(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:s,disabledLiquiditySources:a,slippage:l,affiliateRef:p,affiliatePercent:u,affiliateWallets:c,initialRoute:f,destination:m}=t,d=s?.reduce((S,A)=>(S[A.chain]=A.address,S),{}),g=[];r?.forEach(S=>{let A=g.find(x=>x.blockchain===S.chain);A?A.addresses.push(S.address):g.push({blockchain:S.chain,addresses:[S.address]})});let h=!!f,v=Ze((f?.result?.swaps||[]).reduce((S,A)=>(S.push(A.from.blockchain,A.to.blockchain),A.internalSwaps&&Array.isArray(A.internalSwaps)&&A.internalSwaps.map(x=>{S.push(x.from.blockchain,x.to.blockchain)}),S),[]));return{amount:n.toString(),affiliateRef:p??void 0,affiliatePercent:u??void 0,affiliateWallets:c??void 0,checkPrerequisites:h,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:g,selectedWallets:d??{},slippage:l.toString(),...m&&{destination:m},...a.length>0&&{swapperGroups:a,swappersGroupsExclude:!0},...h&&{blockchains:v}}}i(bo,"createBestRouteRequestBody");function gi(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(gi,"getWalletsForNewSwap");function Tt(t){return t?.result?.outputAmount||null}i(Tt,"getRouteOutputAmount");function Re(t,e){return!t||!e?null:new ke(e).div(new ke(t)).minus(1).multipliedBy(100)}i(Re,"getPercentageChange");function hi(t,e){let o=Tt(t),n=Tt(e);if(!o||!n)return!1;let r=Re(o,n);return r?r.toNumber()<=-1:!0}i(hi,"isOutputAmountChangedALot");function yi(t,e){let o=t.validationStatus,n=ai(t);return e.sort((s,a)=>n.indexOf(s.chain)-n.indexOf(a.chain)).flatMap(s=>Yr(s,o)||[]).filter(s=>!s.ok).map(s=>{let a=s.asset.symbol,l=w(new ke(s.currentAmount.amount).shiftedBy(-s.currentAmount.decimals),8,8),p=w(new ke(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(yi,"getBalanceWarnings");function Si(t,e){return(t?new ke(t):be).multipliedBy(e||0)}i(Si,"calcOutputUsdValue");function Ut(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==Co.NetworkChanged}i(Ut,"isNetworkStatusInWarningState");function Ci(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),Ut(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case Co.WaitingForConnectingWallet:n=n||"Waiting for connecting wallet";break;case Co.WaitingForQueue:n=n||"Waiting for other running tasks to be finished";break;case Co.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(Ci,"getSwapMessages");function Ti(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(Ti,"getLastConvertedTokenInFailedSwap");function ki(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}i(ki,"shouldRetrySwap");function wi(t,e,o,n,r,s){return t||!e&&!dp(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!lo(s,o)}i(wi,"confirmSwapDisabled");var $t=i((t,e)=>t?.usdPrice?new ot(e||be).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),B=Be(hp()(yp(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new ot(0),outputUsdValue:new ot(0),toBlockchain:null,toToken:null,bestRoute:null,routeWalletsConfirmed:!1,sourceTokens:[],destinationTokens:[],selectedWallets:[],customDestination:"",setRoute:e=>t(o=>{let n=null,r=be;return _t(o.inputAmount)?(e&&(n=e.result?.outputAmount?new ot(e.result?.outputAmount):null,r=Si(e.result?.outputAmount,Xr(e)||o.toToken?.usdPrice)),{bestRoute:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetRoute:()=>t(()=>({bestRoute:null,outputAmount:null,outputUsdValue:new ot(0)})),setFromBlockchain:(e,o)=>{t(n=>{if(n.fromBlockchain?.name===e?.name)return{};let r=k.getState().meta.tokens,s=D.getState().connectedWallets,a=Ot(e,r,s,n.destinationTokens),l=wn(a,n.toToken);return{fromBlockchain:e,sourceTokens:a,...o&&{fromToken:l},...!!n.inputAmount&&{inputUsdValue:$t(l,n.inputAmount)}}})},setFromToken:e=>t(o=>({fromToken:e,...!!o.inputAmount&&{inputUsdValue:$t(e,o.inputAmount)}})),setToBlockchain:(e,o)=>{t(n=>{if(n.toBlockchain?.name===e?.name)return{};let r=k.getState().meta.tokens,s=D.getState().connectedWallets,a=Ot(e,r,s,n.destinationTokens);return{toBlockchain:e,destinationTokens:a,...o&&{toToken:wn(a,n.fromToken)}}})},setToToken:e=>t(()=>({toToken:e})),setInputAmount:e=>{t(o=>({inputAmount:e,...!e&&{outputAmount:new ot(0),outputUsdValue:new ot(0),bestRoute:null},...!!o.fromToken&&{inputUsdValue:$t(o.fromToken,e)}}))},retry:e=>{let{tokens:o,blockchains:n}=k.getState().meta,r=D.getState().connectedWallets,s=e.status==="failed"?e.steps.findIndex(h=>h.status==="failed"):null;if(s===null||s<0)return;let a=e.steps[0],l=e.steps[e.steps.length-1],p=n.find(h=>h.name===a.fromBlockchain)||null,u=n.find(h=>h.name===l.toBlockchain)||null,c=o.find(h=>Te(h,{blockchain:a.fromBlockchain,symbol:a.fromSymbol,address:a.fromSymbolAddress})),f=o.find(h=>Te(h,{blockchain:l.toBlockchain,symbol:l.toSymbol,address:l.toSymbolAddress})),m=Ot(p,o,r,[]),d=Ot(u,o,r,[]),g=e.inputAmount;t({fromBlockchain:p,fromToken:c,inputAmount:g,outputAmount:null,inputUsdValue:$t(c||null,g),outputUsdValue:new ot(0),toBlockchain:u,toToken:f,bestRoute:null,sourceTokens:m,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:$t(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 Sp}from"zustand";var we=Be(Sp()(t=>({connectWalletsButtonDisabled:!1,selectedSwapRequestId:null,currentPage:"",setSelectedSwap:e=>t({selectedSwapRequestId:e}),setCurrentPage:e=>t({currentPage:e})})));function vi(){let t=An(!0),[e,o]=wp(),n=kp(),r=An(n.search),s=An({}),a=B.use.fromBlockchain(),l=B.use.toBlockchain(),p=B.use.fromToken(),u=B.use.toToken(),c=B.use.setFromBlockchain(),f=B.use.setFromToken(),m=B.use.setToBlockchain(),d=B.use.setToToken(),g=B.use.inputAmount(),h=B.use.setInputAmount(),v=k.use.loadingStatus(),{blockchains:b,tokens:S}=k.use.meta(),A=we.use.setSelectedSwap();return xn(()=>{let x={};Tp(r.current).forEach((P,W)=>{x[W]=P}),s.current=x;let T=n.pathname.split(y.swaps+"/")[1]||null;T&&A(T)},[]),xn(()=>{if(!t.current){let x="",T="",P="",W="",I="";if(v!=="success")x=s.current["fromBlockchain"],T=s.current["fromToken"],P=s.current["toBlockchain"],W=s.current["toToken"],I=s.current["fromAmount"]||g;else{if(n.state==="redirect")return;x=a?.name||"",T=(p?.symbol||"")+(p?.address?`--${p?.address}`:""),P=l?.name||"",W=(u?.symbol||"")+(u?.address?`--${u?.address}`:""),I=g}o({...x&&{["fromBlockchain"]:x},...T&&{["fromToken"]:T},...P&&{["toBlockchain"]:P},...W&&{["toToken"]:W},...I&&{["fromAmount"]:I.toString()}},{replace:!0})}t.current=!1},[n.pathname,g,a,p,l,u]),xn(()=>{if(v==="success"){let x=e.get("fromBlockchain"),T=e.get("fromToken"),P=e.get("toBlockchain"),W=e.get("toToken"),I=e.get("fromAmount"),G=b.find(F=>F.name===x),ne=hn(S,T,G||null),C=b.find(F=>F.name===P),_=hn(S,W,C||null);G&&(c(G),ne&&f(ne)),C&&(m(C),_&&d(_)),I&&h(I)}},[v]),null}i(vi,"UpdateUrl");import{useWallets as bp}from"@rango-dev/wallets-react";import{isEvmBlockchain as Bp}from"rango-types";function xi({children:t,...e}){let o=Ap(),n=o?vp:xp,{blockchains:r}=k.use.meta(),{canSwitchNetworkTo:s}=bp(),a=r.filter(Bp);return Ep({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:s}),Bo.createElement(Bo.Fragment,null,Bo.createElement(n,null,t),o&&Bo.createElement(vi,null))}i(xi,"AppRouter");import Ae from"react";import{useRoutes as yf}from"react-router-dom";import{i18n as zn}from"@lingui/core";import{useManager as mc}from"@rango-dev/queue-manager-react";import{Alert as qn,BestRoute as dc,BestRouteSkeleton as fc,Button as Ho,Divider as At,IconButton as Ds,MessageBox as gc,Modal as hc,RefreshIcon as yc,SettingsIcon as Sc,styled as _s,Tooltip as Cc,Typography as Ps,WalletIcon as Tc}from"@rango-dev/ui";import N,{useEffect as Gt,useState as Go}from"react";import{flushSync as kc}from"react-dom";import{useNavigate as wc}from"react-router-dom";import{Alert as Un,BalanceErrors as Gu,Button as Cs,ChevronDownIcon as Vu,ChevronLeftIcon as Ru,Divider as xt,MessageBox as Ku,Modal as Ts,Typography as zo,WalletIcon as Xu}from"@rango-dev/ui";import E,{useEffect as ju,useState as ut}from"react";import{i18n as Wo}from"@lingui/core";function Io(t){switch(t.type){case 0:return Wo.t("Route has been updated.");case 3:return Wo.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return Wo.t("Route swappers has been updated.");case 2:return Wo.t("Route internal coins has been updated.");default:return""}}i(Io,"getRouteWarningMessage");import*as kt from"@radix-ui/react-collapsible";import{Button as Wp,IconButton as Ip,keyframes as Ai,styled as Ce,TextField as Np}from"@rango-dev/ui";var Mp=Ai({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),Lp=Ai({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),Ei=Ce("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),bi=Ce("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}),Bi=Ce("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"}}}}),Wi=Ce(kt.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent"}),Ii=Ce("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),Ni=Ce(Ip,{position:"absolute",left:"$20"}),Mi=Ce("div",{paddingTop:"$20","& .wallets-list":{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}}),Li=Ce(kt.Root,{backgroundColor:"$neutral200",borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),Pi=Ce(Wp,{width:"100%",borderRadius:"$sm !important",padding:"$15 !important",justifyContent:"space-between",alignItems:"center",backgroundColor:"$neutral100 !important"}),Di=Ce("div",{padding:"$10 $0","& .button__content":{display:"flex",justifyContent:"center",alignItems:"center"},"& .alarms":{paddingTop:"5px"}}),_i=Ce("div",{transition:"all 300ms ease",variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),Fi=Ce("div",{display:"flex"}),Oi=Ce(Np,{padding:"$0 $15 $15 $15"}),Ui=Ce(kt.Content,{overflow:"hidden",variants:{open:{true:{animation:`${Mp} 300ms ease-out`},false:{animation:`${Lp} 300ms ease-out`}}}}),$i=Ce("div",{overflow:"visible",width:"100%"});import{Button as zu,Divider as _n,Image as qu,MessageBox as Fn,Modal as fs,SelectableWallet as Hu,Typography as gs,WalletState as hs}from"@rango-dev/ui";import oe,{useEffect as ys,useState as qt}from"react";import{WalletState as qi}from"@rango-dev/ui";import{useWallets as Dp}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as _p,WalletTypes as Fp}from"@rango-dev/wallets-shared";import{useEffect as Op,useState as Up}from"react";import{allProviders as Pp}from"@rango-dev/provider-all";function No(t,e){let o=Pp({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(No,"matchAndGenerateProviders");function zi(t,e){return No(t,e).map(r=>r.config.type)}i(zi,"configWalletsToWalletName");var $p=Object.values(Fp);function Mo(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:l,connect:p}=Dp(),{connectedWallets:u}=D(),{blockchains:c}=k().meta,f=typeof e?.multiWallets>"u"?!0:e.multiWallets,m=zi(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||$p,d=ii(s,l,m,o),g=ui(d),[h,v]=Up(""),b=i(T=>!u.find(P=>P.walletType===T&&P.chain===o),"isExperimentalChainNotAdded"),S=i(async T=>{let P=s(T);try{if(h&&v(""),P.connected)await a(T);else{let W=!!d.find(I=>I.state===qi.CONNECTED);if(!f&&W)return;n?.(T),await p(T),r?.(T)}}catch(W){v("Error: "+W?.message)}},"handleClick"),A=i(()=>{let T=d?.filter(P=>P.state===qi.CONNECTING)||[];for(let P of T)a(P.type)},"disconnectConnectingWallets");Op(()=>()=>{A()},[]);let x=i((T,P,W)=>yo(W,P)&&b(T)&&!_p.includes(T),"shouldExcludeWallet");return{list:g.filter(T=>!x(T.type,o??"",c)),error:h,handleClick:S}}i(Mo,"useWalletList");import{i18n as as}from"@lingui/core";import{styled as ls,Typography as Nu,Wallet as Mu,WalletState as Lu}from"@rango-dev/ui";import pt,{Fragment as Pu,useState as Du}from"react";import{BottomLogo as fu,Divider as gu,Header as hu,theme as yu,usePaddingRight as Su}from"@rango-dev/ui";import me,{useRef as Cu}from"react";import{useNavigate as Tu}from"react-router-dom";import{ChevronLeftIcon as Hp}from"@rango-dev/ui";import Vi from"react";import{Button as zp,darkTheme as qp,styled as Lo}from"@rango-dev/ui";var Le=Lo(zp,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),Hi=Lo("div",{position:"absolute",background:"$secondary500",[`.${qp} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),wt=Lo("div",{display:"flex",justifyContent:"flex-end",width:"$40"}),Gi=Lo("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"});function En(t){return Vi.createElement(Le,{variant:"ghost",size:"small",onClick:t.onClick},Vi.createElement(Hp,{color:"black",size:16}))}i(En,"BackButton");import{i18n as Gp}from"@lingui/core";import{Button as Vp,Typography as Rp}from"@rango-dev/ui";import bn from"react";function Bn(t){return bn.createElement(wt,null,bn.createElement(Vp,{variant:"ghost",onClick:t.onClick,size:"xsmall"},bn.createElement(Rp,{variant:"label",size:"medium",color:"error500"},Gp.t("Cancel"))))}i(Bn,"CancelButton");import{i18n as Kp}from"@lingui/core";import{Tooltip as Xp,WalletIcon as jp}from"@rango-dev/ui";import Po from"react";function Wn(t){return Po.createElement(Xp,{side:"top",content:Kp.t("Connect Wallet")},Po.createElement(Le,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&Po.createElement(Hi,null),Po.createElement(jp,{size:18,color:"black"})))}i(Wn,"WalletButton");import{i18n as Fo}from"@lingui/core";import{NotificationsIcon as pu,Popover as uu,RefreshIcon as cu,SettingsIcon as mu,Tooltip as Oo,TransactionIcon as du}from"@rango-dev/ui";import le from"react";import{ChainToken as Qi,ChevronRightIcon as nu,ListItemButton as ru,Typography as iu}from"@rango-dev/ui";import Pe from"react";import{useNavigate as su}from"react-router-dom";import{create as Yp}from"zustand";import{persist as Qp,subscribeWithSelector as Jp}from"zustand/middleware";var We=Be(Yp()(Qp(Jp((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 Do}from"@rango-dev/ui";var Ri=Do("div",{padding:"$10",width:"350px",minHeight:"150px"}),Ki=Do("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),Xi=Do("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),ji=Do("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as Zp}from"@lingui/core";import{Divider as eu,NoNotificationIcon as tu,Typography as ou}from"@rango-dev/ui";import _o from"react";function Yi(){return _o.createElement(ji,null,_o.createElement(tu,{color:"secondary",size:26}),_o.createElement(eu,{size:12}),_o.createElement(ou,{variant:"body",size:"medium",color:"neutral900"},Zp.t("You have no notification")))}i(Yi,"NotificationNotFound");var au=4;function In(){let t=su(),e=we.use.setSelectedSwap(),{getUnreadNotifications:o}=We(),n=o(),{tokens:r,blockchains:s}=k.use.meta(),a=n.sort((p,u)=>u.creationTime-p.creationTime).slice(0,au),l=i(p=>{e(p),t(`/swaps/${p}`)},"handleOnClick");return Pe.createElement(Ri,null,a.length?Pe.createElement(Ki,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),c=s.find(d=>d.name===p.route.from.blockchain),f=r.find(d=>d.address===p.route.to.tokenAddress&&d.blockchain===p.route.to.blockchain&&d.symbol===p.route.to.tokenSymbol),m=s.find(d=>d.name===p.route.to.blockchain);return Pe.createElement(ru,{key:p.requestId,onClick:()=>l(p.requestId),title:Pe.createElement(iu,{variant:"body",size:"small",color:"$neutral900"},p.event.message),id:p.requestId,start:Pe.createElement(Xi,null,Pe.createElement("div",{className:"from-chain-token"},Pe.createElement(Qi,{tokenImage:u?u.image:"",chainImage:c?c.logo:"",size:"small"})),Pe.createElement("div",{className:"to-chain-token"},Pe.createElement(Qi,{tokenImage:f?f.image:"",chainImage:m?m.logo:"",size:"small"}))),end:Pe.createElement(nu,{size:12,color:"gray"})})})):Pe.createElement(Yi,null))}i(In,"NotificationContent");import{Typography as lu}from"@rango-dev/ui";import Ji from"react";function Zi(){let{getUnreadNotifications:t}=We(),e=t().length;return e?Ji.createElement(Gi,null,Ji.createElement(lu,{variant:"body",size:"xsmall",color:"$background"},e)):null}i(Zi,"UnreadNotificationsBadge");function Nn(t){let{layoutRef:e,onClickRefresh:o,onClickHistory:n,onClickSettings:r,onClickNotifications:s}=t;return le.createElement(le.Fragment,null,le.createElement(Oo,{side:"top",content:Fo.t("Refresh")},le.createElement(Le,{variant:"ghost",size:"small",onClick:o,disabled:!o},le.createElement(cu,{size:16,color:o?"black":"gray"}))),le.createElement(Oo,{side:"top",content:Fo.t("Notifications")},le.createElement(uu,{align:"center",collisionBoundary:e,collisionPadding:{right:20,left:20},container:document.getElementById("swap-box"),content:le.createElement(In,null)},le.createElement(Le,{size:"small",variant:"ghost",onClick:s},le.createElement(pu,{size:18,color:"black"}),le.createElement(Zi,null)))),le.createElement(Oo,{side:"top",content:Fo.t("Settings")},le.createElement(Le,{size:"small",variant:"ghost",onClick:r},le.createElement(mu,{size:18,color:"black"}))),le.createElement(Oo,{side:"top",content:Fo.t("Transactions History")},le.createElement(Le,{size:"small",variant:"ghost",onClick:n},le.createElement(du,{size:18,color:"black"}))))}i(Nn,"HomeButtons");import{styled as Mn}from"@rango-dev/ui";var es=Mn("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"}}}}),ts=Mn("div",{display:"flex",flexDirection:"column",flex:1,padding:"$20 $0 $10 $20",backgroundColor:"$background",position:"relative",overflowY:"auto",overflowX:"hidden",variants:{noPadding:{true:{padding:"0"}}}}),os=Mn("div",{backgroundColor:"$background","& .footer__content":{padding:"$0 $20"},"& .footer__logo":{padding:"$0 $20 $10 $20"}});var ku=20;function wu(t,e){let{children:o,header:n,footer:r,noPadding:s,hasLogo:a=!0,fixedHeight:l=!0}=t,p=D.use.connectedWallets(),u=we.use.connectWalletsButtonDisabled(),c=Tu(),f=Cu(null);Su({elementRef:f,paddingRight:s?"0":yu.sizes[ku]});let m=i(()=>{u||c("/"+y.wallets)},"onConnectWallet");return me.createElement(es,{ref:e,fixedHeight:l,id:"swap-box"},me.createElement(hu,{prefix:me.createElement(me.Fragment,null,n.onBack&&me.createElement(En,{onClick:n.onBack})),title:n.title,suffix:me.createElement(me.Fragment,null,n.suffix,n.hasConnectWallet&&me.createElement(Wn,{onClick:m,isConnected:!!p?.length}),n.onCancel&&me.createElement(Bn,{onClick:n.onCancel}))}),me.createElement(ts,{noPadding:s,ref:f},o),(a||r)&&me.createElement(os,null,me.createElement("div",{className:"footer__content"},r),a&&me.createElement("div",{className:"footer__logo"},me.createElement(gu,{size:12}),me.createElement(fu,null))))}i(wu,"LayoutComponent");var Y=me.forwardRef(wu);Y.displayName="Layout";import{Divider as bu,Modal as Bu}from"@rango-dev/ui";import Pn from"react";import{i18n as vt}from"@lingui/core";import{Image as Au,MessageBox as Ln,WalletState as Eu}from"@rango-dev/ui";import lt from"react";import{keyframes as vu,styled as Uo}from"@rango-dev/ui";var QS=Uo("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),ns=Uo("div",{position:"relative"}),xu=vu({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),rs=Uo("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${xu} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),is=Uo("div",{"& img":{borderRadius:"50%"}});function ss(t){let{state:e,image:o,error:n}=t;return e===Eu.CONNECTED?lt.createElement(Ln,{type:"success",title:vt.t("Wallet Connected"),description:vt.t("Your wallet is connected, you can use it to swap.")}):n?lt.createElement(Ln,{type:"error",title:vt.t("Failed to Connect"),description:n||vt.t("Your wallet is not connected. Please try again.")}):lt.createElement(Ln,{type:"loading",title:vt.t("Connecting to your wallet"),description:vt.t("Click connect in your wallet popup."),icon:lt.createElement(ns,null,lt.createElement(is,null,lt.createElement(Au,{src:o,size:45})),lt.createElement(rs,null))})}i(ss,"ModalContent");function zt(t){let{open:e,onClose:o,...n}=t;return Pn.createElement(Bu,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},Pn.createElement(ss,{...n}),Pn.createElement(bu,{direction:"vertical",size:32}))}i(zt,"WalletModal");import{useInRouterContext as Wu,useNavigate as Iu}from"react-router-dom";function te(){let t=Wu(),e=Iu();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(te,"useNavigateBack");var _u=ls("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline",paddingTop:"$15",height:"100%"}),Fu=ls("div",{textAlign:"center"}),$o=3e3,Ou=300;function ps({config:t}){let{navigateBackFrom:e}=te(),[o,n]=Du(""),r=null,{list:s,handleClick:a,error:l}=Mo({config:t,onBeforeConnect:m=>{r=setTimeout(()=>{n(m)},Ou)},onConnect:()=>{r&&clearTimeout(r),setTimeout(()=>{n("")},$o)}}),p=k.use.loadingStatus(),u=s.find(m=>m.type===o),c=u?.image||"",f=u?.state||Lu.NOT_INSTALLED;return pt.createElement(Y,{header:{title:as.t("Connect Wallets"),onBack:e.bind(null,y.wallets)}},pt.createElement(Fu,null,pt.createElement(Nu,{variant:"title",size:"xmedium",align:"center"},as.t("Choose a wallet to connect.")),pt.createElement(_u,null,s.map((m,d)=>{let g=`wallet-${d}-${m.type}`;return pt.createElement(Pu,{key:g},pt.createElement(Mu,{...m,onClick:h=>{a(h)},isLoading:p==="loading"}))}),pt.createElement(zt,{open:!!o,onClose:()=>n(""),image:c,state:f,error:l}))))}i(ps,"WalletsPage");function us(t,e){return e.find(o=>o.name===t)?.displayName}i(us,"getBlockchainDisplayNameFor");import{keyframes as Uu,styled as Dn}from"@rango-dev/ui";var cs=Dn("div",{position:"relative"}),$u=Uu({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),ms=Dn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${$u} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),ds=Dn("div",{"& img":{borderRadius:"50%"}});function On(t){let{config:e,chain:o,isSelected:n,selectWallet:r,limit:s,onShowMore:a}=t,l=D.use.connectedWallets(),{blockchains:p}=k.use.meta(),[u,c]=qt(""),[f,m]=qt(null),[d,g]=qt(!1),[h,v]=qt(null),{connect:b}=Ss(),{list:S,error:A,handleClick:x}=Mo({config:e,chain:o,onBeforeConnect:c,onConnect:()=>setTimeout(()=>c(""),$o)}),[T,P]=qt(S),W=S.length,I=s&&W-s>0,G=i(async C=>{g(!1),v("in-progress"),await b(C.walletType,C.chain),v("completed")},"addExperimentalChain");ys(()=>{P(C=>{let _=S.findIndex(F=>n(F.type,o));return I&&_>1?[S[_]].concat(S.filter((F,se)=>se!==_)):C.map(F=>S.find(se=>se.type===F.type)??F)})},[JSON.stringify(S)]);let ne=document.querySelector("#swap-box");return ys(()=>{let C=null;return h==="completed"&&(C=setTimeout(()=>v(null),$o)),()=>{C&&clearTimeout(C)}},[h]),oe.createElement(oe.Fragment,null,T.slice(0,s).map(C=>{let _=ci({connectedWallets:l,walletType:C.type,chain:o}),F=_?So(_):"",se=yo(p,o),M=!l.find(Ee=>Ee.walletType===C.type&&Ee.chain===o),ae=se&&M&&C.state===hs.CONNECTED,Ne=ae?`Add ${o} chain`:F,U=i(()=>{C.state===hs.DISCONNECTED?x(C.type):ae?(m({walletType:C.type,chain:o,address:_??""}),g(!0)):r({walletType:C.type,chain:o,address:_??""})},"onClick"),K=f?.chain?us(f.chain,p):void 0;return oe.createElement(oe.Fragment,null,u===C.type&&oe.createElement(zt,{open:u===C.type,onClose:()=>c(""),image:C.image,state:C.state,error:A}),!!f&&oe.createElement(fs,{open:!!f&&d,container:ne,onClose:()=>{m(null)}},oe.createElement(Fn,{title:`Add ${K} Chain`,type:"warning",description:`You should connect a ${K} supported wallet or choose a different ${K} address`},oe.createElement(_n,{size:18}),oe.createElement(_n,{size:32}),oe.createElement(zu,{onClick:G.bind(null,f),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},"Confirm"))),h&&oe.createElement(fs,{open:!!h,onClose:v.bind(null,null),container:ne},h==="in-progress"?oe.createElement(Fn,{type:"loading",title:`Add ${K} Chain`,description:`You should connect a ${K} supported wallet or choose a different ${K} address.`,icon:oe.createElement(cs,null,oe.createElement(ds,null,oe.createElement(qu,{src:C.image,size:45})),oe.createElement(ms,null))}):oe.createElement(Fn,{type:"success",title:`${K} Chain Added`,description:`${K} is added to your wallet, you can use it to swap.`}),oe.createElement(_n,{direction:"vertical",size:32})),oe.createElement(Hu,{key:C.type,description:Ne,onClick:U,selected:n(C.type,o),...C}))}),I&&oe.createElement(Bi,{selected:!1,onClick:a.bind(null)},oe.createElement(gs,{variant:"label",size:"medium"},"Show more wallets",oe.createElement(gs,{variant:"label",size:"medium",color:"$primary"},"\xA0+",W-(s??0)))))}i(On,"WalletList");var Yu=2;function ks(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,config:s,loading:a}=t,{blockchains:l}=k.use.meta(),{bestRoute:p,setSelectedWallets:u,setRouteWalletConfirmed:c,customDestination:f,setCustomDestination:m}=B(),{connectedWallets:d,selectWallets:g}=D(),[h,v]=ut(""),[b,S]=ut([]),[A,x]=ut(""),[T,P]=ut(null),[W,I]=ut(f),[G,ne]=ut(!!f),C=ao(p),_=typeof s?.customDestination>"u"?!0:s.customDestination,F=l.find(O=>O.name===p?.result?.swaps[p?.result?.swaps.length-1].to.blockchain),se=i(O=>!!p?.result?.swaps.find(X=>X.from.blockchain===O),"isWalletRequiredFor"),[M,ae]=ut(d.filter(O=>O.selected&&C.includes(O.chain))),Ne=l.find(O=>O.name===F?.name),U=i((O,X)=>!!M.find(H=>H.walletType===O&&H.chain===X&&H.selected&&(se(X)||!se(X)&&!W)),"isSelected"),K=!!W&&G&&Ne&&!lo(Ne,W),Ee=i(()=>{ne(!1),I(""),ae(O=>{let X=!1;return O.map(H=>!X&&H.chain===F?.name?(X=!0,{...H,selected:!0}):H)})},"resetCustomDestination"),ge=i(O=>{if(h&&v(""),U(O.walletType,O.chain))return;let H=d.find(z=>z.walletType===O.walletType&&z.chain===O.chain);H&&(n(),O.chain===F?.name&&G&&(ne(!1),I("")),ae(z=>z.filter(he=>he.chain!==O.chain).concat({...H,selected:!0})))},"onChange"),Me=i(()=>{let O=M.filter(X=>X.selected);g(O),u(O),m(W),c(!0),o()},"onConfirmBalance"),re=i(async()=>{S([]),x(""),P(null);let O=d.filter(z=>M.find(he=>he.chain===z.chain&&he.walletType===z.walletType)),X=await r?.({selectedWallets:O,customDestination:W}),H=X.warnings;H?.balance?.messages&&S(H.balance.messages),H?.route&&P(H.route),X.error&&x(po(X.error)),!X.error&&(!H?.balance?.messages.length||0>0)?Me():S(H?.balance?.messages??[])},"onConfirmWallets");ju(()=>{ae(O=>O.concat(d.filter(X=>!!!O.find(z=>z.chain===X.chain)&&X.selected&&C.includes(X.chain))))},[d.length]);let Je=document.querySelector("#swap-box");return E.createElement(Ts,{open:e,onClose:o,dismissible:!h,container:Je,...!h&&{footer:E.createElement(Fi,null,E.createElement(Cs,{loading:a,disabled:wi(a,G,W,p,M,F),onClick:re,variant:"contained",type:"primary",fullWidth:!0,size:"large"},"Confirm"))},...h&&{containerStyle:{padding:"$0"},header:E.createElement(Ii,null,E.createElement(Ni,{variant:"ghost",onClick:v.bind(null,"")},E.createElement(Ru,{size:16})),E.createElement(zo,{variant:"headline",size:"small"},`Your ${h} wallets`))},anchor:"center"},E.createElement(Ts,{open:b.length>0,onClose:S.bind(null,[]),container:Je},E.createElement(Ku,{title:"Insufficient account balance",type:"error",description:E.createElement(Gu,{messages:b??[]})},E.createElement(Cs,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:Me},"Proceed anyway"))),h&&E.createElement(Mi,null,E.createElement("div",{className:"wallets-list"},E.createElement(On,{chain:h,isSelected:U,selectWallet:ge,multiWallets:s?.multiWallets??!0,supportedWallets:s?.wallets??[],config:s,onShowMore:v.bind(null,h)}))),!h&&E.createElement(E.Fragment,null,A&&E.createElement(E.Fragment,null,E.createElement(Un,{variant:"alarm",type:"error",title:A}),E.createElement(xt,{size:12})),T&&E.createElement(E.Fragment,null,E.createElement(Un,{variant:"alarm",type:"warning",title:Io(T)}),E.createElement(xt,{size:12})),E.createElement($i,null,C.map((O,X)=>{let H=l.find(ye=>ye.name===O),z=`wallet-${X}`,he=X===C.length-1;return E.createElement("div",{key:z},E.createElement(Ei,null,E.createElement(zo,{variant:"title",size:"xmedium"},`Your ${H?.displayName} wallets`),E.createElement(zo,{variant:"label",color:"$neutral900",size:"medium"},`You need to connect a ${H?.displayName} wallet.`)),E.createElement(xt,{size:24}),E.createElement(bi,null,E.createElement(On,{chain:O,isSelected:U,selectWallet:ge,multiWallets:s?.multiWallets??!0,supportedWallets:s?.wallets??[],config:s,limit:Yu,onShowMore:()=>v(H?.name??"")})),!he&&E.createElement(xt,{size:32}),he&&_&&E.createElement(Di,null,E.createElement(Li,{selected:G,open:G,onOpenChange:ye=>{ye?se(F?.name??"")||ae(ee=>ee.map(ie=>ie.chain===F?.name?{...ie,selected:!1}:ie)):Ee()}},E.createElement(Wi,{onClick:()=>ne(ye=>!ye)},E.createElement(Pi,{fullWidth:!0,suffix:E.createElement(_i,{orientation:G?"up":"down"},E.createElement(Vu,{size:10,color:"gray"}))},E.createElement("div",{className:"button__content"},E.createElement(Xu,{size:18,color:"info"}),E.createElement(xt,{size:4,direction:"horizontal"}),E.createElement(zo,{variant:"label",size:"medium"},"Send to a different address")))),E.createElement(Ui,{open:G},E.createElement(E.Fragment,null,E.createElement(xt,{size:4}),E.createElement(Oi,{autoFocus:!0,placeholder:"Your destination address",value:W,onChange:ye=>{I(ye.target.value)}})))),K&&E.createElement("div",{className:"alarms"},E.createElement(Un,{variant:"alarm",type:"error",title:`Address '${W}' doesn't match the blockchain address pattern.`}))))}))))}i(ks,"ConfirmWalletsModal");import{Alert as ec,Button as tc,Divider as Ns,NoRouteIcon as oc,RefreshIcon as nc,Typography as Ms}from"@rango-dev/ui";import De from"react";import{create as Qu}from"zustand";import{persist as Ju,subscribeWithSelector as Zu}from"zustand/middleware";var ws=[.5,1,3],vs=1,xs=5,As=100,Es=0;var $=Be(Qu()(Ju(Zu(t=>({slippage:vs,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}=k.getState().meta,r=Ze(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 bs(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(bs,"makeInfo");import{styled as $n}from"@rango-dev/ui";var Bs=$n("div",{display:"flex",flexDirection:"column",alignItems:"center"}),Ws=$n("div",{width:"100%"}),Is=$n("div",{padding:"$6 $0"});function Ht(t){let{diagnosisMessage:e,fetch:o,error:n}=t,r=$.use.disabledLiquiditySources(),s=k.use.loadingStatus(),a=$.use.toggleAllLiquiditySources(),p=bs(e??null,r,n||s==="failed",a,o);return De.createElement(Bs,null,De.createElement(oc,{size:24,color:"gray"}),De.createElement(Ns,{size:4}),De.createElement(Ms,{variant:"title",size:"small"},q.noRoutesError.title),!!p.description&&De.createElement(Ms,{variant:"body",size:"small",align:"center",color:"neutral900"},p.description),De.createElement(Ns,{size:4}),!!p.alert&&De.createElement(Ws,null,De.createElement(ec,{type:p.alert.type,title:p.alert.text,action:p.alert.action&&De.createElement(tc,{size:"xsmall",type:p.alert.type,prefix:De.createElement(Is,null,De.createElement(nc,{size:8})),onClick:p.alert.action.onClick},p.alert.action.title),variant:"alarm"})))}i(Ht,"NoRoutes");import{calculatePendingSwap as ac}from"@rango-dev/queue-manager-rango-preset";import lc from"bignumber.js";import{useEffect as pc}from"react";import{useRef as rc,useState as ic}from"react";function qo(){let[t,e]=ic(!1),o=rc(null),n=i(()=>o.current?.abort(),"cancel");return{fetch:i(async s=>{n(),o.current=new AbortController,e(!0);try{let a=await ht().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 uc(t,e){if(!t.result)throw new Error(q.noRoutesError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});let o=new lc(t.result?.outputAmount||"0").multipliedBy(e.outputUsdValue||0),n=wo(e.inputUsdValue,o);if(vo(e.inputUsdValue,n))throw new Error("High value loss for route",{cause:{type:1}});return t}i(uc,"throwErrorIfResponseIsNotValid");function cc(t,e,o){let n=jr(t,e),r={balance:null,route:null,slippage:null};n&&(hi(t,e)?r.route={type:3,newOutputAmount:w(Tt(e)),percentageChange:w(Re(Tt(t),Tt(e)),null,2)}:yn(t,e)?r.route={type:0}:Sn(t,e)?r.route={type:1}:Cn(t,e)&&(r.route={type:2}));let s=yi(e,o.selectedWallets);s.length===0||(r.balance={messages:s});let l=di(t),p=o.userSlippage>xs;return fi(o.userSlippage.toString(),l)?p&&(r.slippage={type:1,slippage:o.userSlippage.toString()}):r.slippage={type:0,slippage:l},r}i(cc,"generateWarnings");function Ls(){let{fromToken:t,toToken:e,inputAmount:o,inputUsdValue:n,setRoute:r,bestRoute:s,customDestination:a}=B(),{slippage:l,customSlippage:p,affiliatePercent:u,affiliateRef:c,affiliateWallets:f,disabledLiquiditySources:m}=$(),{connectedWallets:d}=D(),{meta:g}=k(),h=p||l,{fetch:v,cancelFetch:b,loading:S}=qo();return pc(()=>b,[]),{loading:S,fetch:i(async x=>{let T=x.selectedWallets,P=x?.customDestination??a;if(!t||!e||!o||!s)return{route:null,swap:null,error:null,warnings:null};let W=bo({fromToken:t,toToken:e,inputAmount:o,wallets:d,selectedWallets:T,disabledLiquiditySources:m,slippage:h,affiliateRef:c,affiliatePercent:u,affiliateWallets:f,initialRoute:s,destination:P}),I;try{I=await v(W).then(C=>uc(C,{outputUsdValue:e.usdPrice,inputUsdValue:n})),r(I)}catch(C){return C?.code==="ERR_CANCELED"?{swap:null,error:{type:3},warnings:null}:C.cause?{swap:null,error:C.cause,warnings:null}:{swap:null,error:{type:2},warnings:null}}let G={slippage:h.toString(),disabledSwappersGroups:m},ne=ac(o.toString(),I,gi(T),G,!1,g);return{route:I,swap:ne,error:null,warnings:cc(s,I,{selectedWallets:T,userSlippage:h})}},"fetch"),cancelFetch:b}}i(Ls,"useConfirmSwap");var vc=_s("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"}}),xc=_s("div",{width:"100%",display:"flex",justifyContent:"space-between","& .confirm-button":{flexGrow:1,paddingRight:"$10"},[`& ${Ds}`]:{width:"$48",height:"$48"}});function Fs(t){let{config:e}=t,{bestRoute:o,inputAmount:n,outputAmount:r,inputUsdValue:s,outputUsdValue:a,setInputAmount:l,selectedWallets:p,routeWalletsConfirmed:u,setRouteWalletConfirmed:c,customDestination:f}=B(),m=wc(),[d,g]=Go(""),[h,v]=Go(!1),{connectedWallets:b}=D(),S=!u,[A,x]=Go(!1),T=we.use.setSelectedSwap(),{meta:{tokens:P},loadingStatus:W}=k(),I=$.use.slippage(),G=$.use.customSlippage(),{manager:ne}=mc(),C=G||I,{fetch:_,loading:F,cancelFetch:se}=Ls(),[M,ae]=Go({swap:null,error:null,warnings:null}),Ne=F||W==="loading",U=!F&&M.error&&[0,2].includes(M.error.type),K=!U&&!F&&o&&o.result,Ee=Eo(o,P),ge=w(Re(s?.toNumber()??0,a?.toNumber()??0),2,2),Me=gt(parseFloat(ge)),re=i(async({selectedWallets:z,customDestination:he})=>{let ye=await _?.({selectedWallets:z,customDestination:he});return ae(ye),ye},"onConfirmSwap"),Je=i(async()=>{if(M.swap&&u)try{await ne?.create("swap",{swapDetails:M.swap},{id:M.swap.requestId}),T(M.swap.requestId),m("/"+y.swaps+`/${M.swap.requestId}`,{replace:!0}),setTimeout(()=>{l("")},0)}catch(z){g("Error: "+z?.message)}},"addNewSwap"),O=i(async()=>{await Je()},"onConfirm"),X=i(async()=>{M?.warnings?.slippage?v(!0):await O()},"onStartConfirmSwap"),H=i(async()=>{ae({error:null,swap:null,warnings:null}),_({selectedWallets:p}).then(z=>{ae(z)}).catch(z=>console.error(z))},"onRefresh");return Gt(()=>{S&&se()},[S]),Gt(()=>{S&&x(S)},[S]),Gt(()=>{S||_({selectedWallets:p,customDestination:f}).then(z=>ae(z)).catch(z=>console.error(z))},[]),Gt(()=>{!A&&!u&&m(y.home,{replace:!0})},[A,u]),Gt(()=>{let z=M.warnings?.route?.type&&Object.values(Ft).includes(M.warnings?.route?.type),he=p.length<1||!p.every(ee=>b.find(ie=>ee.address===ie.address&&ee.walletType===ie.walletType&&ee.chain===ie.chain)),ye=!1;if(z){let ee=ao(o),ie=o?.result?.swaps[o.result.swaps.length-1].to.blockchain;!!o?.result?.swaps.find(Dt=>Dt.from.blockchain===ie)||(ee=ee.slice(-ee.length,ee.length-1)),ee.every(Dt=>p.find(Xl=>Xl.chain===Dt))||(ye=!0)}o&&(he||ye)&&(queueMicrotask(()=>kc(x.bind(null,!0))),c(!1))},[M.warnings?.route,p.length,b.length]),N.createElement(Y,{header:{title:"Confirm Swap",onBack:m.bind(null,-1),hasConnectWallet:!0,suffix:N.createElement(Cc,{side:"bottom",content:zn.t("Settings")},N.createElement(Le,{size:"small",variant:"ghost",onClick:()=>m("/"+y.settings)},N.createElement(Sc,{size:18,color:"black"})))},footer:N.createElement(xc,null,N.createElement("div",{className:"confirm-button"},N.createElement(Ho,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:F,disabled:!!M.error,onClick:X},"Start Swap")),N.createElement(Ds,{variant:"contained",type:"primary",size:"large",loading:F,onClick:x.bind(null,!0)},N.createElement(Tc,{size:24})))},N.createElement(hc,{anchor:"bottom",open:h,prefix:N.createElement(Ho,{size:"small",variant:"ghost",onClick:()=>m("/"+y.settings)},N.createElement(Ps,{variant:"label",size:"medium",color:"$neutral900"},"Change settings")),container:document.querySelector("#swap-box"),onClose:v.bind(null,z=>!z)},M.warnings?.slippage&&N.createElement(gc,{type:"warning",title:M.warnings.slippage.type===1?"High slippage":"Low slippage",description:M.warnings.slippage.type===1?zn.t("highSlippage",{selectedSlippage:C},{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(At,{size:18}),N.createElement(At,{size:32}),N.createElement(Ho,{size:"large",type:"primary",variant:"contained",fullWidth:!0,onClick:O},"Confirm anyway"))),A&&N.createElement(ks,{open:A,onClose:x.bind(null,!1),onCancel:se,loading:F,onCheckBalance:re,config:e}),N.createElement(vc,null,N.createElement("div",{className:"description"},N.createElement(Ps,{variant:"title",size:"small"},"You get"),N.createElement(Ho,{style:{padding:"0"},variant:"ghost",disabled:F,onClick:H},N.createElement("div",{className:"icon"},N.createElement(yc,{size:16})))),d&&N.createElement(N.Fragment,null,N.createElement(qn,{type:"error",variant:"alarm",title:d}),N.createElement(At,{size:12})),M.warnings?.route&&N.createElement(N.Fragment,null,N.createElement(qn,{variant:"alarm",type:"warning",title:Io(M.warnings.route)}),N.createElement(At,{size:12})),Ne&&N.createElement(fc,{type:"swap-preview",expanded:!0}),K&&N.createElement(dc,{expanded:!0,steps:Jr(o)??[],input:{value:w(n,6,6),usdValue:w(s,4,4)},output:{value:w(r,6,6),usdValue:w(a,4,4)},totalFee:w(Ee,2,2),totalTime:no(ro(o)),recommended:!0,type:"swap-preview",percentageChange:ge,warningLevel:Me}),U&&N.createElement(N.Fragment,null,N.createElement(At,{size:12}),N.createElement(Ht,{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(qn,{variant:"alarm",type:"error",title:po(M.error)}),N.createElement(At,{size:12}))))}i(Fs,"ConfirmSwapPage");import{i18n as Kn}from"@lingui/core";import{useManager as Ic}from"@rango-dev/queue-manager-react";import{Divider as Nc,NotFound as Mc,styled as Vs}from"@rango-dev/ui";import nt,{useState as Lc}from"react";import{useNavigate as Pc}from"react-router-dom";import{CloseIcon as Ec,IconButton as bc,SearchIcon as Bc,TextField as Wc}from"@rango-dev/ui";import Vt from"react";import{styled as Ac}from"@rango-dev/ui";var Os=Ac("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function je(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:s,value:a,setValue:l,...p}=t;return Vt.createElement(Wc,{prefix:Vt.createElement(Os,null,Vt.createElement(Bc,{color:"black"})),suffix:!!a.length&&Vt.createElement(bc,{variant:"ghost",onClick:()=>l?.(""),size:"small"},Vt.createElement(Ec,{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(je,"SearchInput");import{Divider as $s,SwapListItem as zs,Typography as qs}from"@rango-dev/ui";import J from"react";import{styled as Vo}from"@rango-dev/ui";var Hn=Vo("div",{width:"100%",display:"flex",flexDirection:"column"}),Gn=Vo("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),Vn=Vo("div",{gap:"$10",display:"flex",flexDirection:"column"}),Us=Vo("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});function Rn(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,s=n?n(e):[{title:"History",swaps:e}];if(r){let a=[{},{}];return J.createElement(J.Fragment,null,[{title:"Today",swaps:a},{title:"Last month",swaps:a}].map(p=>J.createElement(J.Fragment,{key:p.title},J.createElement(Hn,null,J.createElement(Gn,null,J.createElement(qs,{variant:"label",size:"medium",color:"neutral800",className:"group-title"},p.title)),J.createElement($s,{size:4}),J.createElement(Vn,null,p.swaps.map((u,c)=>{let f=c+p.title;return J.createElement(J.Fragment,{key:f},J.createElement(zs,{isLoading:!0}))}))))))}return J.createElement(J.Fragment,null,s.filter(a=>a.swaps.length>0).map(a=>J.createElement(J.Fragment,{key:a.title},J.createElement(Hn,null,J.createElement(Gn,null,J.createElement(qs,{variant:"label",size:"medium",color:"neutral800",className:"group-title"},a.title)),J.createElement($s,{size:4}),J.createElement(Vn,null,a.swaps.map(l=>{let p=l.steps[0],u=l.steps[l.steps.length-1];return J.createElement(J.Fragment,{key:l.requestId},J.createElement(zs,{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:io(l.inputAmount)},to:{token:{image:u.toLogo,displayName:u.toSymbol},blockchain:{image:u.toBlockchainLogo||""},amount:io(u.outputAmount||""),estimatedAmount:io(u.expectedOutputAmountHumanReadable||"")}}}))}))))))}i(Rn,"SwapsGroup");import Hs from"dayjs";var Gs=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=Hs();return t.forEach(n=>{let r=Hs(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 Ro=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 Dc=Vs("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",height:"100%",gap:15}),_c=Vs("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),Fc=i((t,e)=>t?.length?t.filter(o=>$e(o.fromBlockchain,e)||$e(o.toBlockchain,e)||$e(o.toSymbol,e)||$e(o.fromSymbol,e)).length:!1,"isStepContainsText");function Rs(){let t=we.use.setSelectedSwap(),e=Pc(),{navigateBackFrom:o}=te(),{manager:n,state:r}=Ic(),s=Ro(n).map(({swap:m})=>m),[a,l]=Lc(""),p=!r.loadedFromPersistor,u=i(m=>{let d=m.target.value;l(d)},"searchHandler"),c=s;a&&(c=s.filter(m=>$e(m.inputAmount,a)||$e(m.status,a)||Fc(m.steps,a)||$e(m.requestId,a)));let f=!c?.length&&!p;return nt.createElement(Y,{header:{onBack:o.bind(null,"/"+y.swaps),title:Kn.t("History")}},nt.createElement(Dc,null,nt.createElement(je,{setValue:l,fullWidth:!0,variant:"contained",placeholder:"Search Transaction",autoFocus:!0,onChange:u,value:a}),nt.createElement(_c,null,f&&nt.createElement(Us,null,nt.createElement(Nc,{size:32}),nt.createElement(Mc,{title:Kn.t("No results found"),description:a?Kn.t("Try using different keywords"):""})),!f&&nt.createElement(Rn,{list:c,onSwapClick:m=>{t(m),e(`${m}`,{replace:!0})},groupBy:Gs,isLoading:p}))))}i(Rs,"HistoryPage");import{i18n as om}from"@lingui/core";import{Alert as nm,BestRoute as rm,BestRouteSkeleton as im,Button as sm,Divider as Qn,styled as Et,SwapInput as aa,Typography as Jn,WarningIcon as am}from"@rango-dev/ui";import j,{useEffect as lm,useRef as pm,useState as um}from"react";import{useNavigate as cm}from"react-router-dom";import{Alert as ta,Divider as Hc,InfoIcon as Gc}from"@rango-dev/ui";import Fe from"react";import{styled as Ko}from"@rango-dev/ui";var Ks=Ko("div",{width:"100%",paddingTop:"$10"}),Xn=Ko("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),Xs=Ko("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%"}),js=Ko("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});import{Button as Oc,Divider as Js,MessageBox as Zs,Modal as Uc,Typography as $c,WarningIcon as zc}from"@rango-dev/ui";import _e from"react";import{useNavigate as qc}from"react-router-dom";import{Typography as Ys}from"@rango-dev/ui";import jn from"react";function Qs(t){let{title:e,value:o,valueColor:n}=t;return jn.createElement(Xs,null,jn.createElement(Ys,{size:"medium",variant:"label",color:"neutral800"},e),jn.createElement(Ys,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(Qs,"RouteErrorsModalItem");function ea(t){let{highValueLoss:e,open:o,onToggle:n,percentageChange:r,inputUsdValue:s,outputUsdValue:a,totalFeeInUsd:l}=t,p=qc(),u=e&&r?.lt(-10)?"error":"warning",c=[{title:"Swapping",value:w(s,4,4)},{title:"Gas cost",value:w(l,2,2)},{title:"Receiving",value:w(a,4,4)},{title:"Price impact",value:w(r,2,2),valueColor:`${u}500`}];return _e.createElement(Uc,{open:o,onClose:()=>n(!1),container:document.getElementById("swap-box")||document.body},e?_e.createElement(Zs,{type:u,title:q.highValueLossError.impactTitle,description:q.highValueLossError.description}):_e.createElement(Zs,{type:u,title:q.unknownPriceError.impactTitle,description:q.unknownPriceError.description}),e&&_e.createElement(Xn,null,_e.createElement(Js,{size:20}),_e.createElement($c,{size:"small",variant:"title"},"Details"),_e.createElement(Xn,null,c.map((f,m)=>_e.createElement(Qs,{key:m,...f})))),_e.createElement(Js,{size:32}),_e.createElement(Oc,{type:"primary",size:"large",prefix:_e.createElement(zc,null),fullWidth:!0,onClick:()=>{p(y.confirmSwap)}},e?q.highValueLossError.confirmMessage:q.unknownPriceError.confirmMessage))}i(ea,"RouteErrorsModal");var Vc=-10;function Yn(t){let{bestRoute:e}=B(),{highValueLoss:o,percentageChange:n,priceImpactCanNotBeComputed:r,openModal:s,onToggle:a,totalFeeInUsd:l,outputUsdValue:p,inputUsdValue:u,loading:c,extraSpace:f}=t,m=xo(e),{recommendation:d}=Ao(e),g=!m&&(o||r),h=g||m;return Fe.createElement(Fe.Fragment,null,(c||f&&!h)&&Fe.createElement(Hc,{size:20}),h&&Fe.createElement(Ks,null,g&&Fe.createElement(Fe.Fragment,null,Fe.createElement(ta,{title:o?q.highValueLossError.title:q.unknownPriceError.title,type:o&&n?.lt(Vc)?"error":"warning",variant:"alarm",action:Fe.createElement(js,{onClick:()=>a(!0)},Fe.createElement(Gc,{size:12,color:"gray"}))})),m&&Fe.createElement(ta,{type:"error",variant:"alarm",title:d})),Fe.createElement(ea,{highValueLoss:o,open:s,onToggle:a,percentageChange:n,inputUsdValue:u,outputUsdValue:p,totalFeeInUsd:l}))}i(Yn,"RouteErrors");import{ReverseIcon as Rc,styled as oa}from"@rango-dev/ui";import Xo,{useEffect as Kc,useRef as Xc,useState as jc}from"react";import{useInRouterContext as Yc,useSearchParams as Qc}from"react-router-dom";function Jc({count:t}){let e=Xc(!0),[o,n]=Qc(),r=B.use.outputAmount();return Kc(()=>{if(e.current)e.current=!1;else{let s=o.get("fromBlockchain"),a=o.get("fromToken"),l=o.get("toBlockchain"),p=o.get("toToken");n({...l&&{["fromBlockchain"]:l},...p&&{["fromToken"]:p},...s&&{["toBlockchain"]:s},...a&&{["toToken"]:a},...r&&{["fromAmount"]:r.toString()}})}},[t]),null}i(Jc,"SwitchFromAndTo");var Zc=oa("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),em=oa("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 na(){let t=B.use.switchFromAndTo(),e=Yc(),[o,n]=jc(0);return Xo.createElement(Zc,null,Xo.createElement(em,{onClick:()=>{t(),n(r=>r+1)}},Xo.createElement(Rc,{size:12}),e&&Xo.createElement(Jc,{count:o})))}i(na,"SwitchFromAndToButton");import{useEffect as ra,useState as ia}from"react";var tm=600;function sa(){let{fetch:t,cancelFetch:e}=qo(),[o,n]=ia(!1),{fromToken:r,toToken:s,inputAmount:a,inputUsdValue:l,resetRoute:p,setRoute:u}=B(),{slippage:c,customSlippage:f,affiliatePercent:m,affiliateRef:d,affiliateWallets:g,disabledLiquiditySources:h}=$(),[v,b]=ia(""),S=f??c,x=!r||!s||Te(r,s)||!_t(a),T=i(()=>{if(o||n(!0),!x){p();let W=bo({fromToken:r,toToken:s,inputAmount:a,disabledLiquiditySources:h,slippage:S,affiliateRef:d,affiliatePercent:m,affiliateWallets:g});t(W).then(I=>{n(!1),u(I)}).catch(I=>{p(),I?.code!=="ERR_CANCELED"&&(b(I.message),n(!1))})}},"fetch"),P=Rr(()=>{x||T()},tm);return ra(()=>{if(!_t(a)||l?.eq(0)){n(!1),e();return}if(!x)return p(),n(!0),P(),e},[a,x]),ra(()=>(x||T(),e),[h.length]),{fetch:T,loading:o,error:v}}i(sa,"useSwapInput");var mm=Et("div",{display:"flex",flexDirection:"column",overflowY:"visible"}),dm=Et("div",{position:"relative"}),fm=Et("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"}),la=Et("div",{width:"100%",paddingTop:"$2"}),gm=Et("div",{paddingBottom:"$15"}),hm=Et("div",{width:"100%",display:"flex"});function pa(){let t=cm(),{fetch:e,loading:o,error:n}=sa(),{fromToken:r,fromBlockchain:s,toToken:a,toBlockchain:l,setInputAmount:p,inputAmount:u,inputUsdValue:c,outputAmount:f,outputUsdValue:m,bestRoute:d,resetRouteWallets:g}=B(),{meta:{tokens:h},loadingStatus:v}=k(),b=D.use.connectedWallets(),S=we.use.setCurrentPage(),[A,x]=um(!1),{fromAmountRangeError:T,swap:P,recommendation:W}=Ao(d),I=pm(null),G=!!Number(u)&&(!!d||o||!!n),ne=!1,C=wo(c,m),_=vo(c,C),F=!vn(d,u,c),se=!vn(d,u,m),M=mi(v,b,o,d,xo(d),_,F||se,ne,u),ae=s&&r?w(yt(b,s?.name,r?.symbol,r?.address)?.amount||"0",8,8):"0",Ne=s&&r?w(yt(b,s?.name,r?.symbol,r?.address)?.amount||"0",yt(b,s?.name,r?.symbol,r?.address)?.decimal):"0";lm(()=>(S(y.home),g(),S.bind(null,"")),[]);let U=!c||!m||!m.gt(0)?null:Re(c.toNumber(),m.toNumber()),K=i(Me=>Me.map((re,Je)=>({swapper:{displayName:re.swapperId,image:re.swapperLogo},from:{token:{displayName:re.from.symbol,image:re.from.logo},chain:{displayName:re.from.blockchain,image:re.from.blockchainLogo},price:{value:Je===0?w(u,6,6):re.fromAmount}},to:{token:{displayName:re.to.symbol,image:re.to.logo},chain:{displayName:re.to.blockchain,image:re.to.blockchainLogo},price:{value:re.toAmount}},alerts:re.swapperId===P?.swapperId?j.createElement(gm,null,j.createElement(nm,{type:"error",title:W,footer:j.createElement(hm,null,j.createElement(Jn,{size:"xsmall",variant:"body",color:"neutral900"},T),j.createElement(Qn,{direction:"horizontal",size:8}),j.createElement(Jn,{size:"xsmall",variant:"body",color:"neutral900"},"|"),j.createElement(Qn,{direction:"horizontal",size:8}),j.createElement(Jn,{size:"xsmall",variant:"body",color:"neutral900"},`Yours: ${w(P?.fromAmount||null,6,6)} ${re?.from.symbol}`))})):void 0})),"getBestRouteSteps"),Ee=Eo(d,h),ge=Qr(d);return j.createElement(Y,{ref:I,fixedHeight:!1,hasLogo:!0,footer:j.createElement(sm,{type:"primary",size:"large",disabled:M.disabled,prefix:!M.disabled&&M.hasWarning&&j.createElement(am,null),fullWidth:!0,onClick:()=>{M.state==="waitForConnecting"?t(y.wallets):M.state==="needToConfirm"?x(!0):t(y.confirmSwap)}},M.title),header:{hasConnectWallet:!0,title:om.t("Swap"),suffix:j.createElement(Nn,{layoutRef:I.current,onClickRefresh:d||n?e:void 0,onClickHistory:()=>t(y.swaps),onClickSettings:()=>t(y.settings)})}},j.createElement(mm,null,j.createElement(fm,null,j.createElement(dm,null,j.createElement(aa,{label:"From",onInputChange:p,balance:ae,chain:{displayName:s?.displayName||"",image:s?.logo||""},token:{displayName:r?.symbol||"",image:r?.image||""},onClickToken:()=>t("from-swap"),price:{value:u,usdValue:F?void 0:w(c,4,4),error:F?q.unknownPriceError.impactTitle:void 0},disabled:v==="failed",loading:v==="loading",onSelectMaxBalance:()=>{ae!=="0"&&p(Ne.split(",").join(""))}}),j.createElement(na,null)),j.createElement(aa,{sharpBottomStyle:!!d?.result||o,label:"To",chain:{displayName:l?.displayName||"",image:l?.logo||""},token:{displayName:a?.symbol||"",image:a?.image||""},percentageChange:U?.lt(0)?w(U,2,2):null,warningLevel:gt(U?.toNumber()??0),price:{value:w(f,6,6),usdValue:se?void 0:w(m,4,4),error:se?q.unknownPriceError.impactTitle:void 0},onClickToken:()=>t("to-swap"),disabled:v==="failed",loading:v==="loading"})),o&&j.createElement(la,null,j.createElement(im,{type:"basic"})),G&&!o&&ge?.result?.swaps?.length?j.createElement(la,null,j.createElement(rm,{type:"basic",recommended:!0,input:{value:w(u,6,6),usdValue:w(c,4,4)},output:{value:w(f,6,6),usdValue:w(m,4,4)},steps:K(ge.result.swaps),percentageChange:w(U,2,2),totalFee:w(Ee,2,2),totalTime:no(ro(d))})):G&&!o?j.createElement(j.Fragment,null,j.createElement(Qn,{size:20}),j.createElement(Ht,{diagnosisMessage:ge?.diagnosisMessages?.[0],fetch:e,error:!!n})):null),j.createElement(Yn,{openModal:A,onToggle:x,totalFeeInUsd:Ee,outputUsdValue:m,inputUsdValue:c,percentageChange:U,highValueLoss:_,priceImpactCanNotBeComputed:F||se,loading:o||v==="loading",extraSpace:!!d?.result||!d}))}i(pa,"Home");import{i18n as jo}from"@lingui/core";import{List as ym,ListItemButton as Sm,Radio as or,RadioRoot as Cm,Typography as nr}from"@rango-dev/ui";import Oe,{useState as Tm}from"react";import{styled as Rt}from"@rango-dev/ui";var Ye=Rt("div",{height:"100%"}),Kt=Rt("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"visible"}),Zn=Rt("li",{margin:"0 auto",width:"100%",height:"1px",backgroundColor:"$neutral300"}),er=Rt("div",{width:80,display:"flex",justifyContent:"flex-end"}),tr=Rt("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});function ua(){let{navigateBackFrom:t}=te(),[e,o]=Tm("english"),n=[{id:"english",value:"english",title:Oe.createElement(nr,{variant:"title",size:"xmedium"},jo.t("English")),onClick:()=>o("english"),end:Oe.createElement(or,{value:"english"})},{id:"french",value:"french",title:Oe.createElement(nr,{variant:"title",size:"xmedium"},jo.t("French")),onClick:()=>o("french"),end:Oe.createElement(or,{value:"french"})},{id:"spanish",value:"spanish",title:Oe.createElement(nr,{variant:"title",size:"xmedium"},jo.t("Spanish")),onClick:()=>o("spanish"),end:Oe.createElement(or,{value:"spanish"})}];return Oe.createElement(Y,{header:{onBack:t.bind(null,y.settings),title:jo.t("Language")}},Oe.createElement(Ye,null,Oe.createElement(Cm,{value:e},Oe.createElement(ym,{type:Oe.createElement(Sm,{title:"language",id:"_",onClick:()=>console.log()}),items:n}))))}i(ua,"LanguagePage");import{i18n as bt}from"@lingui/core";import{Button as Am,Checkbox as Em,Image as bm,ListItemButton as Bm,NotFound as Wm,Typography as Im}from"@rango-dev/ui";import de,{useState as Nm}from"react";import{Checkbox as vm,Skeleton as ma}from"@rango-dev/ui";import Xt from"react";import{ListItem as km,styled as wm}from"@rango-dev/ui";var ca=wm(km,{height:61});var xm=30;function rr(){return Xt.createElement(Kt,null,Array.from(Array(xm),t=>Xt.createElement(ca,{hasDivider:!0,key:t,start:Xt.createElement(ma,{variant:"circular",width:35,height:35}),title:Xt.createElement(ma,{variant:"text",size:"large",width:90}),end:Xt.createElement(vm,{checked:!1})})))}i(rr,"LoadingLiquiditySourceList");function Yo(t){let e=k.use.meta().swappers,o=$.use.disabledLiquiditySources(),n=[];return Ze(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(Yo,"getUniqueSwappersGroups");function ir({supportedSwappers:t,sourceType:e}){let[o,n]=Nm(""),r=$.use.toggleLiquiditySource(),{navigateBackFrom:s}=te(),a=k.use.loadingStatus(),l=Yo(t),p=[];e==="Exchanges"&&p.push("DEX"),e==="Bridges"&&(p.push("BRIDGE"),p.push("AGGREGATOR"));let u=l.filter(h=>p.includes(h.type)),c=u.length===u.filter(h=>h.selected).length,f=i(()=>{u.forEach(h=>{c?r(h.groupTitle):h.selected||r(h.groupTitle)})},"toggleAllSources"),m=u.map(h=>{let{selected:v,groupTitle:b,logo:S}=h;return{start:de.createElement(bm,{src:S,size:22,type:"circular"}),onClick:()=>r(b),end:de.createElement(Em,{checked:v}),title:de.createElement(Im,{variant:"title",size:"xmedium"},bt.t(b)),...h}}),d=i(h=>{let v=h.target.value;n(v)},"searchHandler"),g=m;return o&&(g=m.filter(h=>$e(h.groupTitle,o))),de.createElement(Y,{header:{onBack:s.bind(null,y.settings),title:bt.t(e),suffix:de.createElement(er,null,de.createElement(Am,{variant:"ghost",size:"xsmall",onClick:f},bt.t(c?"Deselect all":"Select all")))}},de.createElement(Ye,null,de.createElement(je,{value:o,setValue:n,fullWidth:!0,color:"light",variant:"contained",placeholder:bt.t("Swap {sourceType}",{sourceType:e}),onChange:d}),a==="loading"&&de.createElement(rr,null),!g.length&&o?de.createElement(tr,null,de.createElement(Wm,{title:bt.t("No results found"),description:bt.t("Try using different keywords")})):a==="success"&&de.createElement(Kt,null,g.map(h=>de.createElement(de.Fragment,{key:h.id},de.createElement(Bm,{style:{height:"61px"},...h,selected:!1}),de.createElement(Zn,null))))))}i(ir,"LiquiditySourcePage");import{i18n as Aa}from"@lingui/core";import{Divider as cr}from"@rango-dev/ui";import ct,{useState as Ea}from"react";import{i18n as ar}from"@lingui/core";import{Divider as Sa,Image as Pm,ListItemButton as Dm,NotFound as _m,Typography as Ca}from"@rango-dev/ui";import Ie,{useEffect as Fm,useState as Om}from"react";import{TransactionType as Qo}from"rango-sdk";var Bt=(s=>(s.ALL="ALL",s.EVM="EVM",s.COSMOS="COSMOS",s.UTXO="UTXO",s.OTHER="OTHER",s))(Bt||{});var sr=i((t,e)=>{switch(e){case"ALL":return!0;case"UTXO":return t.type===Qo.TRANSFER;case"OTHER":return t.type!==Qo.TRANSFER&&t.type!==Qo.COSMOS&&t.type!==Qo.EVM;default:return t.type===e}},"filterByType"),da=i((t,e,o)=>t.filter(n=>sr(n,o)).filter(n=>st(n.name,e)||st(n.displayName,e)),"filterBlockchains");import{styled as fa}from"@rango-dev/ui";var ga=fa("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),Jo=fa("ul",{padding:0,margin:0,listStyle:"none",overflowY:"auto",paddingRight:"$5",".image-container":{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as Mm,Skeleton as ha}from"@rango-dev/ui";import Zo from"react";var Lm=20;function ya(){return Zo.createElement(Jo,null,Array.from(Array(Lm),t=>Zo.createElement(Mm,{key:t,hasDivider:!0,start:Zo.createElement(ha,{variant:"circular",width:35,height:35}),title:Zo.createElement(ha,{variant:"text",size:"large",width:90})})))}i(ya,"LoadingBlockchainList");function lr(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=Om(e),l=k.use.loadingStatus();Fm(()=>{a([...da(e,o,r)])},[e,o,r]);let p=i(()=>!s.length&&o?Ie.createElement(Ie.Fragment,null,Ie.createElement(Sa,{size:32}),Ie.createElement(_m,{title:ar.t("No results found"),description:ar.t("Try using different keywords")})):Ie.createElement(Jo,null,s.map(u=>Ie.createElement(Dm,{key:`${u.name}-${u.chainId}`,hasDivider:!0,onClick:()=>n(u),start:Ie.createElement(Pm,{src:u.logo,size:30}),title:Ie.createElement(Ca,{variant:"title",size:"medium"},u.displayName),id:u.chainId}))),"renderList");return Ie.createElement(ga,null,Ie.createElement(Ca,{variant:"label",size:"large"},ar.t("Select Blockchain")),Ie.createElement(Sa,{size:4}),l==="loading"&&Ie.createElement(ya,null),l==="success"&&p())}i(lr,"BlockchainList");import{i18n as qm}from"@lingui/core";import{Divider as Hm,Image as Gm,Skeleton as Vm,Typography as Rm}from"@rango-dev/ui";import qe from"react";import $m from"react";import{styled as Um}from"@rango-dev/ui";var Ta=Um("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 rt(t){let{children:e,selected:o,onClick:n}=t;return $m.createElement(Ta,{selected:o,onClick:n},e)}i(rt,"BlockchainsChip");var zm={["EVM"]:["ETH","BSC","POLYGON"],["COSMOS"]:["COSMOS","OSMOSIS","JUNO"],["UTXO"]:["BTC","LTC","BCH"],["OTHER"]:["STARKNET","TRON","SOLANA"]},ka=i((t,e)=>t.filter(o=>sr(o,e)).filter(o=>zm[e].includes(o.name)),"generateBlockchainsLogo");import{styled as pr}from"@rango-dev/ui";var wa=pr("div",{display:"grid",gap:"$10",gridTemplateColumns:"auto 1fr 1fr 1fr 1fr"}),va=pr("div",{display:"flex",position:"relative",alignItems:"center",justifyContent:"center",paddingTop:"$10"}),xa=pr("img",{position:"absolute",top:-2,width:15,height:15});function ur(t){let{setCategory:e,category:o}=t,n=k.use.meta().blockchains,r=k.use.loadingStatus(),s=Object.keys(Bt);return qe.createElement(wa,null,r==="loading"&&Array.from(Array(5),(a,l)=>qe.createElement(Vm,{key:l,variant:"rounded",height:70,width:l===0?45:65})),r==="success"&&s.map(a=>qe.createElement(rt,{selected:o===a,key:a,onClick:()=>e(a)},a!=="ALL"&&qe.createElement(qe.Fragment,null,qe.createElement(va,null,ka(n,a).map((l,p)=>p===0?qe.createElement(xa,{key:`image-${l.name}-${l.chainId}`,src:l.logo}):qe.createElement(Gm,{key:`image-${l.name}-${l.chainId}`,src:l.logo,size:15}))),qe.createElement(Hm,{size:12})),qe.createElement(Rm,{size:"xsmall",variant:"body",color:a==="ALL"?"secondary500":void 0},qm.t(Bt[a])))))}i(ur,"SelectableCategoryList");function mr(t){let{type:e,supportedBlockchains:o}=t,{navigateBackFrom:n}=te(),[r,s]=Ea(""),[a,l]=Ea("ALL"),p=B.use.setToBlockchain(),u=B.use.setFromBlockchain(),c=o?k.use.meta().blockchains.filter(f=>o.includes(f.name)):k.use.meta().blockchains;return ct.createElement(Y,{header:{onBack:n.bind(null,y[`${e}Blockchain`]),title:Aa.t("Select Blockchain")}},ct.createElement(cr,{size:12}),ct.createElement(ur,{setCategory:l,category:a}),ct.createElement(cr,{size:24}),ct.createElement(je,{value:r,autoFocus:!0,placeholder:Aa.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>s(""),onChange:f=>s(f.target.value)}),ct.createElement(cr,{size:16}),ct.createElement(lr,{list:c,searchedFor:r,blockchainCategory:a,onChange:f=>{e==="from"?u(f,!0):p(f,!0),n(y[`${e}Blockchain`])}}))}i(mr,"SelectBlockchainPage");import{i18n as Ha}from"@lingui/core";import{Divider as Ga}from"@rango-dev/ui";import Wt,{useEffect as pd,useState as ud}from"react";import{useNavigate as cd}from"react-router-dom";import{i18n as dr}from"@lingui/core";import{Divider as Wa,Image as Ia,Skeleton as Xm,Typography as fr}from"@rango-dev/ui";import fe,{useEffect as jm,useState as Ym}from"react";var ba=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 Km}from"@rango-dev/ui";var Ba=Km("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var Qm=9,gr=10,Jm=12;function hr(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:s}=t,a=ba(e),[l,p]=Ym(null),u=k.use.loadingStatus(),c=B.use.resetToBlockchain(),f=B.use.resetFromBlockchain(),m=l?Qm:gr;return jm(()=>{let d=a.slice(gr,a.length).find(g=>g.chainId===n?.chainId&&g.name===n?.name);d&&p(d)},[n]),fe.createElement("div",null,fe.createElement(Wa,{size:12}),fe.createElement(fr,{variant:"label",size:"large"},dr.t("Select Blockchain")),fe.createElement(Wa,{size:12}),fe.createElement(Ba,null,u==="loading"&&Array.from(Array(Jm),d=>fe.createElement(Xm,{key:d,variant:"rounded",height:50})),u==="success"&&fe.createElement(fe.Fragment,null,fe.createElement(rt,{selected:!n,onClick:()=>{o==="from"?f():c()}},fe.createElement(fr,{variant:"body",size:"xsmall",color:"secondary500"},dr.t("All"))),!!l&&fe.createElement(rt,{selected:!!l&&l.chainId===n?.chainId,key:l.chainId,onClick:()=>r(l)},fe.createElement(Ia,{src:l.logo,size:30})),a.slice(0,m).map(d=>fe.createElement(rt,{key:d.chainId,selected:!!n&&n.chainId===d.chainId,onClick:()=>r(d)},fe.createElement(Ia,{src:d.logo,size:30}))),fe.createElement(rt,{onClick:s},fe.createElement(fr,{variant:"body",size:"xsmall",color:"secondary500"},dr._("More +{count}",{count:a.length-gr}))))))}i(hr,"BlockchainsSection");import{i18n as Tr}from"@lingui/core";import{darkTheme as Fa,Divider as Yt,ExternalLinkIcon as td,Image as od,ListItemButton as nd,NotFound as rd,PinIcon as id,Skeleton as Oa,Typography as Qt,VirtualizedList as sd}from"@rango-dev/ui";import L,{forwardRef as ad,useEffect as Ua,useState as $a}from"react";import{Divider as Da,ListItem as ed,Skeleton as jt}from"@rango-dev/ui";import Ue from"react";import{styled as He,Typography as Zm}from"@rango-dev/ui";var Na=He("div",{display:"flex",flexDirection:"column",flexGrow:1}),yr=He("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),en=He("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"}}}}}),Sr=He("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),Cr=He(Zm,{}),Ma=He("div",{textAlign:"right"}),tn=He("ul",{display:"flex",alignItems:"end",flexDirection:"column"}),UA=He("div",{display:"flex",alignItems:"center"}),La=He("div",{position:"relative",".image-container":{borderRadius:"$xm",overflow:"hidden"}}),Pa=He("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6});function _a(t){return Ue.createElement(en,null,Array.from(Array(t.size),e=>Ue.createElement(ed,{key:e,hasDivider:!0,start:Ue.createElement(jt,{variant:"circular",width:35,height:35}),end:Ue.createElement(tn,null,Ue.createElement(jt,{variant:"text",size:"large",width:70}),Ue.createElement(Da,{size:4}),Ue.createElement(jt,{variant:"text",size:"medium",width:50})),title:Ue.createElement("div",null,Ue.createElement(jt,{variant:"text",size:"large",width:90}),Ue.createElement(Da,{size:4}),Ue.createElement(jt,{variant:"text",size:"medium",width:90}))})))}i(_a,"LoadingTokenList");var kr=20,ld=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(yr,{className:"token-title"},L.createElement(Qt,{variant:"title",size:"xmedium"},r.symbol),L.createElement(Yt,{direction:"horizontal",size:4}),L.createElement(Sr,{css:s},L.createElement(Cr,{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(td,{color:"gray",size:12}))))},"renderDesc");function za(t){let{list:e,searchedFor:o="",onChange:n}=t,[r,s]=$a(e),a=k.use.loadingStatus(),[l,p]=$a(!0),u=D.use.loading(),{blockchains:c}=k.use.meta(),f=ad((g,h)=>L.createElement("div",{...g,ref:h,style:{...g.style,height:`${parseFloat(g.style?.height)+8*2}px`}})),m=i(()=>{s(e.slice(0,r.length+kr))},"loadNextPage");Ua(()=>{p(e.length>r.length)},[r.length]),Ua(()=>{s(e.slice(0,kr))},[e]);let d=i(()=>!r.length&&o?L.createElement(L.Fragment,null,L.createElement(Yt,{size:32}),L.createElement(rd,{title:Tr.t("No results found"),description:Tr.t("Try using different keywords")})):L.createElement(sd,{Item:({index:g,style:h})=>{let v=r[g].address||"",b=c.find(T=>T.name===r[g].blockchain),S=Kr(r[g].symbol,b?.color||""),A={$$color:S[`${r[g].symbol}100`],[`.${Fa} &`]:{$$color:S[`${r[g].symbol}900`]},backgroundColor:"$$color"},x={$$color:S[`${r[g].symbol}700`],[`.${Fa} &`]:{$$color:S[`${r[g].symbol}100`]},color:"$$color"};return L.createElement("div",{style:{...h,paddingRight:5}},L.createElement(nd,{style:{height:h?.height},"tab-index":g,key:`${r[g].symbol}${r[g].address}`,id:`${r[g].symbol}${r[g].address}`,hasDivider:!0,onClick:()=>n(r[g]),start:L.createElement(La,null,L.createElement(od,{src:r[g].image,size:30}),r[g].pin&&L.createElement(Pa,null,L.createElement(id,{size:12,color:"gray"}))),title:b?.type==="COSMOS"||r[g].name||!r[g].name&&!v?L.createElement(yr,null,L.createElement(Qt,{variant:"title",size:"xmedium"},r[g].symbol),L.createElement(Yt,{direction:"horizontal",size:4}),L.createElement(Sr,{css:A},L.createElement(Cr,{variant:"body",size:"xsmall",css:x},r[g].blockchain))):void 0,description:b?.info&&v&&b.type!=="COSMOS"?ld({address:v,token:r[g],customCssForTag:A,customCssForTagTitle:x,name:r[g].name,url:b.info.addressUrl.split("{wallet}").join(v)}):r[g].name||void 0,end:u?L.createElement(tn,null,L.createElement(Oa,{variant:"text",size:"large",width:70}),L.createElement(Yt,{size:4}),L.createElement(Oa,{variant:"text",size:"medium",width:50})):r[g]?.balance&&L.createElement(Ma,null,L.createElement(Qt,{variant:"title",size:"small"},r[g].balance?.amount),L.createElement("div",null),r[g].balance?.usdValue&&L.createElement(Qt,{variant:"body",color:"neutral800",size:"xsmall"},`$${r[g].balance?.usdValue}`))}))},hasNextPage:l,itemCount:r.length,loadNextPage:m,innerElementType:f,size:60}),"renderList");return L.createElement(Na,null,L.createElement(Qt,{variant:"label",size:"large"},Tr.t("Select Token")),L.createElement(Yt,{size:4}),a==="loading"&&L.createElement(_a,{size:kr}),a==="success"&&L.createElement(en,null,d()))}i(za,"TokenList");var qa=i((t,e)=>t.filter(o=>st(o.symbol,e)||st(o.address||"",e)||st(o.name||"",e)).sort((o,n)=>n.pin-o.pin),"filterTokens");function wr(t){let{type:e,supportedBlockchains:o,supportedTokens:n,pinnedTokens:r}=t,s=cd(),{navigateBackFrom:a}=te(),{tokens:l}=k.use.meta(),p=B.use.sourceTokens(),u=B.use.destinationTokens(),[c,f]=ud(""),m=B.use.setFromToken(),d=B.use.setToToken(),g=B.use.setToBlockchain(),h=B.use.setFromBlockchain(),v=B.use.toBlockchain(),b=B.use.fromBlockchain(),S=D.use.connectedWallets(),A=D.use.loading(),x=k.use.setTokensWithBalance(),T=o?k.use.meta().blockchains.filter(C=>o.includes(C.name)):k.use.meta().blockchains,P=n?l.filter(C=>l.some(_=>Te(_,C))):l,W=n?p.filter(C=>n.some(_=>Te(_,C))):p,I=n?u.filter(C=>n.some(_=>Te(_,C))):u,G=e==="from"?W:I,ne=(G.length?G:P).map(C=>({...C,pin:r?.some(_=>Te(_,C))}));return pd(()=>{S.length&&!A&&x()},[S,A]),Wt.createElement(Y,{header:{onBack:a.bind(null,y.home),title:Ha.t("Swap {type}",{type:e})}},Wt.createElement(hr,{blockchains:T,type:e,blockchain:e==="from"?b:v,onMoreClick:()=>s(e==="from"?y.fromBlockchain:y.toBlockchain),onChange:C=>{e==="from"?h(C,!0):g(C,!0)}}),Wt.createElement(Ga,{size:24}),Wt.createElement(je,{value:c,autoFocus:!0,placeholder:Ha.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>f(""),onChange:C=>f(C.target.value)}),Wt.createElement(Ga,{size:16}),Wt.createElement(za,{list:qa(ne,c),onChange:C=>{let _=T.find(F=>C.blockchain===F.name);e==="from"?(m(C),_&&h(_,!0)):(d(C),_&&g(_,!0)),a(y.fromSwap)}}))}i(wr,"SelectSwapItemsPage");import{i18n as It}from"@lingui/core";import{ChevronRightIcon as nn,Divider as Ja,List as Sd,ListItemButton as Cd,Skeleton as Td,Switch as kd,Typography as mt}from"@rango-dev/ui";import Z from"react";import{useNavigate as wd}from"react-router-dom";import{i18n as dd}from"@lingui/core";import{Chip as fd,Divider as Ya,InfoIcon as gd,TextField as hd,Tooltip as yd,Typography as Qa}from"@rango-dev/ui";import ve from"react";import{styled as on}from"@rango-dev/ui";var Va=on("div",{paddingTop:"$5",paddingBottom:"30px"}),Ra=on("div",{display:"flex",alignItems:"center",justifyContent:"start"}),Ka=on("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),Xa=on("div",{maxWidth:"300px",padding:"$10"});import{i18n as vr}from"@lingui/core";import{Typography as md}from"@rango-dev/ui";import Jt from"react";function ja(){return Jt.createElement(Xa,null,Jt.createElement(md,{variant:"label",size:"small",color:"neutral900"},vr.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),Jt.createElement("br",null),Jt.createElement("br",null),Jt.createElement("b",null,vr.t("Warning")),":",vr.t("This setting is applied per step, e.g. 1Inch, Thorchain, etc. and only that step will be reverted, not the whole transaction")))}i(ja,"SlippageTooltipContent");function xr(){let t=$.use.slippage(),e=$.use.setSlippage(),o=$.use.customSlippage(),n=$.use.setCustomSlippage();return ve.createElement(Va,null,ve.createElement(Ka,null,ve.createElement(Qa,{variant:"title",size:"xmedium"},dd.t("Slippage tolerance per swap")),ve.createElement(Ya,{direction:"horizontal",size:4}),ve.createElement(yd,{side:"top",content:ve.createElement(ja,null)},ve.createElement(gd,{color:"gray"}))),ve.createElement(Ra,null,ws.map((r,s)=>{let a=`slippage-${s}`;return ve.createElement(ve.Fragment,null,ve.createElement(fd,{style:{width:"64px",flexShrink:0},key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}),ve.createElement(Ya,{direction:"horizontal",size:8}))}),ve.createElement(hd,{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>=Es&&s<=As)&&n(s)},suffix:o&&ve.createElement(Qa,{variant:"body",size:"small"},"%"),placeholder:"Custom"})))}i(xr,"Slippage");function Za({supportedSwappers:t,singleTheme:e}){let o=wd(),{navigateBackFrom:n}=te(),r=$.use.infiniteApprove(),s=$.use.toggleInfiniteApprove(),a=k.use.loadingStatus(),l=Yo(t),p=l.filter(T=>T.type==="BRIDGE"||T.type==="AGGREGATOR"),u=p.length,c=p.filter(T=>T.selected).length,f=l.filter(T=>T.type==="DEX"),m=f.length,d=f.filter(T=>T.selected).length,g=i((T,P)=>{switch(a){case"loading":return Z.createElement(Td,{variant:"text",size:"medium",width:50});case"failed":return Z.createElement(mt,{variant:"body",size:"medium",color:"$error500"},"Loading failed");default:return Z.createElement(mt,{variant:"body",size:"medium"},`${T} / ${P}`)}},"handleEndItem"),h={id:"bridge-item",title:Z.createElement(mt,{variant:"title",size:"xmedium"},It.t("Enabled bridges")),end:Z.createElement(Z.Fragment,null,g(c,u),Z.createElement(Ja,{direction:"horizontal",size:8}),Z.createElement(nn,{color:"black"})),onClick:()=>o(y.bridges)},v={id:"exchange-item",title:Z.createElement(mt,{variant:"title",size:"xmedium"},It.t("Enabled exchanges")),end:Z.createElement(Z.Fragment,null,g(d,m),Z.createElement(Ja,{direction:"horizontal",size:8}),Z.createElement(nn,{color:"gray"})),onClick:()=>o(y.exchanges)},b={id:"language-item",title:Z.createElement(mt,{variant:"title",size:"xmedium"},It.t("Language")),end:Z.createElement(nn,{color:"gray"}),onClick:()=>o(y.languages)},S={id:"theme-item",title:Z.createElement(mt,{variant:"title",size:"xmedium"},It.t("Theme")),end:Z.createElement(nn,{color:"gray"}),onClick:()=>o(y.themes)},A={id:"infinite-approval-item",title:Z.createElement(mt,{variant:"title",size:"xmedium"},It.t("Infinite Approval")),end:Z.createElement(kd,{checked:r}),onClick:s},x=[h,v,b];return e||x.push(S),x.push(A),Z.createElement(Y,{header:{onBack:n.bind(null,y.settings),title:It.t("Setting")}},Z.createElement(Ye,null,Z.createElement(xr,null),Z.createElement(Sd,{type:Z.createElement(Cd,{title:"_",id:"_",onClick:()=>console.log()}),items:x})))}i(Za,"SettingsPage");import{cancelSwap as pf}from"@rango-dev/queue-manager-rango-preset";import{useManager as uf}from"@rango-dev/queue-manager-react";import Nl from"react";import{i18n as dt}from"@lingui/core";import{getCurrentBlockchainOfOrNull as Gd,getCurrentStep as Vd,getRelatedWalletOrNull as Rd,PendingSwapNetworkStatus as mn}from"@rango-dev/queue-manager-rango-preset";import{Button as bl,CopyIcon as Kd,Divider as Xd,IconButton as jd,RouteCost as Yd,RouteSummary as Qd,StepDetails as Jd,theme as Zd,Typography as Mt,useCopyToClipboard as ef,usePaddingRight as tf}from"@rango-dev/ui";import{useWallets as of}from"@rango-dev/wallets-react";import Q,{useEffect as Bl,useRef as nf,useState as Wl}from"react";import{useNavigate as rf}from"react-router-dom";function el(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(el,"timeSince");function tl(t){return t.finishTime?`${el(parseInt(t.finishTime))} ago`:`${el(parseInt(t.creationTime))} ago`}i(tl,"getSwapDate");import{PendingSwapNetworkStatus as an}from"@rango-dev/queue-manager-rango-preset";import{Modal as Wd}from"@rango-dev/ui";import ln from"react";import{i18n as rn}from"@lingui/core";import{Button as ol,Divider as Ar,MessageBox as vd,Typography as nl}from"@rango-dev/ui";import Ge from"react";var rl=i(({onCancel:t,onClose:e})=>Ge.createElement(Ge.Fragment,null,Ge.createElement(Ar,{size:20}),Ge.createElement(vd,{type:"error",title:rn.t("Transaction Cancel"),description:rn.t("Are you sure you want to Cancel this swap?")}),Ge.createElement(Ar,{size:32}),Ge.createElement(ol,{variant:"contained",type:"primary",size:"large",onClick:t},Ge.createElement(nl,{variant:"title",size:"medium",color:"neutral100"},rn.t("Yes, Cancel it"))),Ge.createElement(Ar,{size:12}),Ge.createElement(ol,{variant:"outlined",type:"primary",size:"large",onClick:e},Ge.createElement(nl,{variant:"title",size:"medium",color:"primary"},rn.t("No, Continue")))),"CancelContent");import{i18n as sn}from"@lingui/core";import{Button as il,Divider as Er,MessageBox as xd,Typography as sl}from"@rango-dev/ui";import Ve from"react";var al=i(({onDelete:t,onClose:e})=>Ve.createElement(Ve.Fragment,null,Ve.createElement(Er,{size:20}),Ve.createElement(xd,{type:"error",title:sn.t("Delete Transaction"),description:sn.t("Are you sure you want to delete this swap?")}),Ve.createElement(Er,{size:32}),Ve.createElement(il,{variant:"contained",type:"primary",size:"large",onClick:t},Ve.createElement(sl,{variant:"title",size:"medium",color:"neutral100"},sn.t("Yes, Delete it"))),Ve.createElement(Er,{size:12}),Ve.createElement(il,{variant:"outlined",type:"primary",size:"large",onClick:e},Ve.createElement(sl,{variant:"title",size:"medium",color:"primary"},sn.t("No, Cancel")))),"DeleteContent");import{i18n as br}from"@lingui/core";import{PendingSwapNetworkStatus as Br}from"@rango-dev/queue-manager-rango-preset";var Wr={[Br.WaitingForNetworkChange]:{type:"loading",title:br.t("Change Network")},[Br.WaitingForConnectingWallet]:{type:"warning",title:br.t("Connect Wallet")},[Br.NetworkChanged]:{type:"success",title:br.t("Network Changed")}};import{MessageBox as Ed,Wallet as bd,WalletState as pl}from"@rango-dev/ui";import{useWallets as Bd}from"@rango-dev/wallets-react";import Zt from"react";import{styled as Ad}from"@rango-dev/ui";var ll=Ad("div",{display:"flex",justifyContent:"center"});var ul=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:s}=t,{connect:a,getWalletInfo:l,state:p}=Bd(),u=n?.walletType,f=u&&p(u).connected?pl.CONNECTED:pl.DISCONNECTED;return Zt.createElement(Zt.Fragment,null,Zt.createElement(Ed,{type:e,title:o,description:r}),s&&u&&Zt.createElement(ll,null,Zt.createElement(bd,{title:l(u).name,image:l(u).img,type:u,state:f,onClick:async()=>a(u)})))},"WalletStateContent");function Ir(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:s,message:a}=t,l=e===an.WaitingForNetworkChange||e===an.WaitingForConnectingWallet||e===an.NetworkChanged;return ln.createElement(Wd,{open:!!e,onClose:o,container:document.getElementById("swap-box")||document.body},l&&ln.createElement(ul,{type:Wr[e].type,title:Wr[e].title,currentStepWallet:s,message:a,showWalletButton:e!==an.WaitingForNetworkChange}),e==="delete"&&ln.createElement(al,{onClose:o,onDelete:n}),e==="cancel"&&ln.createElement(rl,{onClose:o,onCancel:r}))}i(Ir,"SwapDetailsModal");import{i18n as eo}from"@lingui/core";import{Button as Nr,Divider as pn,MessageBox as cl,Modal as Id,TokenAmount as Nd,Typography as un}from"@rango-dev/ui";import pe from"react";import{useNavigate as Md}from"react-router-dom";function Mr(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:s,token:a,chain:l,percentageChange:p,description:u,diagnosisUrl:c}=t,f=Md();return pe.createElement(Id,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},n==="success"?pe.createElement(cl,{type:"success",title:eo.t("Swap Successful")},pe.createElement(Nd,{direction:"vertical",type:"output",centerAlign:!0,price:{value:r,usdValue:s},token:a,chain:l,percentageChange:p}),pe.createElement(pn,{size:12}),pe.createElement(un,{variant:"body",size:"medium",color:"neutral900",align:"center"},u)):pe.createElement(cl,{type:"error",title:eo.t("Transaction Failed"),description:u}),pe.createElement(pn,{size:32}),n==="success"&&pe.createElement(Nr,{variant:"contained",type:"primary",size:"large",onClick:()=>f(y.home)},pe.createElement(un,{variant:"title",size:"medium",color:"neutral100"},eo.t("Done"))),pe.createElement(pn,{size:12}),c&&pe.createElement(pe.Fragment,null,pe.createElement(Nr,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(c,"_blank")},pe.createElement(un,{variant:"title",size:"medium",color:"primary"},eo.t("Diagnosis"))),pe.createElement(pn,{size:12})),pe.createElement(Nr,{variant:"outlined",type:"primary",size:"large",onClick:o},pe.createElement(un,{variant:"title",size:"medium",color:"primary"},eo.t("See Details"))))}i(Mr,"SwapDetailsCompleteModal");import Hd from"react";import{i18n as Ud}from"@lingui/core";import{Alert as yl,IconButton as $d,LinkIcon as zd}from"@rango-dev/ui";import it,{Fragment as qd}from"react";import{Alert as Ld,ChevronDownIcon as Pd,ChevronUpIcon as Dd,IconButton as _d}from"@rango-dev/ui";import cn,{useState as Fd}from"react";function ml(t){let{message:e}=t,[o,n]=Fd(!1);return cn.createElement(Ld,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&cn.createElement(_d,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?cn.createElement(Dd,{size:12,color:"gray"}):cn.createElement(Pd,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(ml,"FailedAlert");import{styled as Od}from"@rango-dev/ui";var dl=Od("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as fl}from"@lingui/core";import{PendingSwapNetworkStatus as Lr}from"@rango-dev/queue-manager-rango-preset";import{Alert as Pr,Button as gl}from"@rango-dev/ui";import to from"react";function hl(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?to.createElement(Pr,{type:"warning",title:n.shortMessage,action:to.createElement(gl,{size:"xxsmall",type:"warning",onClick:()=>{o(Lr.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},fl.t("Change"))}):r===Lr.WaitingForConnectingWallet?to.createElement(Pr,{type:"warning",title:n.shortMessage,action:to.createElement(gl,{size:"xxsmall",type:"warning",onClick:()=>{o(Lr.WaitingForConnectingWallet)}},fl.t("Connect"))}):to.createElement(Pr,{type:"warning",title:n.shortMessage})}i(hl,"WarningAlert");function Dr(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:s,hasAlreadyProceededToSign:a}=t,l=Ut(s),p=s.status==="waitingForApproval"&&!l,u=s.status==="running"&&!l;return it.createElement(dl,null,s.explorerUrl?.map((c,f,m)=>{let d=f+c.url,g=f===m.length-1,h=g&&u||p,v=g&&s.status==="failed";return it.createElement(qd,{key:d},it.createElement(yl,{type:h&&"loading"||v&&"error"||"success",title:c.description?`${c.description} Tx`:Ud.t("View transaction"),action:c.url&&it.createElement($d,{variant:"ghost",size:"xsmall",onClick:()=>window.open(c.url,"_blank")},it.createElement(zd,{size:16}))}))}),(u&&!a||p&&!s.explorerUrl?.length)&&it.createElement(yl,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&l&&it.createElement(hl,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&it.createElement(ml,{message:r}))}i(Dr,"SwapDetailsAlerts");var Sl=2e3,Cl=60,Tl=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:w(s,6,6)}},to:{token:{displayName:n.toSymbol,image:n.toLogo},chain:{displayName:n.toBlockchain,image:n.toBlockchainLogo||""},price:{value:w(n.outputAmount||n.expectedOutputAmountHumanReadable,6,6)}},swapper:{displayName:n.swapperId,image:n.swapperLogo||""},alerts:Hd.createElement(Dr,{step:n,hasAlreadyProceededToSign:o,...e})}})},"getSteps");function kl(t){if(Ut(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(kl,"getStepState");import{styled as Nt}from"@rango-dev/ui";var wl=Nt("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"}}),vl=Nt("div",{width:"100%",padding:"0px 15px"}),xl=Nt("div",{padding:"$0 $0 $20 $20",width:"100%",overflow:"auto"}),TB=Nt("div",{display:"flex",flexDirection:"column",gap:"$10"}),Al=Nt("div",{height:"450px",display:"flex",alignItems:"center",textAlign:"center"}),El=Nt("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1});var sf=20;function _r(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{tokens:s}=k.use.meta(),{canSwitchNetworkTo:a,connect:l,getWalletInfo:p}=of(),u=B.use.retry(),c=rf(),{navigateBackFrom:f}=te(),m=nf(null),[d,g]=ef(Sl),[h,v]=Wl(null),[b,S]=Wl(null);tf({elementRef:m,paddingRight:Zd.sizes[sf]});let A=i(()=>{r(),v(null)},"onCancel"),x=We.use.getUnreadNotifications(),T=We.use.setAsRead(),P=x(),W=Vd(e),I=W?.networkStatus;Bl(()=>{P.find(ie=>ie.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(S(e.status),T(e.requestId))},[e.status]),Bl(()=>{M?v(mn.WaitingForNetworkChange):I===mn.WaitingForConnectingWallet||I===mn.NetworkChanged?v(I):v(null)},[I]);let G=Ti(e),ne=W?Gd(e,W):null,C=W?Rd(e,W):null,_=tl(e),F=ki(e),se=i(ee=>!!p(ee)?.mobileWallet,"isMobileWallet"),M=I===mn.WaitingForNetworkChange&&!!ne&&!!C?.walletType&&(se(C.walletType)||a(C.walletType,ne)),ae=M?l.bind(null,C.walletType,ne):void 0,Ne=Ci(e,W),U=Tl({swap:e,switchNetwork:ae,showNetworkModal:I,setNetworkModal:v,message:Ne}),K=U.length,[Ee,ge]=[e.steps[0],e.steps[K-1]],Me=ge.outputAmount||ge.expectedOutputAmountHumanReadable,re=e.steps.reduce((ee,ie)=>ee+parseFloat(ie.feeInUsd||""),0),Je=e.steps.reduce((ee,ie)=>ee+(ie.estimatedTimeInSeconds||0),0),O=Math.floor(Je/Cl),X=e.steps.find(ee=>ee.diagnosisUrl)?.diagnosisUrl,H=w(String(parseFloat(w(Me,6,6))*(ho(ge.toBlockchain,ge.toSymbol,ge.toSymbolAddress,s)||0)),4,4),z=w(String(parseFloat(e.inputAmount)*(ho(Ee.fromBlockchain,Ee.fromSymbol,Ee.fromSymbolAddress,s)||0)),4,4),he=Re(z,H),ye=e.status==="success"?`You have received ${w(Me,6,6)} ${U[K-1].to.token.displayName} in ${So(e.wallets[U[K-1].to.chain.displayName]?.address||"")} wallet on ${U[K-1].to.chain.displayName} chain.`:`${dt.t("Transaction was not sent.")} ${G?`${G.outputAmount} ${G.symbol} on ${G.blockchain} remain in your wallet`:""}`;return Q.createElement(Y,{noPadding:!0,header:{title:dt.t("Swap and Bridge"),onBack:f.bind(null,y.swapDetails),onCancel:e.status==="running"?()=>v("cancel"):void 0,suffix:e.status!=="running"&&Q.createElement(wt,null,Q.createElement(bl,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>v("delete")},Q.createElement(Mt,{size:"medium",variant:"label",color:"error"},dt.t("Delete"))))},footer:F&&!b&&Q.createElement(bl,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{u(e),setTimeout(()=>{c(y.home)},0)}},dt.t("Try again"))},Q.createElement(wl,null,Q.createElement(vl,null,Q.createElement("div",{className:"row"},Q.createElement(Mt,{variant:"label",size:"large",color:"neutral900"},`${dt.t("Request ID")}:`),Q.createElement("div",{className:"request-id"},Q.createElement(Mt,{variant:"label",size:"small",color:"neutral900"},o),Q.createElement(jd,{variant:"ghost",onClick:g.bind(null,o||"")},Q.createElement(Kd,{size:16,color:"gray"})))),Q.createElement("div",{className:"row"},Q.createElement(Mt,{variant:"label",size:"large",color:"neutral900"},`${dt.t("Created at")}:`),Q.createElement(Mt,{variant:"label",size:"small",color:"neutral900"},_))),Q.createElement("div",{className:"output"},Q.createElement(Yd,{fee:w(String(re),2,2),time:O,steps:K}),Q.createElement(Qd,{from:{price:{value:w(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:w(Me,6,6),usdValue:H},token:{displayName:U[K-1].to.token.displayName,image:U[K-1].to.token.image},chain:{image:U[K-1].to.chain.image,displayName:U[K-1].to.chain.displayName}},percentageChange:w(he,2,2),warningLevel:gt(he?.toNumber()??0)})),Q.createElement("div",{className:"title-steps"},Q.createElement(Mt,{variant:"title",size:"small"},dt.t("Swaps steps"))),Q.createElement(Xd,{size:8}),Q.createElement(xl,{ref:m},U.map((ee,ie)=>{let fn=ie,ft=kl(e.steps[ie]),Dt=ft==="error"||ft==="in-progress"||ft==="warning"||ft==="completed"&&ie===U.length-1;return Q.createElement(Jd,{key:fn,step:ee,type:"route-progress",ref:m,state:ft,hasSeparator:ie!==0,tabIndex:fn,isFocused:Dt})}))),Q.createElement(Ir,{state:h,onClose:()=>v(null),onCancel:A,onDelete:n,message:Ne.detailedMessage.content,currentStepWallet:C}),Q.createElement(Mr,{open:!!b,diagnosisUrl:X,onClose:()=>S(null),status:e.status==="success"?"success":"failed",priceValue:w(Me,6,6),usdValue:H,percentageChange:w(he,2,2),token:{displayName:U[K-1].to.token.displayName,image:U[K-1].to.token.image},chain:{image:U[K-1].to.chain.image},description:ye}))}i(_r,"SwapDetails");import{i18n as Fr}from"@lingui/core";import{NotFound as af,Spinner as lf}from"@rango-dev/ui";import Lt from"react";function Il(t){let{requestId:e,loading:o}=t,{navigateBackFrom:n}=te();return Lt.createElement(Y,{header:{title:Fr.t("Swap and Bridge"),onBack:n.bind(null,y.swapDetails),suffix:Lt.createElement(wt,null)}},Lt.createElement(Al,null,o?Lt.createElement(El,null,Lt.createElement(lf,{size:24})):Lt.createElement(af,{title:Fr.t("Not found"),description:Fr.t("swapNotFound",{requestId:e},{message:"Swap with request ID = ${requestId} not found."})})))}i(Il,"SwapDetailsPlaceholder");function Ml(){let{manager:t,state:e}=uf(),o=!e.loadedFromPersistor,n=Ro(t),r=we.use.selectedSwapRequestId(),{navigateBackFrom:s}=te(),a=n.find(({swap:c})=>c.requestId===r),l=i(()=>{if(a?.id){let c=t?.get(a.id);c&&pf(c)}},"onCancel"),p=i(async()=>{if(a?.id)try{await t?.deleteQueue(a.id),s(y.swapDetails)}catch(c){console.log(c)}},"onDelete"),u=a?.swap;return u?Nl.createElement(_r,{swap:u,requestId:r||"",onCancel:l,onDelete:p}):Nl.createElement(Il,{requestId:r||"",loading:o})}i(Ml,"SwapDetailsPage");import{i18n as dn}from"@lingui/core";import{AutoThemeIcon as cf,DarkModeIcon as mf,LightModeIcon as df,List as ff,ListItemButton as gf,Radio as Or,RadioRoot as hf,Typography as Ur}from"@rango-dev/ui";import xe from"react";function Ll(){let{navigateBackFrom:t}=te(),e=$.use.theme(),o=$.use.setTheme(),n=[{id:"light",value:"light",title:xe.createElement(Ur,{variant:"title",size:"xmedium"},dn.t("Light")),onClick:()=>o("light"),start:xe.createElement(df,{color:"gray"}),end:xe.createElement(Or,{value:"light"})},{id:"dark",value:"dark",title:xe.createElement(Ur,{variant:"title",size:"xmedium"},dn.t("Dark")),onClick:()=>o("dark"),start:xe.createElement(mf,{color:"gray"}),end:xe.createElement(Or,{value:"dark"})},{id:"auto",value:"auto",title:xe.createElement(Ur,{variant:"title",size:"xmedium"},dn.t("Auto")),onClick:()=>o("auto"),start:xe.createElement(cf,{color:"gray"}),end:xe.createElement(Or,{value:"auto"})}];return xe.createElement(Y,{header:{onBack:t.bind(null,y.settings),title:dn.t("Theme")}},xe.createElement(Ye,null,xe.createElement(hf,{onValueChange:r=>o(r),value:e},xe.createElement(ff,{type:xe.createElement(gf,{title:"Theme",id:"_",onClick:()=>console.log()}),items:n}))))}i(Ll,"ThemePage");var Sf=i(t=>t.replace("/",""),"getAbsolutePath");function Pl(t){let{config:e}=t;return yf([{path:y.home,element:Ae.createElement(pa,null)},{path:y.fromSwap,element:Ae.createElement(wr,{type:"from",supportedBlockchains:e?.from?.blockchains,supportedTokens:e?.from?.tokens,pinnedTokens:e?.pinnedTokens})},{path:y.toSwap,element:Ae.createElement(wr,{type:"to",supportedBlockchains:e?.to?.blockchains,supportedTokens:e?.to?.tokens,pinnedTokens:e?.pinnedTokens})},{path:y.fromBlockchain,element:Ae.createElement(mr,{type:"from",supportedBlockchains:e?.to?.blockchains})},{path:y.toBlockchain,element:Ae.createElement(mr,{type:"to",supportedBlockchains:e?.to?.blockchains})},{path:y.settings,element:Ae.createElement(Za,{singleTheme:e?.theme?.singleTheme,supportedSwappers:e?.liquiditySources})},{path:y.themes,element:Ae.createElement(Ll,null)},{path:y.languages,element:Ae.createElement(ua,null)},{path:y.exchanges,element:Ae.createElement(ir,{sourceType:"Exchanges",supportedSwappers:e?.liquiditySources})},{path:y.bridges,element:Ae.createElement(ir,{sourceType:"Bridges",supportedSwappers:e?.liquiditySources})},{path:y.swaps,element:Ae.createElement(Rs,null)},{path:y.swapDetails,element:Ae.createElement(Ml,null)},{path:y.wallets,element:Ae.createElement(ps,{supportedWallets:e?.wallets,multiWallets:typeof e?.multiWallets>"u"?!0:e.multiWallets,config:e})},{path:Sf(y.confirmSwap),element:Ae.createElement(Fs,{config:e})}])}i(Pl,"AppRoutes");import{isApprovalTX as Cf,MainEvents as _l,RouteEventType as Fl,StepEventType as Pt,StepExecutionEventStatus as Tf,useEvents as kf}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Ol}from"react";import{StepExecutionBlockedEventStatus as $r}from"@rango-dev/queue-manager-rango-preset";var Dl=[$r.WAITING_FOR_CHANGE_WALLET_ACCOUNT,$r.WAITING_FOR_NETWORK_CHANGE,$r.WAITING_FOR_WALLET_CONNECT];function Ul(){let t=D.use.connectedWallets(),e=D.use.getWalletsDetails(),o=We.use.setNotification(),n=We.use.setAsRead(),r=kf();return Ol(()=>(r.on(_l.StepEvent,s=>{let{event:a,step:l,route:p}=s;if(a.type===Pt.TX_EXECUTION&&a.status===Tf.TX_SENT&&!Cf(l)||a.type===Pt.SUCCEEDED){let c=t.find(m=>m.chain===l?.fromBlockchain),f=l?.fromBlockchain!==l?.toBlockchain&&t.find(m=>m.chain===l?.toBlockchain);c&&e([c]),f&&e([f])}a.type===Pt.TX_EXECUTION_BLOCKED&&Dl.includes(a.status)||a.type===Pt.FAILED?o(a,p):(a.type===Pt.TX_EXECUTION||a.type===Pt.CHECK_STATUS)&&n(p.requestId)}),()=>r.all.clear()),[r,t.length]),Ol(()=>(r.on(_l.RouteEvent,s=>{let{event:a,route:l}=s;(a.type===Fl.FAILED||a.type===Fl.SUCCEEDED)&&o(a,l)}),()=>r.all.clear()),[r,t.length]),null}i(Ul,"WidgetEvents");import{globalCss as wf}from"@rango-dev/ui";var $l=i(()=>wf({"@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 vf,darkTheme as xf,lightTheme as Af}from"@rango-dev/ui";import{useEffect as zl,useState as Ef}from"react";function ql({fontFamily:t="Roboto",borderRadius:e=ti,secondaryBorderRadius:o=oi,mode:n="auto"}){let r=$.use.theme(),s=k.use.fetchMeta(),a=$.use.setTheme(),l=vf({radii:{primary:`${e}px`,secondary:`${o}px`},fonts:{widget:t}}),p=`${l.className} ${Af.className}`,u=`${l.className} ${xf.className}`,[c,f]=Ef("light");return zl(()=>{i(async()=>{await s()},"fetchData")();let g=i(h=>{h.matches?f("dark"):f("light")},"switchTheme");return window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&f("dark"),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",g),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",g)}},[]),zl(()=>{n!=="auto"&&a(n)},[n]),{activeTheme:i(()=>r==="auto"?c==="dark"?u:p:r==="dark"?u:p,"getActiveTheme")()}}i(ql,"useTheme");import bf,{useMemo as Bf}from"react";import{Provider as Wf}from"@rango-dev/queue-manager-react";import{makeQueueDefinition as If,checkWaitingForNetworkChange as Nf}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Mf}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as Lf}from"@rango-dev/wallets-shared";import{isEvmBlockchain as Pf}from"rango-types";function Df(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=Mf(),l=Bf(()=>If({API_KEY:co("API_KEY")}),[]),{blockchains:p}=k.use.meta(),c={blockchains:D.use.connectedWallets().map(S=>({accounts:[S],name:S.chain}))},f=i((S,A)=>{if(s(S,A))return r(S,A)},"switchNetwork"),m=i(S=>!!a(S).mobileWallet,"isMobileWallet"),d=p.filter(S=>S.enabled).reduce((S,A)=>(S[A.name]=A,S),{}),g=p.filter(Pf),h=i(S=>{let{supportedChains:A}=a(S);return fo(A)},"getSupportedChainNames"),v=e(),b={meta:{blockchains:d,evmBasedChains:g,evmNetworkChainInfo:Lf(g),getSupportedChainNames:h},getSigners:o,wallets:c,providers:v,switchNetwork:f,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:m};return bf.createElement(Wf,{queuesDefs:[l],context:b,onPersistedDataLoaded:S=>{Nf(S)},isPaused:!1},t.children)}i(Df,"QueueManager");var Hl=Df;import{Events as zr,Provider as Ff}from"@rango-dev/wallets-react";import{isEvmBlockchain as Of}from"rango-sdk";import Vl,{createContext as Uf,useRef as $f}from"react";import{useEffect as _f}from"react";function Gl(t,e){let o=D.use.clearConnectedWallet(),n=No(void 0,e);return _f(()=>{o(),n=No(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t]),{providers:n}}i(Gl,"useWalletProviders");var qr=Uf({onConnectWallet:()=>{}});function Hr(t){let{blockchains:e}=k.use.meta(),{providers:o}=Gl(t.providers,t?.options),n=D.use.disconnectWallet(),r=D.use.connectWallet(),s=$f(),a=e.filter(Of).map(p=>p.name),l=i((p,u,c,f,m)=>{if(u===zr.ACCOUNTS)if(c){let d=fo(m),g=si(p,c,a,d);r(g)}else n(p);if(u===zr.ACCOUNTS&&f.connected){let d=`${p}-${f.network}-${c}`;f.connected&&(s.current?s.current(d):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(u===zr.NETWORK&&f.network){let d=`${p}-${f.network}`;s.current?s.current(d):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(p,u,c,f,m)},"onUpdateState");return Vl.createElement(qr.Provider,{value:{onConnectWallet:p=>{s.current=p}}},Vl.createElement(Ff,{allBlockChains:e,providers:o,onUpdateState:l,autoConnect:!0},t.children))}i(Hr,"WidgetWallets");var Vf=qf("div",{width:"100%",display:"flex",justifyContent:"center",alignItems:"center",fontFamily:"$widget"});function Kl(t){let{config:e}=t;$l();let{activeTheme:o}=ql(e?.theme||{}),[n,r]=Rl(""),[s,a]=Rl(),l=Hf(qr);Gf(()=>{e?.apiKey&&ei({API_KEY:e?.apiKey})},[e]),oo(()=>{$.persist.rehydrate(),We.persist.rehydrate(),l.onConnectWallet(r)},[]);let{setInputAmount:p,setToToken:u,setToBlockchain:c,setFromBlockchain:f,setFromToken:m}=B(),{meta:{tokens:d,blockchains:g},loadingStatus:h}=k(),{setAffiliateRef:v,setAffiliatePercent:b,setAffiliateWallets:S}=$();return oo(()=>{p(e?.amount?.toString()||"")},[e?.amount]),oo(()=>{if(h==="success"){let A=g.find(T=>T.name===e?.from?.blockchain),x=d.find(T=>Te(T,e?.from?.token||null));f(A||null),m(x||null)}},[e?.from?.token,e?.from?.blockchain,h]),oo(()=>{if(h==="success"){let A=g.find(T=>T.name===e?.to?.blockchain),x=d.find(T=>Te(T,e?.to?.token||null));c(A||null),u(x||null)}},[e?.to?.token,e?.to?.blockchain,h]),oo(()=>{v(e?.affiliate?.ref??null),b(e?.affiliate?.percent??null),S(e?.affiliate?.wallets??null)},[e?.affiliate?.ref,e?.affiliate?.percent,e?.affiliate?.wallets]),Qe.createElement(zf,{language:e?.language},Qe.createElement(Vf,{id:"swap-container",className:o},Qe.createElement(Hl,null,Qe.createElement(Ul,null),Qe.createElement(xi,{lastConnectedWallet:n,disconnectedWallet:s,clearDisconnectedWallet:()=>{a(void 0)}},Qe.createElement(Pl,{config:e})))))}i(Kl,"Main");function Rf(t){return t.config?.externalWallets?Qe.createElement(Kl,{...t}):Qe.createElement(Hr,{providers:t.config?.wallets,options:{walletConnectProjectId:t.config?.walletConnectProjectId}},Qe.createElement(Kl,{...t}))}i(Rf,"Widget");import{useWallets as Ss}from"@rango-dev/wallets-react";import{useEvents as aI,MainEvents as lI,RouteEventType as hI,StepEventType as AI,StepExecutionEventStatus as EI,StepExecutionBlockedEventStatus as bI}from"@rango-dev/queue-manager-rango-preset";export{lI as MainEvents,hI as RouteEventType,AI as StepEventType,bI as StepExecutionBlockedEventStatus,EI as StepExecutionEventStatus,Rf as Widget,Hr as WidgetWallets,Ss as useWallets,aI as useWidgetEvents};
|
|
1
|
+
var Yl=Object.defineProperty;var i=(t,e)=>Yl(t,"name",{value:e,configurable:!0});import{I18nManager as qf,styled as Hf}from"@rango-dev/ui";import Qe,{useContext as Gf,useEffect as oo,useMemo as Vf,useState as Kl}from"react";import Wo,{Fragment as xp}from"react";import{MemoryRouter as Ap,useInRouterContext as bp}from"react-router";import{useQueueManager as Ep}from"@rango-dev/queue-manager-rango-preset";import{useEffect as An,useRef as bn}from"react";import{createSearchParams as kp,useLocation as wp,useSearchParams as vp}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 ot from"bignumber.js";import{create as yp}from"zustand";import{subscribeWithSelector as Sp}from"zustand/middleware";import Ql from"bignumber.js";var be=new Ql(0);import{BigNumber as Vr}from"bignumber.js";var no=i(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),w=i((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new Vr(t),r=1,s=1e3;for(let a=0;a<60;a++)if(new Vr(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 ro=i(t=>t?.result?.swaps?.reduce((e,o)=>e+o.estimatedTimeInSeconds,0)||0,"totalArrivalTime");var $e=i((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),_t=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function io(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(io,"limitDecimalPlaces");import sg from"bignumber.js";function Ze(t){return Array.from(new Set(t))}i(Ze,"removeDuplicateFrom");function hn(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(hn,"areEqual");function Kr(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i(Kr,"debounce");function st(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(st,"containsText");var Rr=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"),Xr=i((t,e)=>{let o={[t]:e};for(let n=1;n<10;n++)n<5&&(o={...o,[t+n*100]:Rr(e,(5-n)*32)}),n===5&&(o={...o,[t+n*100]:e}),n>5&&(o={...o,[t+n*100]:Rr(e,-((n-5)*32))});return o},"generateRangeColors");function yn(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(yn,"searchParamsToToken");function jr(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}i(jr,"getBestRouteToTokenUsdPrice");function Sn(t,e){let o=t.result?.swaps||[],n=e.result?.swaps||[];return o.length!==n.length}i(Sn,"isNumberOfSwapsChanged");function Cn(t,e){let o=t.result?.swaps.map(r=>r.swapperId)||[],n=e.result?.swaps.map(r=>r.swapperId)||[];return!hn(o,n)}i(Cn,"isRouteSwappersUpdated");function Tn(t,e){let o=t.result?.swaps.map(r=>r.to.symbol)||[],n=e.result?.swaps.map(r=>r.to.symbol)||[];return!hn(o,n)}i(Tn,"isRouteInternalCoinsUpdated");function Yr(t,e){return Sn(t,e)||Cn(t,e)||Tn(t,e)}i(Yr,"isRouteChanged");function Qr(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(Qr,"getRequiredBalanceOfWallet");function Jr(t){if(!t)return null;let e=(t.result?.swaps||[]).map(o=>({...o,fromAmount:w(o.fromAmount,6,6),toAmount:w(o.toAmount,6,6)}));return{...t,...t.result&&{result:{...t.result,swaps:e}}}}i(Jr,"getFormattedBestRoute");function gt(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(gt,"getPriceImpactLevel");function ao(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(ao,"findCommonTokens");import{PendingSwapNetworkStatus as To}from"@rango-dev/queue-manager-rango-preset";import Te from"bignumber.js";function Zr(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:w(e.fromAmount,6,6),usdValue:w(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:w(e.toAmount,6,6),usdValue:w(e.to.usdPrice?.toString(),4,4)}}}))}i(Zr,"formatBestRoute");function lo(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(lo,"getRequiredWallets");function po(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(po,"isValidAddress");import{i18n as Se}from"@lingui/core";var Ot=(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))(Ot||{});var q={genericServerError:Se.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:Se.t("Please reset your liquidity sources."),description:Se.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources")},noRoutesError:{title:Se.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:Se.t("Bridge Limit Error: Please increase your amount"),decreaseAmount:Se.t("Bridge Limit Error: Please decrease your amount")},highValueLossError:{impactTitle:Se.t("High Price Impact"),title:Se.t("Price impact is too high!"),description:Se.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:Se.t("Confirm High price impact")},routeUpdatedWithHighValueLoss:{title:Se.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:Se.t("USD Price Unknown"),title:Se.t("USD Price Unknown, Cannot calculate Price Impact."),description:Se.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:Se.t("Confirm USD Price Unknown")}};function uo(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(uo,"getConfirmSwapErrorMessage");import{i18n as co}from"@lingui/core";var at={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 mp}from"zustand";import{RangoClient as ep}from"rango-sdk";var Zl="c6381a79-2817-4602-83bf-6a641a409e32",kn={API_KEY:Zl};function mo(t){return kn[t]}i(mo,"getConfig");function ti(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),kn=e,kn}i(ti,"initConfig");var oi=20,ni=25;var fo,ht=i(()=>fo||(fo=new ep(mo("API_KEY")),fo),"httpService");import{WalletState as ze}from"@rango-dev/ui";import{readAccountAddress as op}from"@rango-dev/wallets-react";import{detectInstallLink as np,getCosmosExperimentalChainInfo as rp,isEvmAddress as ip,KEPLR_COMPATIBLE_WALLETS as $g,Networks as ii}from"@rango-dev/wallets-shared";import wn from"bignumber.js";import{isCosmosBlockchain as sp}from"rango-types";import{WalletTypes as tp}from"@rango-dev/wallets-shared";var ri=[tp.LEAP];function ap(t){switch(!0){case t.connected:return ze.CONNECTED;case t.connecting:return ze.CONNECTING;case!t.installed:return ze.NOT_INSTALLED;default:return ze.DISCONNECTED}}i(ap,"mapStatusToWalletState");function si(t,e,o,n){return o.filter(r=>!ri.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=ap(t(r));return{title:s,image:a,link:np(l),state:p,type:r}})}i(si,"mapWalletTypesToWalletInfo");function go(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(go,"walletAndSupportedChainsNames");function ai(t,e,o,n){let r=[];function s(l,p){if(!!!r.find(c=>c.chain===l)){let c={address:p,chain:l,walletType:t};r.push(c)}}i(s,"addAccount");let a=n||[];return e.forEach(l=>{let{address:p,network:u}=op(l),c=a.length>0,f=a.includes(u),m=u===ii.Unknown;if(c&&!f&&!m)return;let g=u===ii.Unknown&&ip(p);if(m&&!g)return;o.includes(u)||g?a.filter(E=>o.includes(E)).forEach(E=>{s(E,p.toLowerCase())}):s(u,p)}),r}i(ai,"prepareAccountsForWalletStore");function li(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(li,"getRequiredChains");function yt(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(yt,"getBalanceFromWallet");function ho(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(ho,"isAccountAndWalletMatched");function pi(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 wn(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:yo(o,r.asset.symbol,r.asset.address,e)||null}))||[]}i(pi,"makeBalanceFor");function ui(t){return{...t,loading:!1,error:!0}}i(ui,"resetConnectedWalletState");var St=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"),yo=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice"),So=i((t,e)=>{let o=rp(Object.entries(t).map(([,n])=>n).filter(sp));return o&&o[e]?.experimental},"isExperimentalChain");function Ct(t,e){return t.map(({balance:o,...n})=>{let r=w(new wn(yt(e,n.blockchain,n.symbol,n.address)?.amount||be)),s="";return n.usdPrice&&(s=w(new wn(yt(e,n.blockchain,n.symbol,n.address)?.amount||be).multipliedBy(n.usdPrice))),{...n,...r!=="0"&&{balance:{amount:r,usdValue:s}}}})}i(Ct,"getTokensWithBalance");function Ft(t,e,o,n){if(t?.name===n[0]?.name)return n;let s=e.filter(a=>a.blockchain===t?.name);return St(Ct(s,o))}i(Ft,"getSortedTokens");function Me(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(Me,"tokensAreEqual");function vn(t,e){let o,n=t[0],r=t[1];return t.length===1?o=n:Me(n,e)?o=r:o=n,o}i(vn,"getDefaultToken");function ci(t){return t.sort((e,o)=>+(o.state===ze.CONNECTED)-+(e.state===ze.CONNECTED)||+(o.state===ze.DISCONNECTED||o.state===ze.CONNECTING)-+(e.state===ze.DISCONNECTED||e.state===ze.CONNECTING))}i(ci,"sortWalletsBasedOnConnectionState");function Co(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(Co,"getConciseAddress");function mi({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(mi,"getAddress");var lp=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"),Ee=lp;import{create as pp}from"zustand";import{subscribeWithSelector as up}from"zustand/middleware";import{shallow as cp}from"zustand/shallow";var F=Ee(pp()(up((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=>ho(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:u,chain:c})=>({address:u,blockchain:c})),p=(await ht().getWalletsDetails(a)).wallets;if(p)t(u=>({loading:!1,connectedWallets:u.connectedWallets.map(c=>{let f=o.find(d=>ho(d,c)),m=p.find(d=>d.address===c.address&&d.blockChain===c.chain);return m?.failed&&f&&n&&r([f],!1),f&&m?{...c,explorerUrl:m.explorerUrl,balances:pi(m,s)}:c})}));else throw new Error("Wallet not found")}catch{t(l=>({loading:!1,connectedWallets:l.connectedWallets.map(p=>o.find(u=>ho(u,p))?ui(p):p)}))}}}))));F.subscribe(t=>t.connectedWallets,t=>{L.setState(({sourceTokens:e,destinationTokens:o})=>{let n=Ct(e,t),r=Ct(o,t);return{sourceTokens:St(n),destinationTokens:St(r)}})},{equalityFn:cp});var T=Ee(mp()(t=>({meta:{blockchains:[],popularTokens:[],swappers:[],tokens:[]},loadingStatus:"loading",setTokensWithBalance:()=>{let e=F.getState().connectedWallets;t(o=>({...o,meta:{...o.meta,tokens:St(Ct(o.meta.tokens,e))}}))},fetchMeta:async()=>{try{let e=await ht().getAllMetadata(),o=Ze(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 vo(t,e){return!t||!e||t.lte(be)||e.lte(be)?0:e.div(t).minus(1).multipliedBy(100)}i(vo,"getOutputRatio");function xo(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new Te(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new Te(1e3)))??!1}i(xo,"outputRatioHasWarning");function Ao(t){return(t?.result?.swaps||[]).filter(e=>{let o=e.fromAmountMinValue?new Te(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Te(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(Ao,"hasLimitError");function bo(t){if(!t)return{swap:null,fromAmountRangeError:"",recommendation:""};let e=(t?.result?.swaps||[]).filter(l=>{let p=l.fromAmountMinValue?new Te(l.fromAmountMinValue):null,u=l.fromAmountMaxValue?new Te(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 Te(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Te(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",s="",a="";return!r&&o&&o.gt(e.fromAmount)?(s=`Required: >= ${w(o,6,6)} ${e.from.symbol}`,a=q.bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(s=`Required: > ${w(o,6,6)} ${e.from.symbol}`,a=q.bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(s=`Required: <= ${w(n,6,6)} ${e.from.symbol}`,a=q.bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(s=`Required: < ${w(n,6,6)} ${e.from.symbol}`,a=q.bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:s,recommendation:a}}i(bo,"LimitErrorMessage");function di(t,e,o,n,r,s,a,l,p){return t!=="success"?{title:at.connectWallet,state:"waitForConnecting",disabled:!0}:e.length==0?{title:at.connectWallet,state:"waitForConnecting",disabled:!1}:o||!n||!n.result||r||!p||p==="0"?{title:at.swap,disabled:!0,state:"swap"}:s||a?{title:at.swapAnyway,disabled:!1,hasWarning:!0,state:"needToConfirm"}:l?{title:at.ethRouteWarning,disabled:!1,hasWarning:!0,state:"warning"}:{title:at.swap,disabled:!1,state:"swap"}}i(di,"getSwapButtonState");function xn(t,e,o){return!((!o||o.lte(be))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}i(xn,"canComputePriceImpact");function fp(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(fp,"requiredWallets");var gp=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice");function hp(t,e){let o=be;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let s=gp(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new Te(r.amount).multipliedBy(s||0))}return o}i(hp,"getUsdFeeOfStep");function Eo(t,e){return t?.result?.swaps.reduce((o,n)=>o.plus(hp(n,e)),be)||null}i(Eo,"getTotalFeeInUsd");function fi(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(fi,"getMinRequiredSlippage");function gi(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(gi,"hasProperSlippage");function Bo(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:s,disabledLiquiditySources:a,slippage:l,affiliateRef:p,affiliatePercent:u,affiliateWallets:c,initialRoute:f,destination:m}=t,d=s?.reduce((S,x)=>(S[x.chain]=x.address,S),{}),g=[];r?.forEach(S=>{let x=g.find(v=>v.blockchain===S.chain);x?x.addresses.push(S.address):g.push({blockchain:S.chain,addresses:[S.address]})});let h=!!f,k=Ze((f?.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:c??void 0,checkPrerequisites:h,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:g,selectedWallets:d??{},slippage:l.toString(),...m&&{destination:m},...a.length>0&&{swapperGroups:a,swappersGroupsExclude:!0},...h&&{blockchains:k}}}i(Bo,"createBestRouteRequestBody");function hi(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(hi,"getWalletsForNewSwap");function Tt(t){return t?.result?.outputAmount||null}i(Tt,"getRouteOutputAmount");function Re(t,e){return!t||!e?null:new Te(e).div(new Te(t)).minus(1).multipliedBy(100)}i(Re,"getPercentageChange");function yi(t,e){let o=Tt(t),n=Tt(e);if(!o||!n)return!1;let r=Re(o,n);return r?r.toNumber()<=-1:!0}i(yi,"isOutputAmountChangedALot");function Si(t,e){let o=t.validationStatus,n=li(t);return e.sort((s,a)=>n.indexOf(s.chain)-n.indexOf(a.chain)).flatMap(s=>Qr(s,o)||[]).filter(s=>!s.ok).map(s=>{let a=s.asset.symbol,l=w(new Te(s.currentAmount.amount).shiftedBy(-s.currentAmount.decimals),8,8),p=w(new Te(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(Si,"getBalanceWarnings");function Ci(t,e){return(t?new Te(t):be).multipliedBy(e||0)}i(Ci,"calcOutputUsdValue");function Ut(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==To.NetworkChanged}i(Ut,"isNetworkStatusInWarningState");function Ti(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),Ut(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case To.WaitingForConnectingWallet:n=n||"Waiting for connecting wallet";break;case To.WaitingForQueue:n=n||"Waiting for other running tasks to be finished";break;case To.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(Ti,"getSwapMessages");function ki(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(ki,"getLastConvertedTokenInFailedSwap");function wi(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}i(wi,"shouldRetrySwap");function vi(t,e,o,n,r,s){return t||!e&&!fp(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!po(s,o)}i(vi,"confirmSwapDisabled");var $t=i((t,e)=>t?.usdPrice?new ot(e||be).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),L=Ee(yp()(Sp(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new ot(0),outputUsdValue:new ot(0),toBlockchain:null,toToken:null,bestRoute:null,routeWalletsConfirmed:!1,sourceTokens:[],destinationTokens:[],selectedWallets:[],customDestination:"",setRoute:e=>t(o=>{let n=null,r=be;return _t(o.inputAmount)?(e&&(n=e.result?.outputAmount?new ot(e.result?.outputAmount):null,r=Ci(e.result?.outputAmount,jr(e)||o.toToken?.usdPrice)),{bestRoute:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetRoute:()=>t(()=>({bestRoute:null,outputAmount:null,outputUsdValue:new ot(0)})),setFromBlockchain:(e,o)=>{t(n=>{if(n.fromBlockchain?.name===e?.name)return{};let r=T.getState().meta.tokens,s=F.getState().connectedWallets,a=Ft(e,r,s,n.destinationTokens),l=vn(a,n.toToken);return{fromBlockchain:e,sourceTokens:a,...o&&{fromToken:l},...!!n.inputAmount&&{inputUsdValue:$t(l,n.inputAmount)}}})},setFromToken:e=>t(o=>({fromToken:e,...!!o.inputAmount&&{inputUsdValue:$t(e,o.inputAmount)}})),setToBlockchain:(e,o)=>{t(n=>{if(n.toBlockchain?.name===e?.name)return{};let r=T.getState().meta.tokens,s=F.getState().connectedWallets,a=Ft(e,r,s,n.destinationTokens);return{toBlockchain:e,destinationTokens:a,...o&&{toToken:vn(a,n.fromToken)}}})},setToToken:e=>t(()=>({toToken:e})),setInputAmount:e=>{t(o=>({inputAmount:e,...!e&&{outputAmount:new ot(0),outputUsdValue:new ot(0),bestRoute:null},...!!o.fromToken&&{inputUsdValue:$t(o.fromToken,e)}}))},retry:e=>{let{tokens:o,blockchains:n}=T.getState().meta,r=F.getState().connectedWallets,s=e.status==="failed"?e.steps.findIndex(h=>h.status==="failed"):null;if(s===null||s<0)return;let a=e.steps[0],l=e.steps[e.steps.length-1],p=n.find(h=>h.name===a.fromBlockchain)||null,u=n.find(h=>h.name===l.toBlockchain)||null,c=o.find(h=>Me(h,{blockchain:a.fromBlockchain,symbol:a.fromSymbol,address:a.fromSymbolAddress})),f=o.find(h=>Me(h,{blockchain:l.toBlockchain,symbol:l.toSymbol,address:l.toSymbolAddress})),m=Ft(p,o,r,[]),d=Ft(u,o,r,[]),g=e.inputAmount;t({fromBlockchain:p,fromToken:c,inputAmount:g,outputAmount:null,inputUsdValue:$t(c||null,g),outputUsdValue:new ot(0),toBlockchain:u,toToken:f,bestRoute:null,sourceTokens:m,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:$t(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 Cp}from"zustand";var ke=Ee(Cp()(t=>({connectWalletsButtonDisabled:!1,selectedSwapRequestId:null,currentPage:"",setSelectedSwap:e=>t({selectedSwapRequestId:e}),setCurrentPage:e=>t({currentPage:e})})));function xi(){let t=bn(!0),[e,o]=vp(),n=wp(),r=bn(n.search),s=bn({}),a=L.use.fromBlockchain(),l=L.use.toBlockchain(),p=L.use.fromToken(),u=L.use.toToken(),c=L.use.setFromBlockchain(),f=L.use.setFromToken(),m=L.use.setToBlockchain(),d=L.use.setToToken(),g=L.use.inputAmount(),h=L.use.setInputAmount(),k=T.use.loadingStatus(),{blockchains:E,tokens:S}=T.use.meta(),x=ke.use.setSelectedSwap();return An(()=>{let v={};kp(r.current).forEach((D,B)=>{v[B]=D}),s.current=v;let C=n.pathname.split(y.swaps+"/")[1]||null;C&&x(C)},[]),An(()=>{if(!t.current){let v="",C="",D="",B="",I="";if(k!=="success")v=s.current["fromBlockchain"],C=s.current["fromToken"],D=s.current["toBlockchain"],B=s.current["toToken"],I=s.current["fromAmount"]||g;else{if(n.state==="redirect")return;v=a?.name||"",C=(p?.symbol||"")+(p?.address?`--${p?.address}`:""),D=l?.name||"",B=(u?.symbol||"")+(u?.address?`--${u?.address}`:""),I=g}o({...v&&{["fromBlockchain"]:v},...C&&{["fromToken"]:C},...D&&{["toBlockchain"]:D},...B&&{["toToken"]:B},...I&&{["fromAmount"]:I.toString()}},{replace:!0})}t.current=!1},[n.pathname,g,a,p,l,u]),An(()=>{if(k==="success"){let v=e.get("fromBlockchain"),C=e.get("fromToken"),D=e.get("toBlockchain"),B=e.get("toToken"),I=e.get("fromAmount"),G=E.find(W=>W.name===v),ee=yn(S,C,G||null),A=E.find(W=>W.name===D),_=yn(S,B,A||null);G&&(c(G),ee&&f(ee)),A&&(m(A),_&&d(_)),I&&h(I)}},[k]),null}i(xi,"UpdateUrl");import{useWallets as Bp}from"@rango-dev/wallets-react";import{isEvmBlockchain as Wp}from"rango-types";function Ai({children:t,...e}){let o=bp(),n=o?xp:Ap,{blockchains:r}=T.use.meta(),{canSwitchNetworkTo:s}=Bp(),a=r.filter(Wp);return Ep({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:s}),Wo.createElement(Wo.Fragment,null,Wo.createElement(n,null,t),o&&Wo.createElement(xi,null))}i(Ai,"AppRouter");import xe from"react";import{useRoutes as Sf}from"react-router-dom";import{i18n as qn}from"@lingui/core";import{useManager as dc}from"@rango-dev/queue-manager-react";import{Alert as Hn,BestRoute as fc,BestRouteSkeleton as gc,Button as Go,Divider as At,IconButton as _s,MessageBox as hc,Modal as yc,RefreshIcon as Sc,SettingsIcon as Cc,styled as Os,Tooltip as Tc,Typography as Ds,WalletIcon as kc}from"@rango-dev/ui";import N,{useEffect as Gt,useState as Vo}from"react";import{flushSync as wc}from"react-dom";import{useNavigate as vc}from"react-router-dom";import{Alert as $n,BalanceErrors as Vu,Button as Ts,ChevronDownIcon as Ru,ChevronLeftIcon as Ku,Divider as xt,MessageBox as Xu,Modal as ks,Typography as qo,WalletIcon as ju}from"@rango-dev/ui";import b,{useEffect as Yu,useState as ut}from"react";import{i18n as Io}from"@lingui/core";function No(t){switch(t.type){case 0:return Io.t("Route has been updated.");case 3:return Io.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return Io.t("Route swappers has been updated.");case 2:return Io.t("Route internal coins has been updated.");default:return""}}i(No,"getRouteWarningMessage");import*as kt from"@radix-ui/react-collapsible";import{Button as Ip,IconButton as Np,keyframes as bi,styled as Ce,TextField as Mp}from"@rango-dev/ui";var Lp=bi({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),Pp=bi({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),Ei=Ce("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),Bi=Ce("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}),Wi=Ce("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"}}}}),Ii=Ce(kt.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent"}),Ni=Ce("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),Mi=Ce(Np,{position:"absolute",left:"$20"}),Li=Ce("div",{paddingTop:"$20","& .wallets-list":{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline"}}),Pi=Ce(kt.Root,{backgroundColor:"$neutral200",borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),Di=Ce(Ip,{width:"100%",borderRadius:"$sm !important",padding:"$15 !important",justifyContent:"space-between",alignItems:"center",backgroundColor:"$neutral100 !important"}),_i=Ce("div",{padding:"$10 $0","& .button__content":{display:"flex",justifyContent:"center",alignItems:"center"},"& .alarms":{paddingTop:"5px"}}),Oi=Ce("div",{transition:"all 300ms ease",variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),Fi=Ce("div",{display:"flex"}),Ui=Ce(Mp,{padding:"$0 $15 $15 $15"}),$i=Ce(kt.Content,{overflow:"hidden",variants:{open:{true:{animation:`${Lp} 300ms ease-out`},false:{animation:`${Pp} 300ms ease-out`}}}}),zi=Ce("div",{overflow:"visible",width:"100%"});import{Button as qu,Divider as On,Image as Hu,MessageBox as Fn,Modal as gs,SelectableWallet as Gu,Typography as hs,WalletState as ys}from"@rango-dev/ui";import ne,{useEffect as Ss,useState as qt}from"react";import{WalletState as Hi}from"@rango-dev/ui";import{useWallets as _p}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as Op,WalletTypes as Fp}from"@rango-dev/wallets-shared";import{useEffect as Up,useState as $p}from"react";import{allProviders as Dp}from"@rango-dev/provider-all";function Mo(t,e){let o=Dp({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(Mo,"matchAndGenerateProviders");function qi(t,e){return Mo(t,e).map(r=>r.config.type)}i(qi,"configWalletsToWalletName");var zp=Object.values(Fp);function Lo(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:l,connect:p}=_p(),{connectedWallets:u}=F(),{blockchains:c}=T().meta,f=typeof e?.multiWallets>"u"?!0:e.multiWallets,m=qi(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||zp,d=si(s,l,m,o),g=ci(d),[h,k]=$p(""),E=i(C=>!u.find(D=>D.walletType===C&&D.chain===o),"isExperimentalChainNotAdded"),S=i(async C=>{let D=s(C);try{if(h&&k(""),D.connected)await a(C);else{let B=!!d.find(I=>I.state===Hi.CONNECTED);if(!f&&B)return;n?.(C),await p(C),r?.(C)}}catch(B){k("Error: "+B?.message)}},"handleClick"),x=i(()=>{let C=d?.filter(D=>D.state===Hi.CONNECTING)||[];for(let D of C)a(D.type)},"disconnectConnectingWallets");Up(()=>()=>{x()},[]);let v=i((C,D,B)=>So(B,D)&&E(C)&&!Op.includes(C),"shouldExcludeWallet");return{list:g.filter(C=>!v(C.type,o??"",c)),error:h,handleClick:S}}i(Lo,"useWalletList");import{i18n as ls}from"@lingui/core";import{styled as ps,Typography as Mu,Wallet as Lu,WalletState as Pu}from"@rango-dev/ui";import pt,{Fragment as Du,useState as _u}from"react";import{BottomLogo as gu,Divider as hu,Header as yu,theme as Su,usePaddingRight as Cu}from"@rango-dev/ui";import me,{useRef as Tu}from"react";import{useNavigate as ku}from"react-router-dom";import{ChevronLeftIcon as Gp}from"@rango-dev/ui";import Ri from"react";import{Button as qp,darkTheme as Hp,styled as Po}from"@rango-dev/ui";var Le=Po(qp,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),Gi=Po("div",{position:"absolute",background:"$secondary500",[`.${Hp} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),wt=Po("div",{display:"flex",justifyContent:"flex-end",width:"$40"}),Vi=Po("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"});function En(t){return Ri.createElement(Le,{variant:"ghost",size:"small",onClick:t.onClick},Ri.createElement(Gp,{color:"black",size:16}))}i(En,"BackButton");import{i18n as Vp}from"@lingui/core";import{Button as Rp,Typography as Kp}from"@rango-dev/ui";import Bn from"react";function Wn(t){return Bn.createElement(wt,null,Bn.createElement(Rp,{variant:"ghost",onClick:t.onClick,size:"xsmall"},Bn.createElement(Kp,{variant:"label",size:"medium",color:"error500"},Vp.t("Cancel"))))}i(Wn,"CancelButton");import{i18n as Xp}from"@lingui/core";import{Tooltip as jp,WalletIcon as Yp}from"@rango-dev/ui";import Do from"react";function In(t){return Do.createElement(jp,{side:"top",content:Xp.t("Connect Wallet")},Do.createElement(Le,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&Do.createElement(Gi,null),Do.createElement(Yp,{size:18,color:"black"})))}i(In,"WalletButton");import{i18n as Fo}from"@lingui/core";import{NotificationsIcon as uu,Popover as cu,RefreshIcon as mu,SettingsIcon as du,Tooltip as Uo,TransactionIcon as fu}from"@rango-dev/ui";import le from"react";import{ChainToken as Ji,ChevronRightIcon as ru,ListItemButton as iu,Typography as su}from"@rango-dev/ui";import Pe from"react";import{useNavigate as au}from"react-router-dom";import{create as Qp}from"zustand";import{persist as Jp,subscribeWithSelector as Zp}from"zustand/middleware";var Be=Ee(Qp()(Jp(Zp((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 _o}from"@rango-dev/ui";var Ki=_o("div",{padding:"$10",width:"350px",minHeight:"150px"}),Xi=_o("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),ji=_o("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),Yi=_o("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as eu}from"@lingui/core";import{Divider as tu,NoNotificationIcon as ou,Typography as nu}from"@rango-dev/ui";import Oo from"react";function Qi(){return Oo.createElement(Yi,null,Oo.createElement(ou,{color:"secondary",size:26}),Oo.createElement(tu,{size:12}),Oo.createElement(nu,{variant:"body",size:"medium",color:"neutral900"},eu.t("You have no notification")))}i(Qi,"NotificationNotFound");var lu=4;function Nn(){let t=au(),e=ke.use.setSelectedSwap(),{getUnreadNotifications:o}=Be(),n=o(),{tokens:r,blockchains:s}=T.use.meta(),a=n.sort((p,u)=>u.creationTime-p.creationTime).slice(0,lu),l=i(p=>{e(p),t(`/swaps/${p}`)},"handleOnClick");return Pe.createElement(Ki,null,a.length?Pe.createElement(Xi,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),c=s.find(d=>d.name===p.route.from.blockchain),f=r.find(d=>d.address===p.route.to.tokenAddress&&d.blockchain===p.route.to.blockchain&&d.symbol===p.route.to.tokenSymbol),m=s.find(d=>d.name===p.route.to.blockchain);return Pe.createElement(iu,{key:p.requestId,onClick:()=>l(p.requestId),title:Pe.createElement(su,{variant:"body",size:"small",color:"$neutral900"},p.event.message),id:p.requestId,start:Pe.createElement(ji,null,Pe.createElement("div",{className:"from-chain-token"},Pe.createElement(Ji,{tokenImage:u?u.image:"",chainImage:c?c.logo:"",size:"small"})),Pe.createElement("div",{className:"to-chain-token"},Pe.createElement(Ji,{tokenImage:f?f.image:"",chainImage:m?m.logo:"",size:"small"}))),end:Pe.createElement(ru,{size:12,color:"gray"})})})):Pe.createElement(Qi,null))}i(Nn,"NotificationContent");import{Typography as pu}from"@rango-dev/ui";import Zi from"react";function es(){let{getUnreadNotifications:t}=Be(),e=t().length;return e?Zi.createElement(Vi,null,Zi.createElement(pu,{variant:"body",size:"xsmall",color:"$background"},e)):null}i(es,"UnreadNotificationsBadge");function Mn(t){let{layoutRef:e,onClickRefresh:o,onClickHistory:n,onClickSettings:r,onClickNotifications:s}=t;return le.createElement(le.Fragment,null,le.createElement(Uo,{side:"top",content:Fo.t("Refresh")},le.createElement(Le,{variant:"ghost",size:"small",onClick:o,disabled:!o},le.createElement(mu,{size:16,color:o?"black":"gray"}))),le.createElement(Uo,{side:"top",content:Fo.t("Notifications")},le.createElement(cu,{align:"center",collisionBoundary:e,collisionPadding:{right:20,left:20},container:document.getElementById("swap-box"),content:le.createElement(Nn,null)},le.createElement(Le,{size:"small",variant:"ghost",onClick:s},le.createElement(uu,{size:18,color:"black"}),le.createElement(es,null)))),le.createElement(Uo,{side:"top",content:Fo.t("Settings")},le.createElement(Le,{size:"small",variant:"ghost",onClick:r},le.createElement(du,{size:18,color:"black"}))),le.createElement(Uo,{side:"top",content:Fo.t("Transactions History")},le.createElement(Le,{size:"small",variant:"ghost",onClick:n},le.createElement(fu,{size:18,color:"black"}))))}i(Mn,"HomeButtons");import{styled as Ln}from"@rango-dev/ui";var ts=Ln("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"}}}}),os=Ln("div",{display:"flex",flexDirection:"column",flex:1,padding:"$20 $0 $10 $20",backgroundColor:"$background",position:"relative",overflowY:"auto",overflowX:"hidden",variants:{noPadding:{true:{padding:"0"}}}}),ns=Ln("div",{backgroundColor:"$background","& .footer__content":{padding:"$0 $20"},"& .footer__logo":{padding:"$0 $20 $10 $20"}});var wu=20;function vu(t,e){let{children:o,header:n,footer:r,noPadding:s,hasLogo:a=!0,fixedHeight:l=!0}=t,p=F.use.connectedWallets(),u=ke.use.connectWalletsButtonDisabled(),c=ku(),f=Tu(null);Cu({elementRef:f,paddingRight:s?"0":Su.sizes[wu]});let m=i(()=>{u||c("/"+y.wallets)},"onConnectWallet");return me.createElement(ts,{ref:e,fixedHeight:l,id:"swap-box"},me.createElement(yu,{prefix:me.createElement(me.Fragment,null,n.onBack&&me.createElement(En,{onClick:n.onBack})),title:n.title,suffix:me.createElement(me.Fragment,null,n.suffix,n.hasConnectWallet&&me.createElement(In,{onClick:m,isConnected:!!p?.length}),n.onCancel&&me.createElement(Wn,{onClick:n.onCancel}))}),me.createElement(os,{noPadding:s,ref:f},o),(a||r)&&me.createElement(ns,null,me.createElement("div",{className:"footer__content"},r),a&&me.createElement("div",{className:"footer__logo"},me.createElement(hu,{size:12}),me.createElement(gu,null))))}i(vu,"LayoutComponent");var Y=me.forwardRef(vu);Y.displayName="Layout";import{Divider as Bu,Modal as Wu}from"@rango-dev/ui";import Dn from"react";import{i18n as vt}from"@lingui/core";import{Image as bu,MessageBox as Pn,WalletState as Eu}from"@rango-dev/ui";import lt from"react";import{keyframes as xu,styled as $o}from"@rango-dev/ui";var JS=$o("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),rs=$o("div",{position:"relative"}),Au=xu({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),is=$o("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Au} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),ss=$o("div",{"& img":{borderRadius:"50%"}});function as(t){let{state:e,image:o,error:n}=t;return e===Eu.CONNECTED?lt.createElement(Pn,{type:"success",title:vt.t("Wallet Connected"),description:vt.t("Your wallet is connected, you can use it to swap.")}):n?lt.createElement(Pn,{type:"error",title:vt.t("Failed to Connect"),description:n||vt.t("Your wallet is not connected. Please try again.")}):lt.createElement(Pn,{type:"loading",title:vt.t("Connecting to your wallet"),description:vt.t("Click connect in your wallet popup."),icon:lt.createElement(rs,null,lt.createElement(ss,null,lt.createElement(bu,{src:o,size:45})),lt.createElement(is,null))})}i(as,"ModalContent");function zt(t){let{open:e,onClose:o,...n}=t;return Dn.createElement(Wu,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},Dn.createElement(as,{...n}),Dn.createElement(Bu,{direction:"vertical",size:32}))}i(zt,"WalletModal");import{useInRouterContext as Iu,useNavigate as Nu}from"react-router-dom";function oe(){let t=Iu(),e=Nu();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(oe,"useNavigateBack");var Ou=ps("div",{display:"grid",gap:"$10",gridTemplateColumns:" repeat(3, minmax(0, 1fr))",alignContent:"baseline",paddingTop:"$15",height:"100%"}),Fu=ps("div",{textAlign:"center"}),zo=3e3,Uu=300;function us({config:t}){let{navigateBackFrom:e}=oe(),[o,n]=_u(""),r=null,{list:s,handleClick:a,error:l}=Lo({config:t,onBeforeConnect:m=>{r=setTimeout(()=>{n(m)},Uu)},onConnect:()=>{r&&clearTimeout(r),setTimeout(()=>{n("")},zo)}}),p=T.use.loadingStatus(),u=s.find(m=>m.type===o),c=u?.image||"",f=u?.state||Pu.NOT_INSTALLED;return pt.createElement(Y,{header:{title:ls.t("Connect Wallets"),onBack:e.bind(null,y.wallets)}},pt.createElement(Fu,null,pt.createElement(Mu,{variant:"title",size:"xmedium",align:"center"},ls.t("Choose a wallet to connect.")),pt.createElement(Ou,null,s.map((m,d)=>{let g=`wallet-${d}-${m.type}`;return pt.createElement(Du,{key:g},pt.createElement(Lu,{...m,onClick:h=>{a(h)},isLoading:p==="loading"}))}),pt.createElement(zt,{open:!!o,onClose:()=>n(""),image:c,state:f,error:l}))))}i(us,"WalletsPage");function cs(t,e){return e.find(o=>o.name===t)?.displayName}i(cs,"getBlockchainDisplayNameFor");import{keyframes as $u,styled as _n}from"@rango-dev/ui";var ms=_n("div",{position:"relative"}),zu=$u({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),ds=_n("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${zu} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),fs=_n("div",{"& img":{borderRadius:"50%"}});function Un(t){let{config:e,chain:o,isSelected:n,selectWallet:r,limit:s,onShowMore:a}=t,l=F.use.connectedWallets(),{blockchains:p}=T.use.meta(),[u,c]=qt(""),[f,m]=qt(null),[d,g]=qt(!1),[h,k]=qt(null),{connect:E}=Cs(),{list:S,error:x,handleClick:v}=Lo({config:e,chain:o,onBeforeConnect:c,onConnect:()=>setTimeout(()=>c(""),zo)}),[C,D]=qt(S),B=S.length,I=s&&B-s>0,G=i(async A=>{g(!1),k("in-progress"),await E(A.walletType,A.chain),k("completed")},"addExperimentalChain");Ss(()=>{D(A=>{let _=S.findIndex(W=>n(W.type,o));return I&&_>1?[S[_]].concat(S.filter((W,re)=>re!==_)):A.map(W=>S.find(re=>re.type===W.type)??W)})},[JSON.stringify(S)]);let ee=document.querySelector("#swap-box");return Ss(()=>{let A=null;return h==="completed"&&(A=setTimeout(()=>k(null),zo)),()=>{A&&clearTimeout(A)}},[h]),ne.createElement(ne.Fragment,null,C.slice(0,s).map(A=>{let _=mi({connectedWallets:l,walletType:A.type,chain:o}),W=_?Co(_):"",re=So(p,o),M=!l.find(Ae=>Ae.walletType===A.type&&Ae.chain===o),ae=re&&M&&A.state===ys.CONNECTED,Ie=ae?`Add ${o} chain`:W,U=i(()=>{A.state===ys.DISCONNECTED?v(A.type):ae?(m({walletType:A.type,chain:o,address:_??""}),g(!0)):r({walletType:A.type,chain:o,address:_??""})},"onClick"),K=f?.chain?cs(f.chain,p):void 0;return ne.createElement(ne.Fragment,null,u===A.type&&ne.createElement(zt,{open:u===A.type,onClose:()=>c(""),image:A.image,state:A.state,error:x}),!!f&&ne.createElement(gs,{open:!!f&&d,container:ee,onClose:()=>{m(null)}},ne.createElement(Fn,{title:`Add ${K} Chain`,type:"warning",description:`You should connect a ${K} supported wallet or choose a different ${K} address`},ne.createElement(On,{size:18}),ne.createElement(On,{size:32}),ne.createElement(qu,{onClick:G.bind(null,f),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},"Confirm"))),h&&ne.createElement(gs,{open:!!h,onClose:k.bind(null,null),container:ee},h==="in-progress"?ne.createElement(Fn,{type:"loading",title:`Add ${K} Chain`,description:`You should connect a ${K} supported wallet or choose a different ${K} address.`,icon:ne.createElement(ms,null,ne.createElement(fs,null,ne.createElement(Hu,{src:A.image,size:45})),ne.createElement(ds,null))}):ne.createElement(Fn,{type:"success",title:`${K} Chain Added`,description:`${K} is added to your wallet, you can use it to swap.`}),ne.createElement(On,{direction:"vertical",size:32})),ne.createElement(Gu,{key:A.type,description:Ie,onClick:U,selected:n(A.type,o),...A}))}),I&&ne.createElement(Wi,{selected:!1,onClick:a.bind(null)},ne.createElement(hs,{variant:"label",size:"medium"},"Show more wallets",ne.createElement(hs,{variant:"label",size:"medium",color:"$primary"},"\xA0+",B-(s??0)))))}i(Un,"WalletList");var Qu=2;function ws(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:c,customDestination:f,setCustomDestination:m}=L(),{connectedWallets:d,selectWallets:g}=F(),[h,k]=ut(""),[E,S]=ut([]),[x,v]=ut(""),[C,D]=ut(null),[B,I]=ut(f),[G,ee]=ut(!!f),A=lo(p),_=typeof s?.customDestination>"u"?!0:s.customDestination,W=l.find(O=>O.name===p?.result?.swaps[p?.result?.swaps.length-1].to.blockchain),re=i(O=>!!p?.result?.swaps.find(X=>X.from.blockchain===O),"isWalletRequiredFor"),[M,ae]=ut(d.filter(O=>O.selected&&A.includes(O.chain))),Ie=l.find(O=>O.name===W?.name),U=i((O,X)=>!!M.find(H=>H.walletType===O&&H.chain===X&&H.selected&&(re(X)||!re(X)&&!B)),"isSelected"),K=!!B&&G&&Ie&&!po(Ie,B),Ae=i(()=>{ee(!1),I(""),ae(O=>{let X=!1;return O.map(H=>!X&&H.chain===W?.name?(X=!0,{...H,selected:!0}):H)})},"resetCustomDestination"),ge=i(O=>{if(h&&k(""),U(O.walletType,O.chain))return;let H=d.find(z=>z.walletType===O.walletType&&z.chain===O.chain);H&&(n(),O.chain===W?.name&&G&&(ee(!1),I("")),ae(z=>z.filter(he=>he.chain!==O.chain).concat({...H,selected:!0})))},"onChange"),Ne=i(()=>{let O=M.filter(X=>X.selected);g(O),u(O),m(B),c(!0),o()},"onConfirmBalance"),ie=i(async()=>{S([]),v(""),D(null);let O=d.filter(z=>M.find(he=>he.chain===z.chain&&he.walletType===z.walletType)),X=await r?.({selectedWallets:O,customDestination:B}),H=X.warnings;H?.balance?.messages&&S(H.balance.messages),H?.route&&D(H.route),X.error&&v(uo(X.error)),!X.error&&(!H?.balance?.messages.length||0>0)?Ne():S(H?.balance?.messages??[])},"onConfirmWallets");Yu(()=>{ae(O=>O.concat(d.filter(X=>!!!O.find(z=>z.chain===X.chain)&&X.selected&&A.includes(X.chain))))},[d.length]);let Je=document.querySelector("#swap-box");return b.createElement(ks,{open:e,onClose:o,dismissible:!h,container:Je,...!h&&{footer:b.createElement(Fi,null,b.createElement(Ts,{loading:a,disabled:vi(a,G,B,p,M,W),onClick:ie,variant:"contained",type:"primary",fullWidth:!0,size:"large"},"Confirm"))},...h&&{containerStyle:{padding:"$0"},header:b.createElement(Ni,null,b.createElement(Mi,{variant:"ghost",onClick:k.bind(null,"")},b.createElement(Ku,{size:16})),b.createElement(qo,{variant:"headline",size:"small"},`Your ${h} wallets`))},anchor:"center"},b.createElement(ks,{open:E.length>0,onClose:S.bind(null,[]),container:Je},b.createElement(Xu,{title:"Insufficient account balance",type:"error",description:b.createElement(Vu,{messages:E??[]})},b.createElement(Ts,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:Ne},"Proceed anyway"))),h&&b.createElement(Li,null,b.createElement("div",{className:"wallets-list"},b.createElement(Un,{chain:h,isSelected:U,selectWallet:ge,multiWallets:s?.multiWallets??!0,supportedWallets:s?.wallets??[],config:s,onShowMore:k.bind(null,h)}))),!h&&b.createElement(b.Fragment,null,x&&b.createElement(b.Fragment,null,b.createElement($n,{variant:"alarm",type:"error",title:x}),b.createElement(xt,{size:12})),C&&b.createElement(b.Fragment,null,b.createElement($n,{variant:"alarm",type:"warning",title:No(C)}),b.createElement(xt,{size:12})),b.createElement(zi,null,A.map((O,X)=>{let H=l.find(ye=>ye.name===O),z=`wallet-${X}`,he=X===A.length-1;return b.createElement("div",{key:z},b.createElement(Ei,null,b.createElement(qo,{variant:"title",size:"xmedium"},`Your ${H?.displayName} wallets`),b.createElement(qo,{variant:"label",color:"$neutral900",size:"medium"},`You need to connect a ${H?.displayName} wallet.`)),b.createElement(xt,{size:24}),b.createElement(Bi,null,b.createElement(Un,{chain:O,isSelected:U,selectWallet:ge,multiWallets:s?.multiWallets??!0,supportedWallets:s?.wallets??[],config:s,limit:Qu,onShowMore:()=>k(H?.name??"")})),!he&&b.createElement(xt,{size:32}),he&&_&&b.createElement(_i,null,b.createElement(Pi,{selected:G,open:G,onOpenChange:ye=>{ye?re(W?.name??"")||ae(te=>te.map(se=>se.chain===W?.name?{...se,selected:!1}:se)):Ae()}},b.createElement(Ii,{onClick:()=>ee(ye=>!ye)},b.createElement(Di,{fullWidth:!0,suffix:b.createElement(Oi,{orientation:G?"up":"down"},b.createElement(Ru,{size:10,color:"gray"}))},b.createElement("div",{className:"button__content"},b.createElement(ju,{size:18,color:"info"}),b.createElement(xt,{size:4,direction:"horizontal"}),b.createElement(qo,{variant:"label",size:"medium"},"Send to a different address")))),b.createElement($i,{open:G},b.createElement(b.Fragment,null,b.createElement(xt,{size:4}),b.createElement(Ui,{autoFocus:!0,placeholder:"Your destination address",value:B,onChange:ye=>{I(ye.target.value)}})))),K&&b.createElement("div",{className:"alarms"},b.createElement($n,{variant:"alarm",type:"error",title:`Address '${B}' doesn't match the blockchain address pattern.`}))))}))))}i(ws,"ConfirmWalletsModal");import{Alert as tc,Button as oc,Divider as Ms,NoRouteIcon as nc,RefreshIcon as rc,Typography as Ls}from"@rango-dev/ui";import De from"react";import{create as Ju}from"zustand";import{persist as Zu,subscribeWithSelector as ec}from"zustand/middleware";var vs=[.5,1,3],xs=1,As=5,bs=100,Es=0;var $=Ee(Ju()(Zu(ec(t=>({slippage:xs,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=Ze(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 Bs(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(Bs,"makeInfo");import{styled as zn}from"@rango-dev/ui";var Ws=zn("div",{display:"flex",flexDirection:"column",alignItems:"center"}),Is=zn("div",{width:"100%"}),Ns=zn("div",{padding:"$6 $0"});function Ht(t){let{diagnosisMessage:e,fetch:o,error:n}=t,r=$.use.disabledLiquiditySources(),s=T.use.loadingStatus(),a=$.use.toggleAllLiquiditySources(),p=Bs(e??null,r,n||s==="failed",a,o);return De.createElement(Ws,null,De.createElement(nc,{size:24,color:"gray"}),De.createElement(Ms,{size:4}),De.createElement(Ls,{variant:"title",size:"small"},q.noRoutesError.title),!!p.description&&De.createElement(Ls,{variant:"body",size:"small",align:"center",color:"neutral900"},p.description),De.createElement(Ms,{size:4}),!!p.alert&&De.createElement(Is,null,De.createElement(tc,{type:p.alert.type,title:p.alert.text,action:p.alert.action&&De.createElement(oc,{size:"xsmall",type:p.alert.type,prefix:De.createElement(Ns,null,De.createElement(rc,{size:8})),onClick:p.alert.action.onClick},p.alert.action.title),variant:"alarm"})))}i(Ht,"NoRoutes");import{calculatePendingSwap as lc}from"@rango-dev/queue-manager-rango-preset";import pc from"bignumber.js";import{useEffect as uc}from"react";import{useRef as ic,useState as sc}from"react";function Ho(){let[t,e]=sc(!1),o=ic(null),n=i(()=>o.current?.abort(),"cancel");return{fetch:i(async s=>{n(),o.current=new AbortController,e(!0);try{let a=await ht().getBestRoute(s,{signal:o.current.signal});return o.current=null,a}catch(a){throw a}finally{e(!1)}},"fetch"),loading:t,cancelFetch:n}}i(Ho,"useFetchBestRoute");function cc(t,e){if(!t.result)throw new Error(q.noRoutesError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});let o=new pc(t.result?.outputAmount||"0").multipliedBy(e.outputUsdValue||0),n=vo(e.inputUsdValue,o);if(xo(e.inputUsdValue,n))throw new Error("High value loss for route",{cause:{type:1}});return t}i(cc,"throwErrorIfResponseIsNotValid");function mc(t,e,o){let n=Yr(t,e),r={balance:null,route:null,slippage:null};n&&(yi(t,e)?r.route={type:3,newOutputAmount:w(Tt(e)),percentageChange:w(Re(Tt(t),Tt(e)),null,2)}:Sn(t,e)?r.route={type:0}:Cn(t,e)?r.route={type:1}:Tn(t,e)&&(r.route={type:2}));let s=Si(e,o.selectedWallets);s.length===0||(r.balance={messages:s});let l=fi(t),p=o.userSlippage>As;return gi(o.userSlippage.toString(),l)?p&&(r.slippage={type:1,slippage:o.userSlippage.toString()}):r.slippage={type:0,slippage:l},r}i(mc,"generateWarnings");function Ps(){let{fromToken:t,toToken:e,inputAmount:o,inputUsdValue:n,setRoute:r,bestRoute:s,customDestination:a}=L(),{slippage:l,customSlippage:p,affiliatePercent:u,affiliateRef:c,affiliateWallets:f,disabledLiquiditySources:m}=$(),{connectedWallets:d}=F(),{meta:g}=T(),h=p||l,{fetch:k,cancelFetch:E,loading:S}=Ho();return uc(()=>E,[]),{loading:S,fetch:i(async v=>{let C=v.selectedWallets,D=v?.customDestination??a;if(!t||!e||!o||!s)return{route:null,swap:null,error:null,warnings:null};let B=Bo({fromToken:t,toToken:e,inputAmount:o,wallets:d,selectedWallets:C,disabledLiquiditySources:m,slippage:h,affiliateRef:c,affiliatePercent:u,affiliateWallets:f,initialRoute:s,destination:D}),I;try{I=await k(B).then(A=>cc(A,{outputUsdValue:e.usdPrice,inputUsdValue:n})),r(I)}catch(A){return A?.code==="ERR_CANCELED"?{swap:null,error:{type:3},warnings:null}:A.cause?{swap:null,error:A.cause,warnings:null}:{swap:null,error:{type:2},warnings:null}}let G={slippage:h.toString(),disabledSwappersGroups:m},ee=lc(o.toString(),I,hi(C),G,!1,g);return{route:I,swap:ee,error:null,warnings:mc(s,I,{selectedWallets:C,userSlippage:h})}},"fetch"),cancelFetch:E}}i(Ps,"useConfirmSwap");var xc=Os("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"}}),Ac=Os("div",{width:"100%",display:"flex",justifyContent:"space-between","& .confirm-button":{flexGrow:1,paddingRight:"$10"},[`& ${_s}`]:{width:"$48",height:"$48"}});function Fs(t){let{config:e}=t,{bestRoute:o,inputAmount:n,outputAmount:r,inputUsdValue:s,outputUsdValue:a,setInputAmount:l,selectedWallets:p,routeWalletsConfirmed:u,setRouteWalletConfirmed:c,customDestination:f}=L(),m=vc(),[d,g]=Vo(""),[h,k]=Vo(!1),{connectedWallets:E}=F(),S=!u,[x,v]=Vo(!1),C=ke.use.setSelectedSwap(),{meta:{tokens:D},loadingStatus:B}=T(),I=$.use.slippage(),G=$.use.customSlippage(),{manager:ee}=dc(),A=G||I,{fetch:_,loading:W,cancelFetch:re}=Ps(),[M,ae]=Vo({swap:null,error:null,warnings:null}),Ie=W||B==="loading",U=!W&&M.error&&[0,2].includes(M.error.type),K=!U&&!W&&o&&o.result,Ae=Eo(o,D),ge=w(Re(s?.toNumber()??0,a?.toNumber()??0),2,2),Ne=gt(parseFloat(ge)),ie=i(async({selectedWallets:z,customDestination:he})=>{let ye=await _?.({selectedWallets:z,customDestination:he});return ae(ye),ye},"onConfirmSwap"),Je=i(async()=>{if(M.swap&&u)try{await ee?.create("swap",{swapDetails:M.swap},{id:M.swap.requestId}),C(M.swap.requestId),m("/"+y.swaps+`/${M.swap.requestId}`,{replace:!0}),setTimeout(()=>{l("")},0)}catch(z){g("Error: "+z?.message)}},"addNewSwap"),O=i(async()=>{await Je()},"onConfirm"),X=i(async()=>{M?.warnings?.slippage?k(!0):await O()},"onStartConfirmSwap"),H=i(async()=>{ae({error:null,swap:null,warnings:null}),_({selectedWallets:p}).then(z=>{ae(z)}).catch(z=>console.error(z))},"onRefresh");return Gt(()=>{S&&re()},[S]),Gt(()=>{S&&v(S)},[S]),Gt(()=>{S||_({selectedWallets:p,customDestination:f}).then(z=>ae(z)).catch(z=>console.error(z))},[]),Gt(()=>{!x&&!u&&m(y.home,{replace:!0})},[x,u]),Gt(()=>{let z=M.warnings?.route?.type&&Object.values(Ot).includes(M.warnings?.route?.type),he=p.length<1||!p.every(te=>E.find(se=>te.address===se.address&&te.walletType===se.walletType&&te.chain===se.chain)),ye=!1;if(z){let te=lo(o),se=o?.result?.swaps[o.result.swaps.length-1].to.blockchain;!!o?.result?.swaps.find(Dt=>Dt.from.blockchain===se)||(te=te.slice(-te.length,te.length-1)),te.every(Dt=>p.find(jl=>jl.chain===Dt))||(ye=!0)}o&&(he||ye)&&(queueMicrotask(()=>wc(v.bind(null,!0))),c(!1))},[M.warnings?.route,p.length,E.length]),N.createElement(Y,{header:{title:"Confirm Swap",onBack:m.bind(null,-1),hasConnectWallet:!0,suffix:N.createElement(Tc,{side:"bottom",content:qn.t("Settings")},N.createElement(Le,{size:"small",variant:"ghost",onClick:()=>m("/"+y.settings)},N.createElement(Cc,{size:18,color:"black"})))},footer:N.createElement(Ac,null,N.createElement("div",{className:"confirm-button"},N.createElement(Go,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:W,disabled:!!M.error,onClick:X},"Start Swap")),N.createElement(_s,{variant:"contained",type:"primary",size:"large",loading:W,onClick:v.bind(null,!0)},N.createElement(kc,{size:24})))},N.createElement(yc,{anchor:"bottom",open:h,prefix:N.createElement(Go,{size:"small",variant:"ghost",onClick:()=>m("/"+y.settings)},N.createElement(Ds,{variant:"label",size:"medium",color:"$neutral900"},"Change settings")),container:document.querySelector("#swap-box"),onClose:k.bind(null,z=>!z)},M.warnings?.slippage&&N.createElement(hc,{type:"warning",title:M.warnings.slippage.type===1?"High slippage":"Low slippage",description:M.warnings.slippage.type===1?qn.t("highSlippage",{selectedSlippage:A},{message:" Caution, your slippage is high (={selectedSlippage}). Your trade may be front run."}):qn.t("increaseSlippage",{minRequiredSlippage:M.warnings.slippage.slippage},{message:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route."})},N.createElement(At,{size:18}),N.createElement(At,{size:32}),N.createElement(Go,{size:"large",type:"primary",variant:"contained",fullWidth:!0,onClick:O},"Confirm anyway"))),x&&N.createElement(ws,{open:x,onClose:v.bind(null,!1),onCancel:re,loading:W,onCheckBalance:ie,config:e}),N.createElement(xc,null,N.createElement("div",{className:"description"},N.createElement(Ds,{variant:"title",size:"small"},"You get"),N.createElement(Go,{style:{padding:"0"},variant:"ghost",disabled:W,onClick:H},N.createElement("div",{className:"icon"},N.createElement(Sc,{size:16})))),d&&N.createElement(N.Fragment,null,N.createElement(Hn,{type:"error",variant:"alarm",title:d}),N.createElement(At,{size:12})),M.warnings?.route&&N.createElement(N.Fragment,null,N.createElement(Hn,{variant:"alarm",type:"warning",title:No(M.warnings.route)}),N.createElement(At,{size:12})),Ie&&N.createElement(gc,{type:"swap-preview",expanded:!0}),K&&N.createElement(fc,{expanded:!0,steps:Zr(o)??[],input:{value:w(n,6,6),usdValue:w(s,4,4)},output:{value:w(r,6,6),usdValue:w(a,4,4)},totalFee:w(Ae,2,2),totalTime:no(ro(o)),recommended:!0,type:"swap-preview",percentageChange:ge,warningLevel:Ne}),U&&N.createElement(N.Fragment,null,N.createElement(At,{size:12}),N.createElement(Ht,{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(Hn,{variant:"alarm",type:"error",title:uo(M.error)}),N.createElement(At,{size:12}))))}i(Fs,"ConfirmSwapPage");import{i18n as Xn}from"@lingui/core";import{useManager as Nc}from"@rango-dev/queue-manager-react";import{Divider as Mc,NotFound as Lc,styled as Rs}from"@rango-dev/ui";import nt,{useState as Pc}from"react";import{useNavigate as Dc}from"react-router-dom";import{CloseIcon as Ec,IconButton as Bc,SearchIcon as Wc,TextField as Ic}from"@rango-dev/ui";import Vt from"react";import{styled as bc}from"@rango-dev/ui";var Us=bc("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function je(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:s,value:a,setValue:l,...p}=t;return Vt.createElement(Ic,{prefix:Vt.createElement(Us,null,Vt.createElement(Wc,{color:"black"})),suffix:!!a.length&&Vt.createElement(Bc,{variant:"ghost",onClick:()=>l?.(""),size:"small"},Vt.createElement(Ec,{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(je,"SearchInput");import{Divider as zs,SwapListItem as qs,Typography as Hs}from"@rango-dev/ui";import J from"react";import{styled as Ro}from"@rango-dev/ui";var Gn=Ro("div",{width:"100%",display:"flex",flexDirection:"column"}),Vn=Ro("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),Rn=Ro("div",{gap:"$10",display:"flex",flexDirection:"column"}),$s=Ro("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});function Kn(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,s=n?n(e):[{title:"History",swaps:e}];if(r){let a=[{},{}];return J.createElement(J.Fragment,null,[{title:"Today",swaps:a},{title:"Last month",swaps:a}].map(p=>J.createElement(J.Fragment,{key:p.title},J.createElement(Gn,null,J.createElement(Vn,null,J.createElement(Hs,{variant:"label",size:"medium",color:"neutral800",className:"group-title"},p.title)),J.createElement(zs,{size:4}),J.createElement(Rn,null,p.swaps.map((u,c)=>{let f=c+p.title;return J.createElement(J.Fragment,{key:f},J.createElement(qs,{isLoading:!0}))}))))))}return J.createElement(J.Fragment,null,s.filter(a=>a.swaps.length>0).map(a=>J.createElement(J.Fragment,{key:a.title},J.createElement(Gn,null,J.createElement(Vn,null,J.createElement(Hs,{variant:"label",size:"medium",color:"neutral800",className:"group-title"},a.title)),J.createElement(zs,{size:4}),J.createElement(Rn,null,a.swaps.map(l=>{let p=l.steps[0],u=l.steps[l.steps.length-1];return J.createElement(J.Fragment,{key:l.requestId},J.createElement(qs,{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:io(l.inputAmount)},to:{token:{image:u.toLogo,displayName:u.toSymbol},blockchain:{image:u.toBlockchainLogo||""},amount:io(u.outputAmount||""),estimatedAmount:io(u.expectedOutputAmountHumanReadable||"")}}}))}))))))}i(Kn,"SwapsGroup");import Gs from"dayjs";var Vs=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=Gs();return t.forEach(n=>{let r=Gs(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 Ko=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 _c=Rs("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",height:"100%",gap:15}),Oc=Rs("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),Fc=i((t,e)=>t?.length?t.filter(o=>$e(o.fromBlockchain,e)||$e(o.toBlockchain,e)||$e(o.toSymbol,e)||$e(o.fromSymbol,e)).length:!1,"isStepContainsText");function Ks(){let t=ke.use.setSelectedSwap(),e=Dc(),{navigateBackFrom:o}=oe(),{manager:n,state:r}=Nc(),s=Ko(n).map(({swap:m})=>m),[a,l]=Pc(""),p=!r.loadedFromPersistor,u=i(m=>{let d=m.target.value;l(d)},"searchHandler"),c=s;a&&(c=s.filter(m=>$e(m.inputAmount,a)||$e(m.status,a)||Fc(m.steps,a)||$e(m.requestId,a)));let f=!c?.length&&!p;return nt.createElement(Y,{header:{onBack:o.bind(null,"/"+y.swaps),title:Xn.t("History")}},nt.createElement(_c,null,nt.createElement(je,{setValue:l,fullWidth:!0,variant:"contained",placeholder:"Search Transaction",autoFocus:!0,onChange:u,value:a}),nt.createElement(Oc,null,f&&nt.createElement($s,null,nt.createElement(Mc,{size:32}),nt.createElement(Lc,{title:Xn.t("No results found"),description:a?Xn.t("Try using different keywords"):""})),!f&&nt.createElement(Kn,{list:c,onSwapClick:m=>{t(m),e(`${m}`,{replace:!0})},groupBy:Vs,isLoading:p}))))}i(Ks,"HistoryPage");import{i18n as nm}from"@lingui/core";import{Alert as rm,BestRoute as im,BestRouteSkeleton as sm,Button as am,Divider as Jn,styled as bt,SwapInput as la,Typography as Zn,WarningIcon as lm}from"@rango-dev/ui";import j,{useEffect as pm,useRef as um,useState as cm}from"react";import{useNavigate as mm}from"react-router-dom";import{Alert as oa,Divider as Gc,InfoIcon as Vc}from"@rango-dev/ui";import Oe from"react";import{styled as Xo}from"@rango-dev/ui";var Xs=Xo("div",{width:"100%",paddingTop:"$10"}),jn=Xo("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),js=Xo("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%"}),Ys=Xo("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});import{Button as Uc,Divider as Zs,MessageBox as ea,Modal as $c,Typography as zc,WarningIcon as qc}from"@rango-dev/ui";import _e from"react";import{useNavigate as Hc}from"react-router-dom";import{Typography as Qs}from"@rango-dev/ui";import Yn from"react";function Js(t){let{title:e,value:o,valueColor:n}=t;return Yn.createElement(js,null,Yn.createElement(Qs,{size:"medium",variant:"label",color:"neutral800"},e),Yn.createElement(Qs,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(Js,"RouteErrorsModalItem");function ta(t){let{highValueLoss:e,open:o,onToggle:n,percentageChange:r,inputUsdValue:s,outputUsdValue:a,totalFeeInUsd:l}=t,p=Hc(),u=e&&r?.lt(-10)?"error":"warning",c=[{title:"Swapping",value:w(s,4,4)},{title:"Gas cost",value:w(l,2,2)},{title:"Receiving",value:w(a,4,4)},{title:"Price impact",value:w(r,2,2),valueColor:`${u}500`}];return _e.createElement($c,{open:o,onClose:()=>n(!1),container:document.getElementById("swap-box")||document.body},e?_e.createElement(ea,{type:u,title:q.highValueLossError.impactTitle,description:q.highValueLossError.description}):_e.createElement(ea,{type:u,title:q.unknownPriceError.impactTitle,description:q.unknownPriceError.description}),e&&_e.createElement(jn,null,_e.createElement(Zs,{size:20}),_e.createElement(zc,{size:"small",variant:"title"},"Details"),_e.createElement(jn,null,c.map((f,m)=>_e.createElement(Js,{key:m,...f})))),_e.createElement(Zs,{size:32}),_e.createElement(Uc,{type:"primary",size:"large",prefix:_e.createElement(qc,null),fullWidth:!0,onClick:()=>{p(y.confirmSwap)}},e?q.highValueLossError.confirmMessage:q.unknownPriceError.confirmMessage))}i(ta,"RouteErrorsModal");var Rc=-10;function Qn(t){let{bestRoute:e}=L(),{highValueLoss:o,percentageChange:n,priceImpactCanNotBeComputed:r,openModal:s,onToggle:a,totalFeeInUsd:l,outputUsdValue:p,inputUsdValue:u,loading:c,extraSpace:f}=t,m=Ao(e),{recommendation:d}=bo(e),g=!m&&(o||r),h=g||m;return Oe.createElement(Oe.Fragment,null,(c||f&&!h)&&Oe.createElement(Gc,{size:20}),h&&Oe.createElement(Xs,null,g&&Oe.createElement(Oe.Fragment,null,Oe.createElement(oa,{title:o?q.highValueLossError.title:q.unknownPriceError.title,type:o&&n?.lt(Rc)?"error":"warning",variant:"alarm",action:Oe.createElement(Ys,{onClick:()=>a(!0)},Oe.createElement(Vc,{size:12,color:"gray"}))})),m&&Oe.createElement(oa,{type:"error",variant:"alarm",title:d})),Oe.createElement(ta,{highValueLoss:o,open:s,onToggle:a,percentageChange:n,inputUsdValue:u,outputUsdValue:p,totalFeeInUsd:l}))}i(Qn,"RouteErrors");import{ReverseIcon as Kc,styled as na}from"@rango-dev/ui";import jo,{useEffect as Xc,useRef as jc,useState as Yc}from"react";import{useInRouterContext as Qc,useSearchParams as Jc}from"react-router-dom";function Zc({count:t}){let e=jc(!0),[o,n]=Jc(),r=L.use.outputAmount();return Xc(()=>{if(e.current)e.current=!1;else{let s=o.get("fromBlockchain"),a=o.get("fromToken"),l=o.get("toBlockchain"),p=o.get("toToken");n({...l&&{["fromBlockchain"]:l},...p&&{["fromToken"]:p},...s&&{["toBlockchain"]:s},...a&&{["toToken"]:a},...r&&{["fromAmount"]:r.toString()}})}},[t]),null}i(Zc,"SwitchFromAndTo");var em=na("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),tm=na("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 ra(){let t=L.use.switchFromAndTo(),e=Qc(),[o,n]=Yc(0);return jo.createElement(em,null,jo.createElement(tm,{onClick:()=>{t(),n(r=>r+1)}},jo.createElement(Kc,{size:12}),e&&jo.createElement(Zc,{count:o})))}i(ra,"SwitchFromAndToButton");import{useEffect as ia,useState as sa}from"react";var om=600;function aa(){let{fetch:t,cancelFetch:e}=Ho(),[o,n]=sa(!1),{fromToken:r,toToken:s,inputAmount:a,inputUsdValue:l,resetRoute:p,setRoute:u}=L(),{slippage:c,customSlippage:f,affiliatePercent:m,affiliateRef:d,affiliateWallets:g,disabledLiquiditySources:h}=$(),[k,E]=sa(""),S=f??c,v=!r||!s||Me(r,s)||!_t(a),C=i(()=>{if(o||n(!0),!v){p();let B=Bo({fromToken:r,toToken:s,inputAmount:a,disabledLiquiditySources:h,slippage:S,affiliateRef:d,affiliatePercent:m,affiliateWallets:g});t(B).then(I=>{n(!1),u(I)}).catch(I=>{p(),I?.code!=="ERR_CANCELED"&&(E(I.message),n(!1))})}},"fetch"),D=Kr(()=>{v||C()},om);return ia(()=>{if(!_t(a)||l?.eq(0)){n(!1),e();return}if(!v)return p(),n(!0),D(),e},[a,v]),ia(()=>(v||C(),e),[h.length]),{fetch:C,loading:o,error:k}}i(aa,"useSwapInput");var dm=bt("div",{display:"flex",flexDirection:"column",overflowY:"visible"}),fm=bt("div",{position:"relative"}),gm=bt("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"}),pa=bt("div",{width:"100%",paddingTop:"$2"}),hm=bt("div",{paddingBottom:"$15"}),ym=bt("div",{width:"100%",display:"flex"});function ua(){let t=mm(),{fetch:e,loading:o,error:n}=aa(),{fromToken:r,fromBlockchain:s,toToken:a,toBlockchain:l,setInputAmount:p,inputAmount:u,inputUsdValue:c,outputAmount:f,outputUsdValue:m,bestRoute:d,resetRouteWallets:g}=L(),{meta:{tokens:h},loadingStatus:k}=T(),E=F.use.connectedWallets(),S=ke.use.setCurrentPage(),[x,v]=cm(!1),{fromAmountRangeError:C,swap:D,recommendation:B}=bo(d),I=um(null),G=!!Number(u)&&(!!d||o||!!n),ee=!1,A=vo(c,m),_=xo(c,A),W=!xn(d,u,c),re=!xn(d,u,m),M=di(k,E,o,d,Ao(d),_,W||re,ee,u),ae=s&&r?w(yt(E,s?.name,r?.symbol,r?.address)?.amount||"0",8,8):"0",Ie=s&&r?w(yt(E,s?.name,r?.symbol,r?.address)?.amount||"0",yt(E,s?.name,r?.symbol,r?.address)?.decimal):"0";pm(()=>(S(y.home),g(),S.bind(null,"")),[]);let U=!c||!m||!m.gt(0)?null:Re(c.toNumber(),m.toNumber()),K=i(Ne=>Ne.map((ie,Je)=>({swapper:{displayName:ie.swapperId,image:ie.swapperLogo},from:{token:{displayName:ie.from.symbol,image:ie.from.logo},chain:{displayName:ie.from.blockchain,image:ie.from.blockchainLogo},price:{value:Je===0?w(u,6,6):ie.fromAmount}},to:{token:{displayName:ie.to.symbol,image:ie.to.logo},chain:{displayName:ie.to.blockchain,image:ie.to.blockchainLogo},price:{value:ie.toAmount}},alerts:ie.swapperId===D?.swapperId?j.createElement(hm,null,j.createElement(rm,{type:"error",title:B,footer:j.createElement(ym,null,j.createElement(Zn,{size:"xsmall",variant:"body",color:"neutral900"},C),j.createElement(Jn,{direction:"horizontal",size:8}),j.createElement(Zn,{size:"xsmall",variant:"body",color:"neutral900"},"|"),j.createElement(Jn,{direction:"horizontal",size:8}),j.createElement(Zn,{size:"xsmall",variant:"body",color:"neutral900"},`Yours: ${w(D?.fromAmount||null,6,6)} ${ie?.from.symbol}`))})):void 0})),"getBestRouteSteps"),Ae=Eo(d,h),ge=Jr(d);return j.createElement(Y,{ref:I,fixedHeight:!1,hasLogo:!0,footer:j.createElement(am,{type:"primary",size:"large",disabled:M.disabled,prefix:!M.disabled&&M.hasWarning&&j.createElement(lm,null),fullWidth:!0,onClick:()=>{M.state==="waitForConnecting"?t(y.wallets):M.state==="needToConfirm"?v(!0):t(y.confirmSwap)}},M.title),header:{hasConnectWallet:!0,title:nm.t("Swap"),suffix:j.createElement(Mn,{layoutRef:I.current,onClickRefresh:d||n?e:void 0,onClickHistory:()=>t(y.swaps),onClickSettings:()=>t(y.settings)})}},j.createElement(dm,null,j.createElement(gm,null,j.createElement(fm,null,j.createElement(la,{label:"From",onInputChange:p,balance:ae,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:w(c,4,4),error:W?q.unknownPriceError.impactTitle:void 0},disabled:k==="failed",loading:k==="loading",onSelectMaxBalance:()=>{ae!=="0"&&p(Ie.split(",").join(""))}}),j.createElement(ra,null)),j.createElement(la,{sharpBottomStyle:!!d?.result||o,label:"To",chain:{displayName:l?.displayName||"",image:l?.logo||""},token:{displayName:a?.symbol||"",image:a?.image||""},percentageChange:U?.lt(0)?w(U,2,2):null,warningLevel:gt(U?.toNumber()??0),price:{value:w(f,6,6),usdValue:re?void 0:w(m,4,4),error:re?q.unknownPriceError.impactTitle:void 0},onClickToken:()=>t("to-swap"),disabled:k==="failed",loading:k==="loading"})),o&&j.createElement(pa,null,j.createElement(sm,{type:"basic"})),G&&!o&&ge?.result?.swaps?.length?j.createElement(pa,null,j.createElement(im,{type:"basic",recommended:!0,input:{value:w(u,6,6),usdValue:w(c,4,4)},output:{value:w(f,6,6),usdValue:w(m,4,4)},steps:K(ge.result.swaps),percentageChange:w(U,2,2),totalFee:w(Ae,2,2),totalTime:no(ro(d))})):G&&!o?j.createElement(j.Fragment,null,j.createElement(Jn,{size:20}),j.createElement(Ht,{diagnosisMessage:ge?.diagnosisMessages?.[0],fetch:e,error:!!n})):null),j.createElement(Qn,{openModal:x,onToggle:v,totalFeeInUsd:Ae,outputUsdValue:m,inputUsdValue:c,percentageChange:U,highValueLoss:_,priceImpactCanNotBeComputed:W||re,loading:o||k==="loading",extraSpace:!!d?.result||!d}))}i(ua,"Home");import{i18n as Yo}from"@lingui/core";import{List as Sm,ListItemButton as Cm,Radio as nr,RadioRoot as Tm,Typography as rr}from"@rango-dev/ui";import Fe,{useState as km}from"react";import{styled as Rt}from"@rango-dev/ui";var Ye=Rt("div",{height:"100%"}),Kt=Rt("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"visible"}),er=Rt("li",{margin:"0 auto",width:"100%",height:"1px",backgroundColor:"$neutral300"}),tr=Rt("div",{width:80,display:"flex",justifyContent:"flex-end"}),or=Rt("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});function ca(){let{navigateBackFrom:t}=oe(),[e,o]=km("english"),n=[{id:"english",value:"english",title:Fe.createElement(rr,{variant:"title",size:"xmedium"},Yo.t("English")),onClick:()=>o("english"),end:Fe.createElement(nr,{value:"english"})},{id:"french",value:"french",title:Fe.createElement(rr,{variant:"title",size:"xmedium"},Yo.t("French")),onClick:()=>o("french"),end:Fe.createElement(nr,{value:"french"})},{id:"spanish",value:"spanish",title:Fe.createElement(rr,{variant:"title",size:"xmedium"},Yo.t("Spanish")),onClick:()=>o("spanish"),end:Fe.createElement(nr,{value:"spanish"})}];return Fe.createElement(Y,{header:{onBack:t.bind(null,y.settings),title:Yo.t("Language")}},Fe.createElement(Ye,null,Fe.createElement(Tm,{value:e},Fe.createElement(Sm,{type:Fe.createElement(Cm,{title:"language",id:"_",onClick:()=>console.log()}),items:n}))))}i(ca,"LanguagePage");import{i18n as Et}from"@lingui/core";import{Button as bm,Checkbox as Em,Image as Bm,ListItemButton as Wm,NotFound as Im,Typography as Nm}from"@rango-dev/ui";import de,{useState as Mm}from"react";import{Checkbox as xm,Skeleton as da}from"@rango-dev/ui";import Xt from"react";import{ListItem as wm,styled as vm}from"@rango-dev/ui";var ma=vm(wm,{height:61});var Am=30;function ir(){return Xt.createElement(Kt,null,Array.from(Array(Am),t=>Xt.createElement(ma,{hasDivider:!0,key:t,start:Xt.createElement(da,{variant:"circular",width:35,height:35}),title:Xt.createElement(da,{variant:"text",size:"large",width:90}),end:Xt.createElement(xm,{checked:!1})})))}i(ir,"LoadingLiquiditySourceList");function Qo(t){let e=T.use.meta().swappers,o=$.use.disabledLiquiditySources(),n=[];return Ze(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(Qo,"getUniqueSwappersGroups");function sr({supportedSwappers:t,sourceType:e}){let[o,n]=Mm(""),r=$.use.toggleLiquiditySource(),{navigateBackFrom:s}=oe(),a=T.use.loadingStatus(),l=Qo(t),p=[];e==="Exchanges"&&p.push("DEX"),e==="Bridges"&&(p.push("BRIDGE"),p.push("AGGREGATOR"));let u=l.filter(h=>p.includes(h.type)),c=u.length===u.filter(h=>h.selected).length,f=i(()=>{u.forEach(h=>{c?r(h.groupTitle):h.selected||r(h.groupTitle)})},"toggleAllSources"),m=u.map(h=>{let{selected:k,groupTitle:E,logo:S}=h;return{start:de.createElement(Bm,{src:S,size:22,type:"circular"}),onClick:()=>r(E),end:de.createElement(Em,{checked:k}),title:de.createElement(Nm,{variant:"title",size:"xmedium"},Et.t(E)),...h}}),d=i(h=>{let k=h.target.value;n(k)},"searchHandler"),g=m;return o&&(g=m.filter(h=>$e(h.groupTitle,o))),de.createElement(Y,{header:{onBack:s.bind(null,y.settings),title:Et.t(e),suffix:de.createElement(tr,null,de.createElement(bm,{variant:"ghost",size:"xsmall",onClick:f},Et.t(c?"Deselect all":"Select all")))}},de.createElement(Ye,null,de.createElement(je,{value:o,setValue:n,fullWidth:!0,color:"light",variant:"contained",placeholder:Et.t("Swap {sourceType}",{sourceType:e}),onChange:d}),a==="loading"&&de.createElement(ir,null),!g.length&&o?de.createElement(or,null,de.createElement(Im,{title:Et.t("No results found"),description:Et.t("Try using different keywords")})):a==="success"&&de.createElement(Kt,null,g.map(h=>de.createElement(de.Fragment,{key:h.id},de.createElement(Wm,{style:{height:"61px"},...h,selected:!1}),de.createElement(er,null))))))}i(sr,"LiquiditySourcePage");import{i18n as ba}from"@lingui/core";import{Divider as mr}from"@rango-dev/ui";import ct,{useState as Ea}from"react";import{i18n as lr}from"@lingui/core";import{Divider as Ca,Image as Dm,ListItemButton as _m,NotFound as Om,Typography as Ta}from"@rango-dev/ui";import We,{useEffect as Fm,useState as Um}from"react";import{TransactionType as Jo}from"rango-sdk";var Bt=(s=>(s.ALL="ALL",s.EVM="EVM",s.COSMOS="COSMOS",s.UTXO="UTXO",s.OTHER="OTHER",s))(Bt||{});var ar=i((t,e)=>{switch(e){case"ALL":return!0;case"UTXO":return t.type===Jo.TRANSFER;case"OTHER":return t.type!==Jo.TRANSFER&&t.type!==Jo.COSMOS&&t.type!==Jo.EVM;default:return t.type===e}},"filterByType"),fa=i((t,e,o)=>t.filter(n=>ar(n,o)).filter(n=>st(n.name,e)||st(n.displayName,e)),"filterBlockchains");import{styled as ga}from"@rango-dev/ui";var ha=ga("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),Zo=ga("ul",{padding:0,margin:0,listStyle:"none",overflowY:"auto",paddingRight:"$5",".image-container":{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as Lm,Skeleton as ya}from"@rango-dev/ui";import en from"react";var Pm=20;function Sa(){return en.createElement(Zo,null,Array.from(Array(Pm),t=>en.createElement(Lm,{key:t,hasDivider:!0,start:en.createElement(ya,{variant:"circular",width:35,height:35}),title:en.createElement(ya,{variant:"text",size:"large",width:90})})))}i(Sa,"LoadingBlockchainList");function pr(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=Um(e),l=T.use.loadingStatus();Fm(()=>{a([...fa(e,o,r)])},[e,o,r]);let p=i(()=>!s.length&&o?We.createElement(We.Fragment,null,We.createElement(Ca,{size:32}),We.createElement(Om,{title:lr.t("No results found"),description:lr.t("Try using different keywords")})):We.createElement(Zo,null,s.map(u=>We.createElement(_m,{key:`${u.name}-${u.chainId}`,hasDivider:!0,onClick:()=>n(u),start:We.createElement(Dm,{src:u.logo,size:30}),title:We.createElement(Ta,{variant:"title",size:"medium"},u.displayName),id:u.chainId}))),"renderList");return We.createElement(ha,null,We.createElement(Ta,{variant:"label",size:"large"},lr.t("Select Blockchain")),We.createElement(Ca,{size:4}),l==="loading"&&We.createElement(Sa,null),l==="success"&&p())}i(pr,"BlockchainList");import{i18n as Hm}from"@lingui/core";import{Divider as Gm,Image as Vm,Skeleton as Rm,Typography as Km}from"@rango-dev/ui";import qe from"react";import zm from"react";import{styled as $m}from"@rango-dev/ui";var ka=$m("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 rt(t){let{children:e,selected:o,onClick:n}=t;return zm.createElement(ka,{selected:o,onClick:n},e)}i(rt,"BlockchainsChip");var qm={["EVM"]:["ETH","BSC","POLYGON"],["COSMOS"]:["COSMOS","OSMOSIS","JUNO"],["UTXO"]:["BTC","LTC","BCH"],["OTHER"]:["STARKNET","TRON","SOLANA"]},wa=i((t,e)=>t.filter(o=>ar(o,e)).filter(o=>qm[e].includes(o.name)),"generateBlockchainsLogo");import{styled as ur}from"@rango-dev/ui";var va=ur("div",{display:"grid",gap:"$10",gridTemplateColumns:"auto 1fr 1fr 1fr 1fr"}),xa=ur("div",{display:"flex",position:"relative",alignItems:"center",justifyContent:"center",paddingTop:"$10"}),Aa=ur("img",{position:"absolute",top:-2,width:15,height:15});function cr(t){let{setCategory:e,category:o}=t,n=T.use.meta().blockchains,r=T.use.loadingStatus(),s=Object.keys(Bt);return qe.createElement(va,null,r==="loading"&&Array.from(Array(5),(a,l)=>qe.createElement(Rm,{key:l,variant:"rounded",height:70,width:l===0?45:65})),r==="success"&&s.map(a=>qe.createElement(rt,{selected:o===a,key:a,onClick:()=>e(a)},a!=="ALL"&&qe.createElement(qe.Fragment,null,qe.createElement(xa,null,wa(n,a).map((l,p)=>p===0?qe.createElement(Aa,{key:`image-${l.name}-${l.chainId}`,src:l.logo}):qe.createElement(Vm,{key:`image-${l.name}-${l.chainId}`,src:l.logo,size:15}))),qe.createElement(Gm,{size:12})),qe.createElement(Km,{size:"xsmall",variant:"body",color:a==="ALL"?"secondary500":void 0},Hm.t(Bt[a])))))}i(cr,"SelectableCategoryList");function dr(t){let{type:e,supportedBlockchains:o}=t,{navigateBackFrom:n}=oe(),[r,s]=Ea(""),[a,l]=Ea("ALL"),p=L.use.setToBlockchain(),u=L.use.setFromBlockchain(),c=o?T.use.meta().blockchains.filter(f=>o.includes(f.name)):T.use.meta().blockchains;return ct.createElement(Y,{header:{onBack:n.bind(null,y[`${e}Blockchain`]),title:ba.t("Select Blockchain")}},ct.createElement(mr,{size:12}),ct.createElement(cr,{setCategory:l,category:a}),ct.createElement(mr,{size:24}),ct.createElement(je,{value:r,autoFocus:!0,placeholder:ba.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>s(""),onChange:f=>s(f.target.value)}),ct.createElement(mr,{size:16}),ct.createElement(pr,{list:c,searchedFor:r,blockchainCategory:a,onChange:f=>{e==="from"?u(f,!0):p(f,!0),n(y[`${e}Blockchain`])}}))}i(dr,"SelectBlockchainPage");import{i18n as Ga}from"@lingui/core";import{Divider as Va}from"@rango-dev/ui";import Wt,{useEffect as ud,useState as cd}from"react";import{useNavigate as md}from"react-router-dom";import{i18n as fr}from"@lingui/core";import{Divider as Ia,Image as Na,Skeleton as jm,Typography as gr}from"@rango-dev/ui";import fe,{useEffect as Ym,useState as Qm}from"react";var Ba=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 Xm}from"@rango-dev/ui";var Wa=Xm("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var Jm=9,hr=10,Zm=12;function yr(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:s}=t,a=Ba(e),[l,p]=Qm(null),u=T.use.loadingStatus(),c=L.use.resetToBlockchain(),f=L.use.resetFromBlockchain(),m=l?Jm:hr;return Ym(()=>{let d=a.slice(hr,a.length).find(g=>g.chainId===n?.chainId&&g.name===n?.name);d&&p(d)},[n]),fe.createElement("div",null,fe.createElement(Ia,{size:12}),fe.createElement(gr,{variant:"label",size:"large"},fr.t("Select Blockchain")),fe.createElement(Ia,{size:12}),fe.createElement(Wa,null,u==="loading"&&Array.from(Array(Zm),d=>fe.createElement(jm,{key:d,variant:"rounded",height:50})),u==="success"&&fe.createElement(fe.Fragment,null,fe.createElement(rt,{selected:!n,onClick:()=>{o==="from"?f():c()}},fe.createElement(gr,{variant:"body",size:"xsmall",color:"secondary500"},fr.t("All"))),!!l&&fe.createElement(rt,{selected:!!l&&l.chainId===n?.chainId,key:l.chainId,onClick:()=>r(l)},fe.createElement(Na,{src:l.logo,size:30})),a.slice(0,m).map(d=>fe.createElement(rt,{key:d.chainId,selected:!!n&&n.chainId===d.chainId,onClick:()=>r(d)},fe.createElement(Na,{src:d.logo,size:30}))),fe.createElement(rt,{onClick:s},fe.createElement(gr,{variant:"body",size:"xsmall",color:"secondary500"},fr._("More +{count}",{count:a.length-hr}))))))}i(yr,"BlockchainsSection");import{i18n as kr}from"@lingui/core";import{darkTheme as Fa,Divider as Yt,ExternalLinkIcon as od,Image as nd,ListItemButton as rd,NotFound as id,PinIcon as sd,Skeleton as Ua,Typography as Qt,VirtualizedList as ad}from"@rango-dev/ui";import P,{forwardRef as ld,useEffect as $a,useState as za}from"react";import{Divider as _a,ListItem as td,Skeleton as jt}from"@rango-dev/ui";import Ue from"react";import{styled as He,Typography as ed}from"@rango-dev/ui";var Ma=He("div",{display:"flex",flexDirection:"column",flexGrow:1}),Sr=He("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),tn=He("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"}}}}}),Cr=He("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),Tr=He(ed,{}),La=He("div",{textAlign:"right"}),on=He("ul",{display:"flex",alignItems:"end",flexDirection:"column"}),$A=He("div",{display:"flex",alignItems:"center"}),Pa=He("div",{position:"relative",".image-container":{borderRadius:"$xm",overflow:"hidden"}}),Da=He("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6});function Oa(t){return Ue.createElement(tn,null,Array.from(Array(t.size),e=>Ue.createElement(td,{key:e,hasDivider:!0,start:Ue.createElement(jt,{variant:"circular",width:35,height:35}),end:Ue.createElement(on,null,Ue.createElement(jt,{variant:"text",size:"large",width:70}),Ue.createElement(_a,{size:4}),Ue.createElement(jt,{variant:"text",size:"medium",width:50})),title:Ue.createElement("div",null,Ue.createElement(jt,{variant:"text",size:"large",width:90}),Ue.createElement(_a,{size:4}),Ue.createElement(jt,{variant:"text",size:"medium",width:90}))})))}i(Oa,"LoadingTokenList");var wr=20,pd=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:s,customCssForTagTitle:a}=t,l=e.length;return P.createElement("div",{className:"description"},o?P.createElement("div",{className:"token-name"},o):P.createElement(Sr,{className:"token-title"},P.createElement(Qt,{variant:"title",size:"xmedium"},r.symbol),P.createElement(Yt,{direction:"horizontal",size:4}),P.createElement(Cr,{css:s},P.createElement(Tr,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&P.createElement("div",{className:`token-address ${!o&&"token-address-without-name"}`},P.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," ",P.createElement(od,{color:"gray",size:12}))))},"renderDesc");function qa(t){let{list:e,searchedFor:o="",onChange:n}=t,[r,s]=za(e),a=T.use.loadingStatus(),[l,p]=za(!0),u=F.use.loading(),{blockchains:c}=T.use.meta(),f=ld((g,h)=>P.createElement("div",{...g,ref:h,style:{...g.style,height:`${parseFloat(g.style?.height)+8*2}px`}})),m=i(()=>{s(e.slice(0,r.length+wr))},"loadNextPage");$a(()=>{p(e.length>r.length)},[r.length]),$a(()=>{s(e.slice(0,wr))},[e]);let d=i(()=>!r.length&&o?P.createElement(P.Fragment,null,P.createElement(Yt,{size:32}),P.createElement(id,{title:kr.t("No results found"),description:kr.t("Try using different keywords")})):P.createElement(ad,{Item:({index:g,style:h})=>{let k=r[g].address||"",E=c.find(C=>C.name===r[g].blockchain),S=Xr(r[g].symbol,E?.color||""),x={$$color:S[`${r[g].symbol}100`],[`.${Fa} &`]:{$$color:S[`${r[g].symbol}900`]},backgroundColor:"$$color"},v={$$color:S[`${r[g].symbol}700`],[`.${Fa} &`]:{$$color:S[`${r[g].symbol}100`]},color:"$$color"};return P.createElement("div",{style:{...h,paddingRight:5}},P.createElement(rd,{style:{height:h?.height},"tab-index":g,key:`${r[g].symbol}${r[g].address}`,id:`${r[g].symbol}${r[g].address}`,hasDivider:!0,onClick:()=>n(r[g]),start:P.createElement(Pa,null,P.createElement(nd,{src:r[g].image,size:30}),r[g].pin&&P.createElement(Da,null,P.createElement(sd,{size:12,color:"gray"}))),title:E?.type==="COSMOS"||r[g].name||!r[g].name&&!k?P.createElement(Sr,null,P.createElement(Qt,{variant:"title",size:"xmedium"},r[g].symbol),P.createElement(Yt,{direction:"horizontal",size:4}),P.createElement(Cr,{css:x},P.createElement(Tr,{variant:"body",size:"xsmall",css:v},r[g].blockchain))):void 0,description:E?.info&&k&&E.type!=="COSMOS"?pd({address:k,token:r[g],customCssForTag:x,customCssForTagTitle:v,name:r[g].name,url:E.info.addressUrl.split("{wallet}").join(k)}):r[g].name||void 0,end:u?P.createElement(on,null,P.createElement(Ua,{variant:"text",size:"large",width:70}),P.createElement(Yt,{size:4}),P.createElement(Ua,{variant:"text",size:"medium",width:50})):r[g]?.balance&&P.createElement(La,null,P.createElement(Qt,{variant:"title",size:"small"},r[g].balance?.amount),P.createElement("div",null),r[g].balance?.usdValue&&P.createElement(Qt,{variant:"body",color:"neutral800",size:"xsmall"},`$${r[g].balance?.usdValue}`))}))},hasNextPage:l,itemCount:r.length,loadNextPage:m,innerElementType:f,size:60}),"renderList");return P.createElement(Ma,null,P.createElement(Qt,{variant:"label",size:"large"},kr.t("Select Token")),P.createElement(Yt,{size:4}),a==="loading"&&P.createElement(Oa,{size:wr}),a==="success"&&P.createElement(tn,null,d()))}i(qa,"TokenList");var Ha=i((t,e)=>t.filter(o=>st(o.symbol,e)||st(o.address||"",e)||st(o.name||"",e)).sort((o,n)=>n.pin-o.pin),"filterTokens");function vr(t){let{type:e,supportedBlockchains:o,supportedTokens:n,pinnedTokens:r}=t,s=md(),{navigateBackFrom:a}=oe(),{meta:{tokens:l},setTokensWithBalance:p}=T(),{sourceTokens:u,destinationTokens:c,fromBlockchain:f,toBlockchain:m,setFromToken:d,setToToken:g,setFromBlockchain:h,setToBlockchain:k}=L(),{connectedWallets:E,loading:S}=F(),[x,v]=cd(""),C=o?T.use.meta().blockchains.filter(_=>o.includes(_.name)):T.use.meta().blockchains,D=n?ao(n,l):l.filter(_=>new Set(C.map(W=>W.name)).has(_.blockchain)),B=n?ao(n,u):u,I=n?ao(n,c):c,G=e==="from"?B:I,ee=[];return e==="from"&&!f||e==="to"&&!m?ee=D:G.length&&(ee=G.map(_=>({..._,pin:r?.some(W=>Me(W,_))}))),ud(()=>{E.length&&!S&&p()},[E,S]),Wt.createElement(Y,{header:{onBack:a.bind(null,y.home),title:Ga.t("Swap {type}",{type:e})}},Wt.createElement(yr,{blockchains:C,type:e,blockchain:e==="from"?f:m,onMoreClick:()=>s(e==="from"?y.fromBlockchain:y.toBlockchain),onChange:_=>{e==="from"?h(_,!0):k(_,!0)}}),Wt.createElement(Va,{size:24}),Wt.createElement(je,{value:x,autoFocus:!0,placeholder:Ga.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>v(""),onChange:_=>v(_.target.value)}),Wt.createElement(Va,{size:16}),Wt.createElement(qa,{list:Ha(ee,x),onChange:_=>{let W=C.find(re=>_.blockchain===re.name);e==="from"?(d(_),W&&h(W,!0)):(g(_),W&&k(W,!0)),a(y.fromSwap)}}))}i(vr,"SelectSwapItemsPage");import{i18n as It}from"@lingui/core";import{ChevronRightIcon as rn,Divider as Za,List as Cd,ListItemButton as Td,Skeleton as kd,Switch as wd,Typography as mt}from"@rango-dev/ui";import Z from"react";import{useNavigate as vd}from"react-router-dom";import{i18n as fd}from"@lingui/core";import{Chip as gd,Divider as Qa,InfoIcon as hd,TextField as yd,Tooltip as Sd,Typography as Ja}from"@rango-dev/ui";import we from"react";import{styled as nn}from"@rango-dev/ui";var Ra=nn("div",{paddingTop:"$5",paddingBottom:"30px"}),Ka=nn("div",{display:"flex",alignItems:"center",justifyContent:"start"}),Xa=nn("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),ja=nn("div",{maxWidth:"300px",padding:"$10"});import{i18n as xr}from"@lingui/core";import{Typography as dd}from"@rango-dev/ui";import Jt from"react";function Ya(){return Jt.createElement(ja,null,Jt.createElement(dd,{variant:"label",size:"small",color:"neutral900"},xr.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),Jt.createElement("br",null),Jt.createElement("br",null),Jt.createElement("b",null,xr.t("Warning")),":",xr.t("This setting is applied per step, e.g. 1Inch, Thorchain, etc. and only that step will be reverted, not the whole transaction")))}i(Ya,"SlippageTooltipContent");function Ar(){let t=$.use.slippage(),e=$.use.setSlippage(),o=$.use.customSlippage(),n=$.use.setCustomSlippage();return we.createElement(Ra,null,we.createElement(Xa,null,we.createElement(Ja,{variant:"title",size:"xmedium"},fd.t("Slippage tolerance per swap")),we.createElement(Qa,{direction:"horizontal",size:4}),we.createElement(Sd,{side:"top",content:we.createElement(Ya,null)},we.createElement(hd,{color:"gray"}))),we.createElement(Ka,null,vs.map((r,s)=>{let a=`slippage-${s}`;return we.createElement(we.Fragment,null,we.createElement(gd,{style:{width:"64px",flexShrink:0},key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}),we.createElement(Qa,{direction:"horizontal",size:8}))}),we.createElement(yd,{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>=Es&&s<=bs)&&n(s)},suffix:o&&we.createElement(Ja,{variant:"body",size:"small"},"%"),placeholder:"Custom"})))}i(Ar,"Slippage");function el({supportedSwappers:t,singleTheme:e}){let o=vd(),{navigateBackFrom:n}=oe(),r=$.use.infiniteApprove(),s=$.use.toggleInfiniteApprove(),a=T.use.loadingStatus(),l=Qo(t),p=l.filter(C=>C.type==="BRIDGE"||C.type==="AGGREGATOR"),u=p.length,c=p.filter(C=>C.selected).length,f=l.filter(C=>C.type==="DEX"),m=f.length,d=f.filter(C=>C.selected).length,g=i((C,D)=>{switch(a){case"loading":return Z.createElement(kd,{variant:"text",size:"medium",width:50});case"failed":return Z.createElement(mt,{variant:"body",size:"medium",color:"$error500"},"Loading failed");default:return Z.createElement(mt,{variant:"body",size:"medium"},`${C} / ${D}`)}},"handleEndItem"),h={id:"bridge-item",title:Z.createElement(mt,{variant:"title",size:"xmedium"},It.t("Enabled bridges")),end:Z.createElement(Z.Fragment,null,g(c,u),Z.createElement(Za,{direction:"horizontal",size:8}),Z.createElement(rn,{color:"black"})),onClick:()=>o(y.bridges)},k={id:"exchange-item",title:Z.createElement(mt,{variant:"title",size:"xmedium"},It.t("Enabled exchanges")),end:Z.createElement(Z.Fragment,null,g(d,m),Z.createElement(Za,{direction:"horizontal",size:8}),Z.createElement(rn,{color:"gray"})),onClick:()=>o(y.exchanges)},E={id:"language-item",title:Z.createElement(mt,{variant:"title",size:"xmedium"},It.t("Language")),end:Z.createElement(rn,{color:"gray"}),onClick:()=>o(y.languages)},S={id:"theme-item",title:Z.createElement(mt,{variant:"title",size:"xmedium"},It.t("Theme")),end:Z.createElement(rn,{color:"gray"}),onClick:()=>o(y.themes)},x={id:"infinite-approval-item",title:Z.createElement(mt,{variant:"title",size:"xmedium"},It.t("Infinite Approval")),end:Z.createElement(wd,{checked:r}),onClick:s},v=[h,k,E];return e||v.push(S),v.push(x),Z.createElement(Y,{header:{onBack:n.bind(null,y.settings),title:It.t("Setting")}},Z.createElement(Ye,null,Z.createElement(Ar,null),Z.createElement(Cd,{type:Z.createElement(Td,{title:"_",id:"_",onClick:()=>console.log()}),items:v})))}i(el,"SettingsPage");import{cancelSwap as uf}from"@rango-dev/queue-manager-rango-preset";import{useManager as cf}from"@rango-dev/queue-manager-react";import Ml from"react";import{i18n as dt}from"@lingui/core";import{getCurrentBlockchainOfOrNull as Vd,getCurrentStep as Rd,getRelatedWalletOrNull as Kd,PendingSwapNetworkStatus as dn}from"@rango-dev/queue-manager-rango-preset";import{Button as Bl,CopyIcon as Xd,Divider as jd,IconButton as Yd,RouteCost as Qd,RouteSummary as Jd,StepDetails as Zd,theme as ef,Typography as Mt,useCopyToClipboard as tf,usePaddingRight as of}from"@rango-dev/ui";import{useWallets as nf}from"@rango-dev/wallets-react";import Q,{useEffect as Wl,useRef as rf,useState as Il}from"react";import{useNavigate as sf}from"react-router-dom";function tl(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(tl,"timeSince");function ol(t){return t.finishTime?`${tl(parseInt(t.finishTime))} ago`:`${tl(parseInt(t.creationTime))} ago`}i(ol,"getSwapDate");import{PendingSwapNetworkStatus as ln}from"@rango-dev/queue-manager-rango-preset";import{Modal as Id}from"@rango-dev/ui";import pn from"react";import{i18n as sn}from"@lingui/core";import{Button as nl,Divider as br,MessageBox as xd,Typography as rl}from"@rango-dev/ui";import Ge from"react";var il=i(({onCancel:t,onClose:e})=>Ge.createElement(Ge.Fragment,null,Ge.createElement(br,{size:20}),Ge.createElement(xd,{type:"error",title:sn.t("Transaction Cancel"),description:sn.t("Are you sure you want to Cancel this swap?")}),Ge.createElement(br,{size:32}),Ge.createElement(nl,{variant:"contained",type:"primary",size:"large",onClick:t},Ge.createElement(rl,{variant:"title",size:"medium",color:"neutral100"},sn.t("Yes, Cancel it"))),Ge.createElement(br,{size:12}),Ge.createElement(nl,{variant:"outlined",type:"primary",size:"large",onClick:e},Ge.createElement(rl,{variant:"title",size:"medium",color:"primary"},sn.t("No, Continue")))),"CancelContent");import{i18n as an}from"@lingui/core";import{Button as sl,Divider as Er,MessageBox as Ad,Typography as al}from"@rango-dev/ui";import Ve from"react";var ll=i(({onDelete:t,onClose:e})=>Ve.createElement(Ve.Fragment,null,Ve.createElement(Er,{size:20}),Ve.createElement(Ad,{type:"error",title:an.t("Delete Transaction"),description:an.t("Are you sure you want to delete this swap?")}),Ve.createElement(Er,{size:32}),Ve.createElement(sl,{variant:"contained",type:"primary",size:"large",onClick:t},Ve.createElement(al,{variant:"title",size:"medium",color:"neutral100"},an.t("Yes, Delete it"))),Ve.createElement(Er,{size:12}),Ve.createElement(sl,{variant:"outlined",type:"primary",size:"large",onClick:e},Ve.createElement(al,{variant:"title",size:"medium",color:"primary"},an.t("No, Cancel")))),"DeleteContent");import{i18n as Br}from"@lingui/core";import{PendingSwapNetworkStatus as Wr}from"@rango-dev/queue-manager-rango-preset";var Ir={[Wr.WaitingForNetworkChange]:{type:"loading",title:Br.t("Change Network")},[Wr.WaitingForConnectingWallet]:{type:"warning",title:Br.t("Connect Wallet")},[Wr.NetworkChanged]:{type:"success",title:Br.t("Network Changed")}};import{MessageBox as Ed,Wallet as Bd,WalletState as ul}from"@rango-dev/ui";import{useWallets as Wd}from"@rango-dev/wallets-react";import Zt from"react";import{styled as bd}from"@rango-dev/ui";var pl=bd("div",{display:"flex",justifyContent:"center"});var cl=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:s}=t,{connect:a,getWalletInfo:l,state:p}=Wd(),u=n?.walletType,f=u&&p(u).connected?ul.CONNECTED:ul.DISCONNECTED;return Zt.createElement(Zt.Fragment,null,Zt.createElement(Ed,{type:e,title:o,description:r}),s&&u&&Zt.createElement(pl,null,Zt.createElement(Bd,{title:l(u).name,image:l(u).img,type:u,state:f,onClick:async()=>a(u)})))},"WalletStateContent");function Nr(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:s,message:a}=t,l=e===ln.WaitingForNetworkChange||e===ln.WaitingForConnectingWallet||e===ln.NetworkChanged;return pn.createElement(Id,{open:!!e,onClose:o,container:document.getElementById("swap-box")||document.body},l&&pn.createElement(cl,{type:Ir[e].type,title:Ir[e].title,currentStepWallet:s,message:a,showWalletButton:e!==ln.WaitingForNetworkChange}),e==="delete"&&pn.createElement(ll,{onClose:o,onDelete:n}),e==="cancel"&&pn.createElement(il,{onClose:o,onCancel:r}))}i(Nr,"SwapDetailsModal");import{i18n as eo}from"@lingui/core";import{Button as Mr,Divider as un,MessageBox as ml,Modal as Nd,TokenAmount as Md,Typography as cn}from"@rango-dev/ui";import pe from"react";import{useNavigate as Ld}from"react-router-dom";function Lr(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:s,token:a,chain:l,percentageChange:p,description:u,diagnosisUrl:c}=t,f=Ld();return pe.createElement(Nd,{open:e,onClose:o,container:document.getElementById("swap-box")||document.body},n==="success"?pe.createElement(ml,{type:"success",title:eo.t("Swap Successful")},pe.createElement(Md,{direction:"vertical",type:"output",centerAlign:!0,price:{value:r,usdValue:s},token:a,chain:l,percentageChange:p}),pe.createElement(un,{size:12}),pe.createElement(cn,{variant:"body",size:"medium",color:"neutral900",align:"center"},u)):pe.createElement(ml,{type:"error",title:eo.t("Transaction Failed"),description:u}),pe.createElement(un,{size:32}),n==="success"&&pe.createElement(Mr,{variant:"contained",type:"primary",size:"large",onClick:()=>f(y.home)},pe.createElement(cn,{variant:"title",size:"medium",color:"neutral100"},eo.t("Done"))),pe.createElement(un,{size:12}),c&&pe.createElement(pe.Fragment,null,pe.createElement(Mr,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(c,"_blank")},pe.createElement(cn,{variant:"title",size:"medium",color:"primary"},eo.t("Diagnosis"))),pe.createElement(un,{size:12})),pe.createElement(Mr,{variant:"outlined",type:"primary",size:"large",onClick:o},pe.createElement(cn,{variant:"title",size:"medium",color:"primary"},eo.t("See Details"))))}i(Lr,"SwapDetailsCompleteModal");import Gd from"react";import{i18n as $d}from"@lingui/core";import{Alert as Sl,IconButton as zd,LinkIcon as qd}from"@rango-dev/ui";import it,{Fragment as Hd}from"react";import{Alert as Pd,ChevronDownIcon as Dd,ChevronUpIcon as _d,IconButton as Od}from"@rango-dev/ui";import mn,{useState as Fd}from"react";function dl(t){let{message:e}=t,[o,n]=Fd(!1);return mn.createElement(Pd,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&mn.createElement(Od,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?mn.createElement(_d,{size:12,color:"gray"}):mn.createElement(Dd,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(dl,"FailedAlert");import{styled as Ud}from"@rango-dev/ui";var fl=Ud("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as gl}from"@lingui/core";import{PendingSwapNetworkStatus as Pr}from"@rango-dev/queue-manager-rango-preset";import{Alert as Dr,Button as hl}from"@rango-dev/ui";import to from"react";function yl(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?to.createElement(Dr,{type:"warning",title:n.shortMessage,action:to.createElement(hl,{size:"xxsmall",type:"warning",onClick:()=>{o(Pr.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},gl.t("Change"))}):r===Pr.WaitingForConnectingWallet?to.createElement(Dr,{type:"warning",title:n.shortMessage,action:to.createElement(hl,{size:"xxsmall",type:"warning",onClick:()=>{o(Pr.WaitingForConnectingWallet)}},gl.t("Connect"))}):to.createElement(Dr,{type:"warning",title:n.shortMessage})}i(yl,"WarningAlert");function _r(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:s,hasAlreadyProceededToSign:a}=t,l=Ut(s),p=s.status==="waitingForApproval"&&!l,u=s.status==="running"&&!l;return it.createElement(fl,null,s.explorerUrl?.map((c,f,m)=>{let d=f+c.url,g=f===m.length-1,h=g&&u||p,k=g&&s.status==="failed";return it.createElement(Hd,{key:d},it.createElement(Sl,{type:h&&"loading"||k&&"error"||"success",title:c.description?`${c.description} Tx`:$d.t("View transaction"),action:c.url&&it.createElement(zd,{variant:"ghost",size:"xsmall",onClick:()=>window.open(c.url,"_blank")},it.createElement(qd,{size:16}))}))}),(u&&!a||p&&!s.explorerUrl?.length)&&it.createElement(Sl,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&l&&it.createElement(yl,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&it.createElement(dl,{message:r}))}i(_r,"SwapDetailsAlerts");var Cl=2e3,Tl=60,kl=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:w(s,6,6)}},to:{token:{displayName:n.toSymbol,image:n.toLogo},chain:{displayName:n.toBlockchain,image:n.toBlockchainLogo||""},price:{value:w(n.outputAmount||n.expectedOutputAmountHumanReadable,6,6)}},swapper:{displayName:n.swapperId,image:n.swapperLogo||""},alerts:Gd.createElement(_r,{step:n,hasAlreadyProceededToSign:o,...e})}})},"getSteps");function wl(t){if(Ut(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(wl,"getStepState");import{styled as Nt}from"@rango-dev/ui";var vl=Nt("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"}}),xl=Nt("div",{width:"100%",padding:"0px 15px"}),Al=Nt("div",{padding:"$0 $0 $20 $20",width:"100%",overflow:"auto"}),wB=Nt("div",{display:"flex",flexDirection:"column",gap:"$10"}),bl=Nt("div",{height:"450px",display:"flex",alignItems:"center",textAlign:"center"}),El=Nt("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1});var af=20;function Or(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{tokens:s}=T.use.meta(),{canSwitchNetworkTo:a,connect:l,getWalletInfo:p}=nf(),u=L.use.retry(),c=sf(),{navigateBackFrom:f}=oe(),m=rf(null),[d,g]=tf(Cl),[h,k]=Il(null),[E,S]=Il(null);of({elementRef:m,paddingRight:ef.sizes[af]});let x=i(()=>{r(),k(null)},"onCancel"),v=Be.use.getUnreadNotifications(),C=Be.use.setAsRead(),D=v(),B=Rd(e),I=B?.networkStatus;Wl(()=>{D.find(se=>se.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(S(e.status),C(e.requestId))},[e.status]),Wl(()=>{M?k(dn.WaitingForNetworkChange):I===dn.WaitingForConnectingWallet||I===dn.NetworkChanged?k(I):k(null)},[I]);let G=ki(e),ee=B?Vd(e,B):null,A=B?Kd(e,B):null,_=ol(e),W=wi(e),re=i(te=>!!p(te)?.mobileWallet,"isMobileWallet"),M=I===dn.WaitingForNetworkChange&&!!ee&&!!A?.walletType&&(re(A.walletType)||a(A.walletType,ee)),ae=M?l.bind(null,A.walletType,ee):void 0,Ie=Ti(e,B),U=kl({swap:e,switchNetwork:ae,showNetworkModal:I,setNetworkModal:k,message:Ie}),K=U.length,[Ae,ge]=[e.steps[0],e.steps[K-1]],Ne=ge.outputAmount||ge.expectedOutputAmountHumanReadable,ie=e.steps.reduce((te,se)=>te+parseFloat(se.feeInUsd||""),0),Je=e.steps.reduce((te,se)=>te+(se.estimatedTimeInSeconds||0),0),O=Math.floor(Je/Tl),X=e.steps.find(te=>te.diagnosisUrl)?.diagnosisUrl,H=w(String(parseFloat(w(Ne,6,6))*(yo(ge.toBlockchain,ge.toSymbol,ge.toSymbolAddress,s)||0)),4,4),z=w(String(parseFloat(e.inputAmount)*(yo(Ae.fromBlockchain,Ae.fromSymbol,Ae.fromSymbolAddress,s)||0)),4,4),he=Re(z,H),ye=e.status==="success"?`You have received ${w(Ne,6,6)} ${U[K-1].to.token.displayName} in ${Co(e.wallets[U[K-1].to.chain.displayName]?.address||"")} wallet on ${U[K-1].to.chain.displayName} chain.`:`${dt.t("Transaction was not sent.")} ${G?`${G.outputAmount} ${G.symbol} on ${G.blockchain} remain in your wallet`:""}`;return Q.createElement(Y,{noPadding:!0,header:{title:dt.t("Swap and Bridge"),onBack:f.bind(null,y.swapDetails),onCancel:e.status==="running"?()=>k("cancel"):void 0,suffix:e.status!=="running"&&Q.createElement(wt,null,Q.createElement(Bl,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>k("delete")},Q.createElement(Mt,{size:"medium",variant:"label",color:"error"},dt.t("Delete"))))},footer:W&&!E&&Q.createElement(Bl,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{u(e),setTimeout(()=>{c(y.home)},0)}},dt.t("Try again"))},Q.createElement(vl,null,Q.createElement(xl,null,Q.createElement("div",{className:"row"},Q.createElement(Mt,{variant:"label",size:"large",color:"neutral900"},`${dt.t("Request ID")}:`),Q.createElement("div",{className:"request-id"},Q.createElement(Mt,{variant:"label",size:"small",color:"neutral900"},o),Q.createElement(Yd,{variant:"ghost",onClick:g.bind(null,o||"")},Q.createElement(Xd,{size:16,color:"gray"})))),Q.createElement("div",{className:"row"},Q.createElement(Mt,{variant:"label",size:"large",color:"neutral900"},`${dt.t("Created at")}:`),Q.createElement(Mt,{variant:"label",size:"small",color:"neutral900"},_))),Q.createElement("div",{className:"output"},Q.createElement(Qd,{fee:w(String(ie),2,2),time:O,steps:K}),Q.createElement(Jd,{from:{price:{value:w(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:w(Ne,6,6),usdValue:H},token:{displayName:U[K-1].to.token.displayName,image:U[K-1].to.token.image},chain:{image:U[K-1].to.chain.image,displayName:U[K-1].to.chain.displayName}},percentageChange:w(he,2,2),warningLevel:gt(he?.toNumber()??0)})),Q.createElement("div",{className:"title-steps"},Q.createElement(Mt,{variant:"title",size:"small"},dt.t("Swaps steps"))),Q.createElement(jd,{size:8}),Q.createElement(Al,{ref:m},U.map((te,se)=>{let gn=se,ft=wl(e.steps[se]),Dt=ft==="error"||ft==="in-progress"||ft==="warning"||ft==="completed"&&se===U.length-1;return Q.createElement(Zd,{key:gn,step:te,type:"route-progress",ref:m,state:ft,hasSeparator:se!==0,tabIndex:gn,isFocused:Dt})}))),Q.createElement(Nr,{state:h,onClose:()=>k(null),onCancel:x,onDelete:n,message:Ie.detailedMessage.content,currentStepWallet:A}),Q.createElement(Lr,{open:!!E,diagnosisUrl:X,onClose:()=>S(null),status:e.status==="success"?"success":"failed",priceValue:w(Ne,6,6),usdValue:H,percentageChange:w(he,2,2),token:{displayName:U[K-1].to.token.displayName,image:U[K-1].to.token.image},chain:{image:U[K-1].to.chain.image},description:ye}))}i(Or,"SwapDetails");import{i18n as Fr}from"@lingui/core";import{NotFound as lf,Spinner as pf}from"@rango-dev/ui";import Lt from"react";function Nl(t){let{requestId:e,loading:o}=t,{navigateBackFrom:n}=oe();return Lt.createElement(Y,{header:{title:Fr.t("Swap and Bridge"),onBack:n.bind(null,y.swapDetails),suffix:Lt.createElement(wt,null)}},Lt.createElement(bl,null,o?Lt.createElement(El,null,Lt.createElement(pf,{size:24})):Lt.createElement(lf,{title:Fr.t("Not found"),description:Fr.t("swapNotFound",{requestId:e},{message:"Swap with request ID = ${requestId} not found."})})))}i(Nl,"SwapDetailsPlaceholder");function Ll(){let{manager:t,state:e}=cf(),o=!e.loadedFromPersistor,n=Ko(t),r=ke.use.selectedSwapRequestId(),{navigateBackFrom:s}=oe(),a=n.find(({swap:c})=>c.requestId===r),l=i(()=>{if(a?.id){let c=t?.get(a.id);c&&uf(c)}},"onCancel"),p=i(async()=>{if(a?.id)try{await t?.deleteQueue(a.id),s(y.swapDetails)}catch(c){console.log(c)}},"onDelete"),u=a?.swap;return u?Ml.createElement(Or,{swap:u,requestId:r||"",onCancel:l,onDelete:p}):Ml.createElement(Nl,{requestId:r||"",loading:o})}i(Ll,"SwapDetailsPage");import{i18n as fn}from"@lingui/core";import{AutoThemeIcon as mf,DarkModeIcon as df,LightModeIcon as ff,List as gf,ListItemButton as hf,Radio as Ur,RadioRoot as yf,Typography as $r}from"@rango-dev/ui";import ve from"react";function Pl(){let{navigateBackFrom:t}=oe(),e=$.use.theme(),o=$.use.setTheme(),n=[{id:"light",value:"light",title:ve.createElement($r,{variant:"title",size:"xmedium"},fn.t("Light")),onClick:()=>o("light"),start:ve.createElement(ff,{color:"gray"}),end:ve.createElement(Ur,{value:"light"})},{id:"dark",value:"dark",title:ve.createElement($r,{variant:"title",size:"xmedium"},fn.t("Dark")),onClick:()=>o("dark"),start:ve.createElement(df,{color:"gray"}),end:ve.createElement(Ur,{value:"dark"})},{id:"auto",value:"auto",title:ve.createElement($r,{variant:"title",size:"xmedium"},fn.t("Auto")),onClick:()=>o("auto"),start:ve.createElement(mf,{color:"gray"}),end:ve.createElement(Ur,{value:"auto"})}];return ve.createElement(Y,{header:{onBack:t.bind(null,y.settings),title:fn.t("Theme")}},ve.createElement(Ye,null,ve.createElement(yf,{onValueChange:r=>o(r),value:e},ve.createElement(gf,{type:ve.createElement(hf,{title:"Theme",id:"_",onClick:()=>console.log()}),items:n}))))}i(Pl,"ThemePage");var Cf=i(t=>t.replace("/",""),"getAbsolutePath");function Dl(t){let{config:e}=t;return Sf([{path:y.home,element:xe.createElement(ua,null)},{path:y.fromSwap,element:xe.createElement(vr,{type:"from",supportedBlockchains:e?.from?.blockchains,supportedTokens:e?.from?.tokens,pinnedTokens:e?.pinnedTokens})},{path:y.toSwap,element:xe.createElement(vr,{type:"to",supportedBlockchains:e?.to?.blockchains,supportedTokens:e?.to?.tokens,pinnedTokens:e?.pinnedTokens})},{path:y.fromBlockchain,element:xe.createElement(dr,{type:"from",supportedBlockchains:e?.to?.blockchains})},{path:y.toBlockchain,element:xe.createElement(dr,{type:"to",supportedBlockchains:e?.to?.blockchains})},{path:y.settings,element:xe.createElement(el,{singleTheme:e?.theme?.singleTheme,supportedSwappers:e?.liquiditySources})},{path:y.themes,element:xe.createElement(Pl,null)},{path:y.languages,element:xe.createElement(ca,null)},{path:y.exchanges,element:xe.createElement(sr,{sourceType:"Exchanges",supportedSwappers:e?.liquiditySources})},{path:y.bridges,element:xe.createElement(sr,{sourceType:"Bridges",supportedSwappers:e?.liquiditySources})},{path:y.swaps,element:xe.createElement(Ks,null)},{path:y.swapDetails,element:xe.createElement(Ll,null)},{path:y.wallets,element:xe.createElement(us,{supportedWallets:e?.wallets,multiWallets:typeof e?.multiWallets>"u"?!0:e.multiWallets,config:e})},{path:Cf(y.confirmSwap),element:xe.createElement(Fs,{config:e})}])}i(Dl,"AppRoutes");import{isApprovalTX as Tf,MainEvents as Ol,RouteEventType as Fl,StepEventType as Pt,StepExecutionEventStatus as kf,useEvents as wf}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Ul}from"react";import{StepExecutionBlockedEventStatus as zr}from"@rango-dev/queue-manager-rango-preset";var _l=[zr.WAITING_FOR_CHANGE_WALLET_ACCOUNT,zr.WAITING_FOR_NETWORK_CHANGE,zr.WAITING_FOR_WALLET_CONNECT];function $l(){let t=F.use.connectedWallets(),e=F.use.getWalletsDetails(),o=Be.use.setNotification(),n=Be.use.setAsRead(),r=wf();return Ul(()=>(r.on(Ol.StepEvent,s=>{let{event:a,step:l,route:p}=s;if(a.type===Pt.TX_EXECUTION&&a.status===kf.TX_SENT&&!Tf(l)||a.type===Pt.SUCCEEDED){let c=t.find(m=>m.chain===l?.fromBlockchain),f=l?.fromBlockchain!==l?.toBlockchain&&t.find(m=>m.chain===l?.toBlockchain);c&&e([c]),f&&e([f])}a.type===Pt.TX_EXECUTION_BLOCKED&&_l.includes(a.status)||a.type===Pt.FAILED?o(a,p):(a.type===Pt.TX_EXECUTION||a.type===Pt.CHECK_STATUS)&&n(p.requestId)}),()=>r.all.clear()),[r,t.length]),Ul(()=>(r.on(Ol.RouteEvent,s=>{let{event:a,route:l}=s;(a.type===Fl.FAILED||a.type===Fl.SUCCEEDED)&&o(a,l)}),()=>r.all.clear()),[r,t.length]),null}i($l,"WidgetEvents");import{globalCss as vf}from"@rango-dev/ui";var zl=i(()=>vf({"@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 xf,darkTheme as Af,lightTheme as bf}from"@rango-dev/ui";import{useEffect as ql,useState as Ef}from"react";function Hl({fontFamily:t="Roboto",borderRadius:e=oi,secondaryBorderRadius:o=ni,mode:n="auto"}){let r=$.use.theme(),s=T.use.fetchMeta(),a=$.use.setTheme(),l=xf({radii:{primary:`${e}px`,secondary:`${o}px`},fonts:{widget:t}}),p=`${l.className} ${bf.className}`,u=`${l.className} ${Af.className}`,[c,f]=Ef("light");return ql(()=>{i(async()=>{await s()},"fetchData")();let g=i(h=>{h.matches?f("dark"):f("light")},"switchTheme");return window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&f("dark"),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",g),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",g)}},[]),ql(()=>{n!=="auto"&&a(n)},[n]),{activeTheme:i(()=>r==="auto"?c==="dark"?u:p:r==="dark"?u:p,"getActiveTheme")()}}i(Hl,"useTheme");import Bf,{useMemo as Wf}from"react";import{Provider as If}from"@rango-dev/queue-manager-react";import{makeQueueDefinition as Nf,checkWaitingForNetworkChange as Mf}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Lf}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as Pf}from"@rango-dev/wallets-shared";import{isEvmBlockchain as Df}from"rango-types";function _f(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=Lf(),l=Wf(()=>Nf({API_KEY:mo("API_KEY")}),[]),{blockchains:p}=T.use.meta(),c={blockchains:F.use.connectedWallets().map(S=>({accounts:[S],name:S.chain}))},f=i((S,x)=>{if(s(S,x))return r(S,x)},"switchNetwork"),m=i(S=>!!a(S).mobileWallet,"isMobileWallet"),d=p.filter(S=>S.enabled).reduce((S,x)=>(S[x.name]=x,S),{}),g=p.filter(Df),h=i(S=>{let{supportedChains:x}=a(S);return go(x)},"getSupportedChainNames"),k=e(),E={meta:{blockchains:d,evmBasedChains:g,evmNetworkChainInfo:Pf(g),getSupportedChainNames:h},getSigners:o,wallets:c,providers:k,switchNetwork:f,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:m};return Bf.createElement(If,{queuesDefs:[l],context:E,onPersistedDataLoaded:S=>{Mf(S)},isPaused:!1},t.children)}i(_f,"QueueManager");var Gl=_f;import{Events as qr,Provider as Ff}from"@rango-dev/wallets-react";import{isEvmBlockchain as Uf}from"rango-sdk";import Rl,{createContext as $f,useRef as zf}from"react";import{useEffect as Of}from"react";function Vl(t,e){let o=F.use.clearConnectedWallet(),n=Mo(void 0,e);return Of(()=>{o(),n=Mo(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t]),{providers:n}}i(Vl,"useWalletProviders");var Hr=$f({onConnectWallet:()=>{}});function Gr(t){let{blockchains:e}=T.use.meta(),{providers:o}=Vl(t.providers,t?.options),n=F.use.disconnectWallet(),r=F.use.connectWallet(),s=zf(),a=e.filter(Uf).map(p=>p.name),l=i((p,u,c,f,m)=>{if(u===qr.ACCOUNTS)if(c){let d=go(m),g=ai(p,c,a,d);r(g)}else n(p);if(u===qr.ACCOUNTS&&f.connected){let d=`${p}-${f.network}-${c}`;f.connected&&(s.current?s.current(d):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(u===qr.NETWORK&&f.network){let d=`${p}-${f.network}`;s.current?s.current(d):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(p,u,c,f,m)},"onUpdateState");return Rl.createElement(Hr.Provider,{value:{onConnectWallet:p=>{s.current=p}}},Rl.createElement(Ff,{allBlockChains:e,providers:o,onUpdateState:l,autoConnect:!0},t.children))}i(Gr,"WidgetWallets");var Rf=Hf("div",{width:"100%",display:"flex",justifyContent:"center",alignItems:"center",fontFamily:"$widget"});function Xl(t){let{config:e}=t;zl();let{activeTheme:o}=Hl(e?.theme||{}),[n,r]=Kl(""),[s,a]=Kl(),l=Gf(Hr);Vf(()=>{e?.apiKey&&ti({API_KEY:e?.apiKey})},[e]),oo(()=>{$.persist.rehydrate(),Be.persist.rehydrate(),l.onConnectWallet(r)},[]);let{setInputAmount:p,setToToken:u,setToBlockchain:c,setFromBlockchain:f,setFromToken:m}=L(),{meta:{tokens:d,blockchains:g},loadingStatus:h}=T(),{setAffiliateRef:k,setAffiliatePercent:E,setAffiliateWallets:S}=$();return oo(()=>{p(e?.amount?.toString()||"")},[e?.amount]),oo(()=>{if(h==="success"){let x=g.find(C=>C.name===e?.from?.blockchain),v=d.find(C=>Me(C,e?.from?.token||null));f(x||null),m(v||null)}},[e?.from?.token,e?.from?.blockchain,h]),oo(()=>{if(h==="success"){let x=g.find(C=>C.name===e?.to?.blockchain),v=d.find(C=>Me(C,e?.to?.token||null));c(x||null),u(v||null)}},[e?.to?.token,e?.to?.blockchain,h]),oo(()=>{k(e?.affiliate?.ref??null),E(e?.affiliate?.percent??null),S(e?.affiliate?.wallets??null)},[e?.affiliate?.ref,e?.affiliate?.percent,e?.affiliate?.wallets]),Qe.createElement(qf,{language:e?.language},Qe.createElement(Rf,{id:"swap-container",className:o},Qe.createElement(Gl,null,Qe.createElement($l,null),Qe.createElement(Ai,{lastConnectedWallet:n,disconnectedWallet:s,clearDisconnectedWallet:()=>{a(void 0)}},Qe.createElement(Dl,{config:e})))))}i(Xl,"Main");function Kf(t){return t.config?.externalWallets?Qe.createElement(Xl,{...t}):Qe.createElement(Gr,{providers:t.config?.wallets,options:{walletConnectProjectId:t.config?.walletConnectProjectId}},Qe.createElement(Xl,{...t}))}i(Kf,"Widget");import{useWallets as Cs}from"@rango-dev/wallets-react";import{useEvents as pI,MainEvents as uI,RouteEventType as SI,StepEventType as EI,StepExecutionEventStatus as BI,StepExecutionBlockedEventStatus as WI}from"@rango-dev/queue-manager-rango-preset";export{uI as MainEvents,SI as RouteEventType,EI as StepEventType,WI as StepExecutionBlockedEventStatus,BI as StepExecutionEventStatus,Kf as Widget,Gr as WidgetWallets,Cs as useWallets,pI as useWidgetEvents};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|