@rango-dev/widget-embedded 0.12.1-next.16 → 0.12.1-next.18

package/dist/index.js

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