@rango-dev/widget-embedded 0.23.1-next.30 → 0.23.1-next.31

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/index.js +1 -1
  2. package/dist/index.js.map +2 -2
  3. package/package.json +1 -1
  4. package/src/containers/Settings/Lists.tsx +1 -1
package/dist/index.js CHANGED
@@ -1,3 +1,3 @@
1
1
  var pf=Object.defineProperty;var i=(t,e)=>pf(t,"name",{value:e,configurable:!0});import{EventSeverity as BH,MainEvents as _H,RouteEventType as PH,StepEventType as $H,StepExecutionBlockedEventStatus as DH,StepExecutionEventStatus as FH,useEvents as OH}from"@rango-dev/queue-manager-rango-preset";import{readAccountAddress as qH,useWallets as sr,Events as zH}from"@rango-dev/wallets-react";import{Networks as HH,WalletTypes as GH}from"@rango-dev/wallets-shared";import{PendingSwapNetworkStatus as jH}from"rango-types";import{UI_ID as cf}from"@rango-dev/ui";var un="c6381a79-2817-4602-83bf-6a641a409e32",Ma="https://api.rango.exchange",Ba="https://explorer.rango.exchange",ke={SWAP_BOX_ID:"rango-swap-box",EXPANDED_BOX_ID:"rango-expanded-box",...cf};import{Events as Ti,Provider as tg}from"@rango-dev/wallets-react";import{isEvmBlockchain as og}from"rango-sdk";import En,{createContext as ng,useEffect as Il,useMemo as rg,useRef as El}from"react";import{useEffect as bf}from"react";import{create as wf}from"zustand";import{subscribeWithSelector as xf}from"zustand/middleware";import{RangoClient as Tf}from"rango-sdk";import{WalletState as ct}from"@rango-dev/ui";import{readAccountAddress as df}from"@rango-dev/wallets-react";import{detectInstallLink as ff,getCosmosExperimentalChainInfo as gf,isEvmAddress as hf,KEPLR_COMPATIBLE_WALLETS as _w,Networks as Da}from"@rango-dev/wallets-shared";import si from"bignumber.js";import{isCosmosBlockchain as yf}from"rango-types";import uf from"bignumber.js";var Ne=new uf(0);import{WalletTypes as mf}from"@rango-dev/wallets-shared";var _a=[mf.LEAP];import{BigNumber as $a}from"bignumber.js";var mn=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 $a(t),r=1,s=1e3;for(let a=0;a<60;a++)if(new $a(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 dn=i(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var pt=i((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),xo=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function pe(t){return W(t,12,12).replace(/(?:\.0*|(\.\d+?)0*)$/,"$1")}i(pe,"formatTooltipNumbers");function ai(t){switch(!0){case t.connected:return ct.CONNECTED;case t.connecting:return ct.CONNECTING;case!t.installed:return ct.NOT_INSTALLED;default:return ct.DISCONNECTED}}i(ai,"mapStatusToWalletState");function Fa(t,e,o,n){return o.filter(r=>!_a.includes(r)).filter(r=>{let{supportedChains:s,isContractWallet:a}=e(r),{installed:l,network:p}=t(r);return a&&(!l||!!n&&p!==n)?!1:n?!!s.find(u=>u.name===n):!0}).map(r=>{let{name:s,img:a,installLink:l}=e(r),p=ai(t(r));return{title:s,image:a,link:ff(l),state:p,type:r}})}i(Fa,"mapWalletTypesToWalletInfo");function hn(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(hn,"walletAndSupportedChainsNames");function Oa(t,e,o,n,r){let s=[];function a(p,c){if(!!!s.find(d=>d.chain===p)){let d={address:c,chain:p,walletType:t};s.push(d)}}i(a,"addAccount");let l=n||[];return e.forEach(p=>{let{address:c,network:u}=df(p),d=l.length>0,m=l.includes(u),f=u===Da.Unknown;if(d&&!m&&!f)return;let C=u===Da.Unknown&&hf(c);if(f&&!C)return;o.includes(u)||C?r?a(u,c.toLowerCase()):l.filter(k=>o.includes(k)).forEach(k=>{a(k,c.toLowerCase())}):a(u,c)}),s}i(Oa,"prepareAccountsForWalletStore");function Ua(t){let e=[];return t?.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(Ua,"getRequiredChains");function yn(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(yn,"isAccountAndWalletMatched");function qa(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 si(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:Cf(o,r.asset.symbol,r.asset.address,e)||null}))||[]}i(qa,"makeBalanceFor");function za(t){return{...t,loading:!1,error:!0}}i(za,"resetConnectedWalletState");var Qa=i(t=>{let e=new Set,n=t?.reduce((s,a)=>s.findIndex(l=>l.address===a.address&&l.chain===a.chain)===-1?[...s,a]:s,[])?.map(s=>{let a={name:s.chain,accounts:[]};return e.has(s.address)||e.add(s.address),e.forEach(l=>{s.address===l&&a.accounts.push(s)}),a}),r=W(n?.flatMap(s=>s.accounts)?.flatMap(s=>s?.balances)?.map(s=>new si(s?.amount||Ne).multipliedBy(s?.usdPrice||0))?.reduce((s,a)=>s.plus(a),Ne)||Ne).toString();return Sf(r)},"calculateWalletUsdValue");function Sf(t){let e=t.toString().split(".");return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),e.join(".")}i(Sf,"numberWithThousandSeparator");var Cf=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice"),Sn=i((t,e)=>{let o=gf(Object.entries(t).map(([,n])=>n).filter(yf));return o&&o[e]?.experimental},"isExperimentalChain");function Cn(t){return t?{...t,amount:W(t.amount,8,8),usdValue:W(t.usdValue,4,4)}:null}i(Cn,"formatBalance");function Ha(t,e){return t?.usdValue||e?.usdValue?parseFloat(e?.usdValue||"0")-parseFloat(t?.usdValue||"0"):t?.amount||e?.amount?parseFloat(e?.amount||"0")-parseFloat(t?.amount||"0"):0}i(Ha,"compareTokenBalance");function Le(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(Le,"areTokensEqual");function Ga(t){return t.sort((e,o)=>+(o.state===ct.CONNECTED)-+(e.state===ct.CONNECTED)||+(o.state===ct.DISCONNECTED||o.state===ct.CONNECTING)-+(e.state===ct.DISCONNECTED||e.state===ct.CONNECTING))}i(Ga,"sortWalletsBasedOnConnectionState");function Tn(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(Tn,"getConciseAddress");function Va({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(Va,"getAddress");function li(t){return`${t.blockchain}-${t.symbol}-${t.address??""}`}i(li,"createTokenHash");function kn(t){return t.flatMap(e=>e.balances).reduce((e,o)=>{let n={amount:o?.amount??"",decimals:o?.decimal??0,usdValue:o?.usdPrice?new si(o?.usdPrice??Ne).multipliedBy(o?.amount).toString():""},r=o?li({symbol:o.symbol,blockchain:o.chain,address:o.address}):null,s=r?e[r]:null;return r&&(!s||s&&s.amount<n.amount)&&(e[r]=n),e},{})}i(kn,"makeTokensBalance");var ja=i((t,e)=>!!t.find(o=>o.chain===e&&o.loading),"isFetchingBalance");function Xa(t){return t.map(e=>e.state).join("-")}i(Xa,"hashWalletsState");var pi={API_KEY:un};function yt(t){return pi[t]||""}i(yt,"getConfig");function Ka(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),pi=e,pi}i(Ka,"initConfig");var Ya=20,Ja=25,Za="Roboto",ci="theme-widget",vo=i((t,e)=>{let o=!1;if(e&&t){if(Array.isArray(e))o=!e.some(n=>Le(n,t));else if(!Array.isArray(e)&&e[t.blockchain]){o=e[t.blockchain].tokens.some(r=>Le(r,t));let n=e[t.blockchain].isExcluded;return!n&&!o||n&&o}}return o},"isTokenExcludedInConfig"),ui=i((t,e)=>t&&e&&!e.includes(t.name),"isBlockchainExcludedInConfig"),Ra=i((t,e,o)=>o==="expanded"&&(t||e)||o==="full-expanded"&&e,"isVariantExpandable");var wn,Wt=i(()=>wn||(wn=new Tf(yt("API_KEY"),yt("BASE_URL")),wn),"httpService");var kf=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"),Nt=kf;var Y=Nt(wf()(xf((t,e)=>({connectedWallets:[],balances:{},loading:!1,connectWallet:(o,n)=>{let r=e().getWalletsDetails;t(s=>({loading:!0,connectedWallets:s.connectedWallets.filter(a=>a.walletType!==o[0].walletType).concat(o.map(a=>{let l=!s.connectedWallets.find(p=>p.chain===a.chain&&p.selected);return{balances:[],address:a.address,chain:a.chain,explorerUrl:null,walletType:a.walletType,selected:l,loading:!0,error:!1}}))})),r(o,n)},disconnectWallet:o=>{t(n=>{let r=n.connectedWallets.filter(l=>l.selected&&l.walletType!==o).map(l=>l.chain),s=n.connectedWallets.filter(l=>l.walletType!==o).map(l=>r.includes(l.chain)?l:(r.push(l.chain),{...l,selected:!0}));return{balances:kn(s),connectedWallets:s}})},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,r=!0)=>{let s=e().getWalletsDetails;t(a=>({loading:!0,connectedWallets:a.connectedWallets.map(l=>o.find(p=>yn(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:c,chain:u})=>({address:c,blockchain:u})),p=(await Wt().getWalletsDetails(a)).wallets;if(p)t(c=>{let u=c.connectedWallets.map(m=>{let f=o.find(C=>yn(C,m)),S=p.find(C=>C.address===m.address&&C.blockChain===m.chain);return S?.failed&&f&&r&&s([f],n,!1),f&&S?{...m,explorerUrl:S.explorerUrl,balances:qa(S,n),loading:!1}:m});return{loading:!1,balances:kn(u),connectedWallets:u}});else throw new Error("Wallet not found")}catch{t(l=>{let p=l.connectedWallets.map(u=>o.find(d=>yn(d,u))?za(u):u);return{loading:!1,balances:kn(p),connectedWallets:p}})}},getBalanceFor:o=>{let{balances:n}=e(),r=li(o);return n[r]??null}}))));import{allProviders as vf}from"@rango-dev/provider-all";function xn(t,e){let o=vf({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(xn,"matchAndGenerateProviders");function el(t,e){return xn(t,e).map(r=>r.config.type)}i(el,"configWalletsToWalletName");function tl(t,e){let o=Y.use.clearConnectedWallet(),n=xn(void 0,e);return bf(()=>{o(),n=xn(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}i(tl,"useWalletProviders");import Xf,{createContext as Kf,useContext as Yf,useEffect as Jf,useRef as Zf}from"react";import{create as Vf}from"zustand";import{persist as jf}from"zustand/middleware";var mi={apiKey:"",title:void 0,multiWallets:!0,excludeLiquiditySources:!0,customDestination:!0},If={clientUrl:void 0},Ef={liquiditySources:void 0},ol=i((t,e,o)=>({config:{...mi,...t},iframe:If,campaignMode:Ef,getLiquiditySources:()=>{let{config:n,campaignMode:r}=o();return r.liquiditySources?.length?r.liquiditySources:n.liquiditySources??[]},getDisabledLiquiditySources:()=>{let{disabledLiquiditySources:n,campaignMode:r}=o();return r.liquiditySources?.length?[]:n},excludeLiquiditySources:()=>{let{config:n,campaignMode:r}=o();return r.liquiditySources?.length?!1:!!n.excludeLiquiditySources},isInCampaignMode:()=>{let{campaignMode:n}=o();return!!n.liquiditySources?.length},updateConfig:n=>{let r=o().config;e({config:{...r,...n}})},updateCampaignMode:(n,r)=>{let s=o().campaignMode;e({campaignMode:{...s,[n]:r}})},updateIframe:(n,r)=>{let s=o().iframe;e({iframe:{...s,[n]:r}})}}),"createConfigSlice");function vn(t){return Array.from(new Set(t))}i(vn,"removeDuplicateFrom");function gi(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(gi,"areEqual");function ll(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i(ll,"debounce");function St(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(St,"containsText");function il(t,e){return t.toLowerCase()===e.toLowerCase()}i(il,"exactText");function sl(t,e){return t.toLowerCase().startsWith(e.toLowerCase())}i(sl,"startWithText");var L=i(()=>document.getElementById(ke.SWAP_BOX_ID),"getContainer"),bn=i(()=>document.getElementById(ke.EXPANDED_BOX_ID),"getExpanded");function al(t,e,o){let n=!!e&&il(e,t),r=!!o&&il(o,t);return n!==r?n?-1:1:0}i(al,"compareExactMatchText");function di(t,e,o){let n=!!e&&St(e,t),r=!!o&&St(o,t);return n!==r?n?-1:1:n&&r&&e?.length!==o?.length?e?.length-o?.length:0}i(di,"compareContainsText");function fi(t,e,o){let n=!!e&&sl(e,t),r=!!o&&sl(o,t);return n!==r?n?-1:1:n&&r&&e?.length!==o?.length?e?.length-o?.length:0}i(fi,"compareStartWithText");function pl(t,e,o){if(!o)return 0;let n=al(o,t.symbol,e.symbol);if(n)return n;if(o.length>=3){let r=al(o,t.name,e.name);if(r)return r}if(o.length>=2){let r=fi(o,t.symbol,e.symbol);if(r)return r}if(o.length>=3){let r=di(o,t.symbol,e.symbol);if(r)return r}if(o.length>=3){let r=fi(o,t.name,e.name);if(r)return r}if(o.length>=3){let r=di(o,t.name,e.name);if(r!==0)return r}if(o.length>=4){let r=fi(o,t.address,e.address);if(r)return r}if(o.length>=4){let r=di(o,t.address,e.address);if(r!==0)return r}return 0}i(pl,"compareWithSearchFor");function cl(t,e){return e.find(o=>o.name===t)?.displayName}i(cl,"getBlockchainDisplayNameFor");function Ve(t,e){return e.find(o=>o.name===t)?.shortName}i(Ve,"getBlockchainShortNameFor");function bo(t,e){return e.find(o=>o.id===t)?.swapperGroup}i(bo,"getSwapperDisplayName");function hi(t,e){return e.find(o=>Le(o,t))??null}i(hi,"findToken");function yi(t,e){return e.find(o=>o.name===t)??null}i(yi,"findBlockchain");function Si(t,e){if(!e||!t)return!1;for(let o of e.feeAssets)if(t?.blockchain===o?.blockchain&&t?.symbol===o?.symbol&&t?.address===o?.address)return!0;return!1}i(Si,"isTokenNative");function In(t,e){let o=t.map(s=>s.swapperGroup),n=[];return vn(t.map(s=>s.swapperGroup)).map(s=>{let a=t.find(l=>l.swapperGroup===s);if(a){let l=!0;o&&(l=o.some(p=>p===a.swapperGroup)),l&&a.types.map(p=>{n.push({id:a.swapperGroup,groupTitle:a.swapperGroup,logo:a.logo,type:p,selected:!e.includes(a.swapperGroup)})})}}),n}i(In,"getUniqueSwappersGroups");function ul(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}i(ul,"sortLiquiditySourcesByGroupTitle");function je(t,e){return e?.[t]==="hidden"}i(je,"isFeatureHidden");function ml(t,e){return e?.[t]==="enabled"}i(ml,"isFeatureEnabled");var dl=i((t,e)=>({_blockchainsMapByName:new Map,_tokens:[],_popularTokens:[],_swappers:[],fetchStatus:"loading",blockchains:o=>{let n=e()._blockchainsMapByName,r=Array.from(n?.values()||[]);if(!o||!o?.type)return r;let s=e().config,a=(o.type==="source"?s.from?.blockchains:s.to?.blockchains)??[];return r.filter(p=>!(a.length>0&&!a.includes(p.name)))},tokens:o=>{let n=e()._tokens,r=e()._blockchainsMapByName;if(!o||!o?.type)return n;let s=e().config,a=(o.type==="source"?s.from?.tokens:s.to?.tokens)??{},l=e().blockchains({type:o.type});return n.filter(c=>a&&vo(c,a)||o.blockchain&&c.blockchain!==o.blockchain||!l.some(u=>u.name===c.blockchain)?!1:o.searchFor?!!(St(c.symbol,o.searchFor)||St(c.address||"",o.searchFor)||St(c.name||"",o.searchFor)):!0).sort((c,u)=>{let d=e().isTokenPinned(c,o.type),m=e().isTokenPinned(u,o.type);if(d!==m)return d?-1:1;if(o.getBalanceFor){let y=o.getBalanceFor(c),k=o.getBalanceFor(u),T=Ha(y,k);if(T!==0)return T}if(c.isPopular!==u.isPopular)return c.isPopular?-1:1;if(o.searchFor){let y=pl(c,u,o.searchFor);if(y)return y}let f=r.get(c.blockchain),S=r.get(u.blockchain),C=Si(c,f),h=Si(u,S);return C!==h?C?-1:1:c.isSecondaryCoin!==u.isSecondaryCoin?c.isSecondaryCoin?1:-1:f&&S?f.sort-S.sort:0})},isTokenPinned:(o,n)=>!!(n==="source"?e().config.from?.pinnedTokens:e().config.to?.pinnedTokens)?.some(a=>Le(a,o)),swappers:()=>{let{config:o,campaignMode:n}=e(),r=n.liquiditySources?.length?n.liquiditySources:null,s=r??o.liquiditySources,a=r?!1:o.excludeLiquiditySources;return e()._swappers.filter(c=>{let u=s?.includes(c.swapperGroup);return a||!s||s.length===0?!u:u}).sort(ul)},fetch:async()=>{try{let{enableCentralizedSwappers:o}=e().config,n=await Wt().getAllMetadata({enableCentralizedSwappers:o});t({fetchStatus:"success"});let r=new Map,s=[],a=n.popularTokens,l=n.swappers,p=new Set;n.tokens.forEach(u=>{p.add(u.blockchain),s.push(u)}),n.blockchains.sort((u,d)=>u.sort-d.sort).forEach(u=>{u.enabled&&p.has(u.name)&&r.set(u.name,u)}),t({_blockchainsMapByName:r,_tokens:s,_popularTokens:a,_swappers:l})}catch(o){throw t({fetchStatus:"failed"}),o}}}),"createDataSlice");import{Chinese as Lf,English as Mf,Finland as Bf,French as _f,German as Pf,Greece as $f,Italian as Df,Japanese as Ff,Netherlands as Of,Poland as Uf,Portuguese as qf,Russian as zf,Spanish as Qf,Swedish as Hf,Ukrainian as Gf}from"@rango-dev/ui";var fl=[{title:"English",label:"English",local:"en",SVGFlag:Mf},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:Qf},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:_f},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:Ff},{title:"Portuguese",label:"Portugu\xEAs",local:"pt",SVGFlag:qf},{title:"Chinese",label:"\u4E2D\u56FD\u4EBA",local:"zh",SVGFlag:Lf},{title:"Russian",label:"\u0420\u0443\u0441\u0441\u043A\u0438\u0439",local:"ru",SVGFlag:zf},{title:"German",label:"Deutsch",local:"de",SVGFlag:Pf},{title:"Ukrainian",label:"\u0423\u043A\u0440\u0430\u0457\u043D\u0456",local:"uk",SVGFlag:Gf},{title:"Swedish",label:"svenska",local:"sv",SVGFlag:Hf},{title:"Finnish",label:"Suomalainen",local:"fi",SVGFlag:Bf},{title:"Dutch",label:"Nederlands",local:"nl",SVGFlag:Of},{title:"Greek",label:"Grieks",local:"el",SVGFlag:$f},{title:"Italian",label:"Italiana",local:"it",SVGFlag:Df},{title:"Polish",label:"Polski",local:"pl",SVGFlag:Uf}],Io="en";var gl=[.5,1,3],hl=1,yl=5,Sl=100,Cl=0;var Tl=i((t,e)=>({disabledLiquiditySources:[],theme:"auto",language:null,preferredBlockchains:[],slippage:hl,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,addPreferredBlockchain:o=>{let n=e().preferredBlockchains;if(n.find((a,l)=>{let p=a===o,c=l<=9;return p&&c}))return;let s=n.filter(a=>!(a===o));t(()=>({preferredBlockchains:[o,...s]}))},setSlippage:o=>t(()=>({slippage:o})),setCustomSlippage:o=>t(()=>({customSlippage:o})),setAffiliateRef:o=>t(()=>({affiliateRef:o})),setAffiliatePercent:o=>t(()=>({affiliatePercent:o})),setAffiliateWallets:o=>t(()=>({affiliateWallets:o})),toggleAllLiquiditySources:(o,n)=>t(r=>{if(n)return{disabledLiquiditySources:[]};let s=vn(o.map(a=>a.swapperGroup));return s.length===r.disabledLiquiditySources.length?{disabledLiquiditySources:[]}:{disabledLiquiditySources:s}}),toggleInfiniteApprove:()=>t(o=>({infiniteApprove:!o.infiniteApprove})),toggleLiquiditySource:o=>t(n=>n.disabledLiquiditySources.includes(o)?{disabledLiquiditySources:n.disabledLiquiditySources.filter(r=>r!=o)}:{disabledLiquiditySources:n.disabledLiquiditySources.concat(o)}),setTheme:o=>t(()=>({theme:o})),setLanguage:o=>t(()=>({language:o})),updateSettings:o=>{let{features:n}=o,r=je("theme",n),s=je("language",n),a=je("liquiditySource",n);t({...r&&{theme:o.theme?.mode||"auto"},...s&&{language:o.language||Io},...a&&{disabledLiquiditySources:o.liquiditySources||[]}})}}),"createSettingsSlice");function kl(t){return Vf()(jf((...e)=>({...dl(...e),...Tl(...e),...ol(t,...e)}),{name:"user-settings",skipHydration:!0,partialize:e=>({theme:e.theme,language:e.language,affiliatePercent:e.affiliatePercent,affiliateRef:e.affiliateRef,affiliateWallets:e.affiliateWallets,slippage:e.slippage,customSlippage:e.customSlippage,infiniteApprove:e.infiniteApprove,preferredBlockchains:e.preferredBlockchains,disabledLiquiditySources:e.disabledLiquiditySources})}))}i(kl,"createAppStore");var wl=Kf(null);function g(){let t=Yf(wl);if(Jf(()=>{t&&!t.persist.hasHydrated()&&t.persist.rehydrate()},[]),!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}i(g,"useAppStore");function xl(t){let e=Zf();return e.current||(e.current=kl(t.config)),Xf.createElement(wl.Provider,{value:e.current},t.children)}i(xl,"AppStoreProvider");import{create as eg}from"zustand";var vl="rango-widget";var Eo=class{static{i(this,"TabManager")}tabId;state="not-initiated";lastTryClaim;events={};channel;constructor(e){this.channel=new BroadcastChannel(vl),this.tabId=Math.trunc(Math.random()*1e5),this.events=e}init=()=>{this.initEvents(),this.tryClaim()};forceClaim=()=>{if(!this.isClaimed()){let e={name:"force-claim",candidateId:this.tabId};this.channel.postMessage(e),setTimeout(()=>{this.isClaimed()||this.claim()},300)}};isClaimed=()=>this.state==="claimed";destroy=()=>{this.channel.removeEventListener("message",this.handleMessageEvent),document.removeEventListener("visibilitychange",this.handleVisibilityChange),document.removeEventListener("resume",this.handleResume)};initEvents(){this.channel.addEventListener("message",this.handleMessageEvent),document.addEventListener("visibilitychange",this.handleVisibilityChange),document.addEventListener("resume",this.handleResume)}claimedByCurrentTab(e){let o=this.lastTryClaim&&this.lastTryClaim<e;if(this.isClaimed()||o){let n={name:"pong"};this.channel.postMessage(n);return}}handleMessageEvent=e=>{let o=e.data.name;switch(o){case"ping":this.claimedByCurrentTab(e.data.pingAt);break;case"pong":this.alreadyClaimedByAnotherTab();break;case"force-claim":this.forceRelease(e.data.candidateId);break;case"force-release":this.tabId===e.data.candidateId&&this.claim();break;default:throw new Error(`${o} is not supported.`)}};handleVisibilityChange=async()=>{document.visibilityState==="visible"&&await this.tryClaim()};handleResume=async()=>{this.isClaimed()&&(await this.tryClaim(),this.isClaimed()||this.events.onRelease?.())};alreadyClaimedByAnotherTab(){this.resetLastCheck()}async tryClaim(){return this.setLastCheck(),new Promise(e=>{setTimeout(()=>{this.check(),e()},300)})}check(){this.state==="not-initiated"&&this.events.onInit?.(),this.lastTryClaim?(this.claim(),this.resetLastCheck()):this.state="not-claimed"}claim(){this.state="claimed",this.events.onClaim?.()}setLastCheck(){this.lastTryClaim=Date.now();let e={name:"ping",pingAt:this.lastTryClaim};this.channel.postMessage(e)}resetLastCheck(){this.lastTryClaim=void 0}forceRelease(e){if(this.isClaimed()){this.state="not-claimed",this.events.onRelease?.();let o={name:"force-release",candidateId:e};this.channel.postMessage(o)}}};var ne=Nt(eg()((t,e)=>({isActiveTab:!1,tabManagerInitiated:!1,showActivateTabModal:!1,watermark:"NONE",fetchingApiConfig:!1,activateCurrentTab:(o,n)=>{let{showActivateTabModal:r}=e();!r&&n?t({showActivateTabModal:!0}):(r||!n)&&o()},setShowActivateTabModal:o=>{t({showActivateTabModal:o})},setWatermark:o=>{t({watermark:o})}}))),zt=new Eo({onInit:()=>ne.setState({tabManagerInitiated:!0}),onClaim:()=>ne.setState({isActiveTab:!0,showActivateTabModal:!1}),onRelease:()=>ne.setState({isActiveTab:!1})});var An=ng({onConnectWallet:()=>{},onDisconnectWallet:()=>{}});function ig(t){let{updateConfig:e,updateSettings:o,fetch:n}=g(),r=g().blockchains(),s=g().tokens(),a={walletConnectProjectId:t.config?.walletConnectProjectId},{providers:l}=tl(t.config.wallets,a),{connectWallet:p,disconnectWallet:c}=Y(),u=El(),d=El();Il(()=>{n().catch(console.log)},[]),Il(()=>{t.config&&(e(t.config),o(t.config))},[t.config]);let m=r.filter(og).map(h=>h.name),f=i((h,y,k,T,x)=>{if(y===Ti.ACCOUNTS)if(k){let I=hn(x.supportedBlockchains),E=Oa(h,k,m,I,x.isContractWallet);E.length&&p(E,s)}else c(h),d.current?d.current(h):console.warn("onDisconnectWallet handler hasn't been set. Are you sure?");if(y===Ti.ACCOUNTS&&T.connected){let I=`${h}-${T.network}-${k}`;T.connected&&(u.current?u.current(I):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(y===Ti.NETWORK&&T.network){let I=`${h}-${T.network}`;u.current?u.current(I):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(h,y,k,T,x)},"onUpdateState"),S=ne.use.isActiveTab(),C=rg(()=>({onConnectWallet:h=>{u.current=h},onDisconnectWallet:h=>{d.current=h}}),[]);return En.createElement(An.Provider,{value:C},En.createElement(tg,{allBlockChains:r,providers:l,onUpdateState:f,autoConnect:!!S},t.children))}i(ig,"Main");function Wn(t){let{config:e,...o}=t;return En.createElement(xl,{config:e},En.createElement(ig,{...o,config:e}))}i(Wn,"WidgetWallets");import ii from"react";import sg,{Fragment as ag}from"react";import{MemoryRouter as lg,useInRouterContext as pg}from"react-router";function Al({children:t}){let o=pg()?ag:lg;return sg.createElement(o,null,t)}i(Al,"AppRouter");import{I18nManager as ew}from"@rango-dev/ui";import ti from"react";import ze from"react";import{useRoutes as Uk}from"react-router-dom";var F={home:"/",fromSwap:"from-swap",toSwap:"to-swap",blockchains:"blockchains",settings:"settings",liquiditySources:"liquidity-sources",bridges:"bridges",exchanges:"exchanges",languages:"languages",swaps:"swaps",wallets:"wallets",confirmSwap:"confirm-swap",swapDetails:":requestId",routes:"routes"};import{useEffect as io,useRef as On}from"react";import Bt from"bignumber.js";import{create as gg}from"zustand";import{subscribeWithSelector as hg}from"zustand/middleware";import{getLastSuccessfulStep as fg}from"@rango-dev/queue-manager-rango-preset";import lb from"bignumber.js";import{i18n as ut}from"@lingui/core";var ki={"Network Fee":ut.t("Network Fee"),"Swapper Fee":ut.t("Protocol Fee"),"Affiliate Fee":ut.t("Affiliate Fee"),"Outbound network fee":ut.t("Outbound Fee"),"Rango Fee":ut.t("Rango Fee")},Wl=[{value:"SMART",label:ut.t("Smart Routing")},{value:"FEE",label:ut.t("Lowest Fee")},{value:"SPEED",label:ut.t("Fastest Transfer")},{value:"NET_OUTPUT",label:ut.t("Maximum Return")},{value:"PRICE",label:ut.t("Maximum Output")}],wi=["RECOMMENDED","CENTRALIZED","LOWEST_FEE","FASTEST","HIGH_IMPACT"],Nl=30;var Lt=(r=>(r[r.HIGH_VALUE_LOSS=0]="HIGH_VALUE_LOSS",r[r.UNKNOWN_PRICE=1]="UNKNOWN_PRICE",r[r.INSUFFICIENT_SLIPPAGE=2]="INSUFFICIENT_SLIPPAGE",r[r.HIGH_SLIPPAGE=3]="HIGH_SLIPPAGE",r))(Lt||{});import{i18n as tt}from"@lingui/core";import Me from"bignumber.js";import{PendingSwapNetworkStatus as Bn}from"rango-types";function Nn(t){let e=[];return t?.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(Nn,"getRequiredWallets");function Ln(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(Ln,"isValidAddress");import{i18n as Ee}from"@lingui/core";var R=i(()=>({genericServerError:Ee.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:Ee.t("Please reset your liquidity sources."),description:Ee.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources.")},noResultError:{title:Ee.t("No Routes Found."),description:Ee.t("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:Ee.t("Bridge Limit Error: Please increase your amount."),decreaseAmount:Ee.t("Bridge Limit Error: Please decrease your amount.")},highValueLossError:{impactTitle:Ee.t("High Price Impact"),title:Ee.t("Price impact is too high!"),description:Ee.t("The price impact is significantly higher than the allowed amount."),confirmMessage:Ee.t("Confirm high price impact")},quoteUpdatedWithHighValueLoss:{title:Ee.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:Ee.t("USD Price Unknown"),title:Ee.t("USD Price Unknown, Cannot calculate Price Impact."),description:Ee.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:Ee.t("Confirm USD Price Unknown")}}),"errorMessages");function Ll(t){switch(t.type){case 0:return t.diagnosisMessage??R().noResultError.title;case 1:return R().genericServerError;default:return""}}i(Ll,"getQuoteErrorMessage");import{i18n as Mn}from"@lingui/core";var Qt=i(()=>({connectWallet:Mn.t("Connect Wallet"),swap:Mn.t("Swap"),swapAnyway:Mn.t("Swap anyway"),ethWarning:Mn.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function Ml(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new Me(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new Me(1e3)))??!1}i(Ml,"hasHighValueLoss");function Bl(t){return(t||[]).filter(e=>{let o=e.fromAmountMinValue?new Me(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Me(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(Bl,"hasLimitError");function _l(t){let e=(t||[]).filter(l=>{let p=l.fromAmountMinValue?new Me(l.fromAmountMinValue):null,c=l.fromAmountMaxValue?new Me(l.fromAmountMaxValue):null;return l.fromAmountRestrictionType==="EXCLUSIVE"?p?.gte(l.fromAmount)||c?.lte(l.fromAmount):p?.gt(l.fromAmount)||c?.lt(l.fromAmount)})[0],o=e.fromAmountMinValue?new Me(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Me(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",s="",a="";return!r&&o&&o.gt(e.fromAmount)?(s=tt.t({id:"Required: >= {min} {symbol}",values:{min:W(o,6,6),symbol:e.from.symbol}}),a=R().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(s=tt.t({id:"Required: > {min} {symbol}",values:{min:W(o,6,6),symbol:e.from.symbol}}),a=R().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(s=tt.t({id:"Required: <= {max} {symbol}",values:{max:W(n,6,6),symbol:e.from.symbol}}),a=R().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(s=tt.t({id:"Required: < {max} {symbol}",values:{max:W(n,6,6),symbol:e.from.symbol}}),a=R().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:s,recommendation:a}}i(_l,"getLimitErrorMessage");function Pl(t){let{fetchMetaStatus:e,anyWalletConnected:o,fetchingQuote:n,inputAmount:r,quote:s,warning:a,error:l,needsToWarnEthOnPath:p}=t;return e!=="success"?{title:Qt().connectWallet,action:"connect-wallet",disabled:!0}:o?n||!s||l||!r||r==="0"?{title:Qt().swap,action:"confirm-swap",disabled:!0}:a?{title:Qt().swapAnyway,action:"confirm-warning",disabled:!1}:p?{title:Qt().ethWarning,action:"confirm-warning",disabled:!1}:{title:Qt().swap,action:"confirm-swap",disabled:!1}:{title:Qt().connectWallet,action:"connect-wallet",disabled:!1}}i(Pl,"getSwapButtonState");function xi(t,e,o){return!((!o||o.lte(Ne))&&t&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t)}i(xi,"canComputePriceImpact");function cg(t){let e=[];return t?.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(cg,"requiredWallets");var ug=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice");function mg(t,e){let o=Ne;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let s=ug(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new Me(r.amount).multipliedBy(s||0))}return o}i(mg,"getUsdFeeOfStep");function _n(t,e){return t.reduce((o,n)=>o.plus(mg(n,e)),Ne)}i(_n,"getTotalFeeInUsd");function vi(t){let e=Ne;return e=e.plus(new Me(t.amount).multipliedBy(t.price||0)),e}i(vi,"getUsdFee");function $l(t){return t.reduce((e,o)=>e.plus(vi(o)),Ne)}i($l,"getTotalFeesInUsd");function Dl(t){return t.reduce((e,o)=>{for(let n of o.fee){let r=n.name,s=n.expenseType!=="DECREASE_FROM_OUTPUT"?e.payable:e.nonePayable;s[r]=[...s[r]||[],n]}return e},{payable:{},nonePayable:{}})}i(Dl,"getFeesGroup");function Fl(t){let e=new Map;return t.forEach((o,n)=>{o.recommendedSlippage?.error&&e.set(n,o.recommendedSlippage.slippage)}),e.size>0?e:null}i(Fl,"checkSlippageErrors");function Ol(t,e){let o=new Map;return t?.swaps.forEach((n,r)=>{n.recommendedSlippage?.slippage&&parseFloat(n.recommendedSlippage.slippage)>e&&o.set(r,n.recommendedSlippage.slippage)}),o.size>0?o:null}i(Ol,"checkSlippageWarnings");function Pn(t){return t.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(Pn,"getMinRequiredSlippage");function Ul(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(Ul,"hasProperSlippage");function ql(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:s,disabledLiquiditySources:a,liquiditySources:l,excludeLiquiditySources:p,slippage:c,affiliateRef:u,affiliatePercent:d,affiliateWallets:m,destination:f,enableCentralizedSwappers:S}=t,C=s?.reduce((k,T)=>(k[T.chain]=T.address,k),{}),h=[];return r?.forEach(k=>{h.push({blockchain:k.chain,addresses:[k.address]})}),{amount:n.toString(),affiliateRef:u??void 0,affiliatePercent:d??void 0,affiliateWallets:m??void 0,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:h,selectedWallets:C??{},slippage:c.toString(),...f&&{destination:f},...p&&{swapperGroups:a.concat(l??[]),swappersGroupsExclude:!0},...!p&&{swapperGroups:l?.filter(k=>!a.includes(k)),swappersGroupsExclude:!1},enableCentralizedSwappers:S}}i(ql,"createQuoteRequestBody");function zl(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(zl,"getWalletsForNewSwap");function no(t){return t?.outputAmount||null}i(no,"getQuoteOutputAmount");function Ql(t,e){return new Me(e).div(new Me(t)).minus(1).multipliedBy(100).toNumber()}i(Ql,"getPercentageChange");function Hl(t,e){let o=no(t),n=no(e);if(!o||!n)return!1;let r=Xe(o,n);return r?r<=-1:!0}i(Hl,"isOutputAmountChangedALot");function Gl(t,e,o){let n=t.validationStatus,r=Ua(t);return e.sort((a,l)=>r.indexOf(a.chain)-r.indexOf(l.chain)).flatMap(a=>Jl(a,n)||[]).filter(a=>!a.ok).map(a=>{let l=a.asset.symbol,p=W(new Me(a.currentAmount.amount).shiftedBy(-a.currentAmount.decimals),8,8),c=W(new Me(a.requiredAmount.amount).shiftedBy(-a.requiredAmount.decimals),8,8),u="";return a.reason==="FEE"&&(u=tt.t(" for network fee")),a.reason==="INPUT_ASSET"&&(u=tt.t(" for swap")),a.reason==="FEE_AND_INPUT_ASSET"&&(u=tt.t(" for input and network fee")),tt.t({id:"Needs \u2248 {requiredAmount} {symbol}{reason}, but you have {currentAmount} {symbol} in your {blockchain} wallet.",values:{requiredAmount:c,symbol:l,reason:u,currentAmount:p,blockchain:Ve(a.asset.blockchain,o)}})})}i(Gl,"generateBalanceWarnings");function $n(t,e){return(t?new Me(t):Ne).multipliedBy(e||0)}i($n,"calcOutputUsdValue");function Ao(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==Bn.NetworkChanged}i(Ao,"isNetworkStatusInWarningState");function Vl(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),Ao(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case Bn.WaitingForConnectingWallet:n=n||tt.t("Waiting for connecting wallet");break;case Bn.WaitingForQueue:n=n||tt.t("Waiting for other running tasks to be finished");break;case Bn.WaitingForNetworkChange:n=n||tt.t("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(Vl,"getSwapMessages");function jl(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(jl,"getLastConvertedTokenInFailedSwap");function Xl(t){return t.status==="failed"}i(Xl,"shouldRetrySwap");function Kl(t,e,o,n,r,s){return t||!e&&!cg(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!Ln(s,o)}i(Kl,"confirmSwapDisabled");function Yl(t,e){return t.blockchain===e.blockchain&&t.symbol===e.symbol&&t.address===e.address}i(Yl,"isTokensIdentical");function Dn(t){let e=t?.swaps||[];return e[e.length-1].to.usdPrice}i(Dn,"getQuoteToTokenUsdPrice");function bi(t,e){let o=t?.swaps||[],n=e?.swaps||[];return o.length!==n.length}i(bi,"isNumberOfSwapsChanged");function Ii(t,e){let o=t?.swaps.map(r=>r.swapperId)||[],n=e?.swaps.map(r=>r.swapperId)||[];return!gi(o,n)}i(Ii,"isQuoteSwappersUpdated");function Ei(t,e){let o=t?.swaps.map(r=>r.to.symbol)||[],n=e?.swaps.map(r=>r.to.symbol)||[];return!gi(o,n)}i(Ei,"isQuoteInternalCoinsUpdated");function Rl(t,e){return bi(t,e)||Ii(t,e)||Ei(t,e)}i(Rl,"isQuoteChanged");function Jl(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(Jl,"getRequiredBalanceOfWallet");function Ct(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(Ct,"getPriceImpactLevel");function ep(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],s=fg(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=yi(s?s.toBlockchain:n.fromBlockchain,e),p=yi(r.toBlockchain,e),c=hi(s?{blockchain:l?.name??"",symbol:s.toSymbol,address:s.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),u=hi(a,o),d=s?s.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:c,toBlockchain:p,toToken:u,inputAmount:d}}i(ep,"createRetryQuote");function ro(t,e){let{fromToken:o,toToken:n,tokens:r,userSlippage:s}=e,a=Ht(o,t.requestAmount),l=Ht(n,t?.outputAmount??"");if(t&&a&&l){let u=Xe(a.toString(),l.toString());if(!!u&&Ml(a,u)){let m=_n(t?.swaps,r),f=Ct(u);return{type:0,inputUsdValue:a,outputUsdValue:l,priceImpact:u,totalFee:m,warningLevel:f}}}else if(t&&(!a||!l))return{type:1};let p=Pn(t.swaps),c=s>yl;if(Ul(e.userSlippage.toString(),p)){if(c&&parseFloat(p??"0")<s)return{type:3,slippage:s.toString()}}else return{type:2,recommendedSlippages:Ol(t,s),minRequiredSlippage:p};return null}i(ro,"generateQuoteWarnings");function Xe(t,e){let o=typeof e=="string"?parseFloat(e)<=0:!e?.gt(0),n=!t||!e||o?null:Ql(t.toString(),e.toString());return n&&n<0?n:null}i(Xe,"getPriceImpact");var tp=i(t=>{let e=new Set,o=[];return t.forEach(n=>{e.has(n.from.chain.displayName)||(e.add(n.from.chain.displayName),o.push(n.from.chain)),e.has(n.to.chain.displayName)||(e.add(n.to.chain.displayName),o.push(n.to.chain))}),o},"getUniqueBlockchains"),Fn=i((t,e)=>e.sort((o,n)=>{let r=i(c=>c.scores?.find(u=>u.preferenceType===t)?.score??0,"getScore"),s=r(o),a=r(n);if(s!==a)return a-s;let l=o.requestId.toLowerCase(),p=n.requestId.toLowerCase();return l.localeCompare(p)}),"sortQuotesBy"),op=i((t,e,o)=>{if(!e.length)return null;if(!t)return{requestAmount:o,...e[0]};let n=new Set(t.swaps.map(s=>s.swapperId)),r=e.find(s=>{let a=new Set(s.swaps.map(l=>l.swapperId));return Array.from(n).every(l=>a.has(l))});return{requestAmount:o,...r||e[0]}},"getDefaultQuote"),np=i(t=>{let e=i((o,n)=>{let r=wi.indexOf(o.value),s=wi.indexOf(n.value);return r!==-1&&s!==-1?r-s:r!==-1?-1:s!==-1?1:0},"customSort");return t.sort(e)},"sortTags");var Ht=i((t,e)=>t?.usdPrice?new Bt(e||Ne).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),H=Nt(gg()(hg(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new Bt(0),outputUsdValue:new Bt(0),toBlockchain:null,toToken:null,refetchQuote:!0,sortStrategy:"SMART",selectedQuote:null,quotes:null,error:null,warning:null,quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:null,quoteWarningsConfirmed:!1,updateQuotePartialState:(e,o)=>t(n=>({...n,[e]:o})),setSelectedQuote:e=>t(o=>{let n=null,r=Ne;return xo(o.inputAmount)?(e&&(n=e?.outputAmount?new Bt(e?.outputAmount):null,r=$n(e?.outputAmount,Dn(e)||o.toToken?.usdPrice)),{selectedQuote:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetAlerts:()=>t(()=>({error:null,warning:null})),resetQuote:()=>t(()=>({selectedQuote:null,outputAmount:null,outputUsdValue:new Bt(0),quotes:null,refetchQuote:!0,error:null,warning:null})),setFromBlockchain:e=>{t(o=>o.fromBlockchain?.name===e?.name?{}:{fromBlockchain:e,...o.fromToken&&{selectedQuote:null,fromToken:null,outputAmount:null,outputUsdValue:null}})},setFromToken:e=>t(o=>({fromToken:e.token,...e.token&&{fromBlockchain:e.meta.blockchains.find(n=>n.name===e.token.blockchain)??null},...!!o.inputAmount&&{inputUsdValue:Ht(e.token,o.inputAmount)}})),setToBlockchain:e=>{t(o=>o.toBlockchain?.name===e?.name?{}:{toBlockchain:e,...o.toToken&&{selectedQuote:null,toToken:null,outputAmount:null,outputUsdValue:null}})},setToToken:e=>t(()=>({toToken:e.token,...e.token&&{toBlockchain:e.meta.blockchains.find(o=>o.name===e.token.blockchain)??null}})),setInputAmount:e=>{t(o=>({inputAmount:e,...!e&&{outputAmount:new Bt(0),outputUsdValue:new Bt(0),selectedQuote:null},...!!o.fromToken&&{inputUsdValue:Ht(o.fromToken,e)}}))},retry:(e,o)=>{let{tokens:n,blockchains:r}=o,{fromBlockchain:s,fromToken:a,toBlockchain:l,toToken:p,inputAmount:c}=ep(e,r,n);t({fromBlockchain:s,fromToken:a,inputAmount:c,outputAmount:null,inputUsdValue:Ht(a??null,c),outputUsdValue:new Bt(0),toBlockchain:l,toToken:p,selectedQuote:null})},switchFromAndTo:()=>t(e=>({fromBlockchain:e.toBlockchain,fromToken:e.toToken,toBlockchain:e.fromBlockchain,toToken:e.fromToken,inputAmount:e.outputAmount?.toString()||"",inputUsdValue:Ht(e.toToken,e.outputAmount?.toString()||"")})),resetFromBlockchain:()=>t(()=>({fromToken:null,fromBlockchain:null,outputAmount:null,outputUsdValue:null,selectedQuote:null})),resetToBlockchain:()=>t(()=>({toToken:null,toBlockchain:null,outputAmount:null,outputUsdValue:null,selectedQuote:null})),setQuoteWalletConfirmed:e=>t({quoteWalletsConfirmed:e}),setSelectedWallets:e=>t({selectedWallets:e}),setCustomDestination:e=>t({customDestination:e}),resetQuoteWallets:()=>t({quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:null}),setQuoteWarningsConfirmed:e=>t({quoteWarningsConfirmed:e})}))));function rp(){let{setInputAmount:t,setToToken:e,setToBlockchain:o,setFromBlockchain:n,setFromToken:r,fromToken:s,toToken:a,fromBlockchain:l,toBlockchain:p}=H(),c=g().config,u=g().fetchStatus,d=g().blockchains(),m=g().tokens(),{setAffiliateRef:f,setAffiliatePercent:S,setAffiliateWallets:C}=g(),h=c?.from?.tokens,y=c?.from?.blockchains,k=c?.to?.tokens,T=c?.to?.blockchains,x=On(void 0),I=On(void 0),E=On(void 0),v=On(void 0);io(()=>{t(c?.amount?.toString()||"")},[c?.amount]),io(()=>{if(u==="success"){let w=d.find(N=>N.name===c?.from?.blockchain),A=m.find(N=>Le(N,c?.from?.token||null));(w||!w&&E.current)&&n(w??null),A?r({token:A,meta:{blockchains:d,tokens:m}}):!A&&x.current&&r({token:null}),E.current=c?.from?.blockchain,x.current=c?.from?.token}},[c?.from?.token?.symbol,c?.from?.token?.address,c?.from?.token?.blockchain,c?.from?.blockchain,u]),io(()=>{vo(s,h)&&r({token:null}),ui(l,y)&&n(null)},[h,y]),io(()=>{vo(a,k)&&r({token:null}),ui(p,T)&&o(null)},[k,T]),io(()=>{if(u==="success"){let w=d.find(N=>N.name===c?.to?.blockchain),A=m.find(N=>Le(N,c?.to?.token||null));(w||!w&&v.current)&&o(w??null),A?e({token:A,meta:{blockchains:d,tokens:m}}):!A&&I.current&&e({token:null}),v.current=c?.to?.blockchain,I.current=c?.to?.token}},[c?.to?.token?.symbol,c?.to?.token?.address,c?.to?.token?.blockchain,c?.to?.blockchain,u]),io(()=>{f(c?.affiliate?.ref??null),S(c?.affiliate?.percent??null),C(c?.affiliate?.wallets??null)},[c?.affiliate?.ref,c?.affiliate?.percent,c?.affiliate?.wallets])}i(rp,"useSyncStoresWithConfig");import{useEffect as Ni,useRef as yg}from"react";import{useInRouterContext as Sg,useLocation as Cg,useSearchParams as Tg}from"react-router-dom";function Ai(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(Ai,"searchParamToToken");function Wi(t){if(t)return`${t.symbol}${t.address?`--${t.address}`:""}`}i(Wi,"tokenToSearchParam");function Li(){let t=Cg(),[e,o]=Tg(),{fromBlockchain:n,toBlockchain:r,fromToken:s,toToken:a,inputAmount:l,setFromBlockchain:p,setToBlockchain:c,setFromToken:u,setToToken:d,setInputAmount:m}=H(),f=g().fetchStatus,S=g().blockchains(),C=g().tokens(),h=Sg(),{updateIframe:y,updateCampaignMode:k}=g(),T=g().isInCampaignMode(),x=yg(),I=i(()=>{let v=e.get("fromAmount"),w=e.get("fromBlockchain"),A=e.get("fromToken"),N=e.get("toBlockchain"),M=e.get("toToken"),z=e.get("autoConnect"),X=e.get("clientUrl"),V=e.get("liquiditySources");return{fromAmount:v,fromBlockchain:w,fromToken:A,toBlockchain:N,toToken:M,autoConnect:z,clientUrl:X,liquiditySources:V}},"getUrlSearchParams"),E=i(v=>{for(let w in v)v[w]||delete v[w];o(v,{replace:!0})},"updateUrlSearchParams");Ni(()=>{let{autoConnect:v,clientUrl:w}=I();h&&f==="success"&&E({fromBlockchain:n?.name,fromToken:Wi(s),toBlockchain:r?.name,toToken:Wi(a),fromAmount:l,autoConnect:v??void 0,clientUrl:w??void 0,liquiditySources:T?x.current:void 0})},[t.pathname,l,n,s,r,a,T]),Ni(()=>{if(!h)return;let v=I();if(!x.current&&v.liquiditySources&&(x.current=v.liquiditySources),v.fromAmount&&m(v.fromAmount),f==="success"){let w=S.find(z=>z.name===v.fromBlockchain),A=Ai(C,v.fromToken,w??null),N=S.find(z=>z.name===v.toBlockchain),M=Ai(C,v.toToken,N??null);w&&(p(w),A&&u({token:A,meta:{blockchains:S,tokens:C}})),N&&(c(N),M&&d({token:M,meta:{blockchains:S,tokens:C}}))}},[f]),Ni(()=>{let{clientUrl:v,liquiditySources:w}=I();y("clientUrl",v||void 0),k("liquiditySources",w?.split(",")??void 0)},[])}i(Li,"useSyncUrlAndStore");import{i18n as Er}from"@lingui/core";import{useManager as gS}from"@rango-dev/queue-manager-react";import{Alert as Fu,Button as hS,css as Es,Divider as Is,IconButton as Ou,SettingsIcon as yS,styled as SS,Tooltip as CS,Typography as TS,WalletIcon as kS}from"@rango-dev/ui";import fe,{useEffect as Vo,useLayoutEffect as wS,useRef as xS,useState as jo}from"react";import{flushSync as vS}from"react-dom";import{useLocation as bS,useNavigate as IS}from"react-router-dom";import{i18n as dt}from"@lingui/core";import{Alert as rs,BalanceErrors as ry,Button as Sc,ChevronDownIcon as iy,ChevronLeftIcon as sy,Divider as mo,MessageBox as ay,Typography as ar,WalletIcon as ly}from"@rango-dev/ui";import $,{useEffect as py,useState as fo}from"react";import{useNavigate as cy}from"react-router-dom";import{i18n as Un}from"@lingui/core";function qn(t){switch(t.type){case 0:return Un.t("Route has been updated.");case 3:return Un.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return Un.t("Route swappers has been updated.");case 2:return Un.t("Route internal coins has been updated.");default:return""}}i(qn,"getQuoteUpdateWarningMessage");import{Modal as wg}from"@rango-dev/ui";import xg from"react";function ce(t){let{watermark:e}=ne();return xg.createElement(wg,{hasWatermark:e==="FULL",...t},t.children)}i(ce,"WatermarkedModal");import Gn,{useRef as Ig}from"react";import*as so from"@radix-ui/react-collapsible";import{keyframes as sp,styled as zn}from"@rango-dev/ui";var Mi=300,vg=sp({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),bg=sp({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),ap=zn(so.Root,{borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),Bi=zn(so.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit",cursor:"pointer"}),Qn=zn(so.Content,{overflow:"hidden",variants:{open:{true:{animation:`${vg} ${Mi}ms ease-out`},false:{animation:`${bg} ${Mi}ms ease-out`}}}}),Hn=zn("div",{transition:`all ${Mi}ms ease`,display:"flex",alignItems:"center",variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}});function Vn(t){let{open:e,hasSelected:o,onOpenChange:n,children:r,onClickTrigger:s,trigger:a,triggerAnchor:l}=t,p=Ig(null);return Gn.createElement(ap,{ref:p,className:"collapsible_root",selected:o&&e,open:e,onOpenChange:n},l==="top"&&Gn.createElement(Bi,{className:"collapsible_trigger",onClick:s},a),Gn.createElement(Qn,{className:"collapsible_content",open:e},r),l==="bottom"&&Gn.createElement(Bi,{className:"collapsible_trigger",onClick:s},a))}i(Vn,"CustomCollapsible");import{css as lp,darkTheme as ao,IconButton as Eg,styled as Ke,TextField as Ag}from"@rango-dev/ui";var pp=Ke("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),cp=Ke("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Wg=Ke("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${ao} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${ao} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${ao} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),up=Ke(Wg,{alignSelf:"stretch",minHeight:"93px"}),mp=Ke("div",{padding:"$20 $20 $15 $20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),dp=Ke(Eg,{position:"absolute",left:"$20"}),fp=Ke("div",{paddingTop:"$20"}),gp=lp({display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),hp=Ke("div",{padding:"$10 $0","& .button__content":{display:"flex",alignItems:"center"},"& .alarms":{paddingTop:"$5"},"& .collapsible_content":{backgroundColor:"$neutral100"},"& .collapsible_root":{backgroundColor:"$neutral200"}}),yp=lp({paddingTop:"$5"}),Sp=Ke("div",{display:"flex"}),Cp=Ke(Ag,{backgroundColor:"$neutral100",padding:"$0 $15 $15 $15"}),Tp=Ke("div",{overflow:"visible",width:"100%"}),kp=Ke("div",{width:"100%",borderRadius:"$sm",display:"flex",padding:"$15",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${ao} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${ao} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${ao} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}});import{i18n as ot}from"@lingui/core";import{Button as ey,Divider as os,Image as ty,MessageBox as ir,SelectableWallet as oy,Typography as gc,WalletState as hc}from"@rango-dev/ui";import me,{useEffect as yc,useState as Bo}from"react";import{WalletState as jn}from"@rango-dev/ui";import{useWallets as Ng}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as Lg,WalletTypes as Wo}from"@rango-dev/wallets-shared";import{useCallback as Mg,useEffect as Bg,useState as _g}from"react";var Pg=Object.values(Wo);function lo(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:l,connect:p}=Ng(),{connectedWallets:c}=Y(),u=g().blockchains(),d=el(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||Pg,m=Fa(s,l,d,o),f=Ga(m),[S,C]=_g(""),h=i(I=>!c.find(E=>E.walletType===I&&E.chain===o),"isExperimentalChainNotAdded"),y=i(async I=>{let E=s(I);try{if(S&&C(""),E.connected)await a(I);else{let v=!!m.find(w=>w.state===jn.CONNECTED);if(!e?.multiWallets&&v)return;n?.(I),await p(I),r?.(I)}}catch(v){C("Error: "+v?.message)}},"handleClick"),k=Mg(()=>{let I=m?.filter(E=>E.state===jn.CONNECTING)||[];for(let E of I)a(E.type)},[Xa(m)]);Bg(()=>()=>{k()},[]);let T=i(I=>{let E=I.find(w=>w.type===Wo.DEFAULT);return!E||E.state===jn.NOT_INSTALLED?!1:I.filter(w=>w.state!=jn.NOT_INSTALLED&&![Wo.DEFAULT,Wo.WALLET_CONNECT_2].includes(w.type)&&l(w.type).supportedChains.filter(A=>A.type=="EVM").length>0).length==0},"shouldShowDefaultInjectedWallet"),x=i((I,E,v)=>Sn(v,E)&&h(I)&&!Lg.includes(I)||I==Wo.DEFAULT&&!T(m),"shouldExcludeWallet");return{list:f.filter(I=>!x(I.type,o??"",u)),error:S,handleClick:y,disconnectConnectingWallets:k}}i(lo,"useWalletList");import{i18n as lc}from"@lingui/core";import{styled as cc,Typography as jh,Wallet as Xh,WalletState as Kh}from"@rango-dev/ui";import uo,{useState as pc}from"react";import{useManager as Dh}from"@rango-dev/queue-manager-react";import{BottomLogo as Fh,Divider as ec,Header as Oh}from"@rango-dev/ui";import Ce,{useEffect as tc,useRef as oc}from"react";import{useRef as $g}from"react";function Xn(){return window.self!==window.top}i(Xn,"isAppLoadedIntoIframe");function _i(){let t=$g(null),{iframe:e}=g(),o=Xn()&&e.clientUrl,n=i(a=>{o&&window.top?.postMessage(a,e.clientUrl)},"send");return{send:n,connectHeightObserver:i(a=>{t.current=new ResizeObserver(l=>{for(let p of l)n({type:"widget_height",data:{height:p.contentRect.height}})}),t.current.observe(a)},"connectHeightObserver"),disconnectHeightObserver:i(()=>{t.current&&(t.current.disconnect(),t.current=null)},"disconnectHeightObserver")}}i(_i,"useIframe");import{useNavigate as Dg}from"react-router-dom";function Ye(){let t=Dg();return()=>t(-1)}i(Ye,"useNavigateBack");import{createTheme as Ui,darkTheme as Qg,lightTheme as Hg}from"@rango-dev/ui";import{useEffect as Gg,useState as Vg}from"react";import{theme as qg,darkColors as zg}from"@rango-dev/ui";import Fi from"react";function Fg(t,e,o){let p=[],c=90;for(let m=0;m<9;m++)p.push(c),m+1===4?c=0:c-=m>=4?6:10;let u=o?p.slice().reverse():p,d={};for(let m=0;m<9;m++){let f=100+m*100,S=u[m],C={[`${e}${f}`]:Kn(t,S)};Object.assign(d,C)}return{...d,[e]:t}}i(Fg,"generateShades");function Kn(t,e){let[o,n,r]=wp(t);return`#${Pi(o+e)}${Pi(n+e)}${Pi(r+e)}`}i(Kn,"generateShade");function wp(t){let r=parseInt(t.slice(1,3),16),s=parseInt(t.slice(3,5),16),a=parseInt(t.slice(5,7),16);return[r,s,a]}i(wp,"convertToRGB");function Pi(t){return("0"+Math.max(0,Math.min(255,t)).toString(16)).slice(-2).toUpperCase()}i(Pi,"clamp");function xp(t){let[a,l,p]=wp(t);return(a*299+l*587+p*114)/1e3>188}i(xp,"isBright");var $i=i((t,e,o)=>{if(!o||!Object.entries(o).length)return{};let n=!1,r={...t};for(let s in o){let a=o[s];a&&a!==t[s]&&(n=!0,s==="background"||s==="foreground"?r={...r,[s]:a}:r={...r,...Fg(a,s,s==="neutral"&&e)})}return n?r:{}},"generateColors");var vp=i(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),Og=i(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=vp(o%52)+e;return vp(o%52)+e},"toAlphabeticName"),Ug=i((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),Di=i(t=>Og(Ug(5381,JSON.stringify(t))>>>0),"toHash");function Oi(t){let e=qg.colors,o=$i({...e,...zg},!0,t?.dark),n=$i(e,!1,t?.light),r=Object.keys(o).length>0,s=Object.keys(n).length>0,a,l;if(s){let p={colors:n};a={id:`${ci}-light-${Di(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${ci}-dark-${Di(p)}`,tokens:p}}return{light:a,dark:l}}i(Oi,"customizedThemeTokens");function bp(t,e){if(t.length<=1)return t.map(({element:n,key:r})=>Fi.cloneElement(n,{key:r}));let o=[];return t.forEach((n,r)=>{let{element:s,key:a}=n;if(o.push(Fi.cloneElement(s,{key:a})),r<t.length-1){let l=`divider-${r}`;o.push(Fi.cloneElement(e,{key:l}))}}),o}i(bp,"joinList");function Yn(t){let{colors:e,fontFamily:o=Za,borderRadius:n=Ya,secondaryBorderRadius:r=Ja}=t,[s,a]=Vg("light"),{theme:l}=g(),{dark:p,light:c}=Oi(e),u=Ui({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),d=[u.className,Hg.className],m=[u.className,Qg.className];if(c){let S=Ui(c.id,c.tokens);d.push(S.className)}if(p){let S=Ui(p.id,p.tokens);m.push(S.className)}return Gg(()=>{let S=i(C=>{C.matches?a("dark"):a("light")},"switchThemeListener");return window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&a("dark"),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",S),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",S)}},[]),{activeTheme:i(()=>{let S=d.join(" "),C=m.join(" ");return l==="auto"?s==="dark"?C:S:l==="dark"?C:S},"getActiveTheme")}}i(Yn,"useTheme");var mt=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");import{i18n as Ip}from"@lingui/core";import{Alert as jg,Button as Xg}from"@rango-dev/ui";import Ep from"react";function qi(t){return Ep.createElement(jg,{action:Ep.createElement(Xg,{onClick:t.onActivateTab,variant:"contained",size:"xxsmall",type:"warning"},Ip.t("Activate this tab")),type:"warning",variant:"alarm",title:Ip.t("Another tab is open and handles transactions.")})}i(qi,"ActivateTabAlert");import{i18n as zi}from"@lingui/core";import{Button as Kg,Divider as Yg,MessageBox as Jg}from"@rango-dev/ui";import Jn from"react";function Qi(t){let{open:e,onClose:o,onConfirm:n}=t;return Jn.createElement(ce,{open:e,dismissible:!0,onClose:o,container:L()},Jn.createElement(Jg,{title:zi.t("Activate current tab"),type:"warning",description:zi.t("Currently, some transactions are running and being handled by other browser tab. If you activate this tab, all transactions that are already in the transaction sign step will expire.")},Jn.createElement(Yg,{size:20}),Jn.createElement(Kg,{variant:"contained",size:"large",type:"primary",fullWidth:!0,onClick:n},zi.t("Confirm"))))}i(Qi,"ActivateTabModal");import{ChevronLeftIcon as eh}from"@rango-dev/ui";import Pp from"react";import{css as Zg,darkTheme as Ap,IconButton as Rg,styled as Gt}from"@rango-dev/ui";var Je=Gt(Rg,{width:"$24",position:"relative",padding:"0",overflow:"unset","&:hover":{backgroundColor:"$info100",[`.${Ap} &`]:{backgroundColor:"$neutral"}}}),Wp=Gt("div",{position:"absolute",background:"$secondary500",[`.${Ap} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),po=Gt("div",{display:"flex",justifyContent:"flex-end",minWidth:"$40",button:{padding:0}}),Np=Gt("div",{position:"absolute",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0",variants:{isSever:{true:{backgroundColor:"$error500"},false:{backgroundColor:"$secondary500"}}}}),Lp=Gt("div",{padding:"$2",variants:{isRefetched:{true:{transform:"rotate(360deg)",transition:"transform 1s ease-in-out"}}}}),Mp=Gt("div",{position:"absolute",right:"$4",top:"$4",backgroundColor:"$background",borderRadius:"100%"}),Bp=Zg({display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center"}),_p=Gt("div",{borderRadius:"100%",border:"1.5px transparent solid","&:not(:first-child)":{marginLeft:"-$6"},img:{borderRadius:"100%"}});function Hi(t){return Pp.createElement(Je,{variant:"ghost",size:"small",onClick:t.onClick},Pp.createElement(eh,{color:"black",size:16}))}i(Hi,"BackButton");import{i18n as th}from"@lingui/core";import{Button as oh,Typography as nh}from"@rango-dev/ui";import Gi from"react";function Vi(t){return Gi.createElement(po,null,Gi.createElement(oh,{variant:"ghost",onClick:t.onClick,size:"xsmall"},Gi.createElement(nh,{variant:"label",size:"medium",color:"error500"},th.t("Cancel"))))}i(Vi,"CancelButton");import{i18n as rh}from"@lingui/core";import{Image as ih,Tooltip as sh,WalletIcon as ah}from"@rango-dev/ui";import Vt from"react";function ji(t){let{list:e}=lo({}),o=e.filter(r=>r.state==="connected"),n=o.length?Vt.createElement("div",{className:Bp()},o.map(r=>Vt.createElement(_p,{key:r.title},Vt.createElement(ih,{src:r.image,size:14})))):rh.t("Connect Wallet");return Vt.createElement(sh,{container:t.container,side:"bottom",content:n},Vt.createElement(Je,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&Vt.createElement(Wp,null),Vt.createElement(ah,{size:18,color:"black"})))}i(ji,"WalletButton");import{i18n as er}from"@lingui/core";import{NotificationsIcon as Mh,Popover as Bh,SettingsIcon as _h,Tooltip as tr,TransactionIcon as Ph}from"@rango-dev/ui";import ve from"react";import{i18n as yh}from"@lingui/core";import{EventSeverity as zp}from"@rango-dev/queue-manager-rango-preset";import{ChainToken as Qp,ChevronRightIcon as Sh,Divider as Ch,Typography as Th}from"@rango-dev/ui";import Ue from"react";import{useNavigate as kh}from"react-router-dom";import{create as lh}from"zustand";import{persist as ph,subscribeWithSelector as ch}from"zustand/middleware";var Oe=Nt(lh()(ph(ch((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,address:r.fromSymbolAddress,symbol:r.fromSymbol},to:{blockchain:s.toBlockchain,address:s.toSymbolAddress,symbol:s.toSymbol}}},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{darkTheme as uh,ListItemButton as mh,styled as No}from"@rango-dev/ui";var $p=No("div",{padding:"$10",width:"350px",maxWidth:"90vw",minHeight:"150px"}),Dp=No("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),Fp=No(mh,{variants:{actionRequired:{true:{backgroundColor:"$error300",[`.${uh} &`]:{backgroundColor:"$error600"}}}}}),Op=No("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),Up=No("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as dh}from"@lingui/core";import{Divider as fh,NoNotificationIcon as gh,Typography as hh}from"@rango-dev/ui";import Zn from"react";function qp(){return Zn.createElement(Up,null,Zn.createElement(gh,{color:"secondary",size:26}),Zn.createElement(fh,{size:12}),Zn.createElement(hh,{variant:"body",size:"medium",color:"neutral700"},dh.t("There are no notifications.")))}i(qp,"NotificationNotFound");var wh=4;function Xi(){let t=kh(),{getUnreadNotifications:e}=Oe(),o=e(),n=g().blockchains(),r=g().tokens(),s=o.sort((l,p)=>p.creationTime-l.creationTime).slice(0,wh),a=i(l=>{t(`${F.swaps}/${l}`)},"handleOnClick");return Ue.createElement($p,null,s.length?Ue.createElement(Dp,null,s.map((l,p)=>{let{route:c,requestId:u,event:d}=l,m=r.find(h=>Le(h,c.from)),f=n.find(h=>h.name===c.from.blockchain),S=r.find(h=>Le(h,c.to)),C=n.find(h=>h.name===c.to.blockchain);return Ue.createElement(Ue.Fragment,{key:u},p>0&&Ue.createElement(Ch,{size:4}),Ue.createElement(Fp,{onClick:()=>a(u),actionRequired:d.messageSeverity===zp.WARNING,title:Ue.createElement(Th,{variant:"body",size:"small",color:d.messageSeverity===zp.WARNING?"$foreground":"$neutral700"},yh.t(d.message)),id:u,start:Ue.createElement(Op,null,Ue.createElement("div",{className:"from-chain-token"},Ue.createElement(Qp,{tokenImage:m?m.image:"",chainImage:f?f.logo:"",size:"small"})),Ue.createElement("div",{className:"to-chain-token"},Ue.createElement(Qp,{tokenImage:S?S.image:"",chainImage:C?C.logo:"",size:"small"}))),end:Ue.createElement(Sh,{size:12,color:"gray"})}))})):Ue.createElement(qp,null))}i(Xi,"NotificationContent");import{useManager as xh}from"@rango-dev/queue-manager-react";import{InProgressIcon as vh}from"@rango-dev/ui";import Hp from"react";var bh=i(()=>{let{manager:t}=xh();return mt(t).map(({swap:o})=>o).find(o=>o.status==="running")?Hp.createElement(Mp,null,Hp.createElement(vh,{color:"info",size:6})):null},"InProgressTransactionBadge"),Gp=bh;import{RefreshProgressButton as Ih}from"@rango-dev/ui";import Ki,{useEffect as Eh,useState as Vp}from"react";var Ah=1e3,jp=60,Wh=100;function Rn({onClick:t}){let[e,o]=Vp(0),[n,r]=Vp(!1),s=i(p=>{document.hidden&&p&&a(p)},"handleVisibilityChange");Eh(()=>{let p;return t?p=window.setInterval(()=>{o(c=>c+1),e===jp&&l()},Ah):a(p),document.addEventListener("visibilitychange",()=>s(p)),()=>{document.removeEventListener("visibilitychange",()=>s(p)),p&&clearInterval(p)}},[e,t]);let a=i(p=>{p&&clearInterval(p),o(0)},"clearTimeout"),l=i(()=>{t?.(),o(0),r(!0)},"handleRefreshClick");return Ki.createElement(Je,{variant:"ghost",size:"small",style:{paddingTop:0,paddingBottom:0},onClick:l,disabled:!t},Ki.createElement(Lp,{onTransitionEnd:()=>r(!1),isRefetched:n},Ki.createElement(Ih,{size:22,color:t?"black":"gray",progress:e/jp*Wh})))}i(Rn,"RefreshButton");import{EventSeverity as Nh}from"@rango-dev/queue-manager-rango-preset";import{Typography as Lh}from"@rango-dev/ui";import Xp from"react";function Kp(){let{getUnreadNotifications:t}=Oe(),e=t(),o=e.length,n=!!e.find(r=>r.event.messageSeverity===Nh.WARNING);return o?Xp.createElement(Np,{isSever:n},Xp.createElement(Lh,{variant:"body",size:"xsmall",color:"$background"},o)):null}i(Kp,"UnreadNotificationsBadge");function jt(t){let{onClickRefresh:e,onClickHistory:o,onClickSettings:n,hidden:r=[]}=t,{config:{features:s}}=g(),a=je("notification",s)||r.includes("notifications");return ve.createElement(ve.Fragment,null,!r.includes("refresh")&&ve.createElement(tr,{container:L(),side:"top",content:er.t("Refresh")},ve.createElement(Rn,{onClick:e})),!a&&ve.createElement(Bh,{align:"end",alignOffset:-88,collisionPadding:{right:20,left:20},container:L(),content:ve.createElement(Xi,null)},ve.createElement("div",null,ve.createElement(tr,{container:L(),side:"top",content:er.t("Notifications")},ve.createElement(Je,{size:"small",variant:"ghost"},ve.createElement(Mh,{size:18,color:"black"}),ve.createElement(Kp,null))))),!r.includes("settings")&&ve.createElement(tr,{container:L(),side:"top",content:er.t("Settings")},ve.createElement(Je,{size:"small",variant:"ghost",onClick:n},ve.createElement(_h,{size:18,color:"black"}))),!r.includes("history")&&ve.createElement(tr,{container:L(),side:"top",content:er.t("Transactions History")},ve.createElement(Je,{size:"small",variant:"ghost",onClick:o},ve.createElement(Ph,{size:18,color:"black"}),ve.createElement(Gp,null))))}i(jt,"HeaderButtons");function Yi(t){let e=t.target;if(e){let o=e.scrollTop,n=L();o>1?n.classList.add("rng-scrolled"):n.classList.remove("rng-scrolled")}}i(Yi,"onScrollContentAttachStatusToContainer");import{css as $h,styled as Ji}from"@rango-dev/ui";var Yp="700px",or=$h({borderRadius:"$primary",display:"flex",flexDirection:"column",overflow:"hidden",boxShadow:"15px 15px 15px 0px rgba(0, 0, 0, 0.05)"}),Jp=Ji("div",{position:"relative",width:"100vw",minWidth:"300px",maxWidth:"390px",backgroundColor:"$background",variants:{height:{auto:{height:"auto",maxHeight:Yp},fixed:{height:Yp}}}}),Zp=Ji("div",{position:"relative",overflow:"hidden",flexGrow:1,display:"flex",flexDirection:"column",padding:0,overflowY:"auto"}),Rp=Ji("div",{padding:"0 $20 $10","& .footer__alert":{paddingTop:"$10"},"& .footer__logo":{opacity:0,transition:"opacity 1s ease-in-out","&.logo__show":{opacity:1},"&.logo__hidden":{visibility:"hidden"}}});function le(t){let{connectHeightObserver:e,disconnectHeightObserver:o}=_i(),{children:n,header:r,footer:s,height:a="fixed"}=t,l=Y.use.connectedWallets(),{config:{features:p,theme:c}}=g(),{watermark:u}=ne(),d=u==="FULL",{activeTheme:m}=Yn(c||{}),f=je("connectWalletButton",p),{isActiveTab:S,tabManagerInitiated:C,showActivateTabModal:h,setShowActivateTabModal:y,activateCurrentTab:k}=ne(),T=Ye(),{manager:x}=Dh(),E=mt(x).map(({swap:z})=>z).some(z=>z.status==="running"),v=i(()=>k(zt.forceClaim,E),"onActivateTab"),w=i(()=>{r.onWallet?.()},"onConnectWallet"),A=typeof r.hasBackButton>"u"||r.hasBackButton,N=oc(null),M=oc(null);return tc(()=>(Xn()&&M.current&&e(M.current),()=>{o()}),[]),tc(()=>(N.current?.addEventListener("scroll",Yi),()=>{N.current?.removeEventListener("scroll",Yi)}),[]),Ce.createElement(Jp,{height:a,id:ke.SWAP_BOX_ID,className:`${m()} ${or()}`,ref:M},Ce.createElement(Oh,{prefix:Ce.createElement(Ce.Fragment,null,A&&Ce.createElement(Hi,{onClick:()=>{T(),r.onBack&&r.onBack()}})),title:r.title,suffix:Ce.createElement(Ce.Fragment,null,r.suffix,r.onWallet&&!f&&Ce.createElement(ji,{container:L(),onClick:w,isConnected:!!l?.length}),r.onCancel&&Ce.createElement(Vi,{onClick:r.onCancel}))}),Ce.createElement(Zp,{ref:N},n),Ce.createElement(Qi,{open:h,onClose:()=>y(!1),onConfirm:v}),Ce.createElement(Rp,null,Ce.createElement("div",{className:"footer__content"},C&&!S&&Ce.createElement("div",{className:"footer__alert"},Ce.createElement(qi,{onActivateTab:v}),Ce.createElement(ec,{size:10})),s),Ce.createElement(ec,{size:12}),Ce.createElement("div",{className:`footer__logo ${d?"logo__show":"logo__hidden"}`},Ce.createElement(Fh,null))))}i(le,"Layout");import{styled as Uh}from"@rango-dev/ui";var nc="$20 $20 $10 $20",Lo=Uh("div",{padding:nc,overflowY:"auto",flexGrow:1});import{styled as qh}from"@rango-dev/ui";var ue=qh("div",{display:"flex",flexDirection:"column",padding:"20px 20px 10px",flexGrow:1,variants:{view:{true:{flexGrow:1,overflow:"hidden"}},compact:{true:{padding:0}}}});import{Divider as Vh}from"@rango-dev/ui";import Ri from"react";import{i18n as co}from"@lingui/core";import{Image as Hh,MessageBox as Zi,WalletState as Gh}from"@rango-dev/ui";import Xt from"react";import{keyframes as zh,styled as nr}from"@rango-dev/ui";var W0=nr("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),rc=nr("div",{position:"relative"}),Qh=zh({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),ic=nr("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Qh} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),sc=nr("div",{"& img":{borderRadius:"50%"}});function ac(t){let{state:e,image:o,error:n}=t;return e===Gh.CONNECTED?Xt.createElement(Zi,{type:"success",title:co.t("Wallet Connected"),description:co.t("Your wallet is connected, you can use it to swap.")}):n?Xt.createElement(Zi,{type:"error",title:co.t("Failed to Connect"),description:n||co.t("Your wallet is not connected. Please try again.")}):Xt.createElement(Zi,{type:"loading",title:co.t("Connecting to your wallet"),description:co.t("Click connect in your wallet popup."),icon:Xt.createElement(rc,null,Xt.createElement(sc,null,Xt.createElement(Hh,{src:o,size:45})),Xt.createElement(ic,null))})}i(ac,"ModalContent");function Mo(t){let{open:e,onClose:o,...n}=t;return Ri.createElement(ce,{open:e,onClose:o,container:document.getElementById(ke.SWAP_BOX_ID)||document.body},Ri.createElement(ac,{...n}),Ri.createElement(Vh,{direction:"vertical",size:32}))}i(Mo,"WalletModal");var Yh=cc("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Jh=cc(ue,{textAlign:"center"}),rr=3e3,es=300;function uc(){let{config:t,fetchStatus:e}=g(),[o,n]=pc(!1),[r,s]=pc(""),a=null,l=ne.use.isActiveTab(),{list:p,handleClick:c,error:u,disconnectConnectingWallets:d}=lo({config:t,onBeforeConnect:h=>{a=setTimeout(()=>{n(!0),s(h)},es)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},rr)}}),m=i(()=>{d(),n(!1)},"handleCloseWalletModal"),f=p.find(h=>h.type===r),S=f?.image||"",C=f?.state||Kh.NOT_INSTALLED;return uo.createElement(le,{header:{title:lc.t("Connect Wallets")}},uo.createElement(Jh,null,uo.createElement(jh,{variant:"title",size:"xmedium",align:"center"},lc.t("Choose a wallet to connect.")),uo.createElement(Yh,null,p.map((h,y)=>{let k=`wallet-${y}-${h.type}`;return uo.createElement(Xh,{key:k,...h,container:L(),onClick:T=>{c(T)},isLoading:e==="loading",disabled:!l})}),uo.createElement(Mo,{open:!!o,onClose:m,image:S,state:C,error:u}))))}i(uc,"WalletsPage");import{keyframes as Zh,styled as ts}from"@rango-dev/ui";var mc=ts("div",{position:"relative"}),Rh=Zh({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),dc=ts("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Rh} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),fc=ts("div",{"& img":{borderRadius:"50%"}});var ny=7;function ns(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:s}=t,{config:a}=g(),l=ne.use.isActiveTab(),p=Y.use.connectedWallets(),{blockchains:c}=g(),[u,d]=Bo(""),[m,f]=Bo(null),[S,C]=Bo(!1),[h,y]=Bo(null),{suggestAndConnect:k}=sr(),T=null,{list:x,error:I,handleClick:E,disconnectConnectingWallets:v}=lo({config:a,chain:e,onBeforeConnect:U=>{T=setTimeout(()=>{d(U)},es)},onConnect:()=>{T&&clearTimeout(T),setTimeout(()=>{d("")},rr)}}),[w,A]=Bo(x),N=x.length,M=r&&N-r>0,z=i(async U=>{C(!1),y("in-progress");try{await k(U.walletType,U.chain),y("completed")}catch{y("rejected")}},"addExperimentalChain");yc(()=>{A(U=>{let ee=x.findIndex(re=>o(re.type,e));return M&&ee>1?[x[ee]].concat(x.filter((re,Q)=>Q!==ee)):U.map(re=>x.find(Q=>Q.type===re.type)??re)})},[JSON.stringify(x)]);let X=document.getElementById(ke.SWAP_BOX_ID);yc(()=>{let U=null;return(h==="completed"||h==="rejected")&&(U=setTimeout(()=>y(null),rr)),()=>{U&&clearTimeout(U)}},[h]);let V=i(()=>{v(),d("")},"handleCloseWalletModal");return me.createElement(me.Fragment,null,w.slice(0,r).map(U=>{let ee=Va({connectedWallets:p,walletType:U.type,chain:e}),re=ee?Tn(ee,ny):"",Q=Sn(c(),e),B=!p.find(ie=>ie.walletType===U.type&&ie.chain===e),b=Q&&B&&U.state===hc.CONNECTED,J=b?ot.t({id:"Add {chain} chain",values:{chain:e}}):re,de=i(()=>{U.state===hc.DISCONNECTED?E(U.type):b?(f({walletType:U.type,chain:e,address:ee??""}),C(!0)):n({walletType:U.type,chain:e,address:ee??""})},"onClick"),Z=m?.chain?cl(m.chain,c()):void 0;return me.createElement(me.Fragment,{key:`${U.title}_${Z}`},me.createElement(Mo,{open:u===U.type,onClose:V,image:U.image,state:U.state,error:I}),!!m&&me.createElement(ce,{open:!!m&&S,container:X,onClose:()=>{f(null)}},me.createElement(ir,{title:ot.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:Z}}),type:"warning",description:ot.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:Z}})},me.createElement(os,{size:18}),me.createElement(os,{size:32}),me.createElement(ey,{onClick:z.bind(null,m),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},ot.t("Confirm")))),h&&me.createElement(ce,{open:!!h,onClose:y.bind(null,null),container:X},h==="in-progress"&&me.createElement(ir,{type:"loading",title:ot.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:Z}}),description:ot.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:Z}}),icon:me.createElement(mc,null,me.createElement(fc,null,me.createElement(ty,{src:U.image,size:45})),me.createElement(dc,null))}),h==="completed"&&me.createElement(ir,{type:"success",title:ot.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:Z}}),description:ot.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:Z}})}),h==="rejected"&&me.createElement(ir,{type:"error",title:ot.t("Request Rejected"),description:ot.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:Z}})}),me.createElement(os,{direction:"vertical",size:32})),me.createElement(oy,{key:U.type,description:J,onClick:de,selected:o(U.type,e),disabled:!l,...U}))}),M&&me.createElement(up,{selected:!1,onClick:s},me.createElement(gc,{variant:"label",size:"medium"},ot.t("Show more wallets"),me.createElement(gc,{variant:"label",size:"medium",color:"$primary"},"\xA0+",N-(r??0)))))}i(ns,"WalletList");var uy=2;function Cc(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,loading:s}=t,a=g().config,l=g().blockchains(),{selectedQuote:p,setSelectedWallets:c,quoteWalletsConfirmed:u,setQuoteWalletConfirmed:d,customDestination:m,setCustomDestination:f}=H(),{connectedWallets:S,selectWallets:C}=Y(),[h,y]=fo(""),[k,T]=fo([]),[x,I]=fo(""),[E,v]=fo(null),[w,A]=fo(!!m),N=Nn(p?.swaps||null),M=l.find(G=>G.name===p?.swaps[p?.swaps.length-1].to.blockchain),z=i(G=>!!p?.swaps.find(K=>K.from.blockchain===G),"isWalletRequiredFor"),X=i(()=>S.filter(G=>G.selected&&N.includes(G.chain)),"getInitialSelectableWallets"),[V,U]=fo(X()),ee=l.find(G=>G.name===M?.name),re=k.length>0,Q=i((G,K)=>!!V.find(te=>te.walletType===G&&te.chain===K&&te.selected&&(z(K)||!z(K)&&!m)),"isSelected"),B=!!m&&w&&ee&&!Ln(ee,m),b=i(()=>{A(!1),f(null),U(G=>{let K=!1;return G.map(te=>!K&&te.chain===M?.name?(K=!0,{...te,selected:!0}):te)})},"resetCustomDestination"),J=i(G=>{if(h&&y(""),Q(G.walletType,G.chain))return;let te=S.find(Ie=>Ie.walletType===G.walletType&&Ie.chain===G.chain);te&&(n(),G.chain===M?.name&&w&&(A(!1),f(null)),U(Ie=>Ie.filter(et=>et.chain!==G.chain).concat({...te,selected:!0})))},"onChange"),de=i(()=>{let G=V.filter(K=>K.selected);C(G),c(G),d(!0),o()},"onConfirmBalance"),Z=i(async()=>{T([]),I(""),v(null);let G=S.filter(Ie=>V.find(et=>et.chain===Ie.chain&&et.walletType===Ie.walletType)),K=await r?.({selectedWallets:G,customDestination:m}),te=K.warnings;te?.balance?.messages&&T(te.balance.messages),te?.quoteUpdate&&v(te.quoteUpdate),K.error&&I(Ll(K.error)),!K.error&&!te?.balance?.messages.length?de():T(te?.balance?.messages??[])},"onConfirmWallets");py(()=>{U(G=>G.concat(S.filter(K=>!!!G.find(Ie=>Ie.chain===K.chain)&&K.selected&&N.includes(K.chain))))},[S.length]);let ie=document.getElementById(ke.SWAP_BOX_ID),oo=cy();return $.createElement(ce,{open:e,onClose:()=>{u||oo("../",{replace:!0}),o()},dismissible:!h,container:ie,...!h&&{footer:$.createElement(Sp,null,$.createElement(Sc,{loading:s,disabled:Kl(s,w,m,p,V,M),onClick:Z,variant:"contained",type:"primary",fullWidth:!0,size:"large"},dt.t("Confirm")))},...h&&{styles:{container:{padding:"$0"}},header:$.createElement(mp,null,$.createElement(dp,{variant:"ghost",onClick:y.bind(null,"")},$.createElement(sy,{size:16})),$.createElement(ar,{variant:"headline",size:"small"},dt.t({id:"Your {blockchainName} wallets",values:{blockchainName:Ve(h,l)}})))},anchor:"center"},$.createElement(ce,{open:re,onClose:T.bind(null,[]),container:ie},$.createElement(ay,{title:dt.t("Insufficient account balance"),type:"error",description:$.createElement(ry,{messages:k??[]})},$.createElement(Sc,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:de},dt.t("Proceed anyway")))),h&&$.createElement(fp,null,$.createElement("div",{className:gp()},$.createElement(ns,{chain:h,isSelected:Q,selectWallet:J,onShowMore:y.bind(null,h)}))),!h&&$.createElement($.Fragment,null,x&&$.createElement($.Fragment,null,$.createElement(rs,{variant:"alarm",type:"error",title:dt.t(x)}),$.createElement(mo,{size:12})),E&&$.createElement($.Fragment,null,$.createElement(rs,{variant:"alarm",type:"warning",title:qn(E)}),$.createElement(mo,{size:12})),$.createElement(Tp,null,N.map((G,K)=>{let te=l.find($e=>$e.name===G),Ie=`wallet-${K}`,et=K===N.length-1;return $.createElement("div",{key:Ie},$.createElement(pp,null,$.createElement(ar,{variant:"title",size:"xmedium"},dt.t({id:"Your {blockchainName} wallets",values:{blockchainName:te?.shortName}})),$.createElement(ar,{variant:"label",color:"$neutral700",size:"medium"},dt.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:te?.shortName}}))),$.createElement(mo,{size:24}),$.createElement(cp,null,$.createElement(ns,{chain:G,isSelected:Q,selectWallet:J,limit:uy,onShowMore:()=>y(te?.name??"")})),!et&&$.createElement(mo,{size:32}),et&&a?.customDestination&&$.createElement(hp,null,$.createElement(Vn,{onOpenChange:$e=>{$e?z(M?.name??"")||U(De=>De.map(ye=>ye.chain===M?.name?{...ye,selected:!1}:ye)):b()},hasSelected:!0,open:w,triggerAnchor:"top",trigger:$.createElement(kp,null,$.createElement("div",{className:"button__content"},$.createElement(ly,{size:18,color:"info"}),$.createElement(mo,{size:4,direction:"horizontal"}),$.createElement(ar,{variant:"label",size:"medium"},dt.t("Send to a different address"))),$.createElement(Hn,{orientation:w?"up":"down"},$.createElement(iy,{size:10,color:"gray"}))),onClickTrigger:()=>A($e=>!$e)},$.createElement(mo,{size:4}),$.createElement(Cp,{autoFocus:!0,placeholder:dt.t("Your destination address"),value:m||"",onChange:$e=>{let De=$e.target.value;De.length?f(De.length?De:null):(A(!1),f(null))}})),B&&$.createElement("div",{className:yp()},$.createElement(rs,{variant:"alarm",type:"error",title:dt.t({values:{destination:m},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(Cc,"ConfirmWalletsModal");import{i18n as Ny}from"@lingui/core";import{Alert as Ly,Button as My,InfoIcon as By}from"@rango-dev/ui";import He from"react";import{Alert as fy,Button as gy,Divider as as,NoRouteIcon as hy,RefreshIcon as yy,Typography as Ic}from"@rango-dev/ui";import Qe from"react";import{i18n as Tc}from"@lingui/core";var my=24,dy=60;function kc(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:R().genericServerError,action:{onClick:n,title:Tc.t("Retry")}},description:""}:e.length?{alert:{type:"warning",text:R().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:Tc.t("Reset")}},description:R().liquiditySourcesError.description}:t?.type===0&&t.diagnosisMessage?{alert:{type:"error",text:t.diagnosisMessage,action:null},description:""}:{alert:null,description:R().noResultError.description}}i(kc,"makeInfo");var is=(o=>(o[o.small=my]="small",o[o.large=dy]="large",o))(is||{}),ss=(o=>(o.small="small",o.large="medium",o))(ss||{});import{styled as lr}from"@rango-dev/ui";var wc=lr("div",{display:"flex",flexDirection:"column",alignItems:"center"}),xc=lr("div",{variants:{size:{small:{},large:{maxWidth:"316px"}}}}),vc=lr("div",{variants:{size:{small:{width:"100%"},large:{}}}}),bc=lr("div",{padding:"$6 $0"});function _o(t){let{fetch:e,error:o,size:n="small"}=t,r=g().getDisabledLiquiditySources(),s=g().toggleAllLiquiditySources,a=g().swappers(),l=kc(o,r,()=>s(a,!0),e);return Qe.createElement(wc,null,Qe.createElement(hy,{size:is[n],color:"gray"}),Qe.createElement(as,{size:4}),Qe.createElement(Ic,{variant:"title",size:ss[n]},R().noResultError.title),n==="large"&&Qe.createElement(as,{size:4}),!!l.description&&Qe.createElement(xc,{size:n},Qe.createElement(Ic,{variant:"body",size:"small",align:"center",color:"neutral700"},l.description)),Qe.createElement(as,{size:n==="large"?"24":"4"}),!!l.alert&&Qe.createElement(vc,{size:n},Qe.createElement(fy,{type:l.alert.type,title:l.alert.text,titleAlign:"left",action:l.alert.action&&Qe.createElement(gy,{size:"xsmall",type:l.alert.type,prefix:Qe.createElement(bc,null,Qe.createElement(yy,{size:8})),onClick:l.alert.action.onClick},l.alert.action.title),variant:"alarm"})))}i(_o,"NoResult");import{i18n as Po}from"@lingui/core";import{Button as Cy,Divider as Ty,MessageBox as ky,Typography as wy,WarningIcon as xy}from"@rango-dev/ui";import Tt from"react";import{Typography as Nc}from"@rango-dev/ui";import ps from"react";import{darkTheme as Sy,styled as pr}from"@rango-dev/ui";var Ec=pr("div",{width:"100%"}),ls=pr("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:"$5",width:"100%"}),Ac=pr("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${Sy} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Wc=pr("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function Lc(t){let{title:e,value:o,valueColor:n}=t;return ps.createElement(Ac,null,ps.createElement(Nc,{size:"medium",variant:"label",className:"_title"},e),ps.createElement(Nc,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(Lc,"QuoteErrorsModalItem");function Mc(t){let{open:e,onClose:o,onConfirm:n,warning:r,confirmationDisabled:s}=t,a=r.warningLevel==="high"?"error":"warning",l=[{title:Po.t("Swapping"),value:W(r.inputUsdValue,4,4)},{title:Po.t("Gas cost"),value:W(r.totalFee,2,2)},{title:Po.t("Receiving"),value:W(r.outputUsdValue,4,4)},{title:Po.t("Price impact"),value:W(r.priceImpact,2,2),valueColor:`${a}500`}];return Tt.createElement(ce,{footer:Tt.createElement(Cy,{type:"primary",size:"large",prefix:Tt.createElement(xy,null),fullWidth:!0,disabled:s,onClick:n},R().highValueLossError.confirmMessage),open:e,onClose:o,container:L()},Tt.createElement(ky,{type:a,title:R().highValueLossError.impactTitle,description:R().highValueLossError.description}),Tt.createElement(ls,null,Tt.createElement(Ty,{size:"4"}),Tt.createElement(wy,{size:"small",variant:"title"},Po.t("Details")),Tt.createElement(ls,null,l.map((p,c)=>Tt.createElement(Lc,{key:c,...p})))))}i(Mc,"HighValueLossWarningModal");import{i18n as cs}from"@lingui/core";function Bc(t,e){let o={alertType:"warning",title:"",action:null};return e?(o.alertType="error",e.type===3&&(o.title=e.recommendation),e.type===4&&(o.title=cs.t({id:"You need to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:e.minRequiredSlippage}}),o.action="change-settings"),o):t?(t.type===0&&(Ct(t.priceImpact)==="high"&&(o.alertType="error"),o.action="show-info",o.title=R().highValueLossError.title),t.type===1&&(o.title=R().unknownPriceError.title),t.type===2&&(o.title=cs.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:t.minRequiredSlippage}}),o.action="change-settings"),t.type===3&&(o.title=cs.t("Caution, your slippage is high."),o.action="change-settings"),o):null}i(Bc,"makeAlerts");import{i18n as go}from"@lingui/core";import{Button as _c,Divider as Pc,MessageBox as vy,Typography as by}from"@rango-dev/ui";import Jt from"react";import{useNavigate as Iy}from"react-router-dom";function $c(t){let{customSlippage:e,slippage:o}=g(),{open:n,onClose:r,onConfirm:s,warning:a,confirmationDisabled:l}=t,p=Iy(),c=e??o;return Jt.createElement(ce,{anchor:"bottom",open:n,prefix:Jt.createElement(_c,{size:"small",variant:"ghost",onClick:()=>p("../"+F.settings)},Jt.createElement(by,{variant:"label",size:"medium",color:"$neutral900"},go.t("Change settings"))),container:L(),onClose:r},Jt.createElement(vy,{type:"warning",title:a.type===3?go.t("High slippage"):go.t("Low slippage"),description:a.type===3?go.t({id:" Caution, your slippage is high (={userSlippage}). Your trade may be front run.",values:{userSlippage:c}}):go.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:a.minRequiredSlippage}})},Jt.createElement(Pc,{size:18}),Jt.createElement(Pc,{size:32}),Jt.createElement(_c,{size:"large",type:"primary",variant:"contained",fullWidth:!0,disabled:l,onClick:s},go.t("Confirm anyway"))))}i($c,"SlippageWarningModal");import{Button as Ey,MessageBox as Ay,WarningIcon as Wy}from"@rango-dev/ui";import cr from"react";function Dc(t){let{open:e,onClose:o,onConfirm:n,confirmationDisabled:r}=t;return cr.createElement(ce,{footer:cr.createElement(Ey,{type:"primary",size:"large",prefix:cr.createElement(Wy,null),fullWidth:!0,disabled:r,onClick:n},R().unknownPriceError.confirmMessage),open:e,onClose:o,container:L()},cr.createElement(Ay,{type:"warning",title:R().unknownPriceError.impactTitle,description:R().unknownPriceError.description}))}i(Dc,"UnknownPriceWarningModal");function $o(t){let{warning:e,error:o,showWarningModal:n,confirmationDisabled:r,refetchQuote:s,onOpenWarningModal:a,onCloseWarningModal:l,onConfirmWarningModal:p,onChangeSettings:c}=t,u={confirmationDisabled:r,open:n,onClose:l,onConfirm:p},d=o?.type===0||o?.type===1,m=Bc(e,o?.type===3||o?.type===4?o:null);return He.createElement(He.Fragment,null,d&&He.createElement(_o,{error:o,fetch:s}),!!m&&He.createElement(Ec,null,He.createElement(Ly,{title:m.title,type:m.alertType,variant:"alarm",...m.action==="show-info"&&{action:He.createElement(Wc,{onClick:a},He.createElement(By,{size:12,color:"gray"}))},...m.action==="change-settings"&&{action:He.createElement(My,{size:"xxsmall",type:m.alertType,onClick:c},Ny.t("Change"))}})),e&&He.createElement(He.Fragment,null,e.type===0&&He.createElement(Mc,{...u,warning:e}),(e.type===3||e.type===2)&&He.createElement($c,{...u,warning:e}),e.type===1&&He.createElement(Dc,{...u,warning:e})))}i($o,"QuoteWarningsAndErrors");import cS from"bignumber.js";import xr from"react";import{i18n as qo}from"@lingui/core";import{Alert as Jy,Divider as zo,FullExpandedQuote as Zy,InfoIcon as Ry,QuoteTag as eS,StepDetails as tS,TokenAmount as oS,Tooltip as hu,Typography as yo}from"@rango-dev/ui";import Cs from"bignumber.js";import _,{useRef as nS,useState as rS}from"react";import{styled as us}from"@rango-dev/ui";var ms=us("div",{width:"100%","& .position-top__skeleton":{paddingTop:"$10"}}),Fc=us("div",{paddingBottom:"$15"}),Oc=us("div",{width:"100%",display:"flex"});import*as ur from"@radix-ui/react-collapsible";import{Button as _y,css as Do,darkTheme as Ae,Image as Uc,styled as Be,Typography as Py}from"@rango-dev/ui";var $y=300,qc=Be(ur.Root,{display:"flex",flexDirection:"column",alignItems:"start",overflowX:"auto",overflowY:"hidden",width:"100%",borderRadius:"$xm",variants:{selected:{true:{},false:{$$color:"$colors$neutral400",[`.${Ae} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}},listItem:{true:{$$color:"$colors$neutral400",[`.${Ae} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"},false:{}}},compoundVariants:[{listItem:!1,selected:!0,css:{$$color:"$colors$info300",[`.${Ae} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"}}]}),zc=Do({padding:"$10 $15"}),Qc=Be(_y,{backgroundColor:"transparent",border:"1px solid $secondary"}),Hc=Be("div",{borderRadius:"$xm",display:"flex",flexDirection:"column",alignItems:"start",justifyContent:"space-between",color:"$foreground",boxSizing:"border-box",position:"relative",variants:{selected:{true:{},false:{$$color:"$colors$neutral200",[`.${Ae} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color"}},basic:{true:{borderTopRightRadius:"0",borderTopLeftRadius:"0"}},listItem:{true:{$$color:"$colors$neutral200",[`.${Ae} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color","&:hover":{"& .quote_container":{"& button":{backgroundColor:"$neutral500",[`.${Ae} &`]:{backgroundColor:"$neutral200"}},backgroundColor:"$neutral500",[`.${Ae} &`]:{backgroundColor:"$neutral200"}},backgroundColor:"$neutral300",[`.${Ae} &`]:{backgroundColor:"$neutral400"}},cursor:"pointer"},false:{}}},compoundVariants:[{listItem:!0,selected:!0,css:{outline:"1px solid $secondary"}},{listItem:!1,selected:!0,css:{$$color:"$colors$info100",[`.${Ae} &`]:{$$color:"$colors$secondary600"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}}},{listItem:!0,selected:!1,css:{cursor:"pointer","&:hover":{backgroundColor:"$neutral300",[`.${Ae} &`]:{backgroundColor:"$neutral400"}}}}]}),Gc=Do({width:"100%",padding:"$15 $15 $10 $15"}),Vc=Do({display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",paddingBottom:"$10",position:"relative"}),ho=Do({display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",".blockchainImage":{marginLeft:"-$8"}}),jc=Do({display:"flex",alignItems:"center",".usd-value":{$$color:"$colors$neutral600",[`.${Ae} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Xc=Be(ur.Trigger,{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",height:"$36",padding:"$10 $15",boxSizing:"border-box",cursor:"pointer",border:"none",outline:"none",backgroundColor:"transparent",variants:{error:{true:{[`& ${Uc}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${Uc}`]:{border:"1px transparent solid",borderRadius:"100%"}}},selected:{true:{},false:{$$color:"$colors$neutral400",[`.${Ae} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}},listItem:{true:{$$color:"$colors$neutral400",[`.${Ae} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"},false:{}}},compoundVariants:[{listItem:!1,selected:!0,css:{$$color:"$colors$info300",[`.${Ae} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"}}],".blockchains_section":{display:"none"},"@xs":{".blockchains_section":{display:"block"}}}),Kc=Be("div",{width:"18px",height:"18px",borderRadius:"100%",display:"flex",justifyContent:"center",alignItems:"center",border:"1.5px transparent solid",img:{borderRadius:"100%"},variants:{state:{error:{borderColor:"$error500"},warning:{borderColor:"$warning500"}}}}),Yc=Be(Qn,{width:"100%",background:"inherit"}),ds=Be("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${$y}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),dL=Be("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),Jc=Be("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${Ae} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),Zc=Be("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"}),fs=Be(Py,{overflow:"hidden",textOverflow:"ellipsis",letterSpacing:.4}),Rc=Be("div",{display:"flex",flexWrap:"wrap"}),gs=Be("div",{width:"18px",height:"18px",borderRadius:"100%",backgroundColor:"$background",cursor:"default",display:"flex",justifyContent:"center",alignItems:"center",border:"1.5px transparent solid",variants:{state:{error:{borderColor:"$error500"},warning:{borderColor:"$warning500"}}}}),eu=Be("div",{display:"flex"}),mr=Be("div",{width:"100%",borderTopWidth:"1px",borderTopStyle:"solid",borderTopColor:"$neutral",margin:"$5 0",[`.${Ae} &`]:{borderTopColor:"$neutral800"}});import{i18n as $t}from"@lingui/core";import{ChevronDownIcon as Fy,CloseIcon as Oy,Divider as gr,IconButton as Uy,QuoteCost as qy,Tooltip as zy,Typography as nt}from"@rango-dev/ui";import j,{useState as ru}from"react";import{css as Dy,styled as dr}from"@rango-dev/ui";var fr=dr("div",{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"$5 0","&.total_payable_fee":{padding:"$12 0"}}),hs=dr("div",{width:"100%",borderTop:"1px solid $neutral300",margin:"$10 0"}),tu=dr("div",{padding:"$20 0",display:"flex",flexDirection:"column","& .collapsible_trigger":{display:"flex",alignItems:"center"}}),ou=dr("div",{padding:"$20 $20 $10",textAlign:"center",position:"relative","._icon-button":{position:"absolute",zIndex:10,top:"$16",right:"$16"}}),nu=Dy({display:"flex",flexDirection:"row",alignItems:"center",padding:"$5","&:hover":{"& ._typography, & svg":{color:"$secondary"}}});var Qy=i(t=>t.fee.isZero()?null:j.createElement(fr,null,j.createElement(nt,{variant:"label",size:"medium",color:"neutral600"},t.label),j.createElement(nt,{variant:"label",size:"medium"},"$",W(t.fee,4,4))),"NonPayableFee");function iu(t){let[e,o]=ru(!1),[n,r]=ru(!1),{steps:s,quote:a,fee:l,time:p,feeWarning:c,showModalFee:u}=t,d=a?.swaps??[],m=L(),f=Dl(d);return j.createElement(j.Fragment,null,j.createElement(qy,{onClickFee:u?S=>{S.stopPropagation(),o(!e)}:void 0,fee:l,feeWarning:c,time:p,steps:s,tooltipGas:u?$t.t("View more info"):void 0,tooltipContainer:m}),j.createElement(ce,{container:m,open:e,header:j.createElement(ou,null,j.createElement(nt,{variant:"title",size:"medium"},$t.t("Gas & Fee Explanation")),j.createElement(Uy,{onClick:()=>o(!1),variant:"ghost"},j.createElement(Oy,{color:"gray",size:14}))),onClose:()=>{o(!1)}},j.createElement(tu,null,j.createElement(nt,{variant:"title",size:"small"},$t.t("Details")),j.createElement(gr,{size:10}),Object.entries(f.payable).flatMap(([S,C])=>C.map((h,y)=>{let k=`payable-fee-${y}`,T=vi(h);return j.createElement(fr,{key:k},j.createElement(nt,{variant:"label",size:"medium",color:"neutral600"},ki[S]),j.createElement(zy,{content:pe(h.amount),container:m},j.createElement(nt,{variant:"label",size:"medium"},W(h.amount,2,2)," ",h.asset.symbol," ($",W(T,4,4),")")))})),j.createElement(fr,{className:"total_payable_fee"},j.createElement(nt,{variant:"label",size:"medium"},$t.t("Total Payable Fee")),j.createElement(nt,{variant:"label",size:"medium"},"$",W(l,4,4))),j.createElement(hs,null),Object.keys(f.nonePayable).length&&j.createElement(Vn,{triggerAnchor:"bottom",onClickTrigger:()=>r(S=>!S),trigger:j.createElement("div",{className:nu()},j.createElement(nt,{size:"small",variant:"body",color:"neutral700"},n?$t.t("Hide non-payable fees"):$t.t("Show non-payable fees")),j.createElement(gr,{size:4,direction:"horizontal"}),j.createElement(Hn,{orientation:n?"up":"down"},j.createElement(Fy,{size:12,color:"gray"}))),open:n},j.createElement(nt,{size:"small",variant:"title"},$t.t("Description")),j.createElement(gr,{size:4}),j.createElement(nt,{size:"small",variant:"body",color:"neutral700"},$t.t(`The following fees are considered in the transaction output and
2
- you won\u2019t need to pay extra gas for them.`)),j.createElement(gr,{size:10}),Object.entries(f.nonePayable).map(([S,C],h)=>{let y=$l(C),k=ki[S],T=`non-payable-fee-${h}`;return j.createElement(Qy,{key:T,fee:y,label:k})}),j.createElement(hs,null)))))}i(iu,"QuoteCostDetails");import{i18n as lu}from"@lingui/core";import{TokenAmount as pu}from"@rango-dev/ui";import hr from"react";import{css as Hy,styled as Gy}from"@rango-dev/ui";var su=Gy("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%"}),au=Hy({height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"});function Fo(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return hr.createElement(su,null,hr.createElement(pu,{direction:"horizontal",label:lu.t("Swap input"),type:"input",tooltipContainer:L(),price:{value:e.price.value,usdValue:e.price.usdValue,realValue:e.price.realValue,realUsdValue:e.price.realUsdValue},token:{displayName:e.token.displayName,image:e.token.image},chain:{image:e.chain.image}}),hr.createElement("div",{className:au()}),hr.createElement(pu,{direction:"horizontal",tooltipContainer:L(),label:lu.t("Estimated output"),type:"output",price:{value:o.price.value,usdValue:o.price.usdValue,realValue:o.price.realValue,realUsdValue:o.price.realUsdValue},token:{displayName:o.token.displayName,image:o.token.image},chain:{image:o.chain.image},percentageChange:n,warningLevel:r}))}i(Fo,"QuoteSummary");import{i18n as fu}from"@lingui/core";import{ChevronDownIcon as Xy,ChevronRightIcon as Ky,Divider as ys,Image as Yy,Tooltip as Ss,Typography as Sr}from"@rango-dev/ui";import D from"react";import{useEffect as Vy,useState as Oo}from"react";var cu=480,uu=768,mu=1024,du=1200,jy=i(()=>{let[t,e]=Oo(!1),[o,n]=Oo(!1),[r,s]=Oo(!1),[a,l]=Oo(!1),[p,c]=Oo(!1),u=i(()=>{e(window.innerWidth<=cu),n(window.innerWidth>cu&&window.innerWidth<=uu),s(window.innerWidth>uu&&window.innerWidth<=mu),l(window.innerWidth>mu&&window.innerWidth<=du),c(window.innerWidth>du)},"handleResize");return Vy(()=>(u(),window.addEventListener("resize",u),()=>window.removeEventListener("resize",u)),[]),{isMobile:t,isTablet:o,isNotebook:r,isLargeScreen:a,isExtraLargeScreen:p}},"useScreenDetect"),yr=jy;var Cr=4,Tr=6,Uo=i(t=>{let e=L(),{content:o,src:n,className:r,open:s,state:a}=t;return D.createElement(Ss,{container:e,side:"bottom",sideOffset:4,open:s,content:o},D.createElement(Kc,{className:r,state:a},D.createElement(Yy,{src:n,size:16})))},"ImageComponent");function gu(t){let{quoteRef:e,selected:o,setExpanded:n,steps:r,expanded:s,type:a}=t,l=L(),p=r.length,c=tp(r),{isTablet:u,isMobile:d}=yr();return D.createElement(Xc,{listItem:a==="list-item",ref:m=>e.current=m,selected:o,onClick:m=>{m.stopPropagation(),n(f=>!f)}},D.createElement("div",{className:ho()},D.createElement(Sr,{variant:"body",size:"xsmall"},fu.t("Via:")),D.createElement(ys,{direction:"horizontal",size:4}),r.map((m,f)=>{let S=`item-${f}`,C=D.createElement(ds,null,D.createElement(Ky,{size:12,color:"black"}));return d||u?D.createElement(D.Fragment,{key:S},D.createElement(Uo,{content:m.swapper.displayName,src:m.swapper.image,state:m.state}),f!==p-1&&D.createElement(D.Fragment,null,C)):D.createElement(D.Fragment,{key:S},p<=Cr||p>Cr&&f<Cr-1?D.createElement(D.Fragment,null,D.createElement(Uo,{content:m.swapper.displayName,src:m.swapper.image,state:m.state}),f!==p-1&&D.createElement(D.Fragment,null,C)):f===Cr-1&&D.createElement(Ss,{container:l,side:"bottom",align:"right",sideOffset:4,content:D.createElement("div",{className:ho()},C,r.map((h,y)=>{let k=`image-${y}`;return y>=f&&D.createElement(D.Fragment,{key:k},D.createElement(Uo,{content:h.swapper.displayName,src:h.swapper.image,state:h.state,open:!1}),y!==p-1&&D.createElement(D.Fragment,null,C))}))},D.createElement(gs,{state:r.find((h,y)=>y>=f&&(h.state==="error"||h.state==="warning"))?.state},D.createElement(Sr,{size:"xsmall",variant:"body"},"+",p-f))))})),D.createElement("div",{className:ho()},D.createElement("div",{className:"blockchains_section"},D.createElement("div",{className:ho()},D.createElement(Sr,{variant:"body",size:"xsmall"},fu.t("Chains:")),D.createElement(ys,{direction:"horizontal",size:4}),c.map((m,f)=>D.createElement(D.Fragment,{key:m.displayName},c.length<=Tr||c.length>Tr&&f<Tr-1?D.createElement(Uo,{content:"",src:m.image,open:!1,className:f!==0?"blockchainImage":""}):f===Tr-1&&D.createElement(Ss,{container:l,side:"bottom",align:"right",sideOffset:4,content:D.createElement("div",{className:ho()},c.map((S,C)=>C>=f&&D.createElement(Uo,{key:S.displayName,content:"",src:S.image,open:!1,className:C>f?"blockchainImage":""})))},D.createElement(gs,{className:"blockchainImage"},D.createElement(Sr,{size:"xsmall",variant:"body"},"+",c.length-f))))),D.createElement(ys,{direction:"horizontal",size:32}))),D.createElement(ds,{orientation:s?"up":"down"},D.createElement(Xy,{size:12,color:"black"}))))}i(gu,"QuoteTrigger");function Ts(t){let{quote:e,input:o,output:n,error:r,warning:s,type:a,selected:l=!1,tagHidden:p=!0,showModalFee:c=!0,onClickAllRoutes:u,fullExpandedMode:d=!1}=t,m=g().blockchains(),f=g().tokens(),S=g().swappers(),[C,h]=rS(t.expanded),y=nS(null),k=W(o.value,6,6),T=W(n.value,6,6),x=n.usdValue?W(n.usdValue,4,4):"",I=Xe(o.usdValue,n.usdValue??null),E=W(I,2,2),v=Ct(I??0),A=i(Q=>Q.map((B,b)=>{let J,de=r?.type===3&&r.swap.swapperId===B.swapperId||r?.type===4&&r.recommendedSlippages?.has(b),Z=s?.type===2&&s.recommendedSlippages?.has(b);de?J="error":Z&&(J="warning");let ie=de?qo.t("Slippage Error"):qo.t("Slippage Warning");return r?.type===3&&(ie=r?.recommendation),{swapper:{displayName:bo(B.swapperId,S),image:B.swapperLogo},from:{token:{displayName:B.from.symbol,image:B.from.logo},chain:{displayName:Ve(B.from.blockchain,m),image:B.from.blockchainLogo},price:{value:b===0?W(o.value,6,6):W(B.fromAmount,6,6),usdValue:W((B.from.usdPrice??0)*parseFloat(B.fromAmount),4,4),realValue:pe(b===0?o.value:B.fromAmount),realUsdValue:pe(new Cs(B.from.usdPrice??0).multipliedBy(B.fromAmount))}},to:{token:{displayName:B.to.symbol,image:B.to.logo},chain:{displayName:Ve(B.to.blockchain,m),image:B.to.blockchainLogo},price:{value:W(B.toAmount,6,6),usdValue:W((B.to.usdPrice??0)*parseFloat(B.toAmount),4,4),realValue:pe(B.toAmount),realUsdValue:pe(new Cs(B.to.usdPrice??0).multipliedBy(B.toAmount))}},state:J,alerts:de||Z?_.createElement(Fc,null,_.createElement(Jy,{variant:"alarm",type:de?"error":"warning",title:ie,footer:_.createElement(Oc,null,r?.type===3&&_.createElement(_.Fragment,null,_.createElement(yo,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),_.createElement(zo,{direction:"horizontal",size:8}),_.createElement(yo,{size:"xsmall",variant:"body",color:"neutral900"},"|"),_.createElement(zo,{direction:"horizontal",size:8}),_.createElement(yo,{size:"xsmall",variant:"body",color:"neutral900"},qo.t({id:"Yours: {amount} {symbol}",values:{amount:W(B.fromAmount,6,6),symbol:B?.from.symbol}}))),(r?.type===4||s?.type===2)&&_.createElement(yo,{size:"xsmall",variant:"body",color:"neutral900"},qo.t({id:"Minimum required slippage is {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get(b)},...s?.type===2&&{minRequiredSlippage:s.recommendedSlippages?.get(b)}}})))})):void 0}}),"getQuoteSteps")(e?.swaps??[]),N=A.length,M=L(),z=np(t.quote.tags||[]),X=!!u,V=mn(dn(e?.swaps)),U=_n(e?.swaps??[],f),ee=W(U,2,2),re=U.gte(new Cs(Nl));return d?_.createElement(Zy,{selected:l,fee:ee,time:V,tooltipContainer:bn(),steps:A,tags:z,feeWarning:re,percentageChange:E,warningLevel:v,outputPrice:{value:T,usdValue:x,realValue:pe(n.value),realUsdValue:pe(n.usdValue)}}):_.createElement(Hc,{selected:l,listItem:a==="list-item",basic:a==="basic"},_.createElement("div",{className:Gc()},!p&&z.length?_.createElement(_.Fragment,null,_.createElement(eu,null,z.map((Q,B)=>{let b=`${Q.value}_${B}`;return _.createElement(_.Fragment,{key:b},_.createElement(eS,{label:Q.label,value:Q.value}),_.createElement(zo,{size:4,direction:"horizontal"}))})),_.createElement(mr,null),!X&&_.createElement(zo,{size:4})):null,_.createElement("div",{id:"portal-root",className:Vc()},_.createElement(iu,{quote:e,time:V,fee:ee,feeWarning:re,showModalFee:c,steps:N}),X&&_.createElement(Qc,{onClick:Q=>{Q.stopPropagation(),u()},size:"xxsmall",type:"secondary",variant:"default"},_.createElement(yo,{color:"secondary",variant:"label",size:"medium"},qo.t("See All Routes")))),a==="basic"&&_.createElement("div",{className:jc()},_.createElement(Zc,null,_.createElement(Ry,{size:12,color:"gray"})),_.createElement(Rc,null,_.createElement(fs,{size:"small",variant:"body"},`${k} ${A[0].from.token.displayName} = `),_.createElement(hu,{content:pe(n.value),container:M,open:n.value?void 0:!1},_.createElement(fs,{size:"small",variant:"body"},"\xA0",`${T} ${A[A.length-1].to.token.displayName}`))),_.createElement(hu,{content:pe(n.usdValue),container:M,style:{display:"flex"}},_.createElement(yo,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${x})`))),a==="list-item"&&_.createElement(oS,{tooltipContainer:M,type:"output",direction:"vertical",price:{value:T,usdValue:x,realValue:pe(n.value),realUsdValue:pe(n.usdValue)},token:{displayName:A[N-1].to.token.displayName,image:A[N-1].to.token.image},chain:{image:A[N-1].to.chain.image},percentageChange:E,warningLevel:v}),a==="swap-preview"&&_.createElement(_.Fragment,null,_.createElement(Fo,{from:A[0].from,to:A[N-1].to,percentageChange:E,warningLevel:v}),_.createElement(zo,{size:4}))),_.createElement(qc,{selected:l,listItem:a==="list-item",open:C,className:"quote_container",onOpenChange:h},_.createElement(gu,{type:a,quoteRef:y,selected:l,setExpanded:h,expanded:C,steps:A}),_.createElement(Yc,{open:C},_.createElement(Jc,null),_.createElement("div",{className:zc()},A.map((Q,B)=>{let b=`item-${B}`;return _.createElement(tS,{type:"quote-details",key:b,tooltipContainer:M,step:Q,hasSeparator:B!==A.length-1,state:Q.state})})))))}i(Ts,"Quote");import{Divider as lS,Skeleton as pS}from"@rango-dev/ui";import wt from"react";import{darkTheme as iS,styled as kr}from"@rango-dev/ui";var yu=kr("div",{$$color:"$colors$neutral100",[`.${iS} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15",variants:{rounded:{true:{borderRadius:"$xm"}},expanded:{true:{paddingBottom:"3px"},false:{paddingBottom:"$12"}}}}),Su=kr("div",{paddingTop:"$2"}),Cu=kr("div",{paddingLeft:"$8"}),Tu=kr("div",{borderLeft:"1px dashed $foreground",minHeight:" 0",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});import{ChainToken as Nu,Divider as rt,Skeleton as Ge}from"@rango-dev/ui";import O from"react";import{css as sS,styled as kt}from"@rango-dev/ui";var ks=kt("div",{display:"flex"}),ku=kt("div",{padding:"$10 $0 $20"}),wu=kt("div",{padding:"14px $0 $20 $0",display:"flex",flexDirection:"column"}),xu=kt("div",{display:"flex",justifyContent:"start",alignItems:"center"}),vu=kt("div",{display:"flex",justifyContent:"space-between",alignItems:"end"}),bu=kt("div",{height:"$24",marginLeft:"13px",borderLeft:"1px solid $neutral700"}),Iu=kt("div",{width:"65%",display:"flex",justifyContent:"start"}),Eu=kt("div",{display:"flex",flexDirection:"column",alignItems:"start",flexGrow:1,maxWidth:"148px"}),Au=kt("div",{padding:"$15 $0 $15 $0"}),Wu=sS({display:"flex",justifyContent:"space-between",alignItems:"center"});function Qo(t){let{type:e,tagHidden:o=!0}=t,n=O.createElement(vu,null,O.createElement(Iu,null,O.createElement(Nu,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),O.createElement(rt,{size:8,direction:"horizontal"}),O.createElement(Eu,null,O.createElement(Ge,{height:10,width:60,variant:"rounded"}),O.createElement(rt,{size:4}),O.createElement(Ge,{height:15,variant:"rounded"}))),O.createElement(Ge,{height:12,width:64,variant:"rounded"})),r=e==="basic"&&!o;return O.createElement("div",null,!o&&O.createElement(O.Fragment,null,O.createElement(ks,null,O.createElement(Ge,{width:65,height:20,variant:"rounded"}),O.createElement(rt,{size:4,direction:"horizontal"}),O.createElement(Ge,{width:65,height:20,variant:"rounded"}),O.createElement(rt,{size:4,direction:"horizontal"}),O.createElement(Ge,{width:65,height:20,variant:"rounded"})),O.createElement(mr,null),!r&&O.createElement(rt,{size:4})),O.createElement("div",{className:Wu()},O.createElement(ks,null,O.createElement(Ge,{width:60,height:10,variant:"rounded"}),O.createElement(rt,{size:4,direction:"horizontal"}),O.createElement(Ge,{width:60,height:10,variant:"rounded"}),O.createElement(rt,{size:4,direction:"horizontal"}),O.createElement(Ge,{width:60,height:10,variant:"rounded"})),r&&O.createElement(Ge,{width:85,height:24,variant:"rounded"})),e==="basic"&&O.createElement(ku,null,O.createElement(Ge,{height:15,width:148,variant:"rounded"})),e==="list-item"&&O.createElement(wu,null,O.createElement(xu,null,O.createElement(Nu,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),O.createElement(rt,{direction:"horizontal",size:4}),O.createElement(Ge,{height:15,width:150,variant:"rounded"})),O.createElement(rt,{size:10}),O.createElement(Ge,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&O.createElement(O.Fragment,null,O.createElement(rt,{size:4}),O.createElement(Au,null,n,O.createElement(bu,null),n),O.createElement(rt,{size:12})))}i(Qo,"QuoteSummarySkeleton");import{ChainToken as Pu,Divider as xs,NextIcon as aS,Skeleton as wr}from"@rango-dev/ui";import Te from"react";import{styled as Ho}from"@rango-dev/ui";var Lu=Ho("div",{display:"flex",alignItems:"start"}),Mu=Ho("div",{flexGrow:1,paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center",variants:{extraSpace:{true:{paddingBottom:"$40"}}}}),ws=Ho("div",{display:"flex",alignItems:"center",flexGrow:1}),Bu=Ho("div",{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}),_u=Ho("div",{display:"flex",alignItems:"center"});function ft(t){let{separator:e=!0}=t;return Te.createElement(Te.Fragment,null,Te.createElement(_u,null,Te.createElement(wr,{height:22,width:22,variant:"circular"}),Te.createElement(xs,{direction:"horizontal",size:8}),Te.createElement(wr,{height:15,width:148,variant:"rounded"})),Te.createElement(Lu,null,Te.createElement(Tu,{hideSeparator:!e}),Te.createElement(Mu,{extraSpace:e},Te.createElement(ws,null,Te.createElement(Pu,{size:"small",loading:!0,chainImage:"",tokenImage:""}),Te.createElement(xs,{direction:"horizontal",size:8}),Te.createElement(wr,{height:12,variant:"rounded"})),Te.createElement(Bu,null,Te.createElement(aS,{color:"gray",size:16})),Te.createElement(ws,null,Te.createElement(Pu,{size:"small",loading:!0,chainImage:"",tokenImage:""}),Te.createElement(xs,{direction:"horizontal",size:8}),Te.createElement(wr,{height:12,variant:"rounded"})))))}i(ft,"StepSkeleton");function Go(t){let{type:e,expanded:o,tagHidden:n=!1}=t;return wt.createElement(yu,{expanded:o,rounded:e!=="basic"},wt.createElement(Qo,{type:e,tagHidden:n}),wt.createElement(Su,null,wt.createElement(pS,{height:15,variant:"rounded"})),o&&wt.createElement(Cu,null,wt.createElement(lS,{size:24}),wt.createElement(ft,null),wt.createElement(ft,null),wt.createElement(ft,{separator:!1})))}i(Go,"QuoteSkeleton");function Zt(t){let{quote:e,type:o,loading:n,error:r,warning:s,expanded:a=!1,tagHidden:l,onClick:p,showModalFee:c,selected:u,onClickAllRoutes:d,fullExpandedMode:m=!1}=t,{inputAmount:f,inputUsdValue:S,toToken:C}=H(),h=e?.outputAmount?new cS(e?.outputAmount):null,y=e?.outputAmount?$n(e?.outputAmount,Dn(e)||C?.usdPrice):null,T=!(r&&(r.type===0||r.type===1))&&e&&!n;return n?xr.createElement(ms,null,xr.createElement(Go,{tagHidden:l,type:o,expanded:a})):T?xr.createElement(ms,{onClick:()=>p?.(e)},xr.createElement(Ts,{quote:e,error:r,showModalFee:c,warning:s,tagHidden:l,selected:u,type:o,expanded:a,onClickAllRoutes:d,fullExpandedMode:m,input:{value:f,usdValue:S?.toString()??""},output:{value:h?.toString()??"",usdValue:y?.toString()??""}})):null}i(Zt,"QuoteInfo");import{calculatePendingSwap as dS}from"@rango-dev/queue-manager-rango-preset";import{useEffect as fS}from"react";import{useRef as uS,useState as mS}from"react";function vr({request:t}){let[e,o]=mS(!1),n=uS(null),r=i(()=>n.current?.abort(),"cancelFetch");return{fetch:i(async a=>{r(),n.current=new AbortController,o(!0);try{let l=await t(a,{signal:n.current.signal});return n.current=null,l}catch(l){throw l}finally{o(!1)}},"fetch"),loading:e,cancelFetch:r}}i(vr,"useFetch");function $u(){let{fetch:t,loading:e,cancelFetch:o}=vr({request:async(n,r)=>await Wt().confirmRouteRequest(n,r)});return{fetch:t,loading:e,cancelFetch:o}}i($u,"useFetchConfirmQuote");function br(t){if(!t.swaps)throw new Error(R().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});let e=vs(t.swaps);if(e)throw new Error(e.message,{cause:e.options})}i(br,"throwErrorIfResponseIsNotValid");function vs(t){if(Bl(t)){let{swap:n,recommendation:r,fromAmountRangeError:s}=_l(t);return{message:"bridge limit error",options:{type:3,swap:n,recommendation:r,fromAmountRangeError:s}}}let o=Fl(t);if(o){let n=Pn(t);return{message:"",options:{type:4,recommendedSlippages:o,minRequiredSlippage:n}}}return null}i(vs,"getQuoteError");function Du(t,e,o){let n=!1;t&&(n=Rl(t,e));let r={quote:null,quoteUpdate:null,balance:null},s=ro(e,{fromToken:o.fromToken,toToken:o.toToken,tokens:o.meta.tokens,userSlippage:o.userSlippage});s&&(r.quote=s),t&&n&&(Hl(t,e)?r.quoteUpdate={type:3,newOutputAmount:W(no(e)),percentageChange:W(Xe(no(t)??"",no(e)??""),null,2)}:bi(t,e)?r.quoteUpdate={type:0}:Ii(t,e)?r.quoteUpdate={type:1}:Ei(t,e)&&(r.quoteUpdate={type:2}));let a=Gl(e,o.selectedWallets,o.meta.blockchains);return a.length===0||(r.balance={messages:a}),r}i(Du,"generateWarnings");function Ir(t){return t?.code==="ERR_CANCELED"?{swap:null,error:{type:2},warnings:null}:t.cause?{swap:null,error:t.cause,warnings:null}:{swap:null,error:{type:1},warnings:null}}i(Ir,"handleQuoteErrors");function bs(){let{fromToken:t,toToken:e,inputAmount:o,setSelectedQuote:n,selectedQuote:r,customDestination:s,setQuoteWarningsConfirmed:a,resetAlerts:l}=H(),{slippage:p,customSlippage:c}=g(),u=g().getDisabledLiquiditySources(),d=g().blockchains(),m=g().tokens(),f=c||p,{fetch:S,cancelFetch:C,loading:h}=$u();return fS(()=>C,[]),{loading:h,fetch:i(async k=>{let T=k.selectedWallets,x=k?.customDestination??s;if(!t||!e||!o)return{quote:null,swap:null,error:null,warnings:null};let I=T.reduce((v,w)=>(v[w.chain]=w.address,v),{}),E={requestId:r?.requestId||"",selectedWallets:I,destination:x||void 0};try{return await S(E).then(v=>{let{result:w}=v;br({diagnosisMessages:w.diagnosisMessages,requestId:w.requestId,swaps:w.result?.swaps});let A={outputAmount:w.result?.outputAmount,requestId:w.requestId,resultType:w.result?.resultType,swaps:w.result?.swaps||[],validationStatus:w.validationStatus,requestAmount:w.requestAmount};n(A);let N={slippage:f.toString(),disabledSwappersGroups:u},M=dS(o.toString(),w,zl(T),N,!1,{blockchains:d,tokens:m}),z=Du(r??void 0,A,{fromToken:t,toToken:e,meta:{blockchains:d,tokens:m},selectedWallets:T,userSlippage:f});return z.quoteUpdate&&a(!1),l(),{quote:A,swap:M,error:null,warnings:z}})}catch(v){return Ir(v)}},"fetch"),cancelFetch:C}}i(bs,"useConfirmSwap");var ES=SS("div",{width:"100%",display:"flex",justifyContent:"space-between",[`& ${Ou}`]:{width:"$48",height:"$48"}}),AS=Es({flexGrow:1,paddingRight:"$10"}),WS=Es({width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}),NS=Es({display:"flex",justifyContent:"space-between",alignItems:"center"});function Uu(){let{selectedQuote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:s,quoteWarningsConfirmed:a}=H(),l=IS(),p=bS(),[c,u]=jo(""),{connectedWallets:d}=Y(),m=!n,[f,S]=jo(!1),[C,h]=jo(!1),{isActiveTab:y}=ne(),k=g().getDisabledLiquiditySources(),T=xS(k),{manager:x}=gS(),{fetch:I,loading:E,cancelFetch:v}=bs(),[w,A]=jo({swap:null,error:null,warnings:null}),[N,M]=jo(!1),z=i(async({selectedWallets:b,customDestination:J})=>{let de=await I?.({selectedWallets:b,customDestination:J});return A(de),de},"onConfirmSwap"),X=i(async()=>{if(w.swap&&n)try{await x?.create("swap",{swapDetails:w.swap},{id:w.swap.requestId});let b=`../${F.swaps}/${w.swap.requestId}`;l(b,{replace:!0}),setTimeout(()=>{e("")},0)}catch(b){u("Error: "+b?.message)}},"addNewSwap"),V=i(async()=>{h(!0),await X(),h(!1)},"onConfirm"),U=i(async()=>{w?.warnings?.quote&&!a?M(!0):await V()},"onStartConfirmSwap"),ee=i(async()=>{A({error:null,swap:null,warnings:null}),I({selectedWallets:o,customDestination:s}).then(b=>{A(b)}).catch(b=>console.error(b))},"onRefresh");Vo(()=>{!!T.current.length&&!k.length&&ee(),T.current=k},[k.length]),Vo(()=>{m&&v()},[m]),Vo(()=>{m&&S(m)},[m]),Vo(()=>{m||I({selectedWallets:o,customDestination:s}).then(b=>A(b)).catch(b=>console.error(b))},[]),Vo(()=>{let b=w.warnings?.quote?.type&&Object.values(Lt).includes(w.warnings?.quote?.type),J=o.length<1||!o.every(Z=>d.find(ie=>Z.address===ie.address&&Z.walletType===ie.walletType&&Z.chain===ie.chain)),de=!1;if(b){let Z=Nn(t?.swaps||null),ie=t?.swaps[t.swaps.length-1].to.blockchain;!!t?.swaps.find(K=>K.from.blockchain===ie)||(Z=Z.slice(-Z.length,Z.length-1)),Z.every(K=>o.find(te=>te.chain===K))||(de=!0)}t&&(J||de)&&(queueMicrotask(()=>vS(S.bind(null,!0))),r(!1))},[w.warnings?.quote,o.length,d.length]),wS(()=>{t||l(`../${p.search}`)},[]);let re=w.warnings?.quote??null,Q=w.error,B=[];if(c&&B.push(fe.createElement(Fu,{type:"error",variant:"alarm",title:c})),w.warnings?.quoteUpdate&&B.push(fe.createElement(Fu,{variant:"alarm",type:"warning",title:w.warnings.quoteUpdate&&qn(w.warnings.quoteUpdate)})),re||Q){let b=`../${F.settings}`;B.push(fe.createElement($o,{warning:re,error:Q,refetchQuote:ee,showWarningModal:N,confirmationDisabled:!y,onOpenWarningModal:()=>M(!0),onCloseWarningModal:()=>M(!1),onConfirmWarningModal:async()=>{M(!1),await X()},onChangeSettings:()=>l(b)}))}return fe.createElement(le,{header:{title:Er.t("Confirm Swap"),onWallet:()=>{let b=`../${F.wallets}`;l(b)},suffix:fe.createElement(CS,{container:L(),side:"bottom",content:Er.t("Settings")},fe.createElement(Je,{size:"small",variant:"ghost",onClick:()=>l("../"+F.settings)},fe.createElement(yS,{size:18,color:"black"})))},footer:fe.createElement(ES,null,fe.createElement("div",{className:AS()},fe.createElement(hS,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:E||C,disabled:!!w.error||!y,onClick:U},Er.t("Start Swap"))),fe.createElement(Ou,{variant:"contained",type:"primary",size:"large",loading:E||C,disabled:!y,onClick:S.bind(null,!0)},fe.createElement(kS,{size:24})))},f&&fe.createElement(Cc,{open:f,onClose:()=>S(!1),onCancel:v,loading:E,onCheckBalance:z}),fe.createElement(ue,null,fe.createElement("div",{className:NS()},fe.createElement(TS,{variant:"title",size:"small"},Er.t("You get")),fe.createElement("div",{className:WS()},fe.createElement(Rn,{onClick:!E&&!f&&!N?ee:void 0}))),fe.createElement(Is,{size:"12"}),bp(B.map((b,J)=>({element:b,key:`alert-${J}`})),fe.createElement(Is,{size:10})),B.length>0?fe.createElement(Is,{size:10}):null,fe.createElement(Zt,{quote:t,type:"swap-preview",expanded:!0,tagHidden:!0,error:w.error,loading:E,warning:w.warnings?.quote??null})))}i(Uu,"ConfirmSwapPage");import{i18n as Wr}from"@lingui/core";import{useManager as VS}from"@rango-dev/queue-manager-react";import{Divider as Ju,NotFound as jS,styled as XS}from"@rango-dev/ui";import vt,{useState as KS}from"react";import{useNavigate as YS}from"react-router-dom";import{i18n as BS}from"@lingui/core";import{Divider as Gu,GroupedVirtualizedList as _S,Skeleton as PS,SwapListItem as Vu,Typography as $S}from"@rango-dev/ui";import _e,{useCallback as ju,useEffect as DS,useRef as FS,useState as OS}from"react";function qu(t,e){let o=[],n=0;do{let r=t[n];o.push(Math.min(r,e)),e-=r,n++}while(e>0&&n<=t.length);return o}i(qu,"calculateGroupsSoFar");import{css as LS,darkTheme as MS,styled as Xo}from"@rango-dev/ui";var As=LS(),zu=Xo("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$5"}),Ws=Xo("div",{width:"100%",display:"flex",flexDirection:"column",backgroundColor:"$background",padding:"$10 $5 0 $5",[`& .${As}`]:{$$color:"$colors$neutral600",[`.${MS} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Ns=Xo("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),Qu=Xo("div",{gap:"$10",display:"flex",flexDirection:"column"}),Hu=Xo("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});var US=10;function Ls(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,[s,a]=OS([]),l=FS(0),{swaps:p,groupCounts:c,groups:u}=n(e),d=ju(qu,[]),m=ju(()=>{let f=e.length-l.current;f&&(l.current+=Math.min(f,US),a(d(c,l.current)))},[e.length]);if(DS(()=>{r||m()},[r,m]),r){let f=[1,2];return _e.createElement(_e.Fragment,null,[f,f].map((C,h)=>_e.createElement(Ws,{key:h},_e.createElement(Ns,null,_e.createElement(PS,{variant:"text",width:60,size:"small"}),_e.createElement(Gu,{size:16})),_e.createElement(Gu,{size:4}),_e.createElement(Qu,null,C.map((k,T)=>_e.createElement(Vu,{isLoading:!0,key:T}))))))}return _e.createElement(_S,{endReached:()=>{l.current<e.length&&m()},groupCounts:s,groupContent:f=>_e.createElement(Ws,null,_e.createElement(Ns,null,_e.createElement($S,{variant:"label",size:"medium",className:As()},u[f]))),itemContent:(f,S)=>{let C=p[f];if(!C)return null;let h=C.steps[0],y=C.steps[C.steps.length-1];return _e.createElement(zu,{key:C.requestId},_e.createElement(Vu,{requestId:C.requestId,creationTime:C.creationTime,status:C.status,onClick:o,tooltipContainer:L(),onlyShowTime:u[S]===BS.t("Today"),swapTokenData:{from:{token:{image:h.fromLogo,displayName:h.fromSymbol},blockchain:{image:h.fromBlockchainLogo||""},amount:W(C.inputAmount,6,6),realAmount:pe(C.inputAmount)},to:{token:{image:y.toLogo,displayName:y.toSymbol},blockchain:{image:y.toBlockchainLogo||""},amount:W(y.outputAmount||y.expectedOutputAmountHumanReadable||"",6,6),realAmount:pe(y.outputAmount||y.expectedOutputAmountHumanReadable)}}}))}})}i(Ls,"HistoryGroupedList");import{CloseIcon as zS,IconButton as QS,SearchIcon as HS,TextField as GS}from"@rango-dev/ui";import Ko from"react";import{styled as qS}from"@rango-dev/ui";var Xu=qS("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function xt(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:s,value:a,setValue:l,...p}=t;return Ko.createElement(GS,{prefix:Ko.createElement(Xu,null,Ko.createElement(HS,{color:"black"})),suffix:!!a.length&&Ko.createElement(QS,{variant:"ghost",onClick:()=>l?.(""),size:"small"},Ko.createElement(zS,{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(xt,"SearchInput");import{i18n as Ar}from"@lingui/core";import Ku from"dayjs";var Yu=i(t=>{let e=new Map([["today",{title:Ar.t("Today"),swaps:[]}],["week",{title:Ar.t("This week"),swaps:[]}],["month",{title:Ar.t("This month"),swaps:[]}],["year",{title:Ar.t("This year"),swaps:[]}]]);function o(p,c){e.has(p)||e.set(p,{title:p,swaps:[]}),e.get(p)?.swaps.push(c)}i(o,"addYearsToOutput");let n=Ku();t.forEach(p=>{let c=Number(p.creationTime),u=Ku(c);if(n.isSame(u,"day"))e.get("today")?.swaps.push(p);else if(n.isSame(u,"week"))e.get("week")?.swaps.push(p);else if(n.isSame(u,"month"))e.get("month")?.swaps.push(p);else if(n.isSame(u,"year"))e.get("year")?.swaps.push(p);else{let d=new Date(c).getFullYear().toString();o(d,p)}});let r=Array.from(e.values()).filter(p=>p.swaps.length>0),s=r.flatMap(p=>p.swaps),a=r.map(p=>p.swaps.length),l=r.map(p=>p.title);return{swaps:s,groupCounts:a,groups:l}},"groupSwapsByDate");var JS=XS("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),ZS=i((t,e)=>t?.length?t.filter(o=>pt(o.fromBlockchain,e)||pt(o.toBlockchain,e)||pt(o.toSymbol,e)||pt(o.fromSymbol,e)).length:!1,"isStepContainsText");function Zu(){let t=YS(),{manager:e,state:o}=VS(),n=mt(e).map(({swap:u})=>u),[r,s]=KS(""),a=!o.loadedFromPersistor,l=i(u=>{let d=u.target.value;s(d)},"searchHandler"),p=n;r&&(p=n.filter(u=>pt(u.inputAmount,r)||pt(u.status,r)||ZS(u.steps,r)||pt(u.requestId,r)));let c=!p?.length&&!a;return vt.createElement(le,{header:{title:Wr.t("History")}},vt.createElement(ue,null,vt.createElement(xt,{setValue:s,fullWidth:!0,variant:"contained",placeholder:Wr.t("Search Transaction"),autoFocus:!0,onChange:l,value:r}),vt.createElement(Ju,{size:"16"}),vt.createElement(JS,null,c&&vt.createElement(Hu,null,vt.createElement(Ju,{size:32}),vt.createElement(jS,{title:Wr.t("No results found"),description:r?Wr.t("Try using different keywords"):""})),!c&&vt.createElement(Ls,{list:p,onSwapClick:t,groupBy:Yu,isLoading:a}))))}i(Zu,"HistoryPage");import{i18n as hC}from"@lingui/core";import{Button as yC,Divider as gm,styled as SC,WarningIcon as CC}from"@rango-dev/ui";import qe,{useEffect as hm,useState as ym}from"react";import{useNavigate as TC}from"react-router-dom";import{i18n as rC}from"@lingui/core";import{Header as iC}from"@rango-dev/ui";import Dt,{useEffect as sC,useState as aC}from"react";import{i18n as eC}from"@lingui/core";import{Divider as Bs,FullExpandedQuote as tC,Typography as oC}from"@rango-dev/ui";import ge from"react";import{styled as Ms}from"@rango-dev/ui";var Ru=Ms("div",{display:"flex",justifyContent:"center",flexDirection:"column",height:"100%"}),em=Ms("div",{display:"flex",justifyContent:"space-between",alignItems:"center"}),tm=Ms("div",{width:"146px"});import{Select as RS}from"@rango-dev/ui";import om from"react";function Nr(t){let{updateQuotePartialState:e,sortStrategy:o}=H();return om.createElement(tm,null,om.createElement(RS,{container:t.container,options:Wl,value:o,handleItemClick:n=>{e("sortStrategy",n.value)},variant:"filled"}))}i(Nr,"SelectStrategy");var nm=3;function Yo(t){let{loading:e,onClickOnQuote:o,fetch:n,showModalFee:r,hasSort:s=!0,fullExpandedMode:a=!1}=t,{selectedQuote:l,quotes:p,updateQuotePartialState:c,fromToken:u,toToken:d,sortStrategy:m,error:f}=H(),{slippage:S,customSlippage:C}=g(),h=g().tokens(),y=!!p&&p.results.length,k=C??S,T=i(E=>{if(!u||!d||!p)return null;let v={requestAmount:p.requestAmount,...E};return ro(v,{fromToken:u,toToken:d,userSlippage:k,tokens:h})},"getQuoteWarning"),x=f?.type===0||f?.type===1,I=p?.results?Fn(m,p?.results):[];return ge.createElement(ge.Fragment,null,s&&ge.createElement(ge.Fragment,null,ge.createElement(em,null,ge.createElement(oC,{size:"xmedium",variant:"title"},eC.t("Sort by")),ge.createElement(Nr,{container:L()})),ge.createElement(Bs,{size:"10"})),e&&Array.from({length:nm},(E,v)=>ge.createElement(ge.Fragment,{key:v},a?ge.createElement(tC,{loading:!0}):ge.createElement(Go,{tagHidden:!1,type:"list-item",expanded:!1}),v!==nm-1&&ge.createElement(Bs,{size:16}))),!e&&ge.createElement(ge.Fragment,null,y?I.map((E,v)=>{let w=T(E),A=vs(E.swaps),N=I.length-1===v;return ge.createElement(ge.Fragment,{key:E.requestId},ge.createElement(Zt,{showModalFee:r,selected:l?.requestId===E.requestId,tagHidden:!1,quote:{...E,requestAmount:p.requestAmount},loading:e,error:A?.options||null,warning:w,fullExpandedMode:a,onClick:M=>{A||c("warning",w),c("error",A?.options||null),o(M)},type:"list-item"}),!N&&ge.createElement(Bs,{size:16}))}):x&&ge.createElement(Ru,null,ge.createElement(_o,{size:a?"large":"small",error:f,fetch:n}))))}i(Yo,"Quotes");import{darkTheme as nC,styled as rm}from"@rango-dev/ui";var im=rm("div",{transition:"width 0.2s, opacity 0.2s, margin-left 0.2s",height:"700px",width:"390px",opacity:1,marginLeft:"$16",backgroundColor:"$neutral100",[`.${nC} &`]:{backgroundColor:"$neutral300"},variants:{expandMode:{default:{width:"390px"},full:{width:"719px"}}},"&.is-hidden":{width:0,height:0,opacity:0,marginLeft:0}}),sm=rm("div",{position:"relative",overflow:"hidden",padding:"$20",flexGrow:1,display:"flex",flexDirection:"column",overflowY:"auto",borderRadius:"$primary",backgroundColor:"$background"});var lC=100;function _s(t){let{fetch:e,loading:o,onClickOnQuote:n,onClickRefresh:r,isVisible:s}=t,[a,l]=aC(!1),p=a?"":"is-hidden",{config:c}=g(),u=c?.variant==="full-expanded";return sC(()=>{let d=null;return s?d=setTimeout(()=>{l(!0)},lC):(l(!1),d&&clearTimeout(d)),()=>{d&&clearTimeout(d)}},[s]),Dt.createElement(im,{expandMode:c?.variant==="full-expanded"?"full":"default",className:`${p} ${or()}`,id:ke.EXPANDED_BOX_ID},Dt.createElement(iC,{title:rC.t("Routes"),suffix:Dt.createElement(Dt.Fragment,null,Dt.createElement(Nr,{container:bn()}),Dt.createElement(jt,{onClickRefresh:r,hidden:["history","notifications","settings"]}))}),Dt.createElement(sm,null,Dt.createElement(Yo,{showModalFee:!1,fetch:e,hasSort:!1,loading:o,onClickOnQuote:n,fullExpandedMode:u})))}i(_s,"ExpandedQuotes");import{i18n as mm}from"@lingui/core";import{SwapInput as dm}from"@rango-dev/ui";import Jo from"react";import{ReverseIcon as pC,styled as am}from"@rango-dev/ui";import Ps from"react";var cC=am("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),uC=am("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 lm(){let t=H.use.switchFromAndTo();return Ps.createElement(cC,null,Ps.createElement(uC,{onClick:()=>{t()}},Ps.createElement(pC,{size:12})))}i(lm,"SwitchFromAndToButton");import{styled as pm}from"@rango-dev/ui";var cm=pm("div",{display:"flex",flexDirection:"column",gap:"$5",alignSelf:"stretch"}),um=pm("div",{position:"relative"});function $s(t){let{fetchingQuote:e,fetchMetaStatus:o,onClickToken:n}=t,{fromToken:r,fromBlockchain:s,toToken:a,toBlockchain:l,setInputAmount:p,inputAmount:c,inputUsdValue:u,outputAmount:d,outputUsdValue:m,selectedQuote:f}=H(),{connectedWallets:S,getBalanceFor:C}=Y(),{config:{variant:h}}=g(),y=r?C(r):null,k=Cn(y)?.amount??"0",T=s&&r?W(y?.amount,y?.decimals):"0",x=!!s&&ja(S,s.name),I=!xi(f,c,u),E=!xi(f,c,m),v=!u||!m||!m.gt(0)?null:Xe(u.toString(),m.toString());return Jo.createElement(cm,null,Jo.createElement(um,null,Jo.createElement(dm,{label:mm.t("From"),mode:"From",onInputChange:p,balance:k,chain:{displayName:s?.displayName||"",image:s?.logo||""},token:{displayName:r?.symbol||"",image:r?.image||""},onClickToken:()=>n("from"),price:{value:c,usdValue:I?void 0:W(u,4,4),realUsdValue:I?void 0:pe(u),error:I?R().unknownPriceError.impactTitle:void 0},disabled:o==="failed",loading:o==="loading",loadingBalance:x,tooltipContainer:L(),onSelectMaxBalance:()=>{k!=="0"&&p(T.split(",").join(""))}}),Jo.createElement(lm,null)),Jo.createElement(dm,{sharpBottomStyle:h==="default"&&(!!f||e),label:mm.t("To"),mode:"To",fetchingQuote:e,chain:{displayName:l?.displayName||"",image:l?.logo||""},token:{displayName:a?.symbol||"",image:a?.image||""},percentageChange:W(Xe(u,m),2,2),warningLevel:Ct(v??0),price:{value:W(d,6,6),usdValue:E?void 0:W(m,4,4),realValue:pe(d),realUsdValue:E?void 0:pe(m),error:E?R().unknownPriceError.impactTitle:void 0},onClickToken:()=>n("to"),disabled:o==="failed",loading:o==="loading",tooltipContainer:L()}))}i($s,"Inputs");import{useCallback as mC,useEffect as dC,useState as fC}from"react";function fm(){let{fetch:t,loading:e,cancelFetch:o}=vr({request:async(n,r)=>await Wt().getAllRoutes(n,r)});return{fetch:t,loading:e,cancelFetch:o}}i(fm,"useFetchAllQuotes");var gC=600;function Lr({refetchQuote:t}){let{fetch:e,cancelFetch:o}=fm(),{excludeLiquiditySources:n,features:r,enableCentralizedSwappers:s}=g().config,a=Y.use.connectedWallets(),l=g().tokens(),{fromToken:p,toToken:c,inputAmount:u,inputUsdValue:d,selectedQuote:m,sortStrategy:f,resetQuote:S,error:C,warning:h,setSelectedQuote:y,updateQuotePartialState:k}=H(),{slippage:T,customSlippage:x,affiliatePercent:I,affiliateRef:E,affiliateWallets:v,fetchStatus:w}=g(),A=g().getLiquiditySources(),N=g().getDisabledLiquiditySources(),M=g().excludeLiquiditySources(),[z,X]=fC(!0),V=x??T,ee=!p||!c||Le(p,c)||!xo(u),re=i(b=>{X(b)},"resetState"),Q=i(b=>{let{fromToken:J,toToken:de,inputAmount:Z,liquiditySources:ie,excludeLiquiditySources:oo,disabledLiquiditySources:G,slippage:K,affiliateRef:te,affiliatePercent:Ie,affiliateWallets:et}=b;if(z||re(!0),!ee&&J&&de){S();let $e=ql({fromToken:J,toToken:de,inputAmount:Z,liquiditySources:ie,excludeLiquiditySources:oo,disabledLiquiditySources:G,wallets:a,slippage:K,affiliateRef:te,affiliatePercent:Ie,affiliateWallets:et,enableCentralizedSwappers:s});ml("experimentalRoute",r)&&($e.experimental=!0),e($e).then(De=>{let ye=Fn(f,De.results),Fe=op(m,ye,De.requestAmount);X(!1),k("quotes",De),y(Fe),br({diagnosisMessages:De.diagnosisMessages,requestId:Fe?.requestId||"",swaps:Fe?.swaps});let cn=Fe&&ro(Fe,{fromToken:J,toToken:de,userSlippage:V,tokens:l});k("warning",cn)}).catch(De=>{let{error:ye}=Ir(De);(ye?.type===0||ye?.type===1)&&S(),ye?.type!==2&&(k("error",ye),X(!1))})}},"fetch"),B=mC(ll(b=>{ee||Q(b)},gC),[ee]);return dC(()=>{if(!t){X(!1);return}if(w==="success"){if(ee){X(!1),(m||C||h)&&S();return}if(!xo(u)||d?.eq(0)){re(!1),o();return}return S(),re(!0),B({inputAmount:u,fromToken:p,toToken:c,liquiditySources:A,excludeLiquiditySources:M,disabledLiquiditySources:N,slippage:V,affiliateRef:E,affiliatePercent:I,affiliateWallets:v}),o}},[w,u,p?.symbol,p?.address,p?.blockchain,c?.symbol,c?.address,c?.blockchain,ee,A?.length,n,N.length,V,E,I,JSON.stringify(v)]),{fetch:()=>Q({inputAmount:u,fromToken:p,toToken:c,liquiditySources:A,excludeLiquiditySources:M,disabledLiquiditySources:N,slippage:V,affiliateRef:E,affiliatePercent:I,affiliateWallets:v}),loading:z}}i(Lr,"useSwapInput");var kC=SC("div",{display:"grid",gridTemplateColumns:"auto auto",alignItems:"flex-start",maxHeight:700,"& .footer__alert":{paddingTop:"0"}}),wC=300;function Sm(){let t=TC(),{fromToken:e,toToken:o,inputAmount:n,selectedQuote:r,refetchQuote:s,error:a,warning:l,quotes:p,setSelectedQuote:c,resetQuoteWallets:u,setQuoteWarningsConfirmed:d,updateQuotePartialState:m}=H(),[f,S]=ym(!1),{isLargeScreen:C,isExtraLargeScreen:h}=yr(),{fetch:y,loading:k}=Lr({refetchQuote:s}),{config:T,fetchStatus:x}=g(),{connectedWallets:I}=Y(),{isActiveTab:E}=ne(),[v,w]=ym(!1),N=Pl({fetchMetaStatus:x,fetchingQuote:k,inputAmount:n,quote:r,anyWalletConnected:I.length>0,error:a,warning:l,needsToWarnEthOnPath:!1}),M=Ra(C,h,T?.variant),z=!!n&&!!e&&!!o&&n!=="0"&&!Yl(e,o),X=z&&x==="success"&&k,ee=(!M||M&&p?.results.length)&&(l||a);hm(()=>{u(),m("refetchQuote",!0)},[]),hm(()=>{S(z)},[z]);let re=(r||a)&&!v?y:void 0,Q=i(b=>{M&&f?(S(!1),setTimeout(()=>{t(b)},wC)):t(b)},"onHandleNavigation"),B=i(b=>{r?.requestId!==b.requestId&&(w(!1),c(b))},"onClickOnQuote");return qe.createElement(kC,null,qe.createElement(le,{height:"auto",footer:qe.createElement(yC,{type:"primary",size:"large",disabled:N.disabled||!E,prefix:N.action==="confirm-warning"&&qe.createElement(CC,null),fullWidth:!0,onClick:()=>{N.action==="connect-wallet"?Q(F.wallets):N.action==="confirm-warning"?w(!0):Q(F.confirmSwap)}},N.title),header:{onWallet:()=>{Q(F.wallets)},hasBackButton:!1,title:T.title||hC.t("Swap"),suffix:qe.createElement(jt,{hidden:M?["refresh"]:void 0,onClickRefresh:re,onClickHistory:()=>Q(F.swaps),onClickSettings:()=>{Q(F.settings)}})}},qe.createElement(ue,null,qe.createElement($s,{fetchingQuote:X,fetchMetaStatus:x,onClickToken:b=>{Q(b==="from"?F.fromSwap:F.toSwap)}}),qe.createElement(gm,{size:"2"}),M?null:qe.createElement(Zt,{quote:r,loading:X,error:a,tagHidden:!1,warning:l,type:"basic",onClickAllRoutes:p&&p.results.length>1?()=>{m("refetchQuote",!1),Q(F.routes)}:void 0}),ee?qe.createElement(qe.Fragment,null,qe.createElement(gm,{size:"10"}),qe.createElement($o,{warning:l,error:a,refetchQuote:y,showWarningModal:v,confirmationDisabled:!E,onOpenWarningModal:()=>w(!0),onCloseWarningModal:()=>w(!1),onConfirmWarningModal:()=>{w(!1),d(!0),Q(F.confirmSwap)},onChangeSettings:()=>Q(F.settings)})):null)),M?qe.createElement(_s,{loading:X,onClickOnQuote:B,fetch:y,onClickRefresh:re,isVisible:f}):null)}i(Sm,"Home");import{i18n as Cm}from"@lingui/core";import{Alert as xC,Divider as vC,List as bC,ListItemButton as IC,Radio as EC,RadioRoot as AC,Typography as WC}from"@rango-dev/ui";import gt from"react";function Ft(){let{setLanguage:t,language:e,config:o}=g(),n=fl,r=o?.language||Io;return{activeLanguage:e||r,languages:n,defaultLanguage:r,changeLanguage:s=>t(s||Io),resetLanguage:()=>t(null)}}i(Ft,"useLanguage");function Tm(){let{activeLanguage:t,changeLanguage:e,languages:o}=Ft(),n=Ye(),r=o.map(s=>{let{local:a,label:l,SVGFlag:p}=s;return{id:a,value:a,title:gt.createElement(WC,{variant:"title",size:"xmedium"},l),onClick:()=>{e(s.local),n()},end:gt.createElement(EC,{value:a}),start:gt.createElement(p,null)}});return gt.createElement(le,{header:{title:Cm.t("Language")}},gt.createElement(ue,null,gt.createElement(xC,{type:"warning",variant:"alarm",title:"Important Notice: Machine translations are in use"}),gt.createElement(vC,{size:"8"}),gt.createElement(AC,{value:t},gt.createElement(bC,{type:gt.createElement(IC,{title:Cm.t("language"),id:"_",onClick:()=>console.log()}),items:r}))))}i(Tm,"LanguagePage");import{i18n as bt}from"@lingui/core";import{Button as _C,Checkbox as PC,Image as $C,ListItemButton as DC,NotFound as FC,Typography as OC}from"@rango-dev/ui";import Pe,{useState as UC}from"react";import{Checkbox as MC,Skeleton as wm}from"@rango-dev/ui";import Ro from"react";import{styled as Ds}from"@rango-dev/ui";var Zo=Ds("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto",variants:{disabled:{true:{pointerEvents:"none"}}}}),Fs=Ds("div",{width:80,display:"flex",justifyContent:"flex-end"}),Os=Ds("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});import{ListItem as NC,styled as LC}from"@rango-dev/ui";var km=LC(NC,{height:61});var BC=30;function Us(){return Ro.createElement(Zo,null,Array.from(Array(BC),(t,e)=>Ro.createElement(km,{hasDivider:!0,key:e,start:Ro.createElement(wm,{variant:"circular",width:35,height:35}),title:Ro.createElement(wm,{variant:"text",size:"large",width:90}),end:Ro.createElement(MC,{checked:!1})})))}i(Us,"LoadingLiquiditySourceList");function qs({sourceType:t}){let e=g().fetchStatus,o=g().swappers(),n=g().getDisabledLiquiditySources(),[r,s]=UC(""),a=g().toggleLiquiditySource,l=g().isInCampaignMode(),p=In(o,n),c={Exchanges:bt.t("Exchanges"),Bridges:bt.t("Bridges")},u=[];t==="Exchanges"&&u.push("DEX"),t==="Bridges"&&u.push("BRIDGE","AGGREGATOR","OFF_CHAIN");let d=p.filter(y=>u.includes(y.type)),m=d.length===d.filter(y=>y.selected).length,f=i(()=>{d.forEach(y=>{m?a(y.groupTitle):y.selected||a(y.groupTitle)})},"toggleAllSources"),S=d.map(y=>{let{selected:k,groupTitle:T,logo:x}=y;return{start:Pe.createElement($C,{src:x,size:22,type:"circular"}),onClick:()=>{l||a(T)},end:Pe.createElement(PC,{checked:k,disabled:l}),title:Pe.createElement(OC,{variant:"title",size:"xmedium"},bt.t(T)),...y}}),C=i(y=>{let k=y.target.value;s(k)},"searchHandler"),h=S;return r&&(h=S.filter(y=>pt(y.groupTitle,r))),Pe.createElement(le,{header:{title:bt.t(t),suffix:Pe.createElement(Fs,null,Pe.createElement(_C,{variant:"ghost",size:"xsmall",onClick:f},m?bt.t("Deselect all"):bt.t("Select all")))}},Pe.createElement(ue,{view:!0},Pe.createElement(xt,{value:r,setValue:s,fullWidth:!0,color:"light",variant:"contained",placeholder:bt.t("Search {sourceType}",{sourceType:c[t]}),onChange:C}),e==="loading"&&Pe.createElement(Us,null),!h.length&&r?Pe.createElement(Os,null,Pe.createElement(FC,{title:bt.t("No results found"),description:bt.t("Try using different keywords")})):e==="success"&&Pe.createElement(Zo,{disabled:l},h.map(y=>{let{groupTitle:k,...T}=y;return Pe.createElement(Pe.Fragment,{key:y.id},Pe.createElement(DC,{style:{height:"61px"},...T,selected:!1,hasDivider:!0}))}))))}i(qs,"LiquiditySourcePage");import{i18n as qC}from"@lingui/core";import Mr from"react";import{useNavigate as zC}from"react-router-dom";function xm(){let t=zC(),e=Ye(),{selectedQuote:o,refetchQuote:n,setSelectedQuote:r,updateQuotePartialState:s,error:a}=H(),{fetch:l,loading:p}=Lr({refetchQuote:n}),c=i(m=>{r(m),s("refetchQuote",!1),e()},"onClickOnQuote"),u=`../${F.settings}`,d=`../${F.wallets}`;return Mr.createElement(le,{header:{onWallet:()=>{t(d)},onBack:()=>{s("refetchQuote",!1)},title:qC.t("Routes"),suffix:Mr.createElement(jt,{onClickRefresh:o||a?l:void 0,hidden:["notifications","history"],onClickSettings:()=>t(u)})}},Mr.createElement(ue,null,Mr.createElement(Yo,{fetch:l,loading:p,onClickOnQuote:c})))}i(xm,"RoutesPage");import{i18n as Lm}from"@lingui/core";import{Divider as Mm,getCountCategories as ZC,SelectableCategoryList as RC}from"@rango-dev/ui";import It,{useState as Bm}from"react";import{i18n as Qs}from"@lingui/core";import{Divider as Wm,Image as jC,ListItemButton as XC,NotFound as KC,Typography as Nm}from"@rango-dev/ui";import Ze,{useEffect as YC,useState as JC}from"react";import{BlockchainCategories as zs}from"@rango-dev/ui";import{TransactionType as Br}from"rango-sdk";var QC=i((t,e)=>{switch(e){case zs.ALL:return!0;case zs.UTXO:return t.type===Br.TRANSFER;case zs.OTHER:return t.type!==Br.TRANSFER&&t.type!==Br.COSMOS&&t.type!==Br.EVM;default:return t.type===e}},"filterByType"),vm=i((t,e,o)=>t.filter(n=>QC(n,o)).filter(n=>St(n.name,e)||St(n.displayName,e)),"filterBlockchains");import{ImageContainer as HC,styled as bm}from"@rango-dev/ui";var Im=bm("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),_r=bm(Lo,{padding:0,margin:0,listStyle:"none",[`& ${HC}`]:{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as GC,Skeleton as Em}from"@rango-dev/ui";import Pr from"react";var VC=20;function Am(){return Pr.createElement(_r,null,Array.from(Array(VC),t=>Pr.createElement(GC,{key:t,hasDivider:!0,start:Pr.createElement(Em,{variant:"circular",width:35,height:35}),title:Pr.createElement(Em,{variant:"text",size:"large",width:90})})))}i(Am,"LoadingBlockchainList");function Hs(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=JC(e),{fetchStatus:l}=g();YC(()=>{a([...vm(e,o,r)])},[e,o,r]);let p=i(()=>!s.length&&o?Ze.createElement(Ze.Fragment,null,Ze.createElement(Wm,{size:32}),Ze.createElement(KC,{title:Qs.t("No results found"),description:Qs.t("Try using different keywords")})):Ze.createElement(_r,{as:"ul",key:`${r}-${o}`},s.map(c=>Ze.createElement(XC,{key:`${c.name}-${c.chainId}`,hasDivider:!0,onClick:()=>n(c),start:Ze.createElement(jC,{src:c.logo,size:30}),title:Ze.createElement(Nm,{variant:"title",size:"medium"},c.displayName),id:c.chainId}))),"renderList");return Ze.createElement(Im,null,Ze.createElement(Nm,{variant:"label",size:"large"},Qs.t("Select Blockchain")),Ze.createElement(Wm,{size:4}),l==="loading"&&Ze.createElement(Am,null),l==="success"&&p())}i(Hs,"BlockchainList");function Gs(t){let{type:e}=t,o=Ye(),[n,r]=Bm(""),[s,a]=Bm("ALL"),l=H.use.setToBlockchain(),p=H.use.setFromBlockchain(),c=g().fetchStatus,u=g().blockchains({type:e}),m=ZC(u)!==1;return It.createElement(le,{header:{title:Lm.t("Select Blockchain")}},It.createElement(ue,{view:!0},m&&It.createElement(It.Fragment,null,It.createElement(RC,{setCategory:a,category:s,blockchains:u,isLoading:c==="loading"}),It.createElement(Mm,{size:24})),It.createElement(xt,{value:n,autoFocus:!0,placeholder:Lm.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:f=>r(f.target.value)}),It.createElement(Mm,{size:16}),It.createElement(Hs,{list:u,searchedFor:n,blockchainCategory:s,onChange:f=>{e==="source"?p(f):l(f),o()}})))}i(Gs,"SelectBlockchainPage");import{i18n as Ur}from"@lingui/core";import{Divider as Rm}from"@rango-dev/ui";import Rt,{useState as hT}from"react";import{useNavigate as yT}from"react-router-dom";import{i18n as Xs}from"@lingui/core";import{BlockchainsChip as $r,Divider as Dm,Image as Fm,Skeleton as rT,Tooltip as iT,Typography as Ks}from"@rango-dev/ui";import be from"react";import{useEffect as oT}from"react";var _m=["ETH","COSMOS","OSMOSIS"];function Vs(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(eT),o?.limit&&t.length>o.limit){let s=o.limit,a=e;if(e.length<=o.limit){let l=o.limit-e.length;for(let p=0;p<=l;p++){let c=n[p];a=a.filter(u=>c.name!==u)}}n.sort(tT(a)),r=n.splice(s)}return{list:n,more:r}}i(Vs,"prepare");function eT(t,e){let o=_m,n=o.findIndex(l=>l===t.name),r=o.findIndex(l=>l===e.name),s=n>-1,a=r>-1;return s&&a?n>r?1:-1:s?-1:a?1:0}i(eT,"sortByMostUsedBlockchains");function tT(t){return i(function(o,n){let r=t.findIndex(p=>p===o.name),s=t.findIndex(p=>p===n.name),a=r>-1,l=s>-1;return a&&l?r>s?1:-1:t.includes(o.name)?-1:t.includes(n.name)?1:0},"sortByPreferred")}i(tT,"generateSortByPreferredBlockchainsFor");function Pm(t,e){return!!e.list.find(o=>o.name===t)}i(Pm,"isInVisibleList");function js(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=g();oT(()=>{if(e?.selected){let s=Vs(t,o,e);Pm(e.selected,s)||n(e?.selected)}},[e?.selected]);let r=Vs(t,o,e);return{list:r.list,more:r.more,history:[]}}i(js,"usePrepareBlockchainList");import{styled as nT}from"@rango-dev/ui";var $m=nT("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var sT=12;function Ys(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:s}=t,a=js(e,{limit:10,selected:n?.name}),{fetchStatus:l}=g(),p=H.use.resetToBlockchain(),c=H.use.resetFromBlockchain(),u=a.more.length>0,d=a.more.length===1,m=!d&&u;return be.createElement(be.Fragment,null,be.createElement(Dm,{size:12}),be.createElement(Ks,{variant:"label",size:"large"},Xs.t("Select Blockchain")),be.createElement(Dm,{size:12}),be.createElement($m,null,l==="loading"&&Array.from(Array(sT),f=>be.createElement(rT,{key:f,variant:"rounded",height:50})),l==="success"&&be.createElement(be.Fragment,null,be.createElement($r,{selected:!n,onClick:()=>{o==="from"?c():p()}},be.createElement(Ks,{variant:"body",size:"xsmall",color:"secondary500"},Xs.t("All"))),a.list.map(f=>be.createElement(iT,{key:f.name,content:f.shortName,side:"bottom",sideOffset:2,container:L()},be.createElement($r,{key:f.name,selected:!!n&&n.name===f.name,onClick:()=>r(f)},be.createElement(Fm,{src:f.logo,size:30})))),d?be.createElement($r,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},be.createElement(Fm,{src:a.more[0].logo,size:30})):null,m?be.createElement($r,{onClick:s,key:"more-blockchains"},be.createElement(Ks,{variant:"body",size:"xsmall",color:"secondary500"},Xs._("More +{count}",{count:a.more.length}))):null)))}i(Ys,"BlockchainsSection");import{i18n as sa}from"@lingui/core";import{darkTheme as Xm,Divider as Co,ExternalLinkIcon as pT,Image as cT,ListItemButton as uT,NotFound as mT,PinIcon as dT,Skeleton as Km,Typography as Or,VirtualizedList as fT}from"@rango-dev/ui";import q,{useEffect as Ym,useState as Jm}from"react";import{Divider as Vm,ListItem as lT,Skeleton as en}from"@rango-dev/ui";import st from"react";import{css as So,darkTheme as Om,ImageContainer as aT,styled as it,Typography as Um}from"@rango-dev/ui";var Js=So({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}),Zs=So({position:"relative",height:12,width:"30%",maxWidth:"150px"}),Rs=So({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"}),ea=So({transform:"translateY(12px)",visibility:"hidden","& a":{display:"flex",justifyContent:"center",alignItems:"center",fontSize:"$12",lineHeight:"$16",$$color:"$colors$neutral600",[`.${Om} &`]:{$$color:"$colors$neutral700"},color:"$$color",textDecoration:"none"}}),ta=So({}),oa=So(),qm=it("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),na=it("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),Dr=it("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none","&:hover":{[`& .${Zs}`]:{[`& .${ea}`]:{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},[`& .${ta}`]:{bottom:"-15px"},[`& .${Js}`]:{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},[`& .${Rs}`]:{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),ra=it("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),ia=it(Um,{}),zm=it("div",{textAlign:"right",width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",[`& .${oa}`]:{$$color:"$colors$neutral600",[`.${Om} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Fr=it("div",{display:"flex",alignItems:"end",flexDirection:"column"}),eF=it("div",{display:"flex",alignItems:"center"}),Qm=it("div",{position:"relative",[`& ${aT}`]:{borderRadius:"$xm",overflow:"hidden"}}),Hm=it("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6}),Gm=it(Um,{width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"});function jm(t){return st.createElement(Dr,null,Array.from(Array(t.size),e=>st.createElement(lT,{key:e,hasDivider:!0,start:st.createElement(en,{variant:"circular",width:35,height:35}),end:st.createElement(Fr,null,st.createElement(en,{variant:"text",size:"large",width:70}),st.createElement(Vm,{size:4}),st.createElement(en,{variant:"text",size:"medium",width:50})),title:st.createElement("div",null,st.createElement(en,{variant:"text",size:"large",width:90}),st.createElement(Vm,{size:4}),st.createElement(en,{variant:"text",size:"medium",width:90}))})))}i(jm,"LoadingTokenList");var aa=20,gT=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:s,customCssForTagTitle:a}=t,l=e.length;return q.createElement("div",{className:Zs()},o?q.createElement("div",{className:Js()},o):q.createElement(na,{className:Rs()},q.createElement(Or,{variant:"title",size:"xmedium"},r.symbol),q.createElement(Co,{direction:"horizontal",size:4}),q.createElement(ra,{css:s},q.createElement(ia,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&q.createElement("div",{className:`${ea()} ${!o&&ta()}`},q.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," ",q.createElement(Co,{size:4,direction:"horizontal"}),q.createElement(pT,{color:"gray",size:12}))))},"renderDesc");function Zm(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=Jm(e),l=g().fetchStatus,p=g().blockchains(),[c,u]=Jm(!0),{getBalanceFor:d,loading:m}=Y(),{isTokenPinned:f}=g(),S=i(()=>{a(e.slice(0,s.length+aa))},"loadNextPage");Ym(()=>{u(e.length>s.length)},[s.length]),Ym(()=>{a(e.slice(0,aa))},[e]);let C=i(()=>!s.length&&o?q.createElement(q.Fragment,null,q.createElement(Co,{size:32}),q.createElement(mT,{title:sa.t("No results found"),description:sa.t("Try using different keywords")})):q.createElement(fT,{endReached:c?S:void 0,itemContent:h=>{let y=s[h],k=Cn(d(y)),T=y.address||"",x=p.find(A=>A.name===y.blockchain),I=Kn(x?.color||"",xp(x?.color||"")?5:125),E=Kn(x?.color||"",-100),v={$$color:I,[`.${Xm} &`]:{$$color:E},backgroundColor:"$$color"},w={$$color:E,[`.${Xm} &`]:{$$color:I},color:"$$color"};return q.createElement("div",{style:{paddingRight:5}},q.createElement(uT,{style:{width:"100%",overflow:"hidden"},"tab-index":h,key:`${y.symbol}${y.address}`,id:`${y.symbol}${y.address}`,hasDivider:!0,onClick:()=>n(s[h]),start:q.createElement(Qm,null,q.createElement(cT,{src:y.image,size:30}),f(y,t.type)&&q.createElement(Hm,null,q.createElement(dT,{size:12,color:"gray"}))),title:x?.type==="COSMOS"||y.name||!y.name&&!T?q.createElement(na,null,q.createElement(Or,{variant:"title",size:"xmedium"},y.symbol),q.createElement(Co,{direction:"horizontal",size:4}),q.createElement(ra,{css:v},q.createElement(ia,{variant:"body",size:"xsmall",css:w},y.blockchain))):void 0,description:x?.info&&T&&x.type!=="COSMOS"?gT({address:T,token:s[h],customCssForTag:v,customCssForTagTitle:w,name:y.name,url:x.info.addressUrl.split("{wallet}").join(T)}):y.name||void 0,end:m?q.createElement(Fr,null,q.createElement(Km,{variant:"text",size:"large",width:70}),q.createElement(Co,{size:4}),q.createElement(Km,{variant:"text",size:"medium",width:50})):k&&q.createElement(zm,null,q.createElement(Gm,{variant:"title",size:"small"},k.amount),q.createElement("div",null),k.usdValue&&q.createElement(Or,{variant:"body",className:oa(),size:"xsmall"},`$${k.usdValue}`))}))},totalCount:s.length,key:`${r}-${o}`}),"renderList");return q.createElement(qm,null,q.createElement(Or,{variant:"label",size:"large"},sa.t("Select Token")),q.createElement(Co,{size:4}),l==="loading"&&q.createElement(jm,{size:aa}),l==="success"&&q.createElement(Dr,{as:"ul"},C()))}i(Zm,"TokenList");function la(t){let{type:e}=t,o=yT(),n=Ye(),{fromBlockchain:r,toBlockchain:s,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:c}=H(),u=Y.use.getBalanceFor(),[d,m]=hT(""),S=(e==="source"?r:s)?.name??"",C=g().blockchains({type:e}),h=g().tokens({type:e,blockchain:S,searchFor:d,getBalanceFor:u}),y=i(x=>{e==="source"?p(x):c(x)},"updateBlockchain"),k=i(x=>{e==="source"?a({token:x,meta:{blockchains:C,tokens:h}}):l({token:x,meta:{blockchains:C,tokens:h}})},"updateToken"),T={source:Ur.t("Source"),destination:Ur.t("Destination")};return Rt.createElement(le,{header:{title:Ur.t("Swap {type}",{type:T[e]})}},Rt.createElement(ue,null,Rt.createElement(Ys,{blockchains:C,type:e=="source"?"from":"to",blockchain:e==="source"?r:s,onMoreClick:()=>o(F.blockchains),onChange:x=>{y(x)}}),Rt.createElement(Rm,{size:24}),Rt.createElement(xt,{value:d,autoFocus:!0,placeholder:Ur.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>m(""),onChange:x=>m(x.target.value)}),Rt.createElement(Rm,{size:16}),Rt.createElement(Zm,{list:h,selectedBlockchain:S,searchedFor:d,type:e,onChange:x=>{k(x);let I=C.find(E=>x.blockchain===E.name);I&&y(I),n()}})))}i(la,"SelectSwapItemsPage");import{i18n as ma}from"@lingui/core";import{Alert as zT,Button as QT,styled as HT}from"@rango-dev/ui";import eo from"react";import{useInRouterContext as GT,useSearchParams as VT}from"react-router-dom";import{i18n as id}from"@lingui/core";import{Divider as kT,InfoIcon as wT,TextField as xT,Tooltip as vT,Typography as sd}from"@rango-dev/ui";import at from"react";import{Chip as ST,styled as tn,TextField as CT}from"@rango-dev/ui";var ed=tn("div",{paddingTop:"$5",padding:"$10 $5"}),td=tn("div",{display:"flex",flexWrap:"wrap",gap:"$10",[`& ${CT}`]:{flex:"1 1 0",maxWidth:"127px",minWidth:"85px"}}),od=tn("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),qr=tn("div",{maxWidth:"280px",padding:"$10"}),nd=tn(ST,{width:"61px",flexShrink:0});import{i18n as pa}from"@lingui/core";import{Typography as TT}from"@rango-dev/ui";import on from"react";function rd(){return on.createElement(qr,null,on.createElement(TT,{variant:"label",size:"medium",color:"neutral700"},pa.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),on.createElement("br",null),on.createElement("br",null),on.createElement("b",null,pa.t("Warning")),":",pa.t("This setting is applied per step (e.g. 1Inch, Thorchain, etc) which means only the step will be reverted, not the whole transaction.")))}i(rd,"SlippageTooltipContent");function ca(){let{slippage:t,setSlippage:e,customSlippage:o,setCustomSlippage:n}=g();return at.createElement(ed,null,at.createElement(od,null,at.createElement(sd,{variant:"title",size:"xmedium"},id.t("Slippage tolerance per swap")),at.createElement(kT,{direction:"horizontal",size:4}),at.createElement(vT,{container:L(),side:"top",sideOffset:4,content:at.createElement(rd,null)},at.createElement(wT,{color:"gray"}))),at.createElement(td,null,gl.map((r,s)=>{let a=`slippage-${s}`;return at.createElement(nd,{key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`})}),at.createElement(xT,{type:"number",min:"0.01",max:"30",step:"0.01",fullWidth:!0,variant:"contained",value:o||"",color:"dark",onChange:r=>{let s=r.target.value,a=parseFloat(s);a>=Cl&&a<=Sl?n(a):n(null)},suffix:o&&at.createElement(sd,{variant:"body",size:"small"},"%"),placeholder:id.t("Custom")})))}i(ca,"Slippage");import{i18n as ht}from"@lingui/core";import{AutoThemeIcon as ad,BridgeIcon as bT,ChevronRightIcon as ua,DarkModeIcon as ld,Divider as zr,DoneIcon as IT,ExchangeIcon as ET,InfoIcon as AT,LanguageIcon as WT,LightModeIcon as pd,List as NT,ListItem as LT,ListItemButton as MT,Skeleton as BT,styled as _T,Switch as PT,Tabs as $T,Tooltip as DT,Typography as Re}from"@rango-dev/ui";import P from"react";import{useNavigate as FT}from"react-router-dom";var OT=_T("div",{width:"202px",height:"$40"}),UT=[{id:"light",icon:P.createElement(pd,{color:"black",size:16}),tooltip:P.createElement(Re,{size:"xsmall",variant:"body"},ht.t("Light"))},{id:"dark",icon:P.createElement(ld,{color:"black",size:14}),tooltip:P.createElement(Re,{size:"xsmall",variant:"body"},ht.t("Dark"))},{id:"auto",icon:P.createElement(ad,{color:"black",size:16}),tooltip:P.createElement(Re,{size:"xsmall",variant:"body"},ht.t("Auto"))}],qT=i(t=>{let e={color:"gray",size:14};switch(t){case"auto":return P.createElement(ad,{...e});case"dark":return P.createElement(ld,{...e});default:return P.createElement(pd,{...e})}},"getThemeIcon");function cd(){let t=FT(),{theme:e}=g().config,{setTheme:o,theme:n}=g(),{activeLanguage:r,languages:s}=Ft(),a=s.find(V=>V.local===r)?.label,l=g().fetchStatus,p=g().swappers(),c=g().getDisabledLiquiditySources(),{config:{features:u}}=g(),d=je("theme",u),m=je("liquiditySource",u),f=je("language",u),S=g().infiniteApprove,C=g().toggleInfiniteApprove,h=In(p,c),y=h.filter(V=>["BRIDGE","AGGREGATOR","OFF_CHAIN"].includes(V.type)),k=y.length,T=y.filter(V=>V.selected).length,x=h.filter(V=>V.type==="DEX"),I=x.length,E=x.filter(V=>V.selected).length,v=i((V,U)=>{switch(l){case"loading":return P.createElement(BT,{variant:"text",size:"medium",width:50});case"failed":return P.createElement(Re,{variant:"body",size:"medium",color:"$error500"},ht.t("Loading failed"));default:return P.createElement(Re,{variant:"body",size:"medium"},`${V} / ${U}`)}},"handleSwapperEndItem"),w={id:"bridge-item",title:P.createElement(Re,{variant:"title",size:"xmedium"},ht.t("Enabled bridges")),end:P.createElement(P.Fragment,null,v(T,k),P.createElement(zr,{direction:"horizontal",size:8}),P.createElement(ua,{color:"black"})),onClick:()=>t(F.bridges),start:P.createElement(bT,{color:"gray",size:14})},A={id:"exchange-item",title:P.createElement(Re,{variant:"title",size:"xmedium"},ht.t("Enabled exchanges")),end:P.createElement(P.Fragment,null,v(E,I),P.createElement(zr,{direction:"horizontal",size:8}),P.createElement(ua,{color:"gray"})),start:P.createElement(ET,{color:"gray",size:14}),onClick:()=>t(F.exchanges)},N={id:"language-item",title:P.createElement(Re,{variant:"title",size:"xmedium"},ht.t("Language")),start:P.createElement(WT,{color:"gray",size:14}),end:P.createElement(P.Fragment,null,P.createElement(Re,{variant:"body",size:"medium"},a),P.createElement(zr,{direction:"horizontal",size:8}),P.createElement(ua,{color:"gray"}),","),onClick:()=>t(F.languages)},M={id:"infinite-approval-item",title:P.createElement(P.Fragment,null,P.createElement(Re,{variant:"title",size:"xmedium"},ht.t("Infinite approval")),P.createElement(zr,{direction:"horizontal",size:4}),P.createElement(DT,{side:"top",sideOffset:4,container:L(),content:P.createElement(qr,null,P.createElement(Re,{variant:"label",size:"medium",color:"neutral700"},ht.t("Enabling the 'Infinite approval' mode grants unrestricted access to smart contracts of DEXes/Bridges, allowing them to utilize the approved token amount without limitations.")))},P.createElement(AT,{color:"gray"}))),start:P.createElement(IT,{color:"gray",size:14}),end:P.createElement(PT,{checked:S}),onClick:C},z={id:"theme-item",type:P.createElement(LT,null),title:P.createElement(Re,{variant:"title",size:"xmedium"},ht.t("Theme")),end:P.createElement(OT,null,P.createElement($T,{container:L(),items:UT,value:n,onChange:V=>o(V.id),type:"primary",borderRadius:"small"})),start:qT(n)},X=m?[]:[w,A];return f||X.push(N),X.push(M),!e?.singleTheme&&!d&&X.push(z),P.createElement(NT,{type:P.createElement(MT,{hasDivider:!0,id:"_",onClick:()=>console.log()}),items:X})}i(cd,"SettingsLists");var jT=HT("div",{paddingLeft:"$8"});function ud(){let{isInCampaignMode:t,updateCampaignMode:e}=g(),o=t(),[,n]=VT(),r=GT(),s=i(()=>{r&&o&&(n(a=>(a.delete("liquiditySources"),a),{replace:!0}),e("liquiditySources",void 0))},"onClick");return eo.createElement(le,{header:{title:ma.t("Settings")}},eo.createElement(ue,null,o&&eo.createElement(zT,{type:"info",variant:"alarm",title:ma.t("Currently, you're in campaign mode with restrictions on liquidity sources. Would you like to switch out of this mode and make use of all available liquidity sources?"),action:eo.createElement(jT,null,eo.createElement(QT,{type:"secondary",size:"small",onClick:s},ma.t("Reset")))}),eo.createElement(ca,null),eo.createElement(cd,null)))}i(ud,"SettingsPage");import{i18n as Pk}from"@lingui/core";import{cancelSwap as $k}from"@rango-dev/queue-manager-rango-preset";import{useManager as Dk}from"@rango-dev/queue-manager-react";import{Alert as Fk}from"@rango-dev/ui";import Aa from"react";import{useParams as Ok}from"react-router-dom";import{i18n as At}from"@lingui/core";import{getCurrentBlockchainOfOrNull as yk,getCurrentStep as Sk,getRelatedWalletOrNull as Ck}from"@rango-dev/queue-manager-rango-preset";import{Button as Dd,CopyIcon as Tk,Divider as kk,IconButton as wk,LinkIcon as xk,QuoteCost as vk,StepDetails as bk,Typography as ko,useCopyToClipboard as Ik}from"@rango-dev/ui";import{useWallets as Ek}from"@rango-dev/wallets-react";import Fd from"bignumber.js";import{PendingSwapNetworkStatus as Jr}from"rango-types";import oe,{useEffect as Od,useRef as Ak,useState as Ud}from"react";import{useNavigate as Wk}from"react-router-dom";import{i18n as Ot}from"@lingui/core";var XT=[Ot.t("Sunday"),Ot.t("Monday"),Ot.t("Tuesday"),Ot.t("Wednesday"),Ot.t("Thursday"),Ot.t("Friday"),Ot.t("Saturday")];function md(t){let e=new Date(t),o=e.getDate(),n=e.toLocaleString("default",{month:"long"}),r=e.getFullYear();return`${e.getDay()===new Date().getDay()?Ot.t("Today"):`${XT[e.getDay()]} ${o} ${n} ${r}`}, ${new Date(t).toLocaleTimeString()}`}i(md,"timeSince");function dd(t){return t.finishTime?md(parseInt(t.finishTime)):md(parseInt(t.creationTime))}i(dd,"getSwapDate");import{PendingSwapNetworkStatus as Gr}from"rango-types";import Vr from"react";import{i18n as Qr}from"@lingui/core";import{Button as fd,Divider as da,MessageBox as KT}from"@rango-dev/ui";import Ut from"react";var gd=i(({onCancel:t,onClose:e})=>Ut.createElement(Ut.Fragment,null,Ut.createElement(da,{size:20}),Ut.createElement(KT,{type:"error",title:Qr.t("Cancel Swap"),description:Qr.t("Are you sure you want to cancel this swap?")}),Ut.createElement(da,{size:32}),Ut.createElement(fd,{variant:"contained",type:"primary",size:"large",onClick:t},Qr.t("Yes, Cancel it")),Ut.createElement(da,{size:12}),Ut.createElement(fd,{variant:"outlined",type:"primary",size:"large",onClick:e},Qr.t("No, Continue"))),"CancelContent");import{i18n as Hr}from"@lingui/core";import{Button as hd,Divider as fa,MessageBox as YT,Typography as JT}from"@rango-dev/ui";import Et from"react";var yd=i(({onDelete:t,onClose:e})=>Et.createElement(Et.Fragment,null,Et.createElement(fa,{size:20}),Et.createElement(YT,{type:"error",title:Hr.t("Delete Transaction"),description:Hr.t("Are you sure you want to delete this swap?")}),Et.createElement(fa,{size:32}),Et.createElement(hd,{variant:"contained",type:"primary",size:"large",onClick:t},Hr.t("Yes, Delete it")),Et.createElement(fa,{size:12}),Et.createElement(hd,{variant:"outlined",type:"primary",size:"large",onClick:e},Et.createElement(JT,{variant:"title",size:"medium",color:"primary"},Hr.t("No, Cancel")))),"DeleteContent");import{i18n as ga}from"@lingui/core";import{PendingSwapNetworkStatus as ha}from"rango-types";var ya={[ha.WaitingForNetworkChange]:{type:"loading",title:ga.t("Change Network")},[ha.WaitingForConnectingWallet]:{type:"warning",title:ga.t("Connect Wallet")},[ha.NetworkChanged]:{type:"success",title:ga.t("Network Changed")}};import{debug as RT}from"@rango-dev/logging-core";import{MessageBox as ek,Wallet as tk}from"@rango-dev/ui";import{useWallets as ok}from"@rango-dev/wallets-react";import nn from"react";import{styled as ZT}from"@rango-dev/ui";var Sd=ZT("div",{display:"flex",justifyContent:"center"});var Cd=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:s,walletButtonDisabled:a}=t,{connect:l,getWalletInfo:p,state:c}=ok(),u=n?.walletType,d=u?ai(c(u)):null,m=u?p(u):null;return nn.createElement(nn.Fragment,null,nn.createElement(ek,{type:e,title:o,description:r}),s&&!!u&&!!d&&!!m&&nn.createElement(Sd,null,nn.createElement(tk,{container:L(),title:m.name,image:m.img,type:u,state:d,link:m.installLink,disabled:a,onClick:async()=>l(u).catch(S=>RT(S))})))},"WalletStateContent");function Sa(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:s,message:a,walletButtonDisabled:l}=t,p=e===Gr.WaitingForNetworkChange||e===Gr.WaitingForConnectingWallet||e===Gr.NetworkChanged;return Vr.createElement(ce,{open:!!e,onClose:o,container:document.getElementById(ke.SWAP_BOX_ID)||document.body},p&&Vr.createElement(Cd,{type:ya[e].type,title:ya[e].title,currentStepWallet:s,message:a,walletButtonDisabled:l,showWalletButton:e!==Gr.WaitingForNetworkChange}),e==="delete"&&Vr.createElement(yd,{onClose:o,onDelete:n}),e==="cancel"&&Vr.createElement(gd,{onClose:o,onCancel:r}))}i(Sa,"SwapDetailsModal");import{i18n as rn}from"@lingui/core";import{Button as Ca,Divider as jr,MessageBox as Td,TokenAmount as nk,Typography as Ta}from"@rango-dev/ui";import We from"react";import{useNavigate as rk}from"react-router-dom";function ka(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:s,realUsdValue:a,realValue:l,token:p,chain:c,percentageChange:u,description:d,diagnosisUrl:m}=t,f=rk();return We.createElement(ce,{open:e,onClose:o,container:document.getElementById(ke.SWAP_BOX_ID)||document.body},n==="success"?We.createElement(Td,{type:"success",title:rn.t("Swap Successful")},We.createElement(nk,{direction:"vertical",tooltipContainer:L(),type:"output",centerAlign:!0,price:{value:r,usdValue:s,realUsdValue:a,realValue:l},token:p,chain:c,percentageChange:u}),We.createElement(jr,{size:12}),We.createElement(Ta,{variant:"body",size:"medium",color:"neutral700",align:"center"},d)):We.createElement(Td,{type:"error",title:rn.t("Transaction Failed"),description:d}),We.createElement(jr,{size:32}),n==="success"&&We.createElement(Ca,{variant:"contained",type:"primary",size:"large",onClick:()=>{f("../../")}},We.createElement(Ta,{variant:"title",size:"medium",color:"neutral100"},rn.t("Done"))),We.createElement(jr,{size:12}),m&&We.createElement(We.Fragment,null,We.createElement(Ca,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(m,"_blank")},rn.t("Diagnosis")),We.createElement(jr,{size:12})),We.createElement(Ca,{variant:"outlined",type:"primary",size:"large",onClick:o},We.createElement(Ta,{variant:"title",size:"medium",color:"primary"},rn.t("See Details"))))}i(ka,"SwapDetailsCompleteModal");import gk from"react";import{i18n as uk}from"@lingui/core";import{Alert as Id,IconButton as mk,LinkIcon as dk}from"@rango-dev/ui";import qt,{Fragment as fk}from"react";import{Alert as ik,ChevronDownIcon as sk,ChevronUpIcon as ak,IconButton as lk}from"@rango-dev/ui";import Xr,{useState as pk}from"react";function kd(t){let{message:e}=t,[o,n]=pk(!1);return Xr.createElement(ik,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Xr.createElement(lk,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Xr.createElement(ak,{size:12,color:"gray"}):Xr.createElement(sk,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(kd,"FailedAlert");import{styled as ck}from"@rango-dev/ui";var wd=ck("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as xd}from"@lingui/core";import{Alert as wa,Button as vd}from"@rango-dev/ui";import{PendingSwapNetworkStatus as xa}from"rango-types";import sn from"react";function bd(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?sn.createElement(wa,{type:"warning",title:n.shortMessage,action:sn.createElement(vd,{size:"xxsmall",type:"warning",onClick:()=>{o(xa.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},xd.t("Change"))}):r===xa.WaitingForConnectingWallet?sn.createElement(wa,{type:"warning",title:n.shortMessage,action:sn.createElement(vd,{size:"xxsmall",type:"warning",onClick:()=>{o(xa.WaitingForConnectingWallet)}},xd.t("Connect"))}):sn.createElement(wa,{type:"warning",title:n.shortMessage})}i(bd,"WarningAlert");function va(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:s,hasAlreadyProceededToSign:a}=t,l=Ao(s),p=s.status==="waitingForApproval"&&!l,c=s.status==="running"&&!l,u=c&&!a||p&&!s.explorerUrl?.length;return qt.createElement(wd,null,s.explorerUrl?.map((d,m,f)=>{let S=m+d.url,C=m===f.length-1,h=(C&&c||p)&&!u,y=C&&s.status==="failed";return qt.createElement(fk,{key:S},qt.createElement(Id,{type:C&&(h&&"loading"||y&&"error")||"success",title:d.description?`${d.description} Tx`:uk.t("View transaction"),action:d.url&&qt.createElement(mk,{variant:"ghost",size:"xsmall",onClick:()=>window.open(d.url,"_blank")},qt.createElement(dk,{size:12}))}))}),u&&qt.createElement(Id,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&l&&qt.createElement(bd,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&qt.createElement(kd,{message:r}))}i(va,"SwapDetailsAlerts");var Ed=2e3;var Ad=i(({swap:t,blockchains:e,swappers:o,...n})=>{let r=t.hasAlreadyProceededToSign!==!1;return t.steps.map((s,a)=>{let l=a===0?t.inputAmount:t.steps[a-1].outputAmount||t.steps[a-1].expectedOutputAmountHumanReadable;return{from:{token:{displayName:s.fromSymbol,image:s.fromLogo??""},chain:{displayName:Ve(s.fromBlockchain,e)??"",image:s.fromBlockchainLogo??""},price:{value:W(l,6,6),realValue:l}},to:{token:{displayName:s.toSymbol,image:s.toLogo},chain:{displayName:Ve(s.toBlockchain,e)??"",image:s.toBlockchainLogo??""},price:{value:W(s.outputAmount||s.expectedOutputAmountHumanReadable,6,6),realValue:s.outputAmount||s.expectedOutputAmountHumanReadable}},swapper:{displayName:bo(s.swapperId,o),image:s.swapperLogo??"",type:s.swapperType},internalSwaps:s.internalSwaps?s.internalSwaps.map(p=>({from:{blockchain:Ve(p.fromBlockchain,e)??""},to:{blockchain:Ve(p.toBlockchain,e)??""},swapper:{displayName:bo(p.swapperId,o),image:p.swapperLogo??"",type:p.swapperType}})):[],alerts:gk.createElement(va,{step:s,hasAlreadyProceededToSign:r,...n})}})},"getSteps");function Wd(t){if(Ao(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(Wd,"getStepState");import{css as an,darkTheme as hk,styled as to}from"@rango-dev/ui";var Nd=to("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),Kr=to("div",{width:"100%"}),Ld=to(Lo,{padding:"$0 $20 $20 $20"}),RU=to("div",{display:"flex",flexDirection:"column",gap:"$10"}),Md=to("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),eq=to("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1}),To=an({display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${hk} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"}),Bd=an({padding:"$5 0"}),Yr=an({display:"flex",justifyContent:"center",alignItems:"center",height:"$24"}),_d=an({display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"}),Pd=an({width:"100%",padding:"0 $20 $10"}),$d=to("a",{fontSize:"$16",fontWeight:"$400",color:"$neutral700",display:"flex",alignItems:"center",justifyContent:"center"});function ba(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:s,connect:a,getWalletInfo:l}=Ek(),p=g().blockchains(),c=g().swappers(),u=g().tokens(),d=H.use.retry(),m=ne.use.isActiveTab(),f=Wk(),[S,C]=Ik(Ed),h=Ak(null),[y,k]=Ud(null),[T,x]=Ud(null),I=i(()=>{r(),k(null)},"onCancel"),E=Oe.use.getUnreadNotifications(),v=Oe.use.setAsRead(),w=E(),A=Sk(e),N=A?.networkStatus;Od(()=>{w.find(Fe=>Fe.requestId===e.requestId)&&(e.status==="success"||e.status==="failed"?(x(e.status),v(e.requestId)):T&&x(null))},[e.status,e.requestId]),Od(()=>{re?k(Jr.WaitingForNetworkChange):N===Jr.WaitingForConnectingWallet||N===Jr.NetworkChanged?k(N):k(null)},[N]);let M=jl(e),z=A?yk(e,A):null,X=A?Ck(e,A):null,V=dd(e),U=Xl(e),ee=i(ye=>!!l(ye)?.mobileWallet,"isMobileWallet"),re=N===Jr.WaitingForNetworkChange&&!!z&&!!X?.walletType&&(ee(X.walletType)||s(X.walletType,z)),Q=re?a.bind(null,X.walletType,z):void 0,B=Vl(e,A),b=Ad({swap:e,switchNetwork:Q,showNetworkModal:N,setNetworkModal:k,message:B,blockchains:p,swappers:c}),J=b.length,[de,Z]=[e.steps[0],e.steps[J-1]],ie=Z.outputAmount||Z.expectedOutputAmountHumanReadable,oo=e.steps.reduce((ye,Fe)=>ye+parseFloat(Fe.feeInUsd||""),0),G=e.steps.find(ye=>ye.diagnosisUrl)?.diagnosisUrl,K=W(parseFloat(W(ie,6,6))*(Z.toUsdPrice||0),4,4),te=W(parseFloat(e.inputAmount)*(de.fromUsdPrice||0),4,4),Ie=ie?pe(new Fd(ie).multipliedBy(Z.toUsdPrice||0)):"",et=pe(new Fd(e.inputAmount).multipliedBy(de.fromUsdPrice||0)),$e=Xe(te,K),De=e.status==="success"?At.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:W(ie,6,6),token:b[J-1].to.token.displayName,conciseAddress:Tn(e.wallets[b[J-1].to.chain.displayName]?.address||""),chain:b[J-1].to.chain.displayName}}):`${At.t("Transaction was not sent.")} ${M?At.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:M.outputAmount,symbol:M.symbol,blockchain:M.blockchain}}):""}`;return oe.createElement(le,{header:{title:At.t("Swap and Bridge"),onCancel:e.status==="running"?()=>k("cancel"):void 0,suffix:e.status!=="running"&&oe.createElement(po,null,oe.createElement(Dd,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>k("delete")},oe.createElement(ko,{size:"medium",variant:"label",color:"error"},At.t("Delete"))))},footer:U&&!T&&oe.createElement(Dd,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{d(e,{blockchains:p,tokens:u}),setTimeout(()=>{f("../../")},0)}},At.t("Try again"))},oe.createElement(ue,{compact:!0,view:!0},oe.createElement(Kr,null,oe.createElement("div",{className:To()},oe.createElement(ko,{variant:"label",size:"large",color:"neutral700"},`${At.t("Request ID")}:`),oe.createElement("div",{className:Yr()},oe.createElement(ko,{variant:"label",size:"small",color:"neutral700"},o),oe.createElement(wk,{variant:"ghost",onClick:C.bind(null,o||"")},oe.createElement(Tk,{size:16,color:"gray"})),oe.createElement($d,{target:"_blank",href:`${Ba}/swap/${o}`},oe.createElement(xk,{size:16})))),oe.createElement("div",{className:To()},oe.createElement(ko,{variant:"label",size:"large",color:"neutral700"},`${At.t(e.finishTime?"Finished at":"Created at")}:`),oe.createElement(ko,{variant:"label",size:"small",color:"neutral700"},V))),oe.createElement("div",{className:_d()},oe.createElement(vk,{fee:W(String(oo),2,2),time:mn(dn(e.steps)),steps:J}),oe.createElement(Fo,{from:{price:{value:W(e.inputAmount,6,6),usdValue:te,realUsdValue:et,realValue:e.inputAmount},token:{displayName:b[0].from.token.displayName,image:b[0].from.token.image},chain:{image:b[0].from.chain.image,displayName:b[0].from.chain.displayName}},to:{price:{value:W(ie,6,6),usdValue:K,realUsdValue:Ie,realValue:ie},token:{displayName:b[J-1].to.token.displayName,image:b[J-1].to.token.image},chain:{image:b[J-1].to.chain.image,displayName:b[J-1].to.chain.displayName}},percentageChange:W($e,2,2),warningLevel:Ct($e??0)})),oe.createElement("div",{className:Pd()},oe.createElement(ko,{variant:"title",size:"small"},At.t("Swaps steps"))),oe.createElement(kk,{size:8}),oe.createElement(Ld,{ref:h},b.map((ye,Fe)=>{let cn=Fe,wo=Wd(e.steps[Fe]),lf=wo==="error"||wo==="in-progress"||wo==="warning"||wo==="completed"&&Fe===b.length-1;return oe.createElement(bk,{key:cn,step:ye,type:"swap-progress",ref:h,state:wo,hasSeparator:Fe!==0,tabIndex:cn,isFocused:lf,tooltipContainer:L()})}))),oe.createElement(Sa,{state:y,onClose:()=>k(null),onCancel:I,onDelete:n,message:B.detailedMessage.content,currentStepWallet:X,walletButtonDisabled:!m}),oe.createElement(ka,{open:!!T,diagnosisUrl:G,onClose:()=>x(null),status:e.status==="success"?"success":"failed",priceValue:W(ie,6,6),usdValue:K,realUsdValue:Ie,realValue:pe(ie),percentageChange:W($e,2,2),token:{displayName:b[J-1].to.token.displayName,image:b[J-1].to.token.image},chain:{image:b[J-1].to.chain.image},description:De}))}i(ba,"SwapDetails");import{i18n as Rr}from"@lingui/core";import{Divider as Qd,NotFound as _k,Skeleton as pn,Typography as ei}from"@rango-dev/ui";import he from"react";import{i18n as Nk}from"@lingui/core";import{Divider as Lk,Skeleton as Mk,Typography as Bk}from"@rango-dev/ui";import Se from"react";import{css as lt,styled as Ia}from"@rango-dev/ui";var qd=Ia("div",{width:"100%",height:"100%",padding:"$10 $20"}),ln=Ia("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15"}),Zr=Ia("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"}),Bq=lt({display:"flex",justifyContent:"space-between",alignItems:"center"}),_q=lt({display:"flex",justifyContent:"space-between",alignItems:"center"}),Pq=lt({paddingTop:"$15",display:"flex"}),$q=lt({padding:"$15 $0"}),Dq=lt({width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"}),Fq=lt({paddingBottom:"$10"}),Oq=lt({display:"flex",justifyContent:"start",alignItems:"center"}),Uq=lt({paddingTop:"$5",display:"flex",alignItems:"center"}),qq=lt({display:"flex",alignItems:"center"}),zq=lt({padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"}),zd=lt({display:"flex",paddingTop:"$10",paddingBottom:"$5"});function Ea(){return Se.createElement(qd,null,Se.createElement(Qo,{type:"swap-preview"}),Se.createElement("div",{className:"swaps-steps"},Se.createElement(Bk,{variant:"title",size:"small"},Nk.t("Swaps steps"))),Se.createElement(Se.Fragment,null,Se.createElement(ln,null,Se.createElement(ft,{separator:!1}),Se.createElement("div",{className:zd()},Se.createElement(Lk,{direction:"horizontal",size:20}),Se.createElement(Mk,{height:22,variant:"rectangular"}))),Se.createElement(Zr,null),Se.createElement(ln,null,Se.createElement(ft,{separator:!1})),Se.createElement(Zr,null),Se.createElement(ln,null,Se.createElement(ft,{separator:!1})),Se.createElement(Zr,null),Se.createElement(ln,null,Se.createElement(ft,{separator:!1}))))}i(Ea,"LoadingSwapDetails");function Hd(t){let{requestId:e,showSkeleton:o}=t;return he.createElement(le,{header:{title:Rr.t("Swap and Bridge"),suffix:he.createElement(po,null)}},o&&he.createElement(Nd,null,he.createElement(Kr,null,he.createElement("div",{className:To()},he.createElement(ei,{variant:"label",size:"large",color:"neutral700"},`${Rr.t("Request ID")}:`),he.createElement("div",{className:Yr()},he.createElement(ei,{variant:"label",size:"small",color:"neutral700"},he.createElement(pn,{width:60,height:10,variant:"rounded"})),he.createElement(Qd,{direction:"horizontal",size:4}),he.createElement(pn,{width:16,height:16,variant:"rectangular"}),he.createElement(Qd,{direction:"horizontal",size:4}),he.createElement(pn,{width:16,height:16,variant:"rectangular"}))),he.createElement("div",{className:To()},he.createElement(ei,{className:Bd(),variant:"label",size:"large",color:"neutral700"},he.createElement(pn,{width:60,height:10,variant:"rounded"})),he.createElement(ei,{variant:"label",size:"small",color:"neutral700"},he.createElement(pn,{width:60,height:10,variant:"rounded"})))),he.createElement(Ea,null)),!o&&he.createElement(Md,null,he.createElement(_k,{title:Rr.t("Not found"),description:Rr.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}i(Hd,"SwapDetailsPlaceholder");function Gd(){let{manager:t,state:e}=Dk(),o=!e.loadedFromPersistor,n=mt(t),{requestId:r}=Ok(),s=Ye(),{fetchStatus:a}=g();if(!r)return Aa.createElement(Fk,{containerStyles:{margin:"20px"},type:"error",title:Pk.t("The request ID is necessary to display the swap details.")});let l=o||a==="loading",p=r?n.find(({swap:m})=>m.requestId===r):void 0,c=i(()=>{if(p?.id){let m=t?.get(p.id);m&&$k(m)}},"onCancel"),u=i(async()=>{if(p?.id)try{t?.deleteQueue(p.id),s()}catch(m){console.log(m)}},"onDelete"),d=p?.swap;return!d||l?Aa.createElement(Hd,{requestId:r,showSkeleton:l}):Aa.createElement(ba,{swap:d,requestId:r,onCancel:c,onDelete:u})}i(Gd,"SwapDetailsPage");function Vd(){return rp(),Li(),Uk([{path:F.home,element:ze.createElement(Sm,null)},{path:F.routes,element:ze.createElement(xm,null)},{path:F.fromSwap,children:[{index:!0,element:ze.createElement(la,{type:"source"})},{path:F.blockchains,element:ze.createElement(Gs,{type:"source"})}]},{path:F.toSwap,children:[{index:!0,element:ze.createElement(la,{type:"destination"})},{path:F.blockchains,element:ze.createElement(Gs,{type:"destination"})}]},{path:F.settings,children:[{index:!0,element:ze.createElement(ud,null)},{path:F.languages,element:ze.createElement(Tm,null)},{path:F.exchanges,element:ze.createElement(qs,{sourceType:"Exchanges"})},{path:F.bridges,element:ze.createElement(qs,{sourceType:"Bridges"})}]},{path:F.swaps,children:[{index:!0,element:ze.createElement(Zu,null)},{path:F.swapDetails,element:ze.createElement(Gd,null)}]},{path:F.wallets,element:ze.createElement(uc,null)},{path:F.confirmSwap,element:ze.createElement(Uu,null)}])}i(Vd,"AppRoutes");import{isApprovalTX as qk,MainEvents as jd,RouteEventType as Xd,StepEventType as Kd,StepExecutionEventStatus as zk,useEvents as Qk}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Yd}from"react";function Jd(){let t=g().tokens(),e=Y.use.connectedWallets(),o=Y.use.getWalletsDetails(),n=Oe.use.setNotification(),r=Qk();return Yd(()=>(r.on(jd.StepEvent,s=>{let{event:a,step:l,route:p}=s;if(a.type===Kd.TX_EXECUTION&&a.status===zk.TX_SENT&&!qk(l)||a.type===Kd.SUCCEEDED){let u=e.find(m=>m.chain===l?.fromBlockchain),d=l?.fromBlockchain!==l?.toBlockchain&&e.find(m=>m.chain===l?.toBlockchain);u&&o([u],t),d&&o([d],t)}n(a,p)}),()=>r.all.clear()),[r,e.length]),Yd(()=>(r.on(jd.RouteEvent,s=>{let{event:a,route:l}=s;(a.type===Xd.FAILED||a.type===Xd.SUCCEEDED)&&n(a,l)}),()=>r.all.clear()),[r,e.length]),null}i(Jd,"WidgetEvents");import{useQueueManager as Xk}from"@rango-dev/queue-manager-rango-preset";import{splitWalletNetwork as Kk}from"@rango-dev/wallets-shared";import{isEvmBlockchain as Yk}from"rango-sdk";import{useContext as Jk,useEffect as Zk,useState as tf}from"react";import{globalCss as Hk}from"@rango-dev/ui";var Zd=i(()=>Hk({"@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");function Rd(){let{setWatermark:t}=ne();return{fetchApiConfig:i(async()=>{let o=await fetch(`${yt("BASE_URL")}/meta/dapp/config?apiKey=${yt("API_KEY")}`);if(!o.ok)throw new Error(`Request failed with status: ${o.status} `);let n=await o.json();t(n.config.watermark)},"fetchApiConfig")}}i(Rd,"useFetchApiConfig");import{useWallets as Gk}from"@rango-dev/wallets-react";import{useEffect as Vk,useRef as jk}from"react";function ef(){let{connect:t,state:e}=Gk(),o=jk({}),{fetchStatus:n}=g(),r=new URLSearchParams(location.search).get("autoConnect")||"",s=e(r);Vk(()=>{n==="success"&&r&&s.installed&&!s.connecting&&!s.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[s,n])}i(ef,"useForceAutoConnect");function Wa(){Zd(),ef();let t=g().blockchains(),{canSwitchNetworkTo:e}=sr(),[o,n]=tf(""),[r,s]=tf(),a=Jk(An),l=t.filter(Yk),{fetchApiConfig:p}=Rd();Xk({lastConnectedWallet:o,clearDisconnectedWallet:()=>{s(void 0)},disconnectedWallet:r,evmChains:l,canSwitchNetworkTo:e}),Zk(()=>(zt.init(),Oe.persist.hasHydrated()||Oe.persist.rehydrate(),a.onConnectWallet(n),a.onDisconnectWallet(c=>{s(c),c===Kk(o)?.[0]&&n("")}),p().catch(console.log),zt.destroy),[])}i(Wa,"useBootstrap");import{styled as Rk}from"@rango-dev/ui";var of=Rk("div",{fontFamily:"$widget",boxSizing:"border-box",textAlign:"left","& *, *::before, *::after":{boxSizing:"inherit"},"& *:focus-visible":{outlineColor:"$info500",transition:"none"},"& ul, ol, li":{listStyleType:"none"}});function oi(){Wa();let{config:t}=g(),{activeTheme:e}=Yn(t?.theme||{}),{activeLanguage:o}=Ft();return ti.createElement(ew,{language:o},ti.createElement(of,{id:"swap-container",className:e()},ti.createElement(Jd,null),ti.createElement(Vd,null)))}i(oi,"Main");import La,{useMemo as Sw}from"react";import{checkWaitingForNetworkChange as tw,makeQueueDefinition as ow}from"@rango-dev/queue-manager-rango-preset";import{Provider as nw}from"@rango-dev/queue-manager-react";import{useWallets as rw}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as iw}from"@rango-dev/wallets-shared";import{isEvmBlockchain as sw}from"rango-types";import aw,{useMemo as lw}from"react";function pw(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=rw(),l=lw(()=>ow({API_KEY:t.apiKey||yt("API_KEY"),BASE_URL:yt("BASE_URL")}),[t.apiKey]),p=g().blockchains(),u={blockchains:Y.use.connectedWallets().map(T=>({accounts:[T],name:T.chain}))},d=i(async(T,x)=>{if(s(T,x))return r(T,x)},"switchNetwork"),m=i(T=>!!a(T).mobileWallet,"isMobileWallet"),f=p.filter(T=>T.enabled).reduce((T,x)=>(T[x.name]=x,T),{}),S=p.filter(sw),C=i(T=>{let{supportedChains:x}=a(T);return hn(x)},"getSupportedChainNames"),h=e(),y={meta:{blockchains:f,evmBasedChains:S,evmNetworkChainInfo:iw(S),getSupportedChainNames:C},getSigners:o,wallets:u,providers:h,switchNetwork:d,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:m},k=ne.use.isActiveTab();return aw.createElement(nw,{queuesDefs:[l],context:y,onPersistedDataLoaded:T=>{tw(T)},isPaused:!k},t.children)}i(pw,"QueueManager");var nf=pw;import{useManager as fw}from"@rango-dev/queue-manager-react";import gw,{createContext as hw,useContext as yw}from"react";import{cancelSwap as cw,getCurrentBlockchainOfOrNull as uw,getCurrentStep as mw,getRelatedWalletOrNull as dw}from"@rango-dev/queue-manager-rango-preset";var ni=class{static{i(this,"WidgetHistory")}manager;actions;constructor(e,o){this.manager=e,this.actions=o}getAllSwaps(){return mt(this.manager)}getCurrentStep(e){return this.getCurrentStepInfo(e).step}getCurrentStepWallet(e){return this.getCurrentStepInfo(e).wallet}getCurrentStepNetwork(e){return this.getCurrentStepInfo(e).network}retry(e,o){return this.actions.retrySwap(e,o)}cancel(e){let o=this.manager?.get(e);o&&cw(o)}getCurrentStepInfo(e){let o=mw(e);return{step:o,wallet:o?dw(e,o):null,network:o?uw(e,o):null}}};var rf=hw(void 0);function Na(t){let{manager:e}=fw(),o=ne.use.isActiveTab(),n=H.use.retry(),r=new ni(e,{retrySwap:n}),s=Y.use.connectedWallets(),a=Y.use.loading(),l=Qa(s),p=Y.use.getWalletsDetails(),c=g().blockchains(),u=g().tokens(),d=g().swappers(),m=g().fetchStatus,f=Ft().resetLanguage,S=Oe().getUnreadNotifications(),C={isActiveTab:o,setCurrentTabAsActive:zt.forceClaim,history:r,wallets:{isLoading:a,details:s,totalBalance:l,refetch:p},meta:{blockchains:c,tokens:u,swappers:d,loadingStatus:m},resetLanguage:f,notifications:{list:S}};return gw.createElement(rf.Provider,{value:C},t.children)}i(Na,"WidgetInfo");function sf(){let t=yw(rf);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}i(sf,"useWidget");function ri(t){let{onUpdateState:e,config:o}=t;return Sw(()=>{Ka({API_KEY:o?.apiKey||un,BASE_URL:o?.apiUrl||Ma})},[o.apiKey,o.apiUrl]),La.createElement(Wn,{config:o,onUpdateState:e},La.createElement(nf,{apiKey:o.apiKey},La.createElement(Na,null,t.children)))}i(ri,"WidgetProvider");function af(t){let e=t.config?.externalWallets;return ii.createElement(Al,null,e?ii.createElement(oi,null):ii.createElement(ri,{config:t.config??mi},ii.createElement(oi,null)))}i(af,"Widget");export{BH as EventSeverity,_H as MainEvents,HH as Networks,jH as PendingSwapNetworkStatus,PH as RouteEventType,$H as StepEventType,DH as StepExecutionBlockedEventStatus,FH as StepExecutionEventStatus,ke as UI_ID,zH as WalletEvents,GH as WalletTypes,af as Widget,ri as WidgetProvider,Wn as WidgetWallets,Oi as customizedThemeTokens,qH as readAccountAddress,sr as useWallets,sf as useWidget,OH as useWidgetEvents};
2
+ you won\u2019t need to pay extra gas for them.`)),j.createElement(gr,{size:10}),Object.entries(f.nonePayable).map(([S,C],h)=>{let y=$l(C),k=ki[S],T=`non-payable-fee-${h}`;return j.createElement(Qy,{key:T,fee:y,label:k})}),j.createElement(hs,null)))))}i(iu,"QuoteCostDetails");import{i18n as lu}from"@lingui/core";import{TokenAmount as pu}from"@rango-dev/ui";import hr from"react";import{css as Hy,styled as Gy}from"@rango-dev/ui";var su=Gy("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%"}),au=Hy({height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"});function Fo(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return hr.createElement(su,null,hr.createElement(pu,{direction:"horizontal",label:lu.t("Swap input"),type:"input",tooltipContainer:L(),price:{value:e.price.value,usdValue:e.price.usdValue,realValue:e.price.realValue,realUsdValue:e.price.realUsdValue},token:{displayName:e.token.displayName,image:e.token.image},chain:{image:e.chain.image}}),hr.createElement("div",{className:au()}),hr.createElement(pu,{direction:"horizontal",tooltipContainer:L(),label:lu.t("Estimated output"),type:"output",price:{value:o.price.value,usdValue:o.price.usdValue,realValue:o.price.realValue,realUsdValue:o.price.realUsdValue},token:{displayName:o.token.displayName,image:o.token.image},chain:{image:o.chain.image},percentageChange:n,warningLevel:r}))}i(Fo,"QuoteSummary");import{i18n as fu}from"@lingui/core";import{ChevronDownIcon as Xy,ChevronRightIcon as Ky,Divider as ys,Image as Yy,Tooltip as Ss,Typography as Sr}from"@rango-dev/ui";import D from"react";import{useEffect as Vy,useState as Oo}from"react";var cu=480,uu=768,mu=1024,du=1200,jy=i(()=>{let[t,e]=Oo(!1),[o,n]=Oo(!1),[r,s]=Oo(!1),[a,l]=Oo(!1),[p,c]=Oo(!1),u=i(()=>{e(window.innerWidth<=cu),n(window.innerWidth>cu&&window.innerWidth<=uu),s(window.innerWidth>uu&&window.innerWidth<=mu),l(window.innerWidth>mu&&window.innerWidth<=du),c(window.innerWidth>du)},"handleResize");return Vy(()=>(u(),window.addEventListener("resize",u),()=>window.removeEventListener("resize",u)),[]),{isMobile:t,isTablet:o,isNotebook:r,isLargeScreen:a,isExtraLargeScreen:p}},"useScreenDetect"),yr=jy;var Cr=4,Tr=6,Uo=i(t=>{let e=L(),{content:o,src:n,className:r,open:s,state:a}=t;return D.createElement(Ss,{container:e,side:"bottom",sideOffset:4,open:s,content:o},D.createElement(Kc,{className:r,state:a},D.createElement(Yy,{src:n,size:16})))},"ImageComponent");function gu(t){let{quoteRef:e,selected:o,setExpanded:n,steps:r,expanded:s,type:a}=t,l=L(),p=r.length,c=tp(r),{isTablet:u,isMobile:d}=yr();return D.createElement(Xc,{listItem:a==="list-item",ref:m=>e.current=m,selected:o,onClick:m=>{m.stopPropagation(),n(f=>!f)}},D.createElement("div",{className:ho()},D.createElement(Sr,{variant:"body",size:"xsmall"},fu.t("Via:")),D.createElement(ys,{direction:"horizontal",size:4}),r.map((m,f)=>{let S=`item-${f}`,C=D.createElement(ds,null,D.createElement(Ky,{size:12,color:"black"}));return d||u?D.createElement(D.Fragment,{key:S},D.createElement(Uo,{content:m.swapper.displayName,src:m.swapper.image,state:m.state}),f!==p-1&&D.createElement(D.Fragment,null,C)):D.createElement(D.Fragment,{key:S},p<=Cr||p>Cr&&f<Cr-1?D.createElement(D.Fragment,null,D.createElement(Uo,{content:m.swapper.displayName,src:m.swapper.image,state:m.state}),f!==p-1&&D.createElement(D.Fragment,null,C)):f===Cr-1&&D.createElement(Ss,{container:l,side:"bottom",align:"right",sideOffset:4,content:D.createElement("div",{className:ho()},C,r.map((h,y)=>{let k=`image-${y}`;return y>=f&&D.createElement(D.Fragment,{key:k},D.createElement(Uo,{content:h.swapper.displayName,src:h.swapper.image,state:h.state,open:!1}),y!==p-1&&D.createElement(D.Fragment,null,C))}))},D.createElement(gs,{state:r.find((h,y)=>y>=f&&(h.state==="error"||h.state==="warning"))?.state},D.createElement(Sr,{size:"xsmall",variant:"body"},"+",p-f))))})),D.createElement("div",{className:ho()},D.createElement("div",{className:"blockchains_section"},D.createElement("div",{className:ho()},D.createElement(Sr,{variant:"body",size:"xsmall"},fu.t("Chains:")),D.createElement(ys,{direction:"horizontal",size:4}),c.map((m,f)=>D.createElement(D.Fragment,{key:m.displayName},c.length<=Tr||c.length>Tr&&f<Tr-1?D.createElement(Uo,{content:"",src:m.image,open:!1,className:f!==0?"blockchainImage":""}):f===Tr-1&&D.createElement(Ss,{container:l,side:"bottom",align:"right",sideOffset:4,content:D.createElement("div",{className:ho()},c.map((S,C)=>C>=f&&D.createElement(Uo,{key:S.displayName,content:"",src:S.image,open:!1,className:C>f?"blockchainImage":""})))},D.createElement(gs,{className:"blockchainImage"},D.createElement(Sr,{size:"xsmall",variant:"body"},"+",c.length-f))))),D.createElement(ys,{direction:"horizontal",size:32}))),D.createElement(ds,{orientation:s?"up":"down"},D.createElement(Xy,{size:12,color:"black"}))))}i(gu,"QuoteTrigger");function Ts(t){let{quote:e,input:o,output:n,error:r,warning:s,type:a,selected:l=!1,tagHidden:p=!0,showModalFee:c=!0,onClickAllRoutes:u,fullExpandedMode:d=!1}=t,m=g().blockchains(),f=g().tokens(),S=g().swappers(),[C,h]=rS(t.expanded),y=nS(null),k=W(o.value,6,6),T=W(n.value,6,6),x=n.usdValue?W(n.usdValue,4,4):"",I=Xe(o.usdValue,n.usdValue??null),E=W(I,2,2),v=Ct(I??0),A=i(Q=>Q.map((B,b)=>{let J,de=r?.type===3&&r.swap.swapperId===B.swapperId||r?.type===4&&r.recommendedSlippages?.has(b),Z=s?.type===2&&s.recommendedSlippages?.has(b);de?J="error":Z&&(J="warning");let ie=de?qo.t("Slippage Error"):qo.t("Slippage Warning");return r?.type===3&&(ie=r?.recommendation),{swapper:{displayName:bo(B.swapperId,S),image:B.swapperLogo},from:{token:{displayName:B.from.symbol,image:B.from.logo},chain:{displayName:Ve(B.from.blockchain,m),image:B.from.blockchainLogo},price:{value:b===0?W(o.value,6,6):W(B.fromAmount,6,6),usdValue:W((B.from.usdPrice??0)*parseFloat(B.fromAmount),4,4),realValue:pe(b===0?o.value:B.fromAmount),realUsdValue:pe(new Cs(B.from.usdPrice??0).multipliedBy(B.fromAmount))}},to:{token:{displayName:B.to.symbol,image:B.to.logo},chain:{displayName:Ve(B.to.blockchain,m),image:B.to.blockchainLogo},price:{value:W(B.toAmount,6,6),usdValue:W((B.to.usdPrice??0)*parseFloat(B.toAmount),4,4),realValue:pe(B.toAmount),realUsdValue:pe(new Cs(B.to.usdPrice??0).multipliedBy(B.toAmount))}},state:J,alerts:de||Z?_.createElement(Fc,null,_.createElement(Jy,{variant:"alarm",type:de?"error":"warning",title:ie,footer:_.createElement(Oc,null,r?.type===3&&_.createElement(_.Fragment,null,_.createElement(yo,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),_.createElement(zo,{direction:"horizontal",size:8}),_.createElement(yo,{size:"xsmall",variant:"body",color:"neutral900"},"|"),_.createElement(zo,{direction:"horizontal",size:8}),_.createElement(yo,{size:"xsmall",variant:"body",color:"neutral900"},qo.t({id:"Yours: {amount} {symbol}",values:{amount:W(B.fromAmount,6,6),symbol:B?.from.symbol}}))),(r?.type===4||s?.type===2)&&_.createElement(yo,{size:"xsmall",variant:"body",color:"neutral900"},qo.t({id:"Minimum required slippage is {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get(b)},...s?.type===2&&{minRequiredSlippage:s.recommendedSlippages?.get(b)}}})))})):void 0}}),"getQuoteSteps")(e?.swaps??[]),N=A.length,M=L(),z=np(t.quote.tags||[]),X=!!u,V=mn(dn(e?.swaps)),U=_n(e?.swaps??[],f),ee=W(U,2,2),re=U.gte(new Cs(Nl));return d?_.createElement(Zy,{selected:l,fee:ee,time:V,tooltipContainer:bn(),steps:A,tags:z,feeWarning:re,percentageChange:E,warningLevel:v,outputPrice:{value:T,usdValue:x,realValue:pe(n.value),realUsdValue:pe(n.usdValue)}}):_.createElement(Hc,{selected:l,listItem:a==="list-item",basic:a==="basic"},_.createElement("div",{className:Gc()},!p&&z.length?_.createElement(_.Fragment,null,_.createElement(eu,null,z.map((Q,B)=>{let b=`${Q.value}_${B}`;return _.createElement(_.Fragment,{key:b},_.createElement(eS,{label:Q.label,value:Q.value}),_.createElement(zo,{size:4,direction:"horizontal"}))})),_.createElement(mr,null),!X&&_.createElement(zo,{size:4})):null,_.createElement("div",{id:"portal-root",className:Vc()},_.createElement(iu,{quote:e,time:V,fee:ee,feeWarning:re,showModalFee:c,steps:N}),X&&_.createElement(Qc,{onClick:Q=>{Q.stopPropagation(),u()},size:"xxsmall",type:"secondary",variant:"default"},_.createElement(yo,{color:"secondary",variant:"label",size:"medium"},qo.t("See All Routes")))),a==="basic"&&_.createElement("div",{className:jc()},_.createElement(Zc,null,_.createElement(Ry,{size:12,color:"gray"})),_.createElement(Rc,null,_.createElement(fs,{size:"small",variant:"body"},`${k} ${A[0].from.token.displayName} = `),_.createElement(hu,{content:pe(n.value),container:M,open:n.value?void 0:!1},_.createElement(fs,{size:"small",variant:"body"},"\xA0",`${T} ${A[A.length-1].to.token.displayName}`))),_.createElement(hu,{content:pe(n.usdValue),container:M,style:{display:"flex"}},_.createElement(yo,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${x})`))),a==="list-item"&&_.createElement(oS,{tooltipContainer:M,type:"output",direction:"vertical",price:{value:T,usdValue:x,realValue:pe(n.value),realUsdValue:pe(n.usdValue)},token:{displayName:A[N-1].to.token.displayName,image:A[N-1].to.token.image},chain:{image:A[N-1].to.chain.image},percentageChange:E,warningLevel:v}),a==="swap-preview"&&_.createElement(_.Fragment,null,_.createElement(Fo,{from:A[0].from,to:A[N-1].to,percentageChange:E,warningLevel:v}),_.createElement(zo,{size:4}))),_.createElement(qc,{selected:l,listItem:a==="list-item",open:C,className:"quote_container",onOpenChange:h},_.createElement(gu,{type:a,quoteRef:y,selected:l,setExpanded:h,expanded:C,steps:A}),_.createElement(Yc,{open:C},_.createElement(Jc,null),_.createElement("div",{className:zc()},A.map((Q,B)=>{let b=`item-${B}`;return _.createElement(tS,{type:"quote-details",key:b,tooltipContainer:M,step:Q,hasSeparator:B!==A.length-1,state:Q.state})})))))}i(Ts,"Quote");import{Divider as lS,Skeleton as pS}from"@rango-dev/ui";import wt from"react";import{darkTheme as iS,styled as kr}from"@rango-dev/ui";var yu=kr("div",{$$color:"$colors$neutral100",[`.${iS} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15",variants:{rounded:{true:{borderRadius:"$xm"}},expanded:{true:{paddingBottom:"3px"},false:{paddingBottom:"$12"}}}}),Su=kr("div",{paddingTop:"$2"}),Cu=kr("div",{paddingLeft:"$8"}),Tu=kr("div",{borderLeft:"1px dashed $foreground",minHeight:" 0",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});import{ChainToken as Nu,Divider as rt,Skeleton as Ge}from"@rango-dev/ui";import O from"react";import{css as sS,styled as kt}from"@rango-dev/ui";var ks=kt("div",{display:"flex"}),ku=kt("div",{padding:"$10 $0 $20"}),wu=kt("div",{padding:"14px $0 $20 $0",display:"flex",flexDirection:"column"}),xu=kt("div",{display:"flex",justifyContent:"start",alignItems:"center"}),vu=kt("div",{display:"flex",justifyContent:"space-between",alignItems:"end"}),bu=kt("div",{height:"$24",marginLeft:"13px",borderLeft:"1px solid $neutral700"}),Iu=kt("div",{width:"65%",display:"flex",justifyContent:"start"}),Eu=kt("div",{display:"flex",flexDirection:"column",alignItems:"start",flexGrow:1,maxWidth:"148px"}),Au=kt("div",{padding:"$15 $0 $15 $0"}),Wu=sS({display:"flex",justifyContent:"space-between",alignItems:"center"});function Qo(t){let{type:e,tagHidden:o=!0}=t,n=O.createElement(vu,null,O.createElement(Iu,null,O.createElement(Nu,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),O.createElement(rt,{size:8,direction:"horizontal"}),O.createElement(Eu,null,O.createElement(Ge,{height:10,width:60,variant:"rounded"}),O.createElement(rt,{size:4}),O.createElement(Ge,{height:15,variant:"rounded"}))),O.createElement(Ge,{height:12,width:64,variant:"rounded"})),r=e==="basic"&&!o;return O.createElement("div",null,!o&&O.createElement(O.Fragment,null,O.createElement(ks,null,O.createElement(Ge,{width:65,height:20,variant:"rounded"}),O.createElement(rt,{size:4,direction:"horizontal"}),O.createElement(Ge,{width:65,height:20,variant:"rounded"}),O.createElement(rt,{size:4,direction:"horizontal"}),O.createElement(Ge,{width:65,height:20,variant:"rounded"})),O.createElement(mr,null),!r&&O.createElement(rt,{size:4})),O.createElement("div",{className:Wu()},O.createElement(ks,null,O.createElement(Ge,{width:60,height:10,variant:"rounded"}),O.createElement(rt,{size:4,direction:"horizontal"}),O.createElement(Ge,{width:60,height:10,variant:"rounded"}),O.createElement(rt,{size:4,direction:"horizontal"}),O.createElement(Ge,{width:60,height:10,variant:"rounded"})),r&&O.createElement(Ge,{width:85,height:24,variant:"rounded"})),e==="basic"&&O.createElement(ku,null,O.createElement(Ge,{height:15,width:148,variant:"rounded"})),e==="list-item"&&O.createElement(wu,null,O.createElement(xu,null,O.createElement(Nu,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),O.createElement(rt,{direction:"horizontal",size:4}),O.createElement(Ge,{height:15,width:150,variant:"rounded"})),O.createElement(rt,{size:10}),O.createElement(Ge,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&O.createElement(O.Fragment,null,O.createElement(rt,{size:4}),O.createElement(Au,null,n,O.createElement(bu,null),n),O.createElement(rt,{size:12})))}i(Qo,"QuoteSummarySkeleton");import{ChainToken as Pu,Divider as xs,NextIcon as aS,Skeleton as wr}from"@rango-dev/ui";import Te from"react";import{styled as Ho}from"@rango-dev/ui";var Lu=Ho("div",{display:"flex",alignItems:"start"}),Mu=Ho("div",{flexGrow:1,paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center",variants:{extraSpace:{true:{paddingBottom:"$40"}}}}),ws=Ho("div",{display:"flex",alignItems:"center",flexGrow:1}),Bu=Ho("div",{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}),_u=Ho("div",{display:"flex",alignItems:"center"});function ft(t){let{separator:e=!0}=t;return Te.createElement(Te.Fragment,null,Te.createElement(_u,null,Te.createElement(wr,{height:22,width:22,variant:"circular"}),Te.createElement(xs,{direction:"horizontal",size:8}),Te.createElement(wr,{height:15,width:148,variant:"rounded"})),Te.createElement(Lu,null,Te.createElement(Tu,{hideSeparator:!e}),Te.createElement(Mu,{extraSpace:e},Te.createElement(ws,null,Te.createElement(Pu,{size:"small",loading:!0,chainImage:"",tokenImage:""}),Te.createElement(xs,{direction:"horizontal",size:8}),Te.createElement(wr,{height:12,variant:"rounded"})),Te.createElement(Bu,null,Te.createElement(aS,{color:"gray",size:16})),Te.createElement(ws,null,Te.createElement(Pu,{size:"small",loading:!0,chainImage:"",tokenImage:""}),Te.createElement(xs,{direction:"horizontal",size:8}),Te.createElement(wr,{height:12,variant:"rounded"})))))}i(ft,"StepSkeleton");function Go(t){let{type:e,expanded:o,tagHidden:n=!1}=t;return wt.createElement(yu,{expanded:o,rounded:e!=="basic"},wt.createElement(Qo,{type:e,tagHidden:n}),wt.createElement(Su,null,wt.createElement(pS,{height:15,variant:"rounded"})),o&&wt.createElement(Cu,null,wt.createElement(lS,{size:24}),wt.createElement(ft,null),wt.createElement(ft,null),wt.createElement(ft,{separator:!1})))}i(Go,"QuoteSkeleton");function Zt(t){let{quote:e,type:o,loading:n,error:r,warning:s,expanded:a=!1,tagHidden:l,onClick:p,showModalFee:c,selected:u,onClickAllRoutes:d,fullExpandedMode:m=!1}=t,{inputAmount:f,inputUsdValue:S,toToken:C}=H(),h=e?.outputAmount?new cS(e?.outputAmount):null,y=e?.outputAmount?$n(e?.outputAmount,Dn(e)||C?.usdPrice):null,T=!(r&&(r.type===0||r.type===1))&&e&&!n;return n?xr.createElement(ms,null,xr.createElement(Go,{tagHidden:l,type:o,expanded:a})):T?xr.createElement(ms,{onClick:()=>p?.(e)},xr.createElement(Ts,{quote:e,error:r,showModalFee:c,warning:s,tagHidden:l,selected:u,type:o,expanded:a,onClickAllRoutes:d,fullExpandedMode:m,input:{value:f,usdValue:S?.toString()??""},output:{value:h?.toString()??"",usdValue:y?.toString()??""}})):null}i(Zt,"QuoteInfo");import{calculatePendingSwap as dS}from"@rango-dev/queue-manager-rango-preset";import{useEffect as fS}from"react";import{useRef as uS,useState as mS}from"react";function vr({request:t}){let[e,o]=mS(!1),n=uS(null),r=i(()=>n.current?.abort(),"cancelFetch");return{fetch:i(async a=>{r(),n.current=new AbortController,o(!0);try{let l=await t(a,{signal:n.current.signal});return n.current=null,l}catch(l){throw l}finally{o(!1)}},"fetch"),loading:e,cancelFetch:r}}i(vr,"useFetch");function $u(){let{fetch:t,loading:e,cancelFetch:o}=vr({request:async(n,r)=>await Wt().confirmRouteRequest(n,r)});return{fetch:t,loading:e,cancelFetch:o}}i($u,"useFetchConfirmQuote");function br(t){if(!t.swaps)throw new Error(R().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});let e=vs(t.swaps);if(e)throw new Error(e.message,{cause:e.options})}i(br,"throwErrorIfResponseIsNotValid");function vs(t){if(Bl(t)){let{swap:n,recommendation:r,fromAmountRangeError:s}=_l(t);return{message:"bridge limit error",options:{type:3,swap:n,recommendation:r,fromAmountRangeError:s}}}let o=Fl(t);if(o){let n=Pn(t);return{message:"",options:{type:4,recommendedSlippages:o,minRequiredSlippage:n}}}return null}i(vs,"getQuoteError");function Du(t,e,o){let n=!1;t&&(n=Rl(t,e));let r={quote:null,quoteUpdate:null,balance:null},s=ro(e,{fromToken:o.fromToken,toToken:o.toToken,tokens:o.meta.tokens,userSlippage:o.userSlippage});s&&(r.quote=s),t&&n&&(Hl(t,e)?r.quoteUpdate={type:3,newOutputAmount:W(no(e)),percentageChange:W(Xe(no(t)??"",no(e)??""),null,2)}:bi(t,e)?r.quoteUpdate={type:0}:Ii(t,e)?r.quoteUpdate={type:1}:Ei(t,e)&&(r.quoteUpdate={type:2}));let a=Gl(e,o.selectedWallets,o.meta.blockchains);return a.length===0||(r.balance={messages:a}),r}i(Du,"generateWarnings");function Ir(t){return t?.code==="ERR_CANCELED"?{swap:null,error:{type:2},warnings:null}:t.cause?{swap:null,error:t.cause,warnings:null}:{swap:null,error:{type:1},warnings:null}}i(Ir,"handleQuoteErrors");function bs(){let{fromToken:t,toToken:e,inputAmount:o,setSelectedQuote:n,selectedQuote:r,customDestination:s,setQuoteWarningsConfirmed:a,resetAlerts:l}=H(),{slippage:p,customSlippage:c}=g(),u=g().getDisabledLiquiditySources(),d=g().blockchains(),m=g().tokens(),f=c||p,{fetch:S,cancelFetch:C,loading:h}=$u();return fS(()=>C,[]),{loading:h,fetch:i(async k=>{let T=k.selectedWallets,x=k?.customDestination??s;if(!t||!e||!o)return{quote:null,swap:null,error:null,warnings:null};let I=T.reduce((v,w)=>(v[w.chain]=w.address,v),{}),E={requestId:r?.requestId||"",selectedWallets:I,destination:x||void 0};try{return await S(E).then(v=>{let{result:w}=v;br({diagnosisMessages:w.diagnosisMessages,requestId:w.requestId,swaps:w.result?.swaps});let A={outputAmount:w.result?.outputAmount,requestId:w.requestId,resultType:w.result?.resultType,swaps:w.result?.swaps||[],validationStatus:w.validationStatus,requestAmount:w.requestAmount};n(A);let N={slippage:f.toString(),disabledSwappersGroups:u},M=dS(o.toString(),w,zl(T),N,!1,{blockchains:d,tokens:m}),z=Du(r??void 0,A,{fromToken:t,toToken:e,meta:{blockchains:d,tokens:m},selectedWallets:T,userSlippage:f});return z.quoteUpdate&&a(!1),l(),{quote:A,swap:M,error:null,warnings:z}})}catch(v){return Ir(v)}},"fetch"),cancelFetch:C}}i(bs,"useConfirmSwap");var ES=SS("div",{width:"100%",display:"flex",justifyContent:"space-between",[`& ${Ou}`]:{width:"$48",height:"$48"}}),AS=Es({flexGrow:1,paddingRight:"$10"}),WS=Es({width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}),NS=Es({display:"flex",justifyContent:"space-between",alignItems:"center"});function Uu(){let{selectedQuote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:s,quoteWarningsConfirmed:a}=H(),l=IS(),p=bS(),[c,u]=jo(""),{connectedWallets:d}=Y(),m=!n,[f,S]=jo(!1),[C,h]=jo(!1),{isActiveTab:y}=ne(),k=g().getDisabledLiquiditySources(),T=xS(k),{manager:x}=gS(),{fetch:I,loading:E,cancelFetch:v}=bs(),[w,A]=jo({swap:null,error:null,warnings:null}),[N,M]=jo(!1),z=i(async({selectedWallets:b,customDestination:J})=>{let de=await I?.({selectedWallets:b,customDestination:J});return A(de),de},"onConfirmSwap"),X=i(async()=>{if(w.swap&&n)try{await x?.create("swap",{swapDetails:w.swap},{id:w.swap.requestId});let b=`../${F.swaps}/${w.swap.requestId}`;l(b,{replace:!0}),setTimeout(()=>{e("")},0)}catch(b){u("Error: "+b?.message)}},"addNewSwap"),V=i(async()=>{h(!0),await X(),h(!1)},"onConfirm"),U=i(async()=>{w?.warnings?.quote&&!a?M(!0):await V()},"onStartConfirmSwap"),ee=i(async()=>{A({error:null,swap:null,warnings:null}),I({selectedWallets:o,customDestination:s}).then(b=>{A(b)}).catch(b=>console.error(b))},"onRefresh");Vo(()=>{!!T.current.length&&!k.length&&ee(),T.current=k},[k.length]),Vo(()=>{m&&v()},[m]),Vo(()=>{m&&S(m)},[m]),Vo(()=>{m||I({selectedWallets:o,customDestination:s}).then(b=>A(b)).catch(b=>console.error(b))},[]),Vo(()=>{let b=w.warnings?.quote?.type&&Object.values(Lt).includes(w.warnings?.quote?.type),J=o.length<1||!o.every(Z=>d.find(ie=>Z.address===ie.address&&Z.walletType===ie.walletType&&Z.chain===ie.chain)),de=!1;if(b){let Z=Nn(t?.swaps||null),ie=t?.swaps[t.swaps.length-1].to.blockchain;!!t?.swaps.find(K=>K.from.blockchain===ie)||(Z=Z.slice(-Z.length,Z.length-1)),Z.every(K=>o.find(te=>te.chain===K))||(de=!0)}t&&(J||de)&&(queueMicrotask(()=>vS(S.bind(null,!0))),r(!1))},[w.warnings?.quote,o.length,d.length]),wS(()=>{t||l(`../${p.search}`)},[]);let re=w.warnings?.quote??null,Q=w.error,B=[];if(c&&B.push(fe.createElement(Fu,{type:"error",variant:"alarm",title:c})),w.warnings?.quoteUpdate&&B.push(fe.createElement(Fu,{variant:"alarm",type:"warning",title:w.warnings.quoteUpdate&&qn(w.warnings.quoteUpdate)})),re||Q){let b=`../${F.settings}`;B.push(fe.createElement($o,{warning:re,error:Q,refetchQuote:ee,showWarningModal:N,confirmationDisabled:!y,onOpenWarningModal:()=>M(!0),onCloseWarningModal:()=>M(!1),onConfirmWarningModal:async()=>{M(!1),await X()},onChangeSettings:()=>l(b)}))}return fe.createElement(le,{header:{title:Er.t("Confirm Swap"),onWallet:()=>{let b=`../${F.wallets}`;l(b)},suffix:fe.createElement(CS,{container:L(),side:"bottom",content:Er.t("Settings")},fe.createElement(Je,{size:"small",variant:"ghost",onClick:()=>l("../"+F.settings)},fe.createElement(yS,{size:18,color:"black"})))},footer:fe.createElement(ES,null,fe.createElement("div",{className:AS()},fe.createElement(hS,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:E||C,disabled:!!w.error||!y,onClick:U},Er.t("Start Swap"))),fe.createElement(Ou,{variant:"contained",type:"primary",size:"large",loading:E||C,disabled:!y,onClick:S.bind(null,!0)},fe.createElement(kS,{size:24})))},f&&fe.createElement(Cc,{open:f,onClose:()=>S(!1),onCancel:v,loading:E,onCheckBalance:z}),fe.createElement(ue,null,fe.createElement("div",{className:NS()},fe.createElement(TS,{variant:"title",size:"small"},Er.t("You get")),fe.createElement("div",{className:WS()},fe.createElement(Rn,{onClick:!E&&!f&&!N?ee:void 0}))),fe.createElement(Is,{size:"12"}),bp(B.map((b,J)=>({element:b,key:`alert-${J}`})),fe.createElement(Is,{size:10})),B.length>0?fe.createElement(Is,{size:10}):null,fe.createElement(Zt,{quote:t,type:"swap-preview",expanded:!0,tagHidden:!0,error:w.error,loading:E,warning:w.warnings?.quote??null})))}i(Uu,"ConfirmSwapPage");import{i18n as Wr}from"@lingui/core";import{useManager as VS}from"@rango-dev/queue-manager-react";import{Divider as Ju,NotFound as jS,styled as XS}from"@rango-dev/ui";import vt,{useState as KS}from"react";import{useNavigate as YS}from"react-router-dom";import{i18n as BS}from"@lingui/core";import{Divider as Gu,GroupedVirtualizedList as _S,Skeleton as PS,SwapListItem as Vu,Typography as $S}from"@rango-dev/ui";import _e,{useCallback as ju,useEffect as DS,useRef as FS,useState as OS}from"react";function qu(t,e){let o=[],n=0;do{let r=t[n];o.push(Math.min(r,e)),e-=r,n++}while(e>0&&n<=t.length);return o}i(qu,"calculateGroupsSoFar");import{css as LS,darkTheme as MS,styled as Xo}from"@rango-dev/ui";var As=LS(),zu=Xo("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$5"}),Ws=Xo("div",{width:"100%",display:"flex",flexDirection:"column",backgroundColor:"$background",padding:"$10 $5 0 $5",[`& .${As}`]:{$$color:"$colors$neutral600",[`.${MS} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Ns=Xo("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),Qu=Xo("div",{gap:"$10",display:"flex",flexDirection:"column"}),Hu=Xo("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});var US=10;function Ls(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,[s,a]=OS([]),l=FS(0),{swaps:p,groupCounts:c,groups:u}=n(e),d=ju(qu,[]),m=ju(()=>{let f=e.length-l.current;f&&(l.current+=Math.min(f,US),a(d(c,l.current)))},[e.length]);if(DS(()=>{r||m()},[r,m]),r){let f=[1,2];return _e.createElement(_e.Fragment,null,[f,f].map((C,h)=>_e.createElement(Ws,{key:h},_e.createElement(Ns,null,_e.createElement(PS,{variant:"text",width:60,size:"small"}),_e.createElement(Gu,{size:16})),_e.createElement(Gu,{size:4}),_e.createElement(Qu,null,C.map((k,T)=>_e.createElement(Vu,{isLoading:!0,key:T}))))))}return _e.createElement(_S,{endReached:()=>{l.current<e.length&&m()},groupCounts:s,groupContent:f=>_e.createElement(Ws,null,_e.createElement(Ns,null,_e.createElement($S,{variant:"label",size:"medium",className:As()},u[f]))),itemContent:(f,S)=>{let C=p[f];if(!C)return null;let h=C.steps[0],y=C.steps[C.steps.length-1];return _e.createElement(zu,{key:C.requestId},_e.createElement(Vu,{requestId:C.requestId,creationTime:C.creationTime,status:C.status,onClick:o,tooltipContainer:L(),onlyShowTime:u[S]===BS.t("Today"),swapTokenData:{from:{token:{image:h.fromLogo,displayName:h.fromSymbol},blockchain:{image:h.fromBlockchainLogo||""},amount:W(C.inputAmount,6,6),realAmount:pe(C.inputAmount)},to:{token:{image:y.toLogo,displayName:y.toSymbol},blockchain:{image:y.toBlockchainLogo||""},amount:W(y.outputAmount||y.expectedOutputAmountHumanReadable||"",6,6),realAmount:pe(y.outputAmount||y.expectedOutputAmountHumanReadable)}}}))}})}i(Ls,"HistoryGroupedList");import{CloseIcon as zS,IconButton as QS,SearchIcon as HS,TextField as GS}from"@rango-dev/ui";import Ko from"react";import{styled as qS}from"@rango-dev/ui";var Xu=qS("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function xt(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:s,value:a,setValue:l,...p}=t;return Ko.createElement(GS,{prefix:Ko.createElement(Xu,null,Ko.createElement(HS,{color:"black"})),suffix:!!a.length&&Ko.createElement(QS,{variant:"ghost",onClick:()=>l?.(""),size:"small"},Ko.createElement(zS,{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(xt,"SearchInput");import{i18n as Ar}from"@lingui/core";import Ku from"dayjs";var Yu=i(t=>{let e=new Map([["today",{title:Ar.t("Today"),swaps:[]}],["week",{title:Ar.t("This week"),swaps:[]}],["month",{title:Ar.t("This month"),swaps:[]}],["year",{title:Ar.t("This year"),swaps:[]}]]);function o(p,c){e.has(p)||e.set(p,{title:p,swaps:[]}),e.get(p)?.swaps.push(c)}i(o,"addYearsToOutput");let n=Ku();t.forEach(p=>{let c=Number(p.creationTime),u=Ku(c);if(n.isSame(u,"day"))e.get("today")?.swaps.push(p);else if(n.isSame(u,"week"))e.get("week")?.swaps.push(p);else if(n.isSame(u,"month"))e.get("month")?.swaps.push(p);else if(n.isSame(u,"year"))e.get("year")?.swaps.push(p);else{let d=new Date(c).getFullYear().toString();o(d,p)}});let r=Array.from(e.values()).filter(p=>p.swaps.length>0),s=r.flatMap(p=>p.swaps),a=r.map(p=>p.swaps.length),l=r.map(p=>p.title);return{swaps:s,groupCounts:a,groups:l}},"groupSwapsByDate");var JS=XS("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),ZS=i((t,e)=>t?.length?t.filter(o=>pt(o.fromBlockchain,e)||pt(o.toBlockchain,e)||pt(o.toSymbol,e)||pt(o.fromSymbol,e)).length:!1,"isStepContainsText");function Zu(){let t=YS(),{manager:e,state:o}=VS(),n=mt(e).map(({swap:u})=>u),[r,s]=KS(""),a=!o.loadedFromPersistor,l=i(u=>{let d=u.target.value;s(d)},"searchHandler"),p=n;r&&(p=n.filter(u=>pt(u.inputAmount,r)||pt(u.status,r)||ZS(u.steps,r)||pt(u.requestId,r)));let c=!p?.length&&!a;return vt.createElement(le,{header:{title:Wr.t("History")}},vt.createElement(ue,null,vt.createElement(xt,{setValue:s,fullWidth:!0,variant:"contained",placeholder:Wr.t("Search Transaction"),autoFocus:!0,onChange:l,value:r}),vt.createElement(Ju,{size:"16"}),vt.createElement(JS,null,c&&vt.createElement(Hu,null,vt.createElement(Ju,{size:32}),vt.createElement(jS,{title:Wr.t("No results found"),description:r?Wr.t("Try using different keywords"):""})),!c&&vt.createElement(Ls,{list:p,onSwapClick:t,groupBy:Yu,isLoading:a}))))}i(Zu,"HistoryPage");import{i18n as hC}from"@lingui/core";import{Button as yC,Divider as gm,styled as SC,WarningIcon as CC}from"@rango-dev/ui";import qe,{useEffect as hm,useState as ym}from"react";import{useNavigate as TC}from"react-router-dom";import{i18n as rC}from"@lingui/core";import{Header as iC}from"@rango-dev/ui";import Dt,{useEffect as sC,useState as aC}from"react";import{i18n as eC}from"@lingui/core";import{Divider as Bs,FullExpandedQuote as tC,Typography as oC}from"@rango-dev/ui";import ge from"react";import{styled as Ms}from"@rango-dev/ui";var Ru=Ms("div",{display:"flex",justifyContent:"center",flexDirection:"column",height:"100%"}),em=Ms("div",{display:"flex",justifyContent:"space-between",alignItems:"center"}),tm=Ms("div",{width:"146px"});import{Select as RS}from"@rango-dev/ui";import om from"react";function Nr(t){let{updateQuotePartialState:e,sortStrategy:o}=H();return om.createElement(tm,null,om.createElement(RS,{container:t.container,options:Wl,value:o,handleItemClick:n=>{e("sortStrategy",n.value)},variant:"filled"}))}i(Nr,"SelectStrategy");var nm=3;function Yo(t){let{loading:e,onClickOnQuote:o,fetch:n,showModalFee:r,hasSort:s=!0,fullExpandedMode:a=!1}=t,{selectedQuote:l,quotes:p,updateQuotePartialState:c,fromToken:u,toToken:d,sortStrategy:m,error:f}=H(),{slippage:S,customSlippage:C}=g(),h=g().tokens(),y=!!p&&p.results.length,k=C??S,T=i(E=>{if(!u||!d||!p)return null;let v={requestAmount:p.requestAmount,...E};return ro(v,{fromToken:u,toToken:d,userSlippage:k,tokens:h})},"getQuoteWarning"),x=f?.type===0||f?.type===1,I=p?.results?Fn(m,p?.results):[];return ge.createElement(ge.Fragment,null,s&&ge.createElement(ge.Fragment,null,ge.createElement(em,null,ge.createElement(oC,{size:"xmedium",variant:"title"},eC.t("Sort by")),ge.createElement(Nr,{container:L()})),ge.createElement(Bs,{size:"10"})),e&&Array.from({length:nm},(E,v)=>ge.createElement(ge.Fragment,{key:v},a?ge.createElement(tC,{loading:!0}):ge.createElement(Go,{tagHidden:!1,type:"list-item",expanded:!1}),v!==nm-1&&ge.createElement(Bs,{size:16}))),!e&&ge.createElement(ge.Fragment,null,y?I.map((E,v)=>{let w=T(E),A=vs(E.swaps),N=I.length-1===v;return ge.createElement(ge.Fragment,{key:E.requestId},ge.createElement(Zt,{showModalFee:r,selected:l?.requestId===E.requestId,tagHidden:!1,quote:{...E,requestAmount:p.requestAmount},loading:e,error:A?.options||null,warning:w,fullExpandedMode:a,onClick:M=>{A||c("warning",w),c("error",A?.options||null),o(M)},type:"list-item"}),!N&&ge.createElement(Bs,{size:16}))}):x&&ge.createElement(Ru,null,ge.createElement(_o,{size:a?"large":"small",error:f,fetch:n}))))}i(Yo,"Quotes");import{darkTheme as nC,styled as rm}from"@rango-dev/ui";var im=rm("div",{transition:"width 0.2s, opacity 0.2s, margin-left 0.2s",height:"700px",width:"390px",opacity:1,marginLeft:"$16",backgroundColor:"$neutral100",[`.${nC} &`]:{backgroundColor:"$neutral300"},variants:{expandMode:{default:{width:"390px"},full:{width:"719px"}}},"&.is-hidden":{width:0,height:0,opacity:0,marginLeft:0}}),sm=rm("div",{position:"relative",overflow:"hidden",padding:"$20",flexGrow:1,display:"flex",flexDirection:"column",overflowY:"auto",borderRadius:"$primary",backgroundColor:"$background"});var lC=100;function _s(t){let{fetch:e,loading:o,onClickOnQuote:n,onClickRefresh:r,isVisible:s}=t,[a,l]=aC(!1),p=a?"":"is-hidden",{config:c}=g(),u=c?.variant==="full-expanded";return sC(()=>{let d=null;return s?d=setTimeout(()=>{l(!0)},lC):(l(!1),d&&clearTimeout(d)),()=>{d&&clearTimeout(d)}},[s]),Dt.createElement(im,{expandMode:c?.variant==="full-expanded"?"full":"default",className:`${p} ${or()}`,id:ke.EXPANDED_BOX_ID},Dt.createElement(iC,{title:rC.t("Routes"),suffix:Dt.createElement(Dt.Fragment,null,Dt.createElement(Nr,{container:bn()}),Dt.createElement(jt,{onClickRefresh:r,hidden:["history","notifications","settings"]}))}),Dt.createElement(sm,null,Dt.createElement(Yo,{showModalFee:!1,fetch:e,hasSort:!1,loading:o,onClickOnQuote:n,fullExpandedMode:u})))}i(_s,"ExpandedQuotes");import{i18n as mm}from"@lingui/core";import{SwapInput as dm}from"@rango-dev/ui";import Jo from"react";import{ReverseIcon as pC,styled as am}from"@rango-dev/ui";import Ps from"react";var cC=am("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),uC=am("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 lm(){let t=H.use.switchFromAndTo();return Ps.createElement(cC,null,Ps.createElement(uC,{onClick:()=>{t()}},Ps.createElement(pC,{size:12})))}i(lm,"SwitchFromAndToButton");import{styled as pm}from"@rango-dev/ui";var cm=pm("div",{display:"flex",flexDirection:"column",gap:"$5",alignSelf:"stretch"}),um=pm("div",{position:"relative"});function $s(t){let{fetchingQuote:e,fetchMetaStatus:o,onClickToken:n}=t,{fromToken:r,fromBlockchain:s,toToken:a,toBlockchain:l,setInputAmount:p,inputAmount:c,inputUsdValue:u,outputAmount:d,outputUsdValue:m,selectedQuote:f}=H(),{connectedWallets:S,getBalanceFor:C}=Y(),{config:{variant:h}}=g(),y=r?C(r):null,k=Cn(y)?.amount??"0",T=s&&r?W(y?.amount,y?.decimals):"0",x=!!s&&ja(S,s.name),I=!xi(f,c,u),E=!xi(f,c,m),v=!u||!m||!m.gt(0)?null:Xe(u.toString(),m.toString());return Jo.createElement(cm,null,Jo.createElement(um,null,Jo.createElement(dm,{label:mm.t("From"),mode:"From",onInputChange:p,balance:k,chain:{displayName:s?.displayName||"",image:s?.logo||""},token:{displayName:r?.symbol||"",image:r?.image||""},onClickToken:()=>n("from"),price:{value:c,usdValue:I?void 0:W(u,4,4),realUsdValue:I?void 0:pe(u),error:I?R().unknownPriceError.impactTitle:void 0},disabled:o==="failed",loading:o==="loading",loadingBalance:x,tooltipContainer:L(),onSelectMaxBalance:()=>{k!=="0"&&p(T.split(",").join(""))}}),Jo.createElement(lm,null)),Jo.createElement(dm,{sharpBottomStyle:h==="default"&&(!!f||e),label:mm.t("To"),mode:"To",fetchingQuote:e,chain:{displayName:l?.displayName||"",image:l?.logo||""},token:{displayName:a?.symbol||"",image:a?.image||""},percentageChange:W(Xe(u,m),2,2),warningLevel:Ct(v??0),price:{value:W(d,6,6),usdValue:E?void 0:W(m,4,4),realValue:pe(d),realUsdValue:E?void 0:pe(m),error:E?R().unknownPriceError.impactTitle:void 0},onClickToken:()=>n("to"),disabled:o==="failed",loading:o==="loading",tooltipContainer:L()}))}i($s,"Inputs");import{useCallback as mC,useEffect as dC,useState as fC}from"react";function fm(){let{fetch:t,loading:e,cancelFetch:o}=vr({request:async(n,r)=>await Wt().getAllRoutes(n,r)});return{fetch:t,loading:e,cancelFetch:o}}i(fm,"useFetchAllQuotes");var gC=600;function Lr({refetchQuote:t}){let{fetch:e,cancelFetch:o}=fm(),{excludeLiquiditySources:n,features:r,enableCentralizedSwappers:s}=g().config,a=Y.use.connectedWallets(),l=g().tokens(),{fromToken:p,toToken:c,inputAmount:u,inputUsdValue:d,selectedQuote:m,sortStrategy:f,resetQuote:S,error:C,warning:h,setSelectedQuote:y,updateQuotePartialState:k}=H(),{slippage:T,customSlippage:x,affiliatePercent:I,affiliateRef:E,affiliateWallets:v,fetchStatus:w}=g(),A=g().getLiquiditySources(),N=g().getDisabledLiquiditySources(),M=g().excludeLiquiditySources(),[z,X]=fC(!0),V=x??T,ee=!p||!c||Le(p,c)||!xo(u),re=i(b=>{X(b)},"resetState"),Q=i(b=>{let{fromToken:J,toToken:de,inputAmount:Z,liquiditySources:ie,excludeLiquiditySources:oo,disabledLiquiditySources:G,slippage:K,affiliateRef:te,affiliatePercent:Ie,affiliateWallets:et}=b;if(z||re(!0),!ee&&J&&de){S();let $e=ql({fromToken:J,toToken:de,inputAmount:Z,liquiditySources:ie,excludeLiquiditySources:oo,disabledLiquiditySources:G,wallets:a,slippage:K,affiliateRef:te,affiliatePercent:Ie,affiliateWallets:et,enableCentralizedSwappers:s});ml("experimentalRoute",r)&&($e.experimental=!0),e($e).then(De=>{let ye=Fn(f,De.results),Fe=op(m,ye,De.requestAmount);X(!1),k("quotes",De),y(Fe),br({diagnosisMessages:De.diagnosisMessages,requestId:Fe?.requestId||"",swaps:Fe?.swaps});let cn=Fe&&ro(Fe,{fromToken:J,toToken:de,userSlippage:V,tokens:l});k("warning",cn)}).catch(De=>{let{error:ye}=Ir(De);(ye?.type===0||ye?.type===1)&&S(),ye?.type!==2&&(k("error",ye),X(!1))})}},"fetch"),B=mC(ll(b=>{ee||Q(b)},gC),[ee]);return dC(()=>{if(!t){X(!1);return}if(w==="success"){if(ee){X(!1),(m||C||h)&&S();return}if(!xo(u)||d?.eq(0)){re(!1),o();return}return S(),re(!0),B({inputAmount:u,fromToken:p,toToken:c,liquiditySources:A,excludeLiquiditySources:M,disabledLiquiditySources:N,slippage:V,affiliateRef:E,affiliatePercent:I,affiliateWallets:v}),o}},[w,u,p?.symbol,p?.address,p?.blockchain,c?.symbol,c?.address,c?.blockchain,ee,A?.length,n,N.length,V,E,I,JSON.stringify(v)]),{fetch:()=>Q({inputAmount:u,fromToken:p,toToken:c,liquiditySources:A,excludeLiquiditySources:M,disabledLiquiditySources:N,slippage:V,affiliateRef:E,affiliatePercent:I,affiliateWallets:v}),loading:z}}i(Lr,"useSwapInput");var kC=SC("div",{display:"grid",gridTemplateColumns:"auto auto",alignItems:"flex-start",maxHeight:700,"& .footer__alert":{paddingTop:"0"}}),wC=300;function Sm(){let t=TC(),{fromToken:e,toToken:o,inputAmount:n,selectedQuote:r,refetchQuote:s,error:a,warning:l,quotes:p,setSelectedQuote:c,resetQuoteWallets:u,setQuoteWarningsConfirmed:d,updateQuotePartialState:m}=H(),[f,S]=ym(!1),{isLargeScreen:C,isExtraLargeScreen:h}=yr(),{fetch:y,loading:k}=Lr({refetchQuote:s}),{config:T,fetchStatus:x}=g(),{connectedWallets:I}=Y(),{isActiveTab:E}=ne(),[v,w]=ym(!1),N=Pl({fetchMetaStatus:x,fetchingQuote:k,inputAmount:n,quote:r,anyWalletConnected:I.length>0,error:a,warning:l,needsToWarnEthOnPath:!1}),M=Ra(C,h,T?.variant),z=!!n&&!!e&&!!o&&n!=="0"&&!Yl(e,o),X=z&&x==="success"&&k,ee=(!M||M&&p?.results.length)&&(l||a);hm(()=>{u(),m("refetchQuote",!0)},[]),hm(()=>{S(z)},[z]);let re=(r||a)&&!v?y:void 0,Q=i(b=>{M&&f?(S(!1),setTimeout(()=>{t(b)},wC)):t(b)},"onHandleNavigation"),B=i(b=>{r?.requestId!==b.requestId&&(w(!1),c(b))},"onClickOnQuote");return qe.createElement(kC,null,qe.createElement(le,{height:"auto",footer:qe.createElement(yC,{type:"primary",size:"large",disabled:N.disabled||!E,prefix:N.action==="confirm-warning"&&qe.createElement(CC,null),fullWidth:!0,onClick:()=>{N.action==="connect-wallet"?Q(F.wallets):N.action==="confirm-warning"?w(!0):Q(F.confirmSwap)}},N.title),header:{onWallet:()=>{Q(F.wallets)},hasBackButton:!1,title:T.title||hC.t("Swap"),suffix:qe.createElement(jt,{hidden:M?["refresh"]:void 0,onClickRefresh:re,onClickHistory:()=>Q(F.swaps),onClickSettings:()=>{Q(F.settings)}})}},qe.createElement(ue,null,qe.createElement($s,{fetchingQuote:X,fetchMetaStatus:x,onClickToken:b=>{Q(b==="from"?F.fromSwap:F.toSwap)}}),qe.createElement(gm,{size:"2"}),M?null:qe.createElement(Zt,{quote:r,loading:X,error:a,tagHidden:!1,warning:l,type:"basic",onClickAllRoutes:p&&p.results.length>1?()=>{m("refetchQuote",!1),Q(F.routes)}:void 0}),ee?qe.createElement(qe.Fragment,null,qe.createElement(gm,{size:"10"}),qe.createElement($o,{warning:l,error:a,refetchQuote:y,showWarningModal:v,confirmationDisabled:!E,onOpenWarningModal:()=>w(!0),onCloseWarningModal:()=>w(!1),onConfirmWarningModal:()=>{w(!1),d(!0),Q(F.confirmSwap)},onChangeSettings:()=>Q(F.settings)})):null)),M?qe.createElement(_s,{loading:X,onClickOnQuote:B,fetch:y,onClickRefresh:re,isVisible:f}):null)}i(Sm,"Home");import{i18n as Cm}from"@lingui/core";import{Alert as xC,Divider as vC,List as bC,ListItemButton as IC,Radio as EC,RadioRoot as AC,Typography as WC}from"@rango-dev/ui";import gt from"react";function Ft(){let{setLanguage:t,language:e,config:o}=g(),n=fl,r=o?.language||Io;return{activeLanguage:e||r,languages:n,defaultLanguage:r,changeLanguage:s=>t(s||Io),resetLanguage:()=>t(null)}}i(Ft,"useLanguage");function Tm(){let{activeLanguage:t,changeLanguage:e,languages:o}=Ft(),n=Ye(),r=o.map(s=>{let{local:a,label:l,SVGFlag:p}=s;return{id:a,value:a,title:gt.createElement(WC,{variant:"title",size:"xmedium"},l),onClick:()=>{e(s.local),n()},end:gt.createElement(EC,{value:a}),start:gt.createElement(p,null)}});return gt.createElement(le,{header:{title:Cm.t("Language")}},gt.createElement(ue,null,gt.createElement(xC,{type:"warning",variant:"alarm",title:"Important Notice: Machine translations are in use"}),gt.createElement(vC,{size:"8"}),gt.createElement(AC,{value:t},gt.createElement(bC,{type:gt.createElement(IC,{title:Cm.t("language"),id:"_",onClick:()=>console.log()}),items:r}))))}i(Tm,"LanguagePage");import{i18n as bt}from"@lingui/core";import{Button as _C,Checkbox as PC,Image as $C,ListItemButton as DC,NotFound as FC,Typography as OC}from"@rango-dev/ui";import Pe,{useState as UC}from"react";import{Checkbox as MC,Skeleton as wm}from"@rango-dev/ui";import Ro from"react";import{styled as Ds}from"@rango-dev/ui";var Zo=Ds("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto",variants:{disabled:{true:{pointerEvents:"none"}}}}),Fs=Ds("div",{width:80,display:"flex",justifyContent:"flex-end"}),Os=Ds("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});import{ListItem as NC,styled as LC}from"@rango-dev/ui";var km=LC(NC,{height:61});var BC=30;function Us(){return Ro.createElement(Zo,null,Array.from(Array(BC),(t,e)=>Ro.createElement(km,{hasDivider:!0,key:e,start:Ro.createElement(wm,{variant:"circular",width:35,height:35}),title:Ro.createElement(wm,{variant:"text",size:"large",width:90}),end:Ro.createElement(MC,{checked:!1})})))}i(Us,"LoadingLiquiditySourceList");function qs({sourceType:t}){let e=g().fetchStatus,o=g().swappers(),n=g().getDisabledLiquiditySources(),[r,s]=UC(""),a=g().toggleLiquiditySource,l=g().isInCampaignMode(),p=In(o,n),c={Exchanges:bt.t("Exchanges"),Bridges:bt.t("Bridges")},u=[];t==="Exchanges"&&u.push("DEX"),t==="Bridges"&&u.push("BRIDGE","AGGREGATOR","OFF_CHAIN");let d=p.filter(y=>u.includes(y.type)),m=d.length===d.filter(y=>y.selected).length,f=i(()=>{d.forEach(y=>{m?a(y.groupTitle):y.selected||a(y.groupTitle)})},"toggleAllSources"),S=d.map(y=>{let{selected:k,groupTitle:T,logo:x}=y;return{start:Pe.createElement($C,{src:x,size:22,type:"circular"}),onClick:()=>{l||a(T)},end:Pe.createElement(PC,{checked:k,disabled:l}),title:Pe.createElement(OC,{variant:"title",size:"xmedium"},bt.t(T)),...y}}),C=i(y=>{let k=y.target.value;s(k)},"searchHandler"),h=S;return r&&(h=S.filter(y=>pt(y.groupTitle,r))),Pe.createElement(le,{header:{title:bt.t(t),suffix:Pe.createElement(Fs,null,Pe.createElement(_C,{variant:"ghost",size:"xsmall",onClick:f},m?bt.t("Deselect all"):bt.t("Select all")))}},Pe.createElement(ue,{view:!0},Pe.createElement(xt,{value:r,setValue:s,fullWidth:!0,color:"light",variant:"contained",placeholder:bt.t("Search {sourceType}",{sourceType:c[t]}),onChange:C}),e==="loading"&&Pe.createElement(Us,null),!h.length&&r?Pe.createElement(Os,null,Pe.createElement(FC,{title:bt.t("No results found"),description:bt.t("Try using different keywords")})):e==="success"&&Pe.createElement(Zo,{disabled:l},h.map(y=>{let{groupTitle:k,...T}=y;return Pe.createElement(Pe.Fragment,{key:y.id},Pe.createElement(DC,{style:{height:"61px"},...T,selected:!1,hasDivider:!0}))}))))}i(qs,"LiquiditySourcePage");import{i18n as qC}from"@lingui/core";import Mr from"react";import{useNavigate as zC}from"react-router-dom";function xm(){let t=zC(),e=Ye(),{selectedQuote:o,refetchQuote:n,setSelectedQuote:r,updateQuotePartialState:s,error:a}=H(),{fetch:l,loading:p}=Lr({refetchQuote:n}),c=i(m=>{r(m),s("refetchQuote",!1),e()},"onClickOnQuote"),u=`../${F.settings}`,d=`../${F.wallets}`;return Mr.createElement(le,{header:{onWallet:()=>{t(d)},onBack:()=>{s("refetchQuote",!1)},title:qC.t("Routes"),suffix:Mr.createElement(jt,{onClickRefresh:o||a?l:void 0,hidden:["notifications","history"],onClickSettings:()=>t(u)})}},Mr.createElement(ue,null,Mr.createElement(Yo,{fetch:l,loading:p,onClickOnQuote:c})))}i(xm,"RoutesPage");import{i18n as Lm}from"@lingui/core";import{Divider as Mm,getCountCategories as ZC,SelectableCategoryList as RC}from"@rango-dev/ui";import It,{useState as Bm}from"react";import{i18n as Qs}from"@lingui/core";import{Divider as Wm,Image as jC,ListItemButton as XC,NotFound as KC,Typography as Nm}from"@rango-dev/ui";import Ze,{useEffect as YC,useState as JC}from"react";import{BlockchainCategories as zs}from"@rango-dev/ui";import{TransactionType as Br}from"rango-sdk";var QC=i((t,e)=>{switch(e){case zs.ALL:return!0;case zs.UTXO:return t.type===Br.TRANSFER;case zs.OTHER:return t.type!==Br.TRANSFER&&t.type!==Br.COSMOS&&t.type!==Br.EVM;default:return t.type===e}},"filterByType"),vm=i((t,e,o)=>t.filter(n=>QC(n,o)).filter(n=>St(n.name,e)||St(n.displayName,e)),"filterBlockchains");import{ImageContainer as HC,styled as bm}from"@rango-dev/ui";var Im=bm("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),_r=bm(Lo,{padding:0,margin:0,listStyle:"none",[`& ${HC}`]:{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as GC,Skeleton as Em}from"@rango-dev/ui";import Pr from"react";var VC=20;function Am(){return Pr.createElement(_r,null,Array.from(Array(VC),t=>Pr.createElement(GC,{key:t,hasDivider:!0,start:Pr.createElement(Em,{variant:"circular",width:35,height:35}),title:Pr.createElement(Em,{variant:"text",size:"large",width:90})})))}i(Am,"LoadingBlockchainList");function Hs(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=JC(e),{fetchStatus:l}=g();YC(()=>{a([...vm(e,o,r)])},[e,o,r]);let p=i(()=>!s.length&&o?Ze.createElement(Ze.Fragment,null,Ze.createElement(Wm,{size:32}),Ze.createElement(KC,{title:Qs.t("No results found"),description:Qs.t("Try using different keywords")})):Ze.createElement(_r,{as:"ul",key:`${r}-${o}`},s.map(c=>Ze.createElement(XC,{key:`${c.name}-${c.chainId}`,hasDivider:!0,onClick:()=>n(c),start:Ze.createElement(jC,{src:c.logo,size:30}),title:Ze.createElement(Nm,{variant:"title",size:"medium"},c.displayName),id:c.chainId}))),"renderList");return Ze.createElement(Im,null,Ze.createElement(Nm,{variant:"label",size:"large"},Qs.t("Select Blockchain")),Ze.createElement(Wm,{size:4}),l==="loading"&&Ze.createElement(Am,null),l==="success"&&p())}i(Hs,"BlockchainList");function Gs(t){let{type:e}=t,o=Ye(),[n,r]=Bm(""),[s,a]=Bm("ALL"),l=H.use.setToBlockchain(),p=H.use.setFromBlockchain(),c=g().fetchStatus,u=g().blockchains({type:e}),m=ZC(u)!==1;return It.createElement(le,{header:{title:Lm.t("Select Blockchain")}},It.createElement(ue,{view:!0},m&&It.createElement(It.Fragment,null,It.createElement(RC,{setCategory:a,category:s,blockchains:u,isLoading:c==="loading"}),It.createElement(Mm,{size:24})),It.createElement(xt,{value:n,autoFocus:!0,placeholder:Lm.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:f=>r(f.target.value)}),It.createElement(Mm,{size:16}),It.createElement(Hs,{list:u,searchedFor:n,blockchainCategory:s,onChange:f=>{e==="source"?p(f):l(f),o()}})))}i(Gs,"SelectBlockchainPage");import{i18n as Ur}from"@lingui/core";import{Divider as Rm}from"@rango-dev/ui";import Rt,{useState as hT}from"react";import{useNavigate as yT}from"react-router-dom";import{i18n as Xs}from"@lingui/core";import{BlockchainsChip as $r,Divider as Dm,Image as Fm,Skeleton as rT,Tooltip as iT,Typography as Ks}from"@rango-dev/ui";import be from"react";import{useEffect as oT}from"react";var _m=["ETH","COSMOS","OSMOSIS"];function Vs(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(eT),o?.limit&&t.length>o.limit){let s=o.limit,a=e;if(e.length<=o.limit){let l=o.limit-e.length;for(let p=0;p<=l;p++){let c=n[p];a=a.filter(u=>c.name!==u)}}n.sort(tT(a)),r=n.splice(s)}return{list:n,more:r}}i(Vs,"prepare");function eT(t,e){let o=_m,n=o.findIndex(l=>l===t.name),r=o.findIndex(l=>l===e.name),s=n>-1,a=r>-1;return s&&a?n>r?1:-1:s?-1:a?1:0}i(eT,"sortByMostUsedBlockchains");function tT(t){return i(function(o,n){let r=t.findIndex(p=>p===o.name),s=t.findIndex(p=>p===n.name),a=r>-1,l=s>-1;return a&&l?r>s?1:-1:t.includes(o.name)?-1:t.includes(n.name)?1:0},"sortByPreferred")}i(tT,"generateSortByPreferredBlockchainsFor");function Pm(t,e){return!!e.list.find(o=>o.name===t)}i(Pm,"isInVisibleList");function js(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=g();oT(()=>{if(e?.selected){let s=Vs(t,o,e);Pm(e.selected,s)||n(e?.selected)}},[e?.selected]);let r=Vs(t,o,e);return{list:r.list,more:r.more,history:[]}}i(js,"usePrepareBlockchainList");import{styled as nT}from"@rango-dev/ui";var $m=nT("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var sT=12;function Ys(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:s}=t,a=js(e,{limit:10,selected:n?.name}),{fetchStatus:l}=g(),p=H.use.resetToBlockchain(),c=H.use.resetFromBlockchain(),u=a.more.length>0,d=a.more.length===1,m=!d&&u;return be.createElement(be.Fragment,null,be.createElement(Dm,{size:12}),be.createElement(Ks,{variant:"label",size:"large"},Xs.t("Select Blockchain")),be.createElement(Dm,{size:12}),be.createElement($m,null,l==="loading"&&Array.from(Array(sT),f=>be.createElement(rT,{key:f,variant:"rounded",height:50})),l==="success"&&be.createElement(be.Fragment,null,be.createElement($r,{selected:!n,onClick:()=>{o==="from"?c():p()}},be.createElement(Ks,{variant:"body",size:"xsmall",color:"secondary500"},Xs.t("All"))),a.list.map(f=>be.createElement(iT,{key:f.name,content:f.shortName,side:"bottom",sideOffset:2,container:L()},be.createElement($r,{key:f.name,selected:!!n&&n.name===f.name,onClick:()=>r(f)},be.createElement(Fm,{src:f.logo,size:30})))),d?be.createElement($r,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},be.createElement(Fm,{src:a.more[0].logo,size:30})):null,m?be.createElement($r,{onClick:s,key:"more-blockchains"},be.createElement(Ks,{variant:"body",size:"xsmall",color:"secondary500"},Xs._("More +{count}",{count:a.more.length}))):null)))}i(Ys,"BlockchainsSection");import{i18n as sa}from"@lingui/core";import{darkTheme as Xm,Divider as Co,ExternalLinkIcon as pT,Image as cT,ListItemButton as uT,NotFound as mT,PinIcon as dT,Skeleton as Km,Typography as Or,VirtualizedList as fT}from"@rango-dev/ui";import q,{useEffect as Ym,useState as Jm}from"react";import{Divider as Vm,ListItem as lT,Skeleton as en}from"@rango-dev/ui";import st from"react";import{css as So,darkTheme as Om,ImageContainer as aT,styled as it,Typography as Um}from"@rango-dev/ui";var Js=So({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}),Zs=So({position:"relative",height:12,width:"30%",maxWidth:"150px"}),Rs=So({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"}),ea=So({transform:"translateY(12px)",visibility:"hidden","& a":{display:"flex",justifyContent:"center",alignItems:"center",fontSize:"$12",lineHeight:"$16",$$color:"$colors$neutral600",[`.${Om} &`]:{$$color:"$colors$neutral700"},color:"$$color",textDecoration:"none"}}),ta=So({}),oa=So(),qm=it("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),na=it("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),Dr=it("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none","&:hover":{[`& .${Zs}`]:{[`& .${ea}`]:{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},[`& .${ta}`]:{bottom:"-15px"},[`& .${Js}`]:{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},[`& .${Rs}`]:{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),ra=it("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),ia=it(Um,{}),zm=it("div",{textAlign:"right",width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",[`& .${oa}`]:{$$color:"$colors$neutral600",[`.${Om} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Fr=it("div",{display:"flex",alignItems:"end",flexDirection:"column"}),eF=it("div",{display:"flex",alignItems:"center"}),Qm=it("div",{position:"relative",[`& ${aT}`]:{borderRadius:"$xm",overflow:"hidden"}}),Hm=it("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6}),Gm=it(Um,{width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"});function jm(t){return st.createElement(Dr,null,Array.from(Array(t.size),e=>st.createElement(lT,{key:e,hasDivider:!0,start:st.createElement(en,{variant:"circular",width:35,height:35}),end:st.createElement(Fr,null,st.createElement(en,{variant:"text",size:"large",width:70}),st.createElement(Vm,{size:4}),st.createElement(en,{variant:"text",size:"medium",width:50})),title:st.createElement("div",null,st.createElement(en,{variant:"text",size:"large",width:90}),st.createElement(Vm,{size:4}),st.createElement(en,{variant:"text",size:"medium",width:90}))})))}i(jm,"LoadingTokenList");var aa=20,gT=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:s,customCssForTagTitle:a}=t,l=e.length;return q.createElement("div",{className:Zs()},o?q.createElement("div",{className:Js()},o):q.createElement(na,{className:Rs()},q.createElement(Or,{variant:"title",size:"xmedium"},r.symbol),q.createElement(Co,{direction:"horizontal",size:4}),q.createElement(ra,{css:s},q.createElement(ia,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&q.createElement("div",{className:`${ea()} ${!o&&ta()}`},q.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," ",q.createElement(Co,{size:4,direction:"horizontal"}),q.createElement(pT,{color:"gray",size:12}))))},"renderDesc");function Zm(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=Jm(e),l=g().fetchStatus,p=g().blockchains(),[c,u]=Jm(!0),{getBalanceFor:d,loading:m}=Y(),{isTokenPinned:f}=g(),S=i(()=>{a(e.slice(0,s.length+aa))},"loadNextPage");Ym(()=>{u(e.length>s.length)},[s.length]),Ym(()=>{a(e.slice(0,aa))},[e]);let C=i(()=>!s.length&&o?q.createElement(q.Fragment,null,q.createElement(Co,{size:32}),q.createElement(mT,{title:sa.t("No results found"),description:sa.t("Try using different keywords")})):q.createElement(fT,{endReached:c?S:void 0,itemContent:h=>{let y=s[h],k=Cn(d(y)),T=y.address||"",x=p.find(A=>A.name===y.blockchain),I=Kn(x?.color||"",xp(x?.color||"")?5:125),E=Kn(x?.color||"",-100),v={$$color:I,[`.${Xm} &`]:{$$color:E},backgroundColor:"$$color"},w={$$color:E,[`.${Xm} &`]:{$$color:I},color:"$$color"};return q.createElement("div",{style:{paddingRight:5}},q.createElement(uT,{style:{width:"100%",overflow:"hidden"},"tab-index":h,key:`${y.symbol}${y.address}`,id:`${y.symbol}${y.address}`,hasDivider:!0,onClick:()=>n(s[h]),start:q.createElement(Qm,null,q.createElement(cT,{src:y.image,size:30}),f(y,t.type)&&q.createElement(Hm,null,q.createElement(dT,{size:12,color:"gray"}))),title:x?.type==="COSMOS"||y.name||!y.name&&!T?q.createElement(na,null,q.createElement(Or,{variant:"title",size:"xmedium"},y.symbol),q.createElement(Co,{direction:"horizontal",size:4}),q.createElement(ra,{css:v},q.createElement(ia,{variant:"body",size:"xsmall",css:w},y.blockchain))):void 0,description:x?.info&&T&&x.type!=="COSMOS"?gT({address:T,token:s[h],customCssForTag:v,customCssForTagTitle:w,name:y.name,url:x.info.addressUrl.split("{wallet}").join(T)}):y.name||void 0,end:m?q.createElement(Fr,null,q.createElement(Km,{variant:"text",size:"large",width:70}),q.createElement(Co,{size:4}),q.createElement(Km,{variant:"text",size:"medium",width:50})):k&&q.createElement(zm,null,q.createElement(Gm,{variant:"title",size:"small"},k.amount),q.createElement("div",null),k.usdValue&&q.createElement(Or,{variant:"body",className:oa(),size:"xsmall"},`$${k.usdValue}`))}))},totalCount:s.length,key:`${r}-${o}`}),"renderList");return q.createElement(qm,null,q.createElement(Or,{variant:"label",size:"large"},sa.t("Select Token")),q.createElement(Co,{size:4}),l==="loading"&&q.createElement(jm,{size:aa}),l==="success"&&q.createElement(Dr,{as:"ul"},C()))}i(Zm,"TokenList");function la(t){let{type:e}=t,o=yT(),n=Ye(),{fromBlockchain:r,toBlockchain:s,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:c}=H(),u=Y.use.getBalanceFor(),[d,m]=hT(""),S=(e==="source"?r:s)?.name??"",C=g().blockchains({type:e}),h=g().tokens({type:e,blockchain:S,searchFor:d,getBalanceFor:u}),y=i(x=>{e==="source"?p(x):c(x)},"updateBlockchain"),k=i(x=>{e==="source"?a({token:x,meta:{blockchains:C,tokens:h}}):l({token:x,meta:{blockchains:C,tokens:h}})},"updateToken"),T={source:Ur.t("Source"),destination:Ur.t("Destination")};return Rt.createElement(le,{header:{title:Ur.t("Swap {type}",{type:T[e]})}},Rt.createElement(ue,null,Rt.createElement(Ys,{blockchains:C,type:e=="source"?"from":"to",blockchain:e==="source"?r:s,onMoreClick:()=>o(F.blockchains),onChange:x=>{y(x)}}),Rt.createElement(Rm,{size:24}),Rt.createElement(xt,{value:d,autoFocus:!0,placeholder:Ur.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>m(""),onChange:x=>m(x.target.value)}),Rt.createElement(Rm,{size:16}),Rt.createElement(Zm,{list:h,selectedBlockchain:S,searchedFor:d,type:e,onChange:x=>{k(x);let I=C.find(E=>x.blockchain===E.name);I&&y(I),n()}})))}i(la,"SelectSwapItemsPage");import{i18n as ma}from"@lingui/core";import{Alert as zT,Button as QT,styled as HT}from"@rango-dev/ui";import eo from"react";import{useInRouterContext as GT,useSearchParams as VT}from"react-router-dom";import{i18n as id}from"@lingui/core";import{Divider as kT,InfoIcon as wT,TextField as xT,Tooltip as vT,Typography as sd}from"@rango-dev/ui";import at from"react";import{Chip as ST,styled as tn,TextField as CT}from"@rango-dev/ui";var ed=tn("div",{paddingTop:"$5",padding:"$10 $5"}),td=tn("div",{display:"flex",flexWrap:"wrap",gap:"$10",[`& ${CT}`]:{flex:"1 1 0",maxWidth:"127px",minWidth:"85px"}}),od=tn("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),qr=tn("div",{maxWidth:"280px",padding:"$10"}),nd=tn(ST,{width:"61px",flexShrink:0});import{i18n as pa}from"@lingui/core";import{Typography as TT}from"@rango-dev/ui";import on from"react";function rd(){return on.createElement(qr,null,on.createElement(TT,{variant:"label",size:"medium",color:"neutral700"},pa.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),on.createElement("br",null),on.createElement("br",null),on.createElement("b",null,pa.t("Warning")),":",pa.t("This setting is applied per step (e.g. 1Inch, Thorchain, etc) which means only the step will be reverted, not the whole transaction.")))}i(rd,"SlippageTooltipContent");function ca(){let{slippage:t,setSlippage:e,customSlippage:o,setCustomSlippage:n}=g();return at.createElement(ed,null,at.createElement(od,null,at.createElement(sd,{variant:"title",size:"xmedium"},id.t("Slippage tolerance per swap")),at.createElement(kT,{direction:"horizontal",size:4}),at.createElement(vT,{container:L(),side:"top",sideOffset:4,content:at.createElement(rd,null)},at.createElement(wT,{color:"gray"}))),at.createElement(td,null,gl.map((r,s)=>{let a=`slippage-${s}`;return at.createElement(nd,{key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`})}),at.createElement(xT,{type:"number",min:"0.01",max:"30",step:"0.01",fullWidth:!0,variant:"contained",value:o||"",color:"dark",onChange:r=>{let s=r.target.value,a=parseFloat(s);a>=Cl&&a<=Sl?n(a):n(null)},suffix:o&&at.createElement(sd,{variant:"body",size:"small"},"%"),placeholder:id.t("Custom")})))}i(ca,"Slippage");import{i18n as ht}from"@lingui/core";import{AutoThemeIcon as ad,BridgeIcon as bT,ChevronRightIcon as ua,DarkModeIcon as ld,Divider as zr,DoneIcon as IT,ExchangeIcon as ET,InfoIcon as AT,LanguageIcon as WT,LightModeIcon as pd,List as NT,ListItem as LT,ListItemButton as MT,Skeleton as BT,styled as _T,Switch as PT,Tabs as $T,Tooltip as DT,Typography as Re}from"@rango-dev/ui";import P from"react";import{useNavigate as FT}from"react-router-dom";var OT=_T("div",{width:"202px",height:"$40"}),UT=[{id:"light",icon:P.createElement(pd,{color:"black",size:16}),tooltip:P.createElement(Re,{size:"xsmall",variant:"body"},ht.t("Light"))},{id:"dark",icon:P.createElement(ld,{color:"black",size:14}),tooltip:P.createElement(Re,{size:"xsmall",variant:"body"},ht.t("Dark"))},{id:"auto",icon:P.createElement(ad,{color:"black",size:16}),tooltip:P.createElement(Re,{size:"xsmall",variant:"body"},ht.t("Auto"))}],qT=i(t=>{let e={color:"gray",size:14};switch(t){case"auto":return P.createElement(ad,{...e});case"dark":return P.createElement(ld,{...e});default:return P.createElement(pd,{...e})}},"getThemeIcon");function cd(){let t=FT(),{theme:e}=g().config,{setTheme:o,theme:n}=g(),{activeLanguage:r,languages:s}=Ft(),a=s.find(V=>V.local===r)?.label,l=g().fetchStatus,p=g().swappers(),c=g().getDisabledLiquiditySources(),{config:{features:u}}=g(),d=je("theme",u),m=je("liquiditySource",u),f=je("language",u),S=g().infiniteApprove,C=g().toggleInfiniteApprove,h=In(p,c),y=h.filter(V=>["BRIDGE","AGGREGATOR","OFF_CHAIN"].includes(V.type)),k=y.length,T=y.filter(V=>V.selected).length,x=h.filter(V=>V.type==="DEX"),I=x.length,E=x.filter(V=>V.selected).length,v=i((V,U)=>{switch(l){case"loading":return P.createElement(BT,{variant:"text",size:"medium",width:50});case"failed":return P.createElement(Re,{variant:"body",size:"medium",color:"$error500"},ht.t("Loading failed"));default:return P.createElement(Re,{variant:"body",size:"medium"},`${V} / ${U}`)}},"handleSwapperEndItem"),w={id:"bridge-item",title:P.createElement(Re,{variant:"title",size:"xmedium"},ht.t("Enabled bridges")),end:P.createElement(P.Fragment,null,v(T,k),P.createElement(zr,{direction:"horizontal",size:8}),P.createElement(ua,{color:"black"})),onClick:()=>t(F.bridges),start:P.createElement(bT,{color:"gray",size:14})},A={id:"exchange-item",title:P.createElement(Re,{variant:"title",size:"xmedium"},ht.t("Enabled exchanges")),end:P.createElement(P.Fragment,null,v(E,I),P.createElement(zr,{direction:"horizontal",size:8}),P.createElement(ua,{color:"gray"})),start:P.createElement(ET,{color:"gray",size:14}),onClick:()=>t(F.exchanges)},N={id:"language-item",title:P.createElement(Re,{variant:"title",size:"xmedium"},ht.t("Language")),start:P.createElement(WT,{color:"gray",size:14}),end:P.createElement(P.Fragment,null,P.createElement(Re,{variant:"body",size:"medium"},a),P.createElement(zr,{direction:"horizontal",size:8}),P.createElement(ua,{color:"gray"})),onClick:()=>t(F.languages)},M={id:"infinite-approval-item",title:P.createElement(P.Fragment,null,P.createElement(Re,{variant:"title",size:"xmedium"},ht.t("Infinite approval")),P.createElement(zr,{direction:"horizontal",size:4}),P.createElement(DT,{side:"top",sideOffset:4,container:L(),content:P.createElement(qr,null,P.createElement(Re,{variant:"label",size:"medium",color:"neutral700"},ht.t("Enabling the 'Infinite approval' mode grants unrestricted access to smart contracts of DEXes/Bridges, allowing them to utilize the approved token amount without limitations.")))},P.createElement(AT,{color:"gray"}))),start:P.createElement(IT,{color:"gray",size:14}),end:P.createElement(PT,{checked:S}),onClick:C},z={id:"theme-item",type:P.createElement(LT,null),title:P.createElement(Re,{variant:"title",size:"xmedium"},ht.t("Theme")),end:P.createElement(OT,null,P.createElement($T,{container:L(),items:UT,value:n,onChange:V=>o(V.id),type:"primary",borderRadius:"small"})),start:qT(n)},X=m?[]:[w,A];return f||X.push(N),X.push(M),!e?.singleTheme&&!d&&X.push(z),P.createElement(NT,{type:P.createElement(MT,{hasDivider:!0,id:"_",onClick:()=>console.log()}),items:X})}i(cd,"SettingsLists");var jT=HT("div",{paddingLeft:"$8"});function ud(){let{isInCampaignMode:t,updateCampaignMode:e}=g(),o=t(),[,n]=VT(),r=GT(),s=i(()=>{r&&o&&(n(a=>(a.delete("liquiditySources"),a),{replace:!0}),e("liquiditySources",void 0))},"onClick");return eo.createElement(le,{header:{title:ma.t("Settings")}},eo.createElement(ue,null,o&&eo.createElement(zT,{type:"info",variant:"alarm",title:ma.t("Currently, you're in campaign mode with restrictions on liquidity sources. Would you like to switch out of this mode and make use of all available liquidity sources?"),action:eo.createElement(jT,null,eo.createElement(QT,{type:"secondary",size:"small",onClick:s},ma.t("Reset")))}),eo.createElement(ca,null),eo.createElement(cd,null)))}i(ud,"SettingsPage");import{i18n as Pk}from"@lingui/core";import{cancelSwap as $k}from"@rango-dev/queue-manager-rango-preset";import{useManager as Dk}from"@rango-dev/queue-manager-react";import{Alert as Fk}from"@rango-dev/ui";import Aa from"react";import{useParams as Ok}from"react-router-dom";import{i18n as At}from"@lingui/core";import{getCurrentBlockchainOfOrNull as yk,getCurrentStep as Sk,getRelatedWalletOrNull as Ck}from"@rango-dev/queue-manager-rango-preset";import{Button as Dd,CopyIcon as Tk,Divider as kk,IconButton as wk,LinkIcon as xk,QuoteCost as vk,StepDetails as bk,Typography as ko,useCopyToClipboard as Ik}from"@rango-dev/ui";import{useWallets as Ek}from"@rango-dev/wallets-react";import Fd from"bignumber.js";import{PendingSwapNetworkStatus as Jr}from"rango-types";import oe,{useEffect as Od,useRef as Ak,useState as Ud}from"react";import{useNavigate as Wk}from"react-router-dom";import{i18n as Ot}from"@lingui/core";var XT=[Ot.t("Sunday"),Ot.t("Monday"),Ot.t("Tuesday"),Ot.t("Wednesday"),Ot.t("Thursday"),Ot.t("Friday"),Ot.t("Saturday")];function md(t){let e=new Date(t),o=e.getDate(),n=e.toLocaleString("default",{month:"long"}),r=e.getFullYear();return`${e.getDay()===new Date().getDay()?Ot.t("Today"):`${XT[e.getDay()]} ${o} ${n} ${r}`}, ${new Date(t).toLocaleTimeString()}`}i(md,"timeSince");function dd(t){return t.finishTime?md(parseInt(t.finishTime)):md(parseInt(t.creationTime))}i(dd,"getSwapDate");import{PendingSwapNetworkStatus as Gr}from"rango-types";import Vr from"react";import{i18n as Qr}from"@lingui/core";import{Button as fd,Divider as da,MessageBox as KT}from"@rango-dev/ui";import Ut from"react";var gd=i(({onCancel:t,onClose:e})=>Ut.createElement(Ut.Fragment,null,Ut.createElement(da,{size:20}),Ut.createElement(KT,{type:"error",title:Qr.t("Cancel Swap"),description:Qr.t("Are you sure you want to cancel this swap?")}),Ut.createElement(da,{size:32}),Ut.createElement(fd,{variant:"contained",type:"primary",size:"large",onClick:t},Qr.t("Yes, Cancel it")),Ut.createElement(da,{size:12}),Ut.createElement(fd,{variant:"outlined",type:"primary",size:"large",onClick:e},Qr.t("No, Continue"))),"CancelContent");import{i18n as Hr}from"@lingui/core";import{Button as hd,Divider as fa,MessageBox as YT,Typography as JT}from"@rango-dev/ui";import Et from"react";var yd=i(({onDelete:t,onClose:e})=>Et.createElement(Et.Fragment,null,Et.createElement(fa,{size:20}),Et.createElement(YT,{type:"error",title:Hr.t("Delete Transaction"),description:Hr.t("Are you sure you want to delete this swap?")}),Et.createElement(fa,{size:32}),Et.createElement(hd,{variant:"contained",type:"primary",size:"large",onClick:t},Hr.t("Yes, Delete it")),Et.createElement(fa,{size:12}),Et.createElement(hd,{variant:"outlined",type:"primary",size:"large",onClick:e},Et.createElement(JT,{variant:"title",size:"medium",color:"primary"},Hr.t("No, Cancel")))),"DeleteContent");import{i18n as ga}from"@lingui/core";import{PendingSwapNetworkStatus as ha}from"rango-types";var ya={[ha.WaitingForNetworkChange]:{type:"loading",title:ga.t("Change Network")},[ha.WaitingForConnectingWallet]:{type:"warning",title:ga.t("Connect Wallet")},[ha.NetworkChanged]:{type:"success",title:ga.t("Network Changed")}};import{debug as RT}from"@rango-dev/logging-core";import{MessageBox as ek,Wallet as tk}from"@rango-dev/ui";import{useWallets as ok}from"@rango-dev/wallets-react";import nn from"react";import{styled as ZT}from"@rango-dev/ui";var Sd=ZT("div",{display:"flex",justifyContent:"center"});var Cd=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:s,walletButtonDisabled:a}=t,{connect:l,getWalletInfo:p,state:c}=ok(),u=n?.walletType,d=u?ai(c(u)):null,m=u?p(u):null;return nn.createElement(nn.Fragment,null,nn.createElement(ek,{type:e,title:o,description:r}),s&&!!u&&!!d&&!!m&&nn.createElement(Sd,null,nn.createElement(tk,{container:L(),title:m.name,image:m.img,type:u,state:d,link:m.installLink,disabled:a,onClick:async()=>l(u).catch(S=>RT(S))})))},"WalletStateContent");function Sa(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:s,message:a,walletButtonDisabled:l}=t,p=e===Gr.WaitingForNetworkChange||e===Gr.WaitingForConnectingWallet||e===Gr.NetworkChanged;return Vr.createElement(ce,{open:!!e,onClose:o,container:document.getElementById(ke.SWAP_BOX_ID)||document.body},p&&Vr.createElement(Cd,{type:ya[e].type,title:ya[e].title,currentStepWallet:s,message:a,walletButtonDisabled:l,showWalletButton:e!==Gr.WaitingForNetworkChange}),e==="delete"&&Vr.createElement(yd,{onClose:o,onDelete:n}),e==="cancel"&&Vr.createElement(gd,{onClose:o,onCancel:r}))}i(Sa,"SwapDetailsModal");import{i18n as rn}from"@lingui/core";import{Button as Ca,Divider as jr,MessageBox as Td,TokenAmount as nk,Typography as Ta}from"@rango-dev/ui";import We from"react";import{useNavigate as rk}from"react-router-dom";function ka(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:s,realUsdValue:a,realValue:l,token:p,chain:c,percentageChange:u,description:d,diagnosisUrl:m}=t,f=rk();return We.createElement(ce,{open:e,onClose:o,container:document.getElementById(ke.SWAP_BOX_ID)||document.body},n==="success"?We.createElement(Td,{type:"success",title:rn.t("Swap Successful")},We.createElement(nk,{direction:"vertical",tooltipContainer:L(),type:"output",centerAlign:!0,price:{value:r,usdValue:s,realUsdValue:a,realValue:l},token:p,chain:c,percentageChange:u}),We.createElement(jr,{size:12}),We.createElement(Ta,{variant:"body",size:"medium",color:"neutral700",align:"center"},d)):We.createElement(Td,{type:"error",title:rn.t("Transaction Failed"),description:d}),We.createElement(jr,{size:32}),n==="success"&&We.createElement(Ca,{variant:"contained",type:"primary",size:"large",onClick:()=>{f("../../")}},We.createElement(Ta,{variant:"title",size:"medium",color:"neutral100"},rn.t("Done"))),We.createElement(jr,{size:12}),m&&We.createElement(We.Fragment,null,We.createElement(Ca,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(m,"_blank")},rn.t("Diagnosis")),We.createElement(jr,{size:12})),We.createElement(Ca,{variant:"outlined",type:"primary",size:"large",onClick:o},We.createElement(Ta,{variant:"title",size:"medium",color:"primary"},rn.t("See Details"))))}i(ka,"SwapDetailsCompleteModal");import gk from"react";import{i18n as uk}from"@lingui/core";import{Alert as Id,IconButton as mk,LinkIcon as dk}from"@rango-dev/ui";import qt,{Fragment as fk}from"react";import{Alert as ik,ChevronDownIcon as sk,ChevronUpIcon as ak,IconButton as lk}from"@rango-dev/ui";import Xr,{useState as pk}from"react";function kd(t){let{message:e}=t,[o,n]=pk(!1);return Xr.createElement(ik,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Xr.createElement(lk,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Xr.createElement(ak,{size:12,color:"gray"}):Xr.createElement(sk,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(kd,"FailedAlert");import{styled as ck}from"@rango-dev/ui";var wd=ck("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as xd}from"@lingui/core";import{Alert as wa,Button as vd}from"@rango-dev/ui";import{PendingSwapNetworkStatus as xa}from"rango-types";import sn from"react";function bd(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?sn.createElement(wa,{type:"warning",title:n.shortMessage,action:sn.createElement(vd,{size:"xxsmall",type:"warning",onClick:()=>{o(xa.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},xd.t("Change"))}):r===xa.WaitingForConnectingWallet?sn.createElement(wa,{type:"warning",title:n.shortMessage,action:sn.createElement(vd,{size:"xxsmall",type:"warning",onClick:()=>{o(xa.WaitingForConnectingWallet)}},xd.t("Connect"))}):sn.createElement(wa,{type:"warning",title:n.shortMessage})}i(bd,"WarningAlert");function va(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:s,hasAlreadyProceededToSign:a}=t,l=Ao(s),p=s.status==="waitingForApproval"&&!l,c=s.status==="running"&&!l,u=c&&!a||p&&!s.explorerUrl?.length;return qt.createElement(wd,null,s.explorerUrl?.map((d,m,f)=>{let S=m+d.url,C=m===f.length-1,h=(C&&c||p)&&!u,y=C&&s.status==="failed";return qt.createElement(fk,{key:S},qt.createElement(Id,{type:C&&(h&&"loading"||y&&"error")||"success",title:d.description?`${d.description} Tx`:uk.t("View transaction"),action:d.url&&qt.createElement(mk,{variant:"ghost",size:"xsmall",onClick:()=>window.open(d.url,"_blank")},qt.createElement(dk,{size:12}))}))}),u&&qt.createElement(Id,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&l&&qt.createElement(bd,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&qt.createElement(kd,{message:r}))}i(va,"SwapDetailsAlerts");var Ed=2e3;var Ad=i(({swap:t,blockchains:e,swappers:o,...n})=>{let r=t.hasAlreadyProceededToSign!==!1;return t.steps.map((s,a)=>{let l=a===0?t.inputAmount:t.steps[a-1].outputAmount||t.steps[a-1].expectedOutputAmountHumanReadable;return{from:{token:{displayName:s.fromSymbol,image:s.fromLogo??""},chain:{displayName:Ve(s.fromBlockchain,e)??"",image:s.fromBlockchainLogo??""},price:{value:W(l,6,6),realValue:l}},to:{token:{displayName:s.toSymbol,image:s.toLogo},chain:{displayName:Ve(s.toBlockchain,e)??"",image:s.toBlockchainLogo??""},price:{value:W(s.outputAmount||s.expectedOutputAmountHumanReadable,6,6),realValue:s.outputAmount||s.expectedOutputAmountHumanReadable}},swapper:{displayName:bo(s.swapperId,o),image:s.swapperLogo??"",type:s.swapperType},internalSwaps:s.internalSwaps?s.internalSwaps.map(p=>({from:{blockchain:Ve(p.fromBlockchain,e)??""},to:{blockchain:Ve(p.toBlockchain,e)??""},swapper:{displayName:bo(p.swapperId,o),image:p.swapperLogo??"",type:p.swapperType}})):[],alerts:gk.createElement(va,{step:s,hasAlreadyProceededToSign:r,...n})}})},"getSteps");function Wd(t){if(Ao(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(Wd,"getStepState");import{css as an,darkTheme as hk,styled as to}from"@rango-dev/ui";var Nd=to("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),Kr=to("div",{width:"100%"}),Ld=to(Lo,{padding:"$0 $20 $20 $20"}),RU=to("div",{display:"flex",flexDirection:"column",gap:"$10"}),Md=to("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),eq=to("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1}),To=an({display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${hk} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"}),Bd=an({padding:"$5 0"}),Yr=an({display:"flex",justifyContent:"center",alignItems:"center",height:"$24"}),_d=an({display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"}),Pd=an({width:"100%",padding:"0 $20 $10"}),$d=to("a",{fontSize:"$16",fontWeight:"$400",color:"$neutral700",display:"flex",alignItems:"center",justifyContent:"center"});function ba(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:s,connect:a,getWalletInfo:l}=Ek(),p=g().blockchains(),c=g().swappers(),u=g().tokens(),d=H.use.retry(),m=ne.use.isActiveTab(),f=Wk(),[S,C]=Ik(Ed),h=Ak(null),[y,k]=Ud(null),[T,x]=Ud(null),I=i(()=>{r(),k(null)},"onCancel"),E=Oe.use.getUnreadNotifications(),v=Oe.use.setAsRead(),w=E(),A=Sk(e),N=A?.networkStatus;Od(()=>{w.find(Fe=>Fe.requestId===e.requestId)&&(e.status==="success"||e.status==="failed"?(x(e.status),v(e.requestId)):T&&x(null))},[e.status,e.requestId]),Od(()=>{re?k(Jr.WaitingForNetworkChange):N===Jr.WaitingForConnectingWallet||N===Jr.NetworkChanged?k(N):k(null)},[N]);let M=jl(e),z=A?yk(e,A):null,X=A?Ck(e,A):null,V=dd(e),U=Xl(e),ee=i(ye=>!!l(ye)?.mobileWallet,"isMobileWallet"),re=N===Jr.WaitingForNetworkChange&&!!z&&!!X?.walletType&&(ee(X.walletType)||s(X.walletType,z)),Q=re?a.bind(null,X.walletType,z):void 0,B=Vl(e,A),b=Ad({swap:e,switchNetwork:Q,showNetworkModal:N,setNetworkModal:k,message:B,blockchains:p,swappers:c}),J=b.length,[de,Z]=[e.steps[0],e.steps[J-1]],ie=Z.outputAmount||Z.expectedOutputAmountHumanReadable,oo=e.steps.reduce((ye,Fe)=>ye+parseFloat(Fe.feeInUsd||""),0),G=e.steps.find(ye=>ye.diagnosisUrl)?.diagnosisUrl,K=W(parseFloat(W(ie,6,6))*(Z.toUsdPrice||0),4,4),te=W(parseFloat(e.inputAmount)*(de.fromUsdPrice||0),4,4),Ie=ie?pe(new Fd(ie).multipliedBy(Z.toUsdPrice||0)):"",et=pe(new Fd(e.inputAmount).multipliedBy(de.fromUsdPrice||0)),$e=Xe(te,K),De=e.status==="success"?At.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:W(ie,6,6),token:b[J-1].to.token.displayName,conciseAddress:Tn(e.wallets[b[J-1].to.chain.displayName]?.address||""),chain:b[J-1].to.chain.displayName}}):`${At.t("Transaction was not sent.")} ${M?At.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:M.outputAmount,symbol:M.symbol,blockchain:M.blockchain}}):""}`;return oe.createElement(le,{header:{title:At.t("Swap and Bridge"),onCancel:e.status==="running"?()=>k("cancel"):void 0,suffix:e.status!=="running"&&oe.createElement(po,null,oe.createElement(Dd,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>k("delete")},oe.createElement(ko,{size:"medium",variant:"label",color:"error"},At.t("Delete"))))},footer:U&&!T&&oe.createElement(Dd,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{d(e,{blockchains:p,tokens:u}),setTimeout(()=>{f("../../")},0)}},At.t("Try again"))},oe.createElement(ue,{compact:!0,view:!0},oe.createElement(Kr,null,oe.createElement("div",{className:To()},oe.createElement(ko,{variant:"label",size:"large",color:"neutral700"},`${At.t("Request ID")}:`),oe.createElement("div",{className:Yr()},oe.createElement(ko,{variant:"label",size:"small",color:"neutral700"},o),oe.createElement(wk,{variant:"ghost",onClick:C.bind(null,o||"")},oe.createElement(Tk,{size:16,color:"gray"})),oe.createElement($d,{target:"_blank",href:`${Ba}/swap/${o}`},oe.createElement(xk,{size:16})))),oe.createElement("div",{className:To()},oe.createElement(ko,{variant:"label",size:"large",color:"neutral700"},`${At.t(e.finishTime?"Finished at":"Created at")}:`),oe.createElement(ko,{variant:"label",size:"small",color:"neutral700"},V))),oe.createElement("div",{className:_d()},oe.createElement(vk,{fee:W(String(oo),2,2),time:mn(dn(e.steps)),steps:J}),oe.createElement(Fo,{from:{price:{value:W(e.inputAmount,6,6),usdValue:te,realUsdValue:et,realValue:e.inputAmount},token:{displayName:b[0].from.token.displayName,image:b[0].from.token.image},chain:{image:b[0].from.chain.image,displayName:b[0].from.chain.displayName}},to:{price:{value:W(ie,6,6),usdValue:K,realUsdValue:Ie,realValue:ie},token:{displayName:b[J-1].to.token.displayName,image:b[J-1].to.token.image},chain:{image:b[J-1].to.chain.image,displayName:b[J-1].to.chain.displayName}},percentageChange:W($e,2,2),warningLevel:Ct($e??0)})),oe.createElement("div",{className:Pd()},oe.createElement(ko,{variant:"title",size:"small"},At.t("Swaps steps"))),oe.createElement(kk,{size:8}),oe.createElement(Ld,{ref:h},b.map((ye,Fe)=>{let cn=Fe,wo=Wd(e.steps[Fe]),lf=wo==="error"||wo==="in-progress"||wo==="warning"||wo==="completed"&&Fe===b.length-1;return oe.createElement(bk,{key:cn,step:ye,type:"swap-progress",ref:h,state:wo,hasSeparator:Fe!==0,tabIndex:cn,isFocused:lf,tooltipContainer:L()})}))),oe.createElement(Sa,{state:y,onClose:()=>k(null),onCancel:I,onDelete:n,message:B.detailedMessage.content,currentStepWallet:X,walletButtonDisabled:!m}),oe.createElement(ka,{open:!!T,diagnosisUrl:G,onClose:()=>x(null),status:e.status==="success"?"success":"failed",priceValue:W(ie,6,6),usdValue:K,realUsdValue:Ie,realValue:pe(ie),percentageChange:W($e,2,2),token:{displayName:b[J-1].to.token.displayName,image:b[J-1].to.token.image},chain:{image:b[J-1].to.chain.image},description:De}))}i(ba,"SwapDetails");import{i18n as Rr}from"@lingui/core";import{Divider as Qd,NotFound as _k,Skeleton as pn,Typography as ei}from"@rango-dev/ui";import he from"react";import{i18n as Nk}from"@lingui/core";import{Divider as Lk,Skeleton as Mk,Typography as Bk}from"@rango-dev/ui";import Se from"react";import{css as lt,styled as Ia}from"@rango-dev/ui";var qd=Ia("div",{width:"100%",height:"100%",padding:"$10 $20"}),ln=Ia("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15"}),Zr=Ia("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"}),Bq=lt({display:"flex",justifyContent:"space-between",alignItems:"center"}),_q=lt({display:"flex",justifyContent:"space-between",alignItems:"center"}),Pq=lt({paddingTop:"$15",display:"flex"}),$q=lt({padding:"$15 $0"}),Dq=lt({width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"}),Fq=lt({paddingBottom:"$10"}),Oq=lt({display:"flex",justifyContent:"start",alignItems:"center"}),Uq=lt({paddingTop:"$5",display:"flex",alignItems:"center"}),qq=lt({display:"flex",alignItems:"center"}),zq=lt({padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"}),zd=lt({display:"flex",paddingTop:"$10",paddingBottom:"$5"});function Ea(){return Se.createElement(qd,null,Se.createElement(Qo,{type:"swap-preview"}),Se.createElement("div",{className:"swaps-steps"},Se.createElement(Bk,{variant:"title",size:"small"},Nk.t("Swaps steps"))),Se.createElement(Se.Fragment,null,Se.createElement(ln,null,Se.createElement(ft,{separator:!1}),Se.createElement("div",{className:zd()},Se.createElement(Lk,{direction:"horizontal",size:20}),Se.createElement(Mk,{height:22,variant:"rectangular"}))),Se.createElement(Zr,null),Se.createElement(ln,null,Se.createElement(ft,{separator:!1})),Se.createElement(Zr,null),Se.createElement(ln,null,Se.createElement(ft,{separator:!1})),Se.createElement(Zr,null),Se.createElement(ln,null,Se.createElement(ft,{separator:!1}))))}i(Ea,"LoadingSwapDetails");function Hd(t){let{requestId:e,showSkeleton:o}=t;return he.createElement(le,{header:{title:Rr.t("Swap and Bridge"),suffix:he.createElement(po,null)}},o&&he.createElement(Nd,null,he.createElement(Kr,null,he.createElement("div",{className:To()},he.createElement(ei,{variant:"label",size:"large",color:"neutral700"},`${Rr.t("Request ID")}:`),he.createElement("div",{className:Yr()},he.createElement(ei,{variant:"label",size:"small",color:"neutral700"},he.createElement(pn,{width:60,height:10,variant:"rounded"})),he.createElement(Qd,{direction:"horizontal",size:4}),he.createElement(pn,{width:16,height:16,variant:"rectangular"}),he.createElement(Qd,{direction:"horizontal",size:4}),he.createElement(pn,{width:16,height:16,variant:"rectangular"}))),he.createElement("div",{className:To()},he.createElement(ei,{className:Bd(),variant:"label",size:"large",color:"neutral700"},he.createElement(pn,{width:60,height:10,variant:"rounded"})),he.createElement(ei,{variant:"label",size:"small",color:"neutral700"},he.createElement(pn,{width:60,height:10,variant:"rounded"})))),he.createElement(Ea,null)),!o&&he.createElement(Md,null,he.createElement(_k,{title:Rr.t("Not found"),description:Rr.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}i(Hd,"SwapDetailsPlaceholder");function Gd(){let{manager:t,state:e}=Dk(),o=!e.loadedFromPersistor,n=mt(t),{requestId:r}=Ok(),s=Ye(),{fetchStatus:a}=g();if(!r)return Aa.createElement(Fk,{containerStyles:{margin:"20px"},type:"error",title:Pk.t("The request ID is necessary to display the swap details.")});let l=o||a==="loading",p=r?n.find(({swap:m})=>m.requestId===r):void 0,c=i(()=>{if(p?.id){let m=t?.get(p.id);m&&$k(m)}},"onCancel"),u=i(async()=>{if(p?.id)try{t?.deleteQueue(p.id),s()}catch(m){console.log(m)}},"onDelete"),d=p?.swap;return!d||l?Aa.createElement(Hd,{requestId:r,showSkeleton:l}):Aa.createElement(ba,{swap:d,requestId:r,onCancel:c,onDelete:u})}i(Gd,"SwapDetailsPage");function Vd(){return rp(),Li(),Uk([{path:F.home,element:ze.createElement(Sm,null)},{path:F.routes,element:ze.createElement(xm,null)},{path:F.fromSwap,children:[{index:!0,element:ze.createElement(la,{type:"source"})},{path:F.blockchains,element:ze.createElement(Gs,{type:"source"})}]},{path:F.toSwap,children:[{index:!0,element:ze.createElement(la,{type:"destination"})},{path:F.blockchains,element:ze.createElement(Gs,{type:"destination"})}]},{path:F.settings,children:[{index:!0,element:ze.createElement(ud,null)},{path:F.languages,element:ze.createElement(Tm,null)},{path:F.exchanges,element:ze.createElement(qs,{sourceType:"Exchanges"})},{path:F.bridges,element:ze.createElement(qs,{sourceType:"Bridges"})}]},{path:F.swaps,children:[{index:!0,element:ze.createElement(Zu,null)},{path:F.swapDetails,element:ze.createElement(Gd,null)}]},{path:F.wallets,element:ze.createElement(uc,null)},{path:F.confirmSwap,element:ze.createElement(Uu,null)}])}i(Vd,"AppRoutes");import{isApprovalTX as qk,MainEvents as jd,RouteEventType as Xd,StepEventType as Kd,StepExecutionEventStatus as zk,useEvents as Qk}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Yd}from"react";function Jd(){let t=g().tokens(),e=Y.use.connectedWallets(),o=Y.use.getWalletsDetails(),n=Oe.use.setNotification(),r=Qk();return Yd(()=>(r.on(jd.StepEvent,s=>{let{event:a,step:l,route:p}=s;if(a.type===Kd.TX_EXECUTION&&a.status===zk.TX_SENT&&!qk(l)||a.type===Kd.SUCCEEDED){let u=e.find(m=>m.chain===l?.fromBlockchain),d=l?.fromBlockchain!==l?.toBlockchain&&e.find(m=>m.chain===l?.toBlockchain);u&&o([u],t),d&&o([d],t)}n(a,p)}),()=>r.all.clear()),[r,e.length]),Yd(()=>(r.on(jd.RouteEvent,s=>{let{event:a,route:l}=s;(a.type===Xd.FAILED||a.type===Xd.SUCCEEDED)&&n(a,l)}),()=>r.all.clear()),[r,e.length]),null}i(Jd,"WidgetEvents");import{useQueueManager as Xk}from"@rango-dev/queue-manager-rango-preset";import{splitWalletNetwork as Kk}from"@rango-dev/wallets-shared";import{isEvmBlockchain as Yk}from"rango-sdk";import{useContext as Jk,useEffect as Zk,useState as tf}from"react";import{globalCss as Hk}from"@rango-dev/ui";var Zd=i(()=>Hk({"@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");function Rd(){let{setWatermark:t}=ne();return{fetchApiConfig:i(async()=>{let o=await fetch(`${yt("BASE_URL")}/meta/dapp/config?apiKey=${yt("API_KEY")}`);if(!o.ok)throw new Error(`Request failed with status: ${o.status} `);let n=await o.json();t(n.config.watermark)},"fetchApiConfig")}}i(Rd,"useFetchApiConfig");import{useWallets as Gk}from"@rango-dev/wallets-react";import{useEffect as Vk,useRef as jk}from"react";function ef(){let{connect:t,state:e}=Gk(),o=jk({}),{fetchStatus:n}=g(),r=new URLSearchParams(location.search).get("autoConnect")||"",s=e(r);Vk(()=>{n==="success"&&r&&s.installed&&!s.connecting&&!s.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[s,n])}i(ef,"useForceAutoConnect");function Wa(){Zd(),ef();let t=g().blockchains(),{canSwitchNetworkTo:e}=sr(),[o,n]=tf(""),[r,s]=tf(),a=Jk(An),l=t.filter(Yk),{fetchApiConfig:p}=Rd();Xk({lastConnectedWallet:o,clearDisconnectedWallet:()=>{s(void 0)},disconnectedWallet:r,evmChains:l,canSwitchNetworkTo:e}),Zk(()=>(zt.init(),Oe.persist.hasHydrated()||Oe.persist.rehydrate(),a.onConnectWallet(n),a.onDisconnectWallet(c=>{s(c),c===Kk(o)?.[0]&&n("")}),p().catch(console.log),zt.destroy),[])}i(Wa,"useBootstrap");import{styled as Rk}from"@rango-dev/ui";var of=Rk("div",{fontFamily:"$widget",boxSizing:"border-box",textAlign:"left","& *, *::before, *::after":{boxSizing:"inherit"},"& *:focus-visible":{outlineColor:"$info500",transition:"none"},"& ul, ol, li":{listStyleType:"none"}});function oi(){Wa();let{config:t}=g(),{activeTheme:e}=Yn(t?.theme||{}),{activeLanguage:o}=Ft();return ti.createElement(ew,{language:o},ti.createElement(of,{id:"swap-container",className:e()},ti.createElement(Jd,null),ti.createElement(Vd,null)))}i(oi,"Main");import La,{useMemo as Sw}from"react";import{checkWaitingForNetworkChange as tw,makeQueueDefinition as ow}from"@rango-dev/queue-manager-rango-preset";import{Provider as nw}from"@rango-dev/queue-manager-react";import{useWallets as rw}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as iw}from"@rango-dev/wallets-shared";import{isEvmBlockchain as sw}from"rango-types";import aw,{useMemo as lw}from"react";function pw(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=rw(),l=lw(()=>ow({API_KEY:t.apiKey||yt("API_KEY"),BASE_URL:yt("BASE_URL")}),[t.apiKey]),p=g().blockchains(),u={blockchains:Y.use.connectedWallets().map(T=>({accounts:[T],name:T.chain}))},d=i(async(T,x)=>{if(s(T,x))return r(T,x)},"switchNetwork"),m=i(T=>!!a(T).mobileWallet,"isMobileWallet"),f=p.filter(T=>T.enabled).reduce((T,x)=>(T[x.name]=x,T),{}),S=p.filter(sw),C=i(T=>{let{supportedChains:x}=a(T);return hn(x)},"getSupportedChainNames"),h=e(),y={meta:{blockchains:f,evmBasedChains:S,evmNetworkChainInfo:iw(S),getSupportedChainNames:C},getSigners:o,wallets:u,providers:h,switchNetwork:d,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:m},k=ne.use.isActiveTab();return aw.createElement(nw,{queuesDefs:[l],context:y,onPersistedDataLoaded:T=>{tw(T)},isPaused:!k},t.children)}i(pw,"QueueManager");var nf=pw;import{useManager as fw}from"@rango-dev/queue-manager-react";import gw,{createContext as hw,useContext as yw}from"react";import{cancelSwap as cw,getCurrentBlockchainOfOrNull as uw,getCurrentStep as mw,getRelatedWalletOrNull as dw}from"@rango-dev/queue-manager-rango-preset";var ni=class{static{i(this,"WidgetHistory")}manager;actions;constructor(e,o){this.manager=e,this.actions=o}getAllSwaps(){return mt(this.manager)}getCurrentStep(e){return this.getCurrentStepInfo(e).step}getCurrentStepWallet(e){return this.getCurrentStepInfo(e).wallet}getCurrentStepNetwork(e){return this.getCurrentStepInfo(e).network}retry(e,o){return this.actions.retrySwap(e,o)}cancel(e){let o=this.manager?.get(e);o&&cw(o)}getCurrentStepInfo(e){let o=mw(e);return{step:o,wallet:o?dw(e,o):null,network:o?uw(e,o):null}}};var rf=hw(void 0);function Na(t){let{manager:e}=fw(),o=ne.use.isActiveTab(),n=H.use.retry(),r=new ni(e,{retrySwap:n}),s=Y.use.connectedWallets(),a=Y.use.loading(),l=Qa(s),p=Y.use.getWalletsDetails(),c=g().blockchains(),u=g().tokens(),d=g().swappers(),m=g().fetchStatus,f=Ft().resetLanguage,S=Oe().getUnreadNotifications(),C={isActiveTab:o,setCurrentTabAsActive:zt.forceClaim,history:r,wallets:{isLoading:a,details:s,totalBalance:l,refetch:p},meta:{blockchains:c,tokens:u,swappers:d,loadingStatus:m},resetLanguage:f,notifications:{list:S}};return gw.createElement(rf.Provider,{value:C},t.children)}i(Na,"WidgetInfo");function sf(){let t=yw(rf);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}i(sf,"useWidget");function ri(t){let{onUpdateState:e,config:o}=t;return Sw(()=>{Ka({API_KEY:o?.apiKey||un,BASE_URL:o?.apiUrl||Ma})},[o.apiKey,o.apiUrl]),La.createElement(Wn,{config:o,onUpdateState:e},La.createElement(nf,{apiKey:o.apiKey},La.createElement(Na,null,t.children)))}i(ri,"WidgetProvider");function af(t){let e=t.config?.externalWallets;return ii.createElement(Al,null,e?ii.createElement(oi,null):ii.createElement(ri,{config:t.config??mi},ii.createElement(oi,null)))}i(af,"Widget");export{BH as EventSeverity,_H as MainEvents,HH as Networks,jH as PendingSwapNetworkStatus,PH as RouteEventType,$H as StepEventType,DH as StepExecutionBlockedEventStatus,FH as StepExecutionEventStatus,ke as UI_ID,zH as WalletEvents,GH as WalletTypes,af as Widget,ri as WidgetProvider,Wn as WidgetWallets,Oi as customizedThemeTokens,qH as readAccountAddress,sr as useWallets,sf as useWidget,OH as useWidgetEvents};
3
3
  //# sourceMappingURL=index.js.map