@rango-dev/widget-embedded 0.27.3-next.2 → 0.27.3-next.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
var If=Object.defineProperty;var i=(t,e)=>If(t,"name",{value:e,configurable:!0});import{EventSeverity as kG,MainEvents as wG,RouteEventType as xG,StepEventType as vG,StepExecutionBlockedEventStatus as bG,StepExecutionEventStatus as IG,useEvents as EG}from"@rango-dev/queue-manager-rango-preset";import{readAccountAddress as WG,useWallets as pr,Events as NG}from"@rango-dev/wallets-react";import{Networks as LG,WalletTypes as BG}from"@rango-dev/wallets-shared";import{PendingSwapNetworkStatus as PG}from"rango-types";import{UI_ID as Ef}from"@rango-dev/ui";var hn="c6381a79-2817-4602-83bf-6a641a409e32",Ga="https://api.rango.exchange",Va="https://explorer.rango.exchange",we={SWAP_BOX_ID:"rango-swap-box",EXPANDED_BOX_ID:"rango-expanded-box",...Ef};import{Events as xi,Provider as Sg}from"@rango-dev/wallets-react";import{isEvmBlockchain as Cg}from"rango-sdk";import Nn,{createContext as Tg,useEffect as Ol,useMemo as kg,useRef as Ul}from"react";import{useEffect as zf}from"react";import{create as Of}from"zustand";import{subscribeWithSelector as Uf}from"zustand/middleware";import{RangoClient as Df}from"rango-sdk";import{WalletState as ct}from"@rango-dev/ui";import{readAccountAddress as Nf}from"@rango-dev/wallets-react";import{detectInstallLink as Mf,getCosmosExperimentalChainInfo as Lf,isEvmAddress as Bf,KEPLR_COMPATIBLE_WALLETS as ex,Networks as Ya}from"@rango-dev/wallets-shared";import pi from"bignumber.js";import{isCosmosBlockchain as _f}from"rango-types";import Af from"bignumber.js";var Me=new Af(0);import{WalletTypes as Wf}from"@rango-dev/wallets-shared";var Xa=[Wf.LEAP];import{BigNumber as Ka}from"bignumber.js";var Io=i(t=>{let e=Math.floor(t%60/15)*15,o=parseInt((t/60).toString());return o>=60?`${Math.floor(o/5)*5}:00`:`${o.toString().padStart(2,"0")}:${e.toString().padStart(2,"0")}`},"roundedSecondsToString"),N=i((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new Ka(t),r=1,s=1e3;for(let a=0;a<60;a++)if(new Ka(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 yn=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"),Eo=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function ue(t){return N(t,12,12).replace(/(?:\.0*|(\.\d+?)0*)$/,"$1")}i(ue,"formatTooltipNumbers");function ci(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(ci,"mapStatusToWalletState");function Za(t,e,o,n){return o.filter(r=>!Xa.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,showOnMobile:p}=e(r),c=ci(t(r));return{title:s,image:a,link:Mf(l),state:c,type:r,showOnMobile:p}})}i(Za,"mapWalletTypesToWalletInfo");function Tn(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(Tn,"walletAndSupportedChainsNames");function Ja(t,e,o,n,r){let s=[];function a(p,c){if(!!!s.find(f=>f.chain===p)){let f={address:c,chain:p,walletType:t};s.push(f)}}i(a,"addAccount");let l=n||[];return e.forEach(p=>{let{address:c,network:u}=Nf(p),f=l.length>0,m=l.includes(u),d=u===Ya.Unknown;if(f&&!m&&!d)return;let C=u===Ya.Unknown&&Bf(c);if(d&&!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(Ja,"prepareAccountsForWalletStore");function Ra(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(Ra,"getRequiredChains");function kn(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(kn,"isAccountAndWalletMatched");function el(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 pi(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:$f(o,r.asset.symbol,r.asset.address,e)||null}))||[]}i(el,"makeBalanceFor");function tl(t){return{...t,loading:!1,error:!0}}i(tl,"resetConnectedWalletState");var ol=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=N(n?.flatMap(s=>s.accounts)?.flatMap(s=>s?.balances)?.map(s=>new pi(s?.amount||Me).multipliedBy(s?.usdPrice||0))?.reduce((s,a)=>s.plus(a),Me)||Me).toString();return Pf(r)},"calculateWalletUsdValue");function Pf(t){let e=t.toString().split(".");return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),e.join(".")}i(Pf,"numberWithThousandSeparator");var $f=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice"),wn=i((t,e)=>{let o=Lf(Object.entries(t).map(([,n])=>n).filter(_f));return o&&o[e]?.experimental},"isExperimentalChain");function xn(t){return t?{...t,amount:N(t.amount,8,8),usdValue:N(t.usdValue,4,4)}:null}i(xn,"formatBalance");function nl(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(nl,"compareTokenBalance");function Le(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(Le,"areTokensEqual");function rl(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(rl,"sortWalletsBasedOnConnectionState");function vn(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(vn,"getConciseAddress");function il({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(il,"getAddress");function ui(t){return`${t.blockchain}-${t.symbol}-${t.address??""}`}i(ui,"createTokenHash");function bn(t){return t.flatMap(e=>e.balances).reduce((e,o)=>{let n={amount:o?.amount??"",decimals:o?.decimal??0,usdValue:o?.usdPrice?new pi(o?.usdPrice??Me).multipliedBy(o?.amount).toString():""},r=o?ui({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(bn,"makeTokensBalance");var sl=i((t,e)=>!!t.find(o=>o.chain===e&&o.loading),"isFetchingBalance");function al(t){return t.map(e=>e.state).join("-")}i(al,"hashWalletsState");var mi={API_KEY:hn};function St(t){return mi[t]||""}i(St,"getConfig");function ll(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),mi=e,mi}i(ll,"initConfig");var pl=20,cl=25,ul="Roboto",di="theme-widget",Ao=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"),fi=i((t,e)=>t&&e&&!e.includes(t.name),"isBlockchainExcludedInConfig"),ml=i((t,e,o)=>o==="expanded"&&(t||e)||o==="full-expanded"&&e,"isVariantExpandable");var In,Lt=i(()=>In||(In=new Df(St("API_KEY"),St("BASE_URL")),In),"httpService");var Ff=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"),Bt=Ff;var K=Bt(Of()(Uf((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:bn(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=>kn(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:c,chain:u})=>({address:c,blockchain:u})),p=(await Lt().getWalletsDetails(a)).wallets;if(p)t(c=>{let u=c.connectedWallets.map(m=>{let d=o.find(C=>kn(C,m)),h=p.find(C=>C.address===m.address&&C.blockChain===m.chain);return h?.failed&&d&&r&&s([d],n,!1),d&&h?{...m,explorerUrl:h.explorerUrl,balances:el(h,n),loading:!1}:m});return{loading:!1,balances:bn(u),connectedWallets:u}});else throw new Error("Wallet not found")}catch{t(l=>{let p=l.connectedWallets.map(u=>o.find(f=>kn(f,u))?tl(u):u);return{loading:!1,balances:bn(p),connectedWallets:p}})}},getBalanceFor:o=>{let{balances:n}=e(),r=ui(o);return n[r]??null}}))));import{allProviders as qf}from"@rango-dev/provider-all";function En(t,e){let o=qf({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(En,"matchAndGenerateProviders");function dl(t,e){return En(t,e).map(r=>r.config.type)}i(dl,"configWalletsToWalletName");function fl(t,e){let o=K.use.clearConnectedWallet(),n=En(void 0,e);return zf(()=>{o(),n=En(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}i(fl,"useWalletProviders");import ug,{createContext as mg,useContext as dg,useEffect as fg,useRef as gg}from"react";import{create as pg}from"zustand";import{persist as cg}from"zustand/middleware";var gi={apiKey:"",title:void 0,multiWallets:!0,excludeLiquiditySources:!0,customDestination:!0,variant:"default"},Qf={clientUrl:void 0},Hf={liquiditySources:void 0},gl=i((t,e,o)=>({config:{...gi,...t},iframe:Qf,campaignMode:Hf,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 An(t){return Array.from(new Set(t))}i(An,"removeDuplicateFrom");function Si(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(Si,"areEqual");function kl(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i(kl,"debounce");function Ct(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(Ct,"containsText");function Sl(t,e){return t.toLowerCase()===e.toLowerCase()}i(Sl,"exactText");function Cl(t,e){return t.toLowerCase().startsWith(e.toLowerCase())}i(Cl,"startWithText");var B=i(()=>document.getElementById(we.SWAP_BOX_ID),"getContainer"),Wo=i(()=>document.getElementById(we.EXPANDED_BOX_ID),"getExpanded");function Tl(t,e,o){let n=!!e&&Sl(e,t),r=!!o&&Sl(o,t);return n!==r?n?-1:1:0}i(Tl,"compareExactMatchText");function hi(t,e,o){let n=!!e&&Ct(e,t),r=!!o&&Ct(o,t);return n!==r?n?-1:1:n&&r&&e?.length!==o?.length?e?.length-o?.length:0}i(hi,"compareContainsText");function yi(t,e,o){let n=!!e&&Cl(e,t),r=!!o&&Cl(o,t);return n!==r?n?-1:1:n&&r&&e?.length!==o?.length?e?.length-o?.length:0}i(yi,"compareStartWithText");function wl(t,e,o){if(!o)return 0;let n=Tl(o,t.symbol,e.symbol);if(n)return n;if(o.length>=3){let r=Tl(o,t.name,e.name);if(r)return r}if(o.length>=2){let r=yi(o,t.symbol,e.symbol);if(r)return r}if(o.length>=3){let r=hi(o,t.symbol,e.symbol);if(r)return r}if(o.length>=3){let r=yi(o,t.name,e.name);if(r)return r}if(o.length>=3){let r=hi(o,t.name,e.name);if(r!==0)return r}if(o.length>=4){let r=yi(o,t.address,e.address);if(r)return r}if(o.length>=4){let r=hi(o,t.address,e.address);if(r!==0)return r}return 0}i(wl,"compareWithSearchFor");function xl(t,e){return e.find(o=>o.name===t)?.displayName}i(xl,"getBlockchainDisplayNameFor");function Ve(t,e){return e.find(o=>o.name===t)?.shortName}i(Ve,"getBlockchainShortNameFor");function No(t,e){return e.find(o=>o.id===t)?.swapperGroup}i(No,"getSwapperDisplayName");function Ci(t,e){return e.find(o=>Le(o,t))??null}i(Ci,"findToken");function Ti(t,e){return e.find(o=>o.name===t)??null}i(Ti,"findBlockchain");function ki(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(ki,"isTokenNative");function Wn(t,e){let o=t.map(s=>s.swapperGroup),n=[];return An(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(Wn,"getUniqueSwappersGroups");function vl(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}i(vl,"sortLiquiditySourcesByGroupTitle");function Xe(t,e){return e?.[t]==="hidden"}i(Xe,"isFeatureHidden");function bl(t,e){return e?.[t]==="enabled"}i(bl,"isFeatureEnabled");var Il=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&&Ao(c,a)||o.blockchain&&c.blockchain!==o.blockchain||!l.some(u=>u.name===c.blockchain)?!1:o.searchFor?!!(Ct(c.symbol,o.searchFor)||Ct(c.address||"",o.searchFor)||Ct(c.name||"",o.searchFor)):!0).sort((c,u)=>{let f=e().isTokenPinned(c,o.type),m=e().isTokenPinned(u,o.type);if(f!==m)return f?-1:1;if(o.getBalanceFor){let y=o.getBalanceFor(c),k=o.getBalanceFor(u),w=nl(y,k);if(w!==0)return w}let d=r.get(c.blockchain),h=r.get(u.blockchain),C=ki(c,d),S=ki(u,h);if(C!==S)return C?-1:1;if(c.isPopular!==u.isPopular)return c.isPopular?-1:1;if(o.searchFor){let y=wl(c,u,o.searchFor);if(y)return y}return c.isSecondaryCoin!==u.isSecondaryCoin?c.isSecondaryCoin?1:-1:d&&h?d.sort-h.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(vl)},fetch:async()=>{try{let{enableCentralizedSwappers:o}=e().config,n=await Lt().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,f)=>u.sort-f.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 jf,English as Kf,Finland as Yf,French as Zf,German as Jf,Greece as Rf,Italian as eg,Japanese as tg,Netherlands as og,Poland as ng,Portuguese as rg,Russian as ig,Spanish as sg,Swedish as ag,Ukrainian as lg}from"@rango-dev/ui";var El=[{title:"English",label:"English",local:"en",SVGFlag:Kf},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:sg},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:Zf},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:tg},{title:"Portuguese",label:"Portugu\xEAs",local:"pt",SVGFlag:rg},{title:"Chinese",label:"\u4E2D\u56FD\u4EBA",local:"zh",SVGFlag:jf},{title:"Russian",label:"\u0420\u0443\u0441\u0441\u043A\u0438\u0439",local:"ru",SVGFlag:ig},{title:"German",label:"Deutsch",local:"de",SVGFlag:Jf},{title:"Ukrainian",label:"\u0423\u043A\u0440\u0430\u0457\u043D\u0456",local:"uk",SVGFlag:lg},{title:"Swedish",label:"svenska",local:"sv",SVGFlag:ag},{title:"Finnish",label:"Suomalainen",local:"fi",SVGFlag:Yf},{title:"Dutch",label:"Nederlands",local:"nl",SVGFlag:og},{title:"Greek",label:"Grieks",local:"el",SVGFlag:Rf},{title:"Italian",label:"Italiana",local:"it",SVGFlag:eg},{title:"Polish",label:"Polski",local:"pl",SVGFlag:ng}],Mo="en";var Al=[.5,1,3],Wl=1,Nl=5,Ml=100,Ll=0;var Bl=i((t,e)=>({disabledLiquiditySources:[],theme:"auto",language:null,preferredBlockchains:[],slippage:Wl,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=An(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,theme:r}=o,s=Xe("theme",n),a=Xe("language",n),l=Xe("liquiditySource",n),p=r?.singleTheme;t({...s&&{theme:o.theme?.mode||"auto"},...p&&{theme:o.theme?.mode||"light"},...a&&{language:o.language||Mo},...l&&{disabledLiquiditySources:o.liquiditySources||[]}})}}),"createSettingsSlice");function _l(t){return pg()(cg((...e)=>({...Il(...e),...Bl(...e),...gl(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(_l,"createAppStore");var Pl=mg(null);function g(){let t=dg(Pl);if(fg(()=>{t&&!t.persist.hasHydrated()&&t.persist.rehydrate()},[]),!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}i(g,"useAppStore");function $l(t){let e=gg();return e.current||(e.current=_l(t.config)),ug.createElement(Pl.Provider,{value:e.current},t.children)}i($l,"AppStoreProvider");import{create as yg}from"zustand";var Dl="rango-widget";var Lo=class{static{i(this,"TabManager")}tabId;state="not-initiated";lastTryClaim;events={};channel;constructor(e){this.channel=new BroadcastChannel(Dl),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 re=Bt(yg()((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})}}))),Vt=new Lo({onInit:()=>re.setState({tabManagerInitiated:!0}),onClaim:()=>re.setState({isActiveTab:!0,showActivateTabModal:!1}),onRelease:()=>re.setState({isActiveTab:!1})});var Mn=Tg({onConnectWallet:()=>{},onDisconnectWallet:()=>{}});function wg(t){let{updateConfig:e,updateSettings:o,fetch:n}=g(),r=g().blockchains(),s=g().tokens(),a=g().config,l={walletConnectProjectId:t.config?.walletConnectProjectId},{providers:p}=fl(t.config.wallets,l),{connectWallet:c,disconnectWallet:u}=K(),f=Ul(),m=Ul();Ol(()=>{n().catch(console.log)},[]),Ol(()=>{t.config&&(e(t.config),o(t.config),window.__rango={config:a,dappConfig:t.config})},[t.config]);let d=r.filter(Cg).map(y=>y.name),h=i((y,k,w,x,b)=>{if(k===xi.ACCOUNTS)if(w){let A=Tn(b.supportedBlockchains),v=Ja(y,w,d,A,b.isContractWallet);v.length&&c(v,s)}else u(y),m.current?m.current(y):console.warn("onDisconnectWallet handler hasn't been set. Are you sure?");if(k===xi.ACCOUNTS&&x.connected){let A=`${y}-${x.network}-${w}`;x.connected&&(f.current?f.current(A):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(k===xi.NETWORK&&x.network){let A=`${y}-${x.network}`;f.current?f.current(A):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(y,k,w,x,b)},"onUpdateState"),C=re.use.isActiveTab(),S=kg(()=>({onConnectWallet:y=>{f.current=y},onDisconnectWallet:y=>{m.current=y}}),[]);return Nn.createElement(Mn.Provider,{value:S},Nn.createElement(Sg,{allBlockChains:r,providers:p,onUpdateState:h,autoConnect:!!C},t.children))}i(wg,"Main");function Ln(t){let{config:e,...o}=t;return Nn.createElement($l,{config:e},Nn.createElement(wg,{...o,config:e}))}i(Ln,"WidgetWallets");import li from"react";import xg,{Fragment as vg}from"react";import{MemoryRouter as bg,useInRouterContext as Ig}from"react-router";function ql({children:t}){let o=Ig()?vg:bg;return xg.createElement(o,null,t)}i(ql,"AppRouter");import{I18nManager as Tw}from"@rango-dev/ui";import qa from"react";import qe from"react";import{useRoutes as sw}from"react-router-dom";var O={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 so,useRef as zn}from"react";import kt from"bignumber.js";import{create as Mg}from"zustand";import{subscribeWithSelector as Lg}from"zustand/middleware";import{getLastSuccessfulStep as Ng}from"@rango-dev/queue-manager-rango-preset";import Ab from"bignumber.js";import{i18n as Bo}from"@lingui/core";var vi={"Network Fee":Bo.t("Network Fee"),"Swapper Fee":Bo.t("Protocol Fee"),"Affiliate Fee":Bo.t("Affiliate Fee"),"Outbound network fee":Bo.t("Outbound Fee"),"Rango Fee":Bo.t("Rango Fee")},bi=["RECOMMENDED","CENTRALIZED","LOWEST_FEE","FASTEST","HIGH_IMPACT"],zl=30;var _t=(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))(_t||{});import{i18n as tt}from"@lingui/core";import Be from"bignumber.js";import{PendingSwapNetworkStatus as $n}from"rango-types";function Bn(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(Bn,"getRequiredWallets");function _n(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(_n,"isValidAddress");import{i18n as Ae}from"@lingui/core";var ee=i(()=>({genericServerError:Ae.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:Ae.t("Please reset your liquidity sources."),description:Ae.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources.")},noResultError:{title:Ae.t("No Routes Found."),description:Ae.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:Ae.t("Bridge Limit Error: Please increase your amount."),decreaseAmount:Ae.t("Bridge Limit Error: Please decrease your amount.")},highValueLossError:{impactTitle:Ae.t("High Price Impact"),title:Ae.t("Price impact is too high!"),description:Ae.t("The price impact is significantly higher than the allowed amount."),confirmMessage:Ae.t("Confirm high price impact")},quoteUpdatedWithHighValueLoss:{title:Ae.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:Ae.t("USD Price Unknown"),title:Ae.t("USD Price Unknown, Cannot calculate Price Impact."),description:Ae.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:Ae.t("Confirm USD Price Unknown")}}),"errorMessages");function Ql(t){switch(t.type){case 0:return t.diagnosisMessage??ee().noResultError.title;case 1:return ee().genericServerError;default:return""}}i(Ql,"getQuoteErrorMessage");import{i18n as Pn}from"@lingui/core";var Xt=i(()=>({connectWallet:Pn.t("Connect Wallet"),swap:Pn.t("Swap"),swapAnyway:Pn.t("Swap anyway"),ethWarning:Pn.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function Hl(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new Be(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new Be(1e3)))??!1}i(Hl,"hasHighValueLoss");function Gl(t){return(t||[]).filter(e=>{let o=e.fromAmountMinValue?new Be(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Be(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(Gl,"hasLimitError");function Vl(t){let e=(t||[]).filter(l=>{let p=l.fromAmountMinValue?new Be(l.fromAmountMinValue):null,c=l.fromAmountMaxValue?new Be(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 Be(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Be(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:N(o,6,6),symbol:e.from.symbol}}),a=ee().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(s=tt.t({id:"Required: > {min} {symbol}",values:{min:N(o,6,6),symbol:e.from.symbol}}),a=ee().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(s=tt.t({id:"Required: <= {max} {symbol}",values:{max:N(n,6,6),symbol:e.from.symbol}}),a=ee().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(s=tt.t({id:"Required: < {max} {symbol}",values:{max:N(n,6,6),symbol:e.from.symbol}}),a=ee().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:s,recommendation:a}}i(Vl,"getLimitErrorMessage");function Xl(t){let{fetchMetaStatus:e,anyWalletConnected:o,fetchingQuote:n,inputAmount:r,quote:s,warning:a,error:l,needsToWarnEthOnPath:p}=t;return e!=="success"?{title:Xt().connectWallet,action:"connect-wallet",disabled:!0}:o?n||!s||l||!r||r==="0"?{title:Xt().swap,action:"confirm-swap",disabled:!0}:a?{title:Xt().swapAnyway,action:"confirm-warning",disabled:!1}:p?{title:Xt().ethWarning,action:"confirm-warning",disabled:!1}:{title:Xt().swap,action:"confirm-swap",disabled:!1}:{title:Xt().connectWallet,action:"connect-wallet",disabled:!1}}i(Xl,"getSwapButtonState");function Ii(t,e,o){return!((!o||o.lte(Me))&&t&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t)}i(Ii,"canComputePriceImpact");function Eg(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(Eg,"requiredWallets");var Ag=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice");function Ei(t,e){let o=Me;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let s=Ag(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new Be(r.amount).multipliedBy(s||0))}return o}i(Ei,"getUsdFeeOfStep");function Dn(t,e){return t.reduce((o,n)=>o.plus(Ei(n,e)),Me)}i(Dn,"getTotalFeeInUsd");function Ai(t){let e=Me;return e=e.plus(new Be(t.amount).multipliedBy(t.price||0)),e}i(Ai,"getUsdFee");function jl(t){return t.reduce((e,o)=>e.plus(Ai(o)),Me)}i(jl,"getTotalFeesInUsd");function Kl(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(Kl,"getFeesGroup");function Yl(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(Yl,"checkSlippageErrors");function Zl(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(Zl,"checkSlippageWarnings");function Fn(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(Fn,"getMinRequiredSlippage");function Jl(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(Jl,"hasProperSlippage");function Rl(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:s,disabledLiquiditySources:a,liquiditySources:l,excludeLiquiditySources:p,slippage:c,affiliateRef:u,affiliatePercent:f,affiliateWallets:m,destination:d,enableCentralizedSwappers:h}=t,C=s?.reduce((k,w)=>(k[w.chain]=w.address,k),{}),S=[];return r?.forEach(k=>{S.push({blockchain:k.chain,addresses:[k.address]})}),{amount:n.toString(),affiliateRef:u??void 0,affiliatePercent:f??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:S,selectedWallets:C??{},slippage:c.toString(),...d&&{destination:d},...p&&{swapperGroups:a.concat(l??[]),swappersGroupsExclude:!0},...!p&&{swapperGroups:l?.filter(k=>!a.includes(k)),swappersGroupsExclude:!1},enableCentralizedSwappers:h}}i(Rl,"createQuoteRequestBody");function ep(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(ep,"getWalletsForNewSwap");function ro(t){return t?.outputAmount||null}i(ro,"getQuoteOutputAmount");function tp(t,e){return new Be(e).div(new Be(t)).minus(1).multipliedBy(100).toNumber()}i(tp,"getPercentageChange");function op(t,e){let o=ro(t),n=ro(e);if(!o||!n)return!1;let r=je(o,n);return r?r<=-1:!0}i(op,"isOutputAmountChangedALot");function np(t,e,o){let n=t.validationStatus,r=Ra(t);return e.sort((a,l)=>r.indexOf(a.chain)-r.indexOf(l.chain)).flatMap(a=>pp(a,n)||[]).filter(a=>!a.ok).map(a=>{let l=a.asset.symbol,p=N(new Be(a.currentAmount.amount).shiftedBy(-a.currentAmount.decimals),8,8),c=N(new Be(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(np,"generateBalanceWarnings");function On(t,e){return(t?new Be(t):Me).multipliedBy(e||0)}i(On,"calcOutputUsdValue");function _o(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==$n.NetworkChanged}i(_o,"isNetworkStatusInWarningState");function rp(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),_o(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case $n.WaitingForConnectingWallet:n=n||tt.t("Waiting for connecting wallet");break;case $n.WaitingForQueue:n=n||tt.t("Waiting for other running tasks to be finished");break;case $n.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(rp,"getSwapMessages");function ip(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(ip,"getLastConvertedTokenInFailedSwap");function sp(t){return t.status==="failed"}i(sp,"shouldRetrySwap");function ap(t,e,o,n,r,s){return t||!e&&!Eg(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!_n(s,o)}i(ap,"confirmSwapDisabled");function lp(t,e){return t.blockchain===e.blockchain&&t.symbol===e.symbol&&t.address===e.address}i(lp,"isTokensIdentical");function Un(t){let e=t?.swaps||[];return e[e.length-1].to.usdPrice}i(Un,"getQuoteToTokenUsdPrice");function Wi(t,e){let o=t?.swaps||[],n=e?.swaps||[];return o.length!==n.length}i(Wi,"isNumberOfSwapsChanged");function Ni(t,e){let o=t?.swaps.map(r=>r.swapperId)||[],n=e?.swaps.map(r=>r.swapperId)||[];return!Si(o,n)}i(Ni,"isQuoteSwappersUpdated");function Mi(t,e){let o=t?.swaps.map(r=>r.to.symbol)||[],n=e?.swaps.map(r=>r.to.symbol)||[];return!Si(o,n)}i(Mi,"isQuoteInternalCoinsUpdated");function up(t,e){return Wi(t,e)||Ni(t,e)||Mi(t,e)}i(up,"isQuoteChanged");function pp(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(pp,"getRequiredBalanceOfWallet");function Tt(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(Tt,"getPriceImpactLevel");function mp(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],s=Ng(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=Ti(s?s.toBlockchain:n.fromBlockchain,e),p=Ti(r.toBlockchain,e),c=Ci(s?{blockchain:l?.name??"",symbol:s.toSymbol,address:s.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),u=Ci(a,o),f=s?s.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:c,toBlockchain:p,toToken:u,inputAmount:f}}i(mp,"createRetryQuote");function io(t,e){let{fromToken:o,toToken:n,tokens:r,userSlippage:s}=e,a=jt(o,t.requestAmount),l=jt(n,t?.outputAmount??"");if(t&&a&&l){let u=je(a.toString(),l.toString());if(!!u&&Hl(a,u)){let m=Dn(t?.swaps,r),d=Tt(u);return{type:0,inputUsdValue:a,outputUsdValue:l,priceImpact:u,totalFee:m,warningLevel:d}}}else if(t&&(!a||!l))return{type:1};let p=Fn(t.swaps),c=s>Nl;if(Jl(e.userSlippage.toString(),p)){if(c&&parseFloat(p??"0")<s)return{type:3,slippage:s.toString()}}else return{type:2,recommendedSlippages:Zl(t,s),minRequiredSlippage:p};return null}i(io,"generateQuoteWarnings");function je(t,e){let o=typeof e=="string"?parseFloat(e)<=0:!e?.gt(0),n=!t||!e||o?null:tp(t.toString(),e.toString());return n&&n<0?n:null}i(je,"getPriceImpact");var dp=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"),qn=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"),fp=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"),gp=i(t=>{let e=i((o,n)=>{let r=bi.indexOf(o.value),s=bi.indexOf(n.value);return r!==-1&&s!==-1?r-s:r!==-1?-1:s!==-1?1:0},"customSort");return t.sort(e)},"sortTags");var jt=i((t,e)=>t?.usdPrice?new kt(e||Me).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),X=Bt(Mg()(Lg(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new kt(0),outputUsdValue:new kt(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=Me;return Eo(o.inputAmount)?(e&&(n=e?.outputAmount?new kt(e?.outputAmount):null,r=On(e?.outputAmount,Un(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 kt(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:jt(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 kt(0),outputUsdValue:new kt(0),selectedQuote:null},...!!o.fromToken&&{inputUsdValue:jt(o.fromToken,e)}}))},retry:(e,o)=>{let{tokens:n,blockchains:r}=o,{fromBlockchain:s,fromToken:a,toBlockchain:l,toToken:p,inputAmount:c}=mp(e,r,n);t({fromBlockchain:s,fromToken:a,inputAmount:c,outputAmount:null,inputUsdValue:jt(a??null,c),outputUsdValue:new kt(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:e.toToken?jt(e.toToken,e.outputAmount?.toString()||""):new kt(0)})),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 hp(){let{setInputAmount:t,setToToken:e,setToBlockchain:o,setFromBlockchain:n,setFromToken:r,fromToken:s,toToken:a,fromBlockchain:l,toBlockchain:p}=X(),c=g().config,u=g().fetchStatus,f=g().blockchains(),m=g().tokens(),{setAffiliateRef:d,setAffiliatePercent:h,setAffiliateWallets:C}=g(),S=c?.from?.tokens,y=c?.from?.blockchains,k=c?.to?.tokens,w=c?.to?.blockchains,x=zn(void 0),b=zn(void 0),A=zn(void 0),v=zn(void 0);so(()=>{t(c?.amount?.toString()||"")},[c?.amount]),so(()=>{if(u==="success"){let T=f.find(E=>E.name===c?.from?.blockchain),M=m.find(E=>Le(E,c?.from?.token||null));(T||!T&&A.current)&&n(T??null),M?r({token:M,meta:{blockchains:f,tokens:m}}):!M&&x.current&&r({token:null}),A.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]),so(()=>{Ao(s,S)&&r({token:null}),fi(l,y)&&n(null)},[S,y]),so(()=>{Ao(a,k)&&r({token:null}),fi(p,w)&&o(null)},[k,w]),so(()=>{if(u==="success"){let T=f.find(E=>E.name===c?.to?.blockchain),M=m.find(E=>Le(E,c?.to?.token||null));(T||!T&&v.current)&&o(T??null),M?e({token:M,meta:{blockchains:f,tokens:m}}):!M&&b.current&&e({token:null}),v.current=c?.to?.blockchain,b.current=c?.to?.token}},[c?.to?.token?.symbol,c?.to?.token?.address,c?.to?.token?.blockchain,c?.to?.blockchain,u]),so(()=>{d(c?.affiliate?.ref??null),h(c?.affiliate?.percent??null),C(c?.affiliate?.wallets??null)},[c?.affiliate?.ref,c?.affiliate?.percent,c?.affiliate?.wallets])}i(hp,"useSyncStoresWithConfig");import{useEffect as _i,useRef as Bg}from"react";import{useInRouterContext as _g,useLocation as Pg,useSearchParams as $g}from"react-router-dom";function Li(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(Li,"searchParamToToken");function Bi(t){if(t)return`${t.symbol}${t.address?`--${t.address}`:""}`}i(Bi,"tokenToSearchParam");function Pi(){let t=Pg(),[e,o]=$g(),{fromBlockchain:n,toBlockchain:r,fromToken:s,toToken:a,inputAmount:l,setFromBlockchain:p,setToBlockchain:c,setFromToken:u,setToToken:f,setInputAmount:m}=X(),d=g().fetchStatus,h=g().blockchains(),C=g().tokens(),S=_g(),{updateIframe:y,updateCampaignMode:k}=g(),w=g().isInCampaignMode(),x=Bg(),b=i(()=>{let v=e.get("fromAmount"),T=e.get("fromBlockchain"),M=e.get("fromToken"),E=e.get("toBlockchain"),L=e.get("toToken"),G=e.get("autoConnect"),q=e.get("clientUrl"),Q=e.get("liquiditySources");return{fromAmount:v,fromBlockchain:T,fromToken:M,toBlockchain:E,toToken:L,autoConnect:G,clientUrl:q,liquiditySources:Q}},"getUrlSearchParams"),A=i(v=>{for(let T in v)v[T]||delete v[T];o(v,{replace:!0})},"updateUrlSearchParams");_i(()=>{let{autoConnect:v,clientUrl:T}=b();S&&d==="success"&&A({fromBlockchain:n?.name,fromToken:Bi(s),toBlockchain:r?.name,toToken:Bi(a),fromAmount:l,autoConnect:v??void 0,clientUrl:T??void 0,liquiditySources:w?x.current:void 0})},[t.pathname,l,n,s,r,a,w]),_i(()=>{if(!S)return;let v=b();if(!x.current&&v.liquiditySources&&(x.current=v.liquiditySources),v.fromAmount&&m(v.fromAmount),d==="success"){let T=h.find(G=>G.name===v.fromBlockchain),M=Li(C,v.fromToken,T??null),E=h.find(G=>G.name===v.toBlockchain),L=Li(C,v.toToken,E??null);T&&(p(T),M&&u({token:M,meta:{blockchains:h,tokens:C}})),E&&(c(E),L&&f({token:L,meta:{blockchains:h,tokens:C}}))}},[d]),_i(()=>{let{clientUrl:v,liquiditySources:T}=b();y("clientUrl",v||void 0),k("liquiditySources",T?.split(",")??void 0)},[])}i(Pi,"useSyncUrlAndStore");import{i18n as Ls}from"@lingui/core";import{useManager as FS}from"@rango-dev/queue-manager-react";import{Alert as Zu,Button as OS,css as _s,Divider as Bs,IconButton as Ju,styled as US,Typography as qS,WalletIcon as zS}from"@rango-dev/ui";import ke,{useEffect as Zo,useLayoutEffect as QS,useRef as HS,useState as Jo}from"react";import{flushSync as GS}from"react-dom";import{useLocation as VS,useNavigate as XS}from"react-router-dom";import{i18n as dt}from"@lingui/core";import{Alert as us,BalanceErrors as Iy,Button as Mc,ChevronDownIcon as Ey,ChevronLeftIcon as Ay,Divider as go,MessageBox as Wy,Typography as cr,WalletIcon as Ny}from"@rango-dev/ui";import F,{useEffect as My,useState as ho}from"react";import{useNavigate as Ly}from"react-router-dom";import{i18n as Qn}from"@lingui/core";function Hn(t){switch(t.type){case 0:return Qn.t("Route has been updated.");case 3:return Qn.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return Qn.t("Route swappers has been updated.");case 2:return Qn.t("Route internal coins has been updated.");default:return""}}i(Hn,"getQuoteUpdateWarningMessage");import{Modal as Fg}from"@rango-dev/ui";import Og from"react";function le(t){let{watermark:e}=re();return Og.createElement(Fg,{hasWatermark:e==="FULL",...t},t.children)}i(le,"WatermarkedModal");import jn,{useRef as zg}from"react";import*as ao from"@radix-ui/react-collapsible";import{keyframes as Sp,styled as Gn}from"@rango-dev/ui";var $i=300,Ug=Sp({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),qg=Sp({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),Cp=Gn(ao.Root,{borderRadius:"$sm",overflow:"hidden",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),Di=Gn(ao.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit",cursor:"pointer"}),Vn=Gn(ao.Content,{overflow:"hidden",variants:{open:{true:{animation:`${Ug} ${$i}ms ease-out`},false:{animation:`${qg} ${$i}ms ease-out`}}}}),Xn=Gn("div",{transition:`all ${$i}ms ease`,display:"flex",alignItems:"center",variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}});function Kn(t){let{open:e,hasSelected:o,onOpenChange:n,children:r,onClickTrigger:s,trigger:a,triggerAnchor:l}=t,p=zg(null);return jn.createElement(Cp,{ref:p,className:"collapsible_root",selected:o&&e,open:e,onOpenChange:n},l==="top"&&jn.createElement(Di,{className:"collapsible_trigger",onClick:s},a),jn.createElement(Vn,{className:"collapsible_content",open:e},r),l==="bottom"&&jn.createElement(Di,{className:"collapsible_trigger",onClick:s},a))}i(Kn,"CustomCollapsible");import{css as Tp,darkTheme as lo,IconButton as Qg,styled as Ke,TextField as Hg}from"@rango-dev/ui";var kp=Ke("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),wp=Ke("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Gg=Ke("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${lo} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${lo} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${lo} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),xp=Ke(Gg,{alignSelf:"stretch",minHeight:"93px"}),vp=Ke("div",{padding:"$20 $20 $15 $20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),bp=Ke(Qg,{position:"absolute",left:"$20"}),Ip=Ke("div",{paddingTop:"$20"}),Ep=Tp({display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Ap=Ke("div",{padding:"$10 $0","& .button__content":{display:"flex",alignItems:"center"},"& .alarms":{paddingTop:"$5"},"& .collapsible_content":{backgroundColor:"$neutral100"},"& .collapsible_root":{backgroundColor:"$neutral100"}}),Wp=Tp({paddingTop:"$5"}),Np=Ke("div",{display:"flex"}),Mp=Ke(Hg,{backgroundColor:"$neutral100",padding:"$0 $15 $15 $15"}),Lp=Ke("div",{overflow:"visible",width:"100%"}),Bp=Ke("div",{width:"100%",borderRadius:"$sm",display:"flex",padding:"$15",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${lo} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomRightRadius:"0",borderBottomLeftRadius:"0","&:hover":{$$color:"$colors$info100",[`.${lo} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${lo} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}});import{i18n as ot}from"@lingui/core";import{Button as wy,Divider as ps,Image as xy,MessageBox as lr,SelectableWallet as vy,Typography as Ac,WalletState as Wc}from"@rango-dev/ui";import de,{useEffect as Nc,useState as Oo}from"react";import{WalletState as Yn}from"@rango-dev/ui";import{useWallets as Vg}from"@rango-dev/wallets-react";import{detectMobileScreens as Xg,KEPLR_COMPATIBLE_WALLETS as jg,WalletTypes as Po}from"@rango-dev/wallets-shared";import{useCallback as Kg,useEffect as Yg,useState as Zg}from"react";var Jg=Object.values(Po);function po(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:l,connect:p}=Vg(),{connectedWallets:c}=K(),u=g().blockchains(),f=dl(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||Jg,m=Za(s,l,f,o);m=Xg()?m.filter(b=>b.showOnMobile||s(b.type).installed):m;let d=rl(m),[h,C]=Zg(""),S=i(b=>!c.find(A=>A.walletType===b&&A.chain===o),"isExperimentalChainNotAdded"),y=i(async b=>{let A=s(b);try{if(h&&C(""),A.connected)await a(b);else{let v=!!m.find(T=>T.state===Yn.CONNECTED);if(!e?.multiWallets&&v)return;n?.(b),await p(b),r?.(b)}}catch(v){C("Error: "+v?.message)}},"handleClick"),k=Kg(()=>{let b=m?.filter(A=>A.state===Yn.CONNECTING)||[];for(let A of b)a(A.type)},[al(m)]);Yg(()=>()=>{k()},[]);let w=i(b=>{let A=b.find(T=>T.type===Po.DEFAULT);return!A||A.state===Yn.NOT_INSTALLED?!1:b.filter(T=>T.state!=Yn.NOT_INSTALLED&&![Po.DEFAULT,Po.WALLET_CONNECT_2].includes(T.type)&&l(T.type).supportedChains.filter(M=>M.type=="EVM").length>0).length==0},"shouldShowDefaultInjectedWallet"),x=i((b,A,v)=>wn(v,A)&&S(b)&&!jg.includes(b)||b==Po.DEFAULT&&!w(m),"shouldExcludeWallet");return{list:d.filter(b=>!x(b.type,o??"",u)),error:h,handleClick:y,disconnectConnectingWallets:k}}i(po,"useWalletList");import{i18n as kc}from"@lingui/core";import{styled as xc,Typography as gy,Wallet as hy,WalletState as yy}from"@rango-dev/ui";import fo,{useState as wc}from"react";import{useManager as ry}from"@rango-dev/queue-manager-react";import{BottomLogo as iy,Divider as fc,Header as sy}from"@rango-dev/ui";import he,{useEffect as rs,useRef as gc,useState as ay}from"react";import{useRef as Rg}from"react";function Zn(){return window.self!==window.top}i(Zn,"isAppLoadedIntoIframe");function Fi(){let t=Rg(null),{iframe:e}=g(),o=Zn()&&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(Fi,"useIframe");import{useNavigate as eh}from"react-router-dom";function Ye(){let t=eh();return()=>t(-1)}i(Ye,"useNavigateBack");import{createTheme as Hi,darkTheme as sh,lightTheme as ah}from"@rango-dev/ui";import{useEffect as lh,useState as ph}from"react";import{theme as rh,darkColors as ih}from"@rango-dev/ui";import zi from"react";function th(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,f={};for(let m=0;m<9;m++){let d=100+m*100,h=u[m],C={[`${e}${d}`]:Jn(t,h)};Object.assign(f,C)}return{...f,[e]:t}}i(th,"generateShades");function Jn(t,e){let[o,n,r]=_p(t);return`#${Oi(o+e)}${Oi(n+e)}${Oi(r+e)}`}i(Jn,"generateShade");function _p(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(_p,"convertToRGB");function Oi(t){return("0"+Math.max(0,Math.min(255,t)).toString(16)).slice(-2).toUpperCase()}i(Oi,"clamp");function Pp(t){let[a,l,p]=_p(t);return(a*299+l*587+p*114)/1e3>188}i(Pp,"isBright");var Ui=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,...th(a,s,s==="neutral"&&e)})}return n?r:{}},"generateColors");var $p=i(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),oh=i(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=$p(o%52)+e;return $p(o%52)+e},"toAlphabeticName"),nh=i((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),qi=i(t=>oh(nh(5381,JSON.stringify(t))>>>0),"toHash");function Qi(t){let e=rh.colors,o=Ui({...e,...ih},!0,t?.dark),n=Ui(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:`${di}-light-${qi(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${di}-dark-${qi(p)}`,tokens:p}}return{light:a,dark:l}}i(Qi,"customizedThemeTokens");function Dp(t,e){if(t.length<=1)return t.map(({element:n,key:r})=>zi.cloneElement(n,{key:r}));let o=[];return t.forEach((n,r)=>{let{element:s,key:a}=n;if(o.push(zi.cloneElement(s,{key:a})),r<t.length-1){let l=`divider-${r}`;o.push(zi.cloneElement(e,{key:l}))}}),o}i(Dp,"joinList");function Rn(t){let{colors:e,fontFamily:o=ul,borderRadius:n=pl,secondaryBorderRadius:r=cl}=t,[s,a]=ph("light"),{theme:l}=g(),{dark:p,light:c}=Qi(e),u=Hi({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),f=[u.className,ah.className],m=[u.className,sh.className];if(c){let h=Hi(c.id,c.tokens);f.push(h.className)}if(p){let h=Hi(p.id,p.tokens);m.push(h.className)}return lh(()=>{let h=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",h),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",h)}},[]),{activeTheme:i(()=>{let h=f.join(" "),C=m.join(" ");return l==="auto"?s==="dark"?C:h:l==="dark"?C:h},"getActiveTheme")}}i(Rn,"useTheme");var ut=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 Fp}from"@lingui/core";import{Alert as ch,Button as uh}from"@rango-dev/ui";import Op from"react";function Gi(t){return Op.createElement(ch,{action:Op.createElement(uh,{onClick:t.onActivateTab,variant:"contained",size:"xxsmall",type:"warning"},Fp.t("Activate this tab")),type:"warning",variant:"alarm",title:Fp.t("Another tab is open and handles transactions.")})}i(Gi,"ActivateTabAlert");import{i18n as Vi}from"@lingui/core";import{Button as mh,Divider as dh,MessageBox as fh}from"@rango-dev/ui";import er from"react";function Xi(t){let{open:e,onClose:o,onConfirm:n}=t;return er.createElement(le,{open:e,dismissible:!0,onClose:o,container:B()},er.createElement(fh,{title:Vi.t("Activate current tab"),type:"warning",description:Vi.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.")},er.createElement(dh,{size:20}),er.createElement(mh,{variant:"contained",size:"large",type:"primary",fullWidth:!0,onClick:n},Vi.t("Confirm"))))}i(Xi,"ActivateTabModal");import{ChevronLeftIcon as yh}from"@rango-dev/ui";import Xp from"react";import{css as gh,darkTheme as Up,IconButton as hh,styled as Kt}from"@rango-dev/ui";var mt=Kt(hh,{width:"$24",position:"relative",padding:"0",overflow:"unset","&:hover":{backgroundColor:"$info100",[`.${Up} &`]:{backgroundColor:"$neutral"}}}),qp=Kt("div",{position:"absolute",background:"$secondary500",[`.${Up} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),co=Kt("div",{display:"flex",justifyContent:"flex-end",minWidth:"$40",button:{padding:0}}),zp=Kt("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"}}}}),Qp=Kt("div",{padding:"$2",variants:{isRefetched:{true:{transform:"rotate(360deg)",transition:"transform 1s ease-in-out"}}}}),Hp=Kt("div",{position:"absolute",right:"$4",top:"$4",backgroundColor:"$background",borderRadius:"100%"}),Gp=gh({display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center"}),Vp=Kt("div",{borderRadius:"100%",border:"1.5px transparent solid","&:not(:first-child)":{marginLeft:"-$6"},img:{borderRadius:"100%"}});function ji(t){return Xp.createElement(mt,{variant:"ghost",size:"small",onClick:t.onClick},Xp.createElement(yh,{color:"black",size:16}))}i(ji,"BackButton");import{i18n as Sh}from"@lingui/core";import{Button as Ch,Typography as Th}from"@rango-dev/ui";import Ki from"react";function Yi(t){return Ki.createElement(co,null,Ki.createElement(Ch,{variant:"ghost",onClick:t.onClick,size:"xsmall"},Ki.createElement(Th,{variant:"label",size:"medium",color:"error500"},Sh.t("Cancel"))))}i(Yi,"CancelButton");import{i18n as kh}from"@lingui/core";import{Image as wh,Tooltip as xh,WalletIcon as vh}from"@rango-dev/ui";import Yt from"react";function Zi(t){let{config:e}=g(),{list:o}=po({config:e}),n=o.filter(s=>s.state==="connected"),r=n.length?Yt.createElement("div",{className:Gp()},n.map(s=>Yt.createElement(Vp,{key:s.title},Yt.createElement(wh,{src:s.image,size:14})))):kh.t("Connect Wallet");return Yt.createElement(xh,{container:t.container,side:"bottom",content:r},Yt.createElement(mt,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&Yt.createElement(qp,null),Yt.createElement(vh,{size:18,color:"black"})))}i(Zi,"WalletButton");import{i18n as nr}from"@lingui/core";import{NotificationsIcon as Kh,Popover as Yh,SettingsIcon as Zh,Tooltip as rr,TransactionIcon as Jh}from"@rango-dev/ui";import be from"react";import{i18n as _h}from"@lingui/core";import{EventSeverity as ec}from"@rango-dev/queue-manager-rango-preset";import{ChainToken as tc,ChevronRightIcon as Ph,Divider as $h,Typography as Dh}from"@rango-dev/ui";import Oe from"react";import{useNavigate as Fh}from"react-router-dom";import{create as bh}from"zustand";import{persist as Ih,subscribeWithSelector as Eh}from"zustand/middleware";var Fe=Bt(bh()(Ih(Eh((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 Ah,ListItemButton as Wh,styled as $o}from"@rango-dev/ui";var jp=$o("div",{padding:"$10",width:"350px",maxWidth:"90vw",minHeight:"150px"}),Kp=$o("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),Yp=$o(Wh,{variants:{actionRequired:{true:{backgroundColor:"$error300",[`.${Ah} &`]:{backgroundColor:"$error600"}}}}}),Zp=$o("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),Jp=$o("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as Nh}from"@lingui/core";import{Divider as Mh,NoNotificationIcon as Lh,Typography as Bh}from"@rango-dev/ui";import tr from"react";function Rp(){return tr.createElement(Jp,null,tr.createElement(Lh,{color:"secondary",size:26}),tr.createElement(Mh,{size:12}),tr.createElement(Bh,{variant:"body",size:"medium",color:"neutral700"},Nh.t("There are no notifications.")))}i(Rp,"NotificationNotFound");var Oh=4;function Ji(){let t=Fh(),{getUnreadNotifications:e}=Fe(),o=e(),n=g().blockchains(),r=g().tokens(),s=o.sort((l,p)=>p.creationTime-l.creationTime).slice(0,Oh),a=i(l=>{t(`${O.swaps}/${l}`)},"handleOnClick");return Oe.createElement(jp,null,s.length?Oe.createElement(Kp,null,s.map((l,p)=>{let{route:c,requestId:u,event:f}=l,m=r.find(S=>Le(S,c.from)),d=n.find(S=>S.name===c.from.blockchain),h=r.find(S=>Le(S,c.to)),C=n.find(S=>S.name===c.to.blockchain);return Oe.createElement(Oe.Fragment,{key:u},p>0&&Oe.createElement($h,{size:4}),Oe.createElement(Yp,{onClick:()=>a(u),actionRequired:f.messageSeverity===ec.WARNING,title:Oe.createElement(Dh,{variant:"body",size:"small",color:f.messageSeverity===ec.WARNING?"$foreground":"$neutral700"},_h.t(f.message)),id:u,start:Oe.createElement(Zp,null,Oe.createElement("div",{className:"from-chain-token"},Oe.createElement(tc,{tokenImage:m?m.image:"",chainImage:d?d.logo:"",size:"small"})),Oe.createElement("div",{className:"to-chain-token"},Oe.createElement(tc,{tokenImage:h?h.image:"",chainImage:C?C.logo:"",size:"small"}))),end:Oe.createElement(Ph,{size:12,color:"gray"})}))})):Oe.createElement(Rp,null))}i(Ji,"NotificationContent");import{useManager as Uh}from"@rango-dev/queue-manager-react";import{InProgressIcon as qh}from"@rango-dev/ui";import oc from"react";var zh=i(()=>{let{manager:t}=Uh();return ut(t).map(({swap:o})=>o).find(o=>o.status==="running")?oc.createElement(Hp,null,oc.createElement(qh,{color:"info",size:6})):null},"InProgressTransactionBadge"),nc=zh;import{RefreshProgressButton as Qh}from"@rango-dev/ui";import Ri,{useEffect as Hh,useState as rc}from"react";var Gh=1e3,ic=60,Vh=100;function or({onClick:t}){let[e,o]=rc(0),[n,r]=rc(!1),s=i(p=>{document.hidden&&p&&a(p)},"handleVisibilityChange");Hh(()=>{let p;return t?p=window.setInterval(()=>{o(c=>c+1),e===ic&&l()},Gh):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 Ri.createElement(mt,{variant:"ghost",size:"small",style:{paddingTop:0,paddingBottom:0},onClick:l,disabled:!t},Ri.createElement(Qp,{onTransitionEnd:()=>r(!1),isRefetched:n},Ri.createElement(Qh,{size:22,color:t?"black":"gray",progress:e/ic*Vh})))}i(or,"RefreshButton");import{EventSeverity as Xh}from"@rango-dev/queue-manager-rango-preset";import{Typography as jh}from"@rango-dev/ui";import sc from"react";function ac(){let{getUnreadNotifications:t}=Fe(),e=t(),o=e.length,n=!!e.find(r=>r.event.messageSeverity===Xh.WARNING);return o?sc.createElement(zp,{isSever:n},sc.createElement(jh,{variant:"body",size:"xsmall",color:"$background"},o)):null}i(ac,"UnreadNotificationsBadge");function Zt(t){let{onClickRefresh:e,onClickHistory:o,onClickSettings:n,hidden:r=[],container:s}=t,{config:{features:a}}=g(),l=Xe("notification",a)||r.includes("notifications");return be.createElement(be.Fragment,null,!r.includes("refresh")&&be.createElement(rr,{container:s||B(),side:"top",content:nr.t("Refresh")},be.createElement(or,{onClick:e})),!l&&be.createElement(Yh,{align:"end",alignOffset:-88,collisionPadding:{right:20,left:20},container:B(),content:be.createElement(Ji,null)},be.createElement("div",null,be.createElement(rr,{container:B(),side:"top",content:nr.t("Notifications")},be.createElement(mt,{size:"small",variant:"ghost"},be.createElement(Kh,{size:18,color:"black"}),be.createElement(ac,null))))),!r.includes("settings")&&be.createElement(rr,{container:B(),side:"top",content:nr.t("Settings")},be.createElement(mt,{size:"small",variant:"ghost",onClick:n},be.createElement(Zh,{size:18,color:"black"}))),!r.includes("history")&&be.createElement(rr,{container:B(),side:"top",content:nr.t("Transactions History")},be.createElement(mt,{size:"small",variant:"ghost",onClick:o},be.createElement(Jh,{size:18,color:"black"}),be.createElement(nc,null))))}i(Zt,"HeaderButtons");import{i18n as es}from"@lingui/core";import{Divider as pc,MessageBox as ty,RefreshIcon as oy}from"@rango-dev/ui";import uo from"react";import{Button as Rh,styled as ey}from"@rango-dev/ui";var lc=ey(Rh,{"& span":{display:"flex",justifyContent:"center",alignItems:"center"}});function ts(t){let{open:e,onClose:o}=t;return uo.createElement(le,{open:e,dismissible:!0,onClose:o,container:B()},uo.createElement(ty,{title:es.t("Something went wrong"),type:"error",description:es.t("Something went wrong. Please refresh the app.")},uo.createElement(pc,{size:30}),uo.createElement(lc,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:()=>location.reload()},uo.createElement(oy,{size:20,color:"primary"}),uo.createElement(pc,{size:4,direction:"horizontal"}),es.t("Refresh"))))}i(ts,"RefreshModal");function os(t){let e=t.target;if(e){let o=e.scrollTop,n=B();o>1?n.classList.add("rng-scrolled"):n.classList.remove("rng-scrolled")}}i(os,"onScrollContentAttachStatusToContainer");import{css as ny,styled as ns}from"@rango-dev/ui";var cc="700px",ir=ny({borderRadius:"$primary",display:"flex",flexDirection:"column",overflow:"hidden",boxShadow:"15px 15px 15px 0px rgba(0, 0, 0, 0.05)"}),uc=ns("div",{position:"relative",width:"100vw",minWidth:"300px",maxWidth:"390px",backgroundColor:"$background",variants:{height:{auto:{height:"auto",maxHeight:cc},fixed:{height:cc}}}}),mc=ns("div",{position:"relative",overflow:"hidden",flexGrow:1,display:"flex",flexDirection:"column",padding:0,overflowY:"auto"}),dc=ns("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 pe(t){let{connectHeightObserver:e,disconnectHeightObserver:o}=Fi(),{children:n,header:r,footer:s,height:a="fixed"}=t,{fetchStatus:l}=g(),[p,c]=ay(!1),u=K.use.connectedWallets(),{config:{features:f,theme:m}}=g(),{watermark:d}=re(),h=d==="FULL",{activeTheme:C}=Rn(m||{}),S=Xe("connectWalletButton",f),{isActiveTab:y,tabManagerInitiated:k,showActivateTabModal:w,setShowActivateTabModal:x,activateCurrentTab:b}=re(),A=Ye(),{manager:v}=ry(),M=ut(v).map(({swap:P})=>P).some(P=>P.status==="running"),E=i(()=>b(Vt.forceClaim,M),"onActivateTab"),L=i(()=>{r.onWallet?.()},"onConnectWallet"),G=typeof r.hasBackButton>"u"||r.hasBackButton,q=gc(null),Q=gc(null);return rs(()=>(Zn()&&Q.current&&e(Q.current),()=>{o()}),[]),rs(()=>(q.current?.addEventListener("scroll",os),()=>{q.current?.removeEventListener("scroll",os)}),[]),rs(()=>{c(l==="failed")},[l]),he.createElement(uc,{height:a,id:we.SWAP_BOX_ID,className:`${C()} ${ir()}`,ref:Q},he.createElement(sy,{prefix:he.createElement(he.Fragment,null,G&&he.createElement(ji,{onClick:()=>{A(),r.onBack&&r.onBack()}})),title:r.title,suffix:he.createElement(he.Fragment,null,r.suffix,r.onWallet&&!S&&he.createElement(Zi,{container:B(),onClick:L,isConnected:!!u?.length}),r.onCancel&&he.createElement(Yi,{onClick:r.onCancel}))}),he.createElement(mc,{ref:q},n),he.createElement(Xi,{open:w,onClose:()=>x(!1),onConfirm:E}),he.createElement(dc,null,he.createElement("div",{className:"footer__content"},k&&!y&&he.createElement("div",{className:"footer__alert"},he.createElement(Gi,{onActivateTab:E}),he.createElement(fc,{size:10})),s),he.createElement(fc,{size:12}),he.createElement("div",{className:`footer__logo ${h?"logo__show":"logo__hidden"}`},he.createElement(iy,null))),he.createElement(ts,{open:p,onClose:()=>c(!1)}))}i(pe,"Layout");import{styled as ly}from"@rango-dev/ui";var hc="$20 $20 $10 $20",Do=ly("div",{padding:hc,overflowY:"auto",flexGrow:1});import{styled as py}from"@rango-dev/ui";var me=py("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 fy}from"@rango-dev/ui";import ss from"react";import{i18n as mo}from"@lingui/core";import{Image as my,MessageBox as is,WalletState as dy}from"@rango-dev/ui";import Jt from"react";import{keyframes as cy,styled as sr}from"@rango-dev/ui";var pW=sr("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),yc=sr("div",{position:"relative"}),uy=cy({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),Sc=sr("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${uy} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Cc=sr("div",{"& img":{borderRadius:"50%"}});function Tc(t){let{state:e,image:o,error:n}=t;return e===dy.CONNECTED?Jt.createElement(is,{type:"success",title:mo.t("Wallet Connected"),description:mo.t("Your wallet is connected, you can use it to swap.")}):n?Jt.createElement(is,{type:"error",title:mo.t("Failed to Connect"),description:n||mo.t("Your wallet is not connected. Please try again.")}):Jt.createElement(is,{type:"loading",title:mo.t("Connecting to your wallet"),description:mo.t("Click connect in your wallet popup."),icon:Jt.createElement(yc,null,Jt.createElement(Cc,null,Jt.createElement(my,{src:o,size:45})),Jt.createElement(Sc,null))})}i(Tc,"ModalContent");function Fo(t){let{open:e,onClose:o,...n}=t;return ss.createElement(le,{open:e,onClose:o,container:document.getElementById(we.SWAP_BOX_ID)||document.body},ss.createElement(Tc,{...n}),ss.createElement(fy,{direction:"vertical",size:32}))}i(Fo,"WalletModal");var Sy=xc("div",{display:"flex",justifyContent:"center",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5"}),Cy=xc(me,{textAlign:"center"}),ar=3e3,as=300;function vc(){let{config:t,fetchStatus:e}=g(),[o,n]=wc(!1),[r,s]=wc(""),a=null,l=re.use.isActiveTab(),{list:p,handleClick:c,error:u,disconnectConnectingWallets:f}=po({config:t,onBeforeConnect:S=>{a=setTimeout(()=>{n(!0),s(S)},as)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},ar)}}),m=i(()=>{f(),n(!1)},"handleCloseWalletModal"),d=p.find(S=>S.type===r),h=d?.image||"",C=d?.state||yy.NOT_INSTALLED;return fo.createElement(pe,{header:{title:kc.t("Connect Wallets")}},fo.createElement(Cy,null,fo.createElement(gy,{variant:"title",size:"xmedium",align:"center"},kc.t("Choose a wallet to connect.")),fo.createElement(Sy,null,p.map((S,y)=>{let k=`wallet-${y}-${S.type}`;return fo.createElement(hy,{key:k,...S,container:B(),onClick:w=>{c(w)},isLoading:e==="loading",disabled:!l})}),fo.createElement(Fo,{open:!!o,onClose:m,image:h,state:C,error:u}))))}i(vc,"WalletsPage");import{keyframes as Ty,styled as ls}from"@rango-dev/ui";var bc=ls("div",{position:"relative"}),ky=Ty({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),Ic=ls("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${ky} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Ec=ls("div",{"& img":{borderRadius:"50%"}});var by=7;function cs(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:s}=t,{config:a}=g(),l=re.use.isActiveTab(),p=K.use.connectedWallets(),{blockchains:c}=g(),[u,f]=Oo(""),[m,d]=Oo(null),[h,C]=Oo(!1),[S,y]=Oo(null),{suggestAndConnect:k}=pr(),w=null,{list:x,error:b,handleClick:A,disconnectConnectingWallets:v}=po({config:a,chain:e,onBeforeConnect:P=>{w=setTimeout(()=>{f(P)},as)},onConnect:()=>{w&&clearTimeout(w),setTimeout(()=>{f("")},ar)}}),[T,M]=Oo(x),E=x.length,L=r&&E-r>0,G=i(async P=>{C(!1),y("in-progress");try{await k(P.walletType,P.chain),y("completed")}catch{y("rejected")}},"addExperimentalChain");Nc(()=>{M(P=>{let te=x.findIndex(ie=>o(ie.type,e));return L&&te>1?[x[te]].concat(x.filter((ie,R)=>R!==te)):P.map(ie=>x.find(R=>R.type===ie.type)??ie)})},[JSON.stringify(x)]);let q=document.getElementById(we.SWAP_BOX_ID);Nc(()=>{let P=null;return(S==="completed"||S==="rejected")&&(P=setTimeout(()=>y(null),ar)),()=>{P&&clearTimeout(P)}},[S]);let Q=i(()=>{v(),f("")},"handleCloseWalletModal");return de.createElement(de.Fragment,null,T.slice(0,r).map(P=>{let te=il({connectedWallets:p,walletType:P.type,chain:e}),ie=te?vn(te,by):"",R=wn(c(),e),oe=!p.find(ne=>ne.walletType===P.type&&ne.chain===e),I=R&&oe&&P.state===Wc.CONNECTED,W=I?ot.t({id:"Add {chain} chain",values:{chain:e}}):ie,ce=i(()=>{P.state===Wc.DISCONNECTED?A(P.type):I?(d({walletType:P.type,chain:e,address:te??""}),C(!0)):n({walletType:P.type,chain:e,address:te??""})},"onClick"),J=m?.chain?xl(m.chain,c()):void 0;return de.createElement(de.Fragment,{key:`${P.title}_${J}`},de.createElement(Fo,{open:u===P.type,onClose:Q,image:P.image,state:P.state,error:b}),!!m&&de.createElement(le,{open:!!m&&h,container:q,onClose:()=>{d(null)}},de.createElement(lr,{title:ot.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:J}}),type:"warning",description:ot.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:J}})},de.createElement(ps,{size:18}),de.createElement(ps,{size:32}),de.createElement(wy,{onClick:G.bind(null,m),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},ot.t("Confirm")))),S&&de.createElement(le,{open:!!S,onClose:y.bind(null,null),container:q},S==="in-progress"&&de.createElement(lr,{type:"loading",title:ot.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:J}}),description:ot.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:J}}),icon:de.createElement(bc,null,de.createElement(Ec,null,de.createElement(xy,{src:P.image,size:45})),de.createElement(Ic,null))}),S==="completed"&&de.createElement(lr,{type:"success",title:ot.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:J}}),description:ot.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:J}})}),S==="rejected"&&de.createElement(lr,{type:"error",title:ot.t("Request Rejected"),description:ot.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:J}})}),de.createElement(ps,{direction:"vertical",size:32})),de.createElement(vy,{key:P.type,description:W,onClick:ce,selected:o(P.type,e),disabled:!l,...P}))}),L&&de.createElement(xp,{selected:!1,onClick:s},de.createElement(Ac,{variant:"label",size:"medium"},ot.t("Show more wallets"),de.createElement(Ac,{variant:"label",size:"medium",color:"$primary"},"\xA0+",E-(r??0)))))}i(cs,"WalletList");var By=2;function Lc(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:f,customDestination:m,setCustomDestination:d}=X(),{connectedWallets:h,selectWallets:C}=K(),[S,y]=ho(""),[k,w]=ho([]),[x,b]=ho(""),[A,v]=ho(null),[T,M]=ho(!!m),E=Bn(p?.swaps||null),L=l.find(H=>H.name===p?.swaps[p?.swaps.length-1].to.blockchain),G=i(H=>!!p?.swaps.find(V=>V.from.blockchain===H),"isWalletRequiredFor"),q=i(()=>h.filter(H=>H.selected&&E.includes(H.chain)),"getInitialSelectableWallets"),[Q,P]=ho(q()),te=l.find(H=>H.name===L?.name),ie=k.length>0,R=i((H,V)=>!!Q.find(Y=>Y.walletType===H&&Y.chain===V&&Y.selected&&(G(V)||!G(V)&&!m)),"isSelected"),oe=!!m&&T&&te&&!_n(te,m),I=i(()=>{M(!1),d(null),P(H=>{let V=!1;return H.map(Y=>!V&&Y.chain===L?.name?(V=!0,{...Y,selected:!0}):Y)})},"resetCustomDestination"),W=i(H=>{if(S&&y(""),R(H.walletType,H.chain))return;let Y=h.find(Se=>Se.walletType===H.walletType&&Se.chain===H.chain);Y&&(n(),H.chain===L?.name&&T&&(M(!1),d(null)),P(Se=>Se.filter(et=>et.chain!==H.chain).concat({...Y,selected:!0})))},"onChange"),ce=i(()=>{let H=Q.filter(V=>V.selected);C(H),c(H),f(!0),o()},"onConfirmBalance"),J=i(async()=>{w([]),b(""),v(null);let H=h.filter(Se=>Q.find(et=>et.chain===Se.chain&&et.walletType===Se.walletType)),V=await r?.({selectedWallets:H,customDestination:m}),Y=V.warnings;Y?.balance?.messages&&w(Y.balance.messages),Y?.quoteUpdate&&v(Y.quoteUpdate),V.error&&b(Ql(V.error)),!V.error&&!Y?.balance?.messages.length?ce():w(Y?.balance?.messages??[])},"onConfirmWallets");My(()=>{P(H=>H.concat(h.filter(V=>!!!H.find(Se=>Se.chain===V.chain)&&V.selected&&E.includes(V.chain))))},[h.length]);let ne=document.getElementById(we.SWAP_BOX_ID),yt=Ly();return F.createElement(le,{open:e,onClose:()=>{u||yt("../",{replace:!0}),o()},dismissible:!S,container:ne,...!S&&{footer:F.createElement(Np,null,F.createElement(Mc,{loading:s,disabled:ap(s,T,m,p,Q,L),onClick:J,variant:"contained",type:"primary",fullWidth:!0,size:"large"},dt.t("Confirm")))},...S&&{styles:{container:{padding:"$0"}},header:F.createElement(vp,null,F.createElement(bp,{variant:"ghost",onClick:y.bind(null,"")},F.createElement(Ay,{size:16})),F.createElement(cr,{variant:"headline",size:"small"},dt.t({id:"Your {blockchainName} wallets",values:{blockchainName:Ve(S,l)}})))},anchor:"center"},F.createElement(le,{open:ie,onClose:w.bind(null,[]),container:ne},F.createElement(Wy,{title:dt.t("Insufficient account balance"),type:"error",description:F.createElement(Iy,{messages:k??[]})},F.createElement(Mc,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:ce},dt.t("Proceed anyway")))),S&&F.createElement(Ip,null,F.createElement("div",{className:Ep()},F.createElement(cs,{chain:S,isSelected:R,selectWallet:W,onShowMore:y.bind(null,S)}))),!S&&F.createElement(F.Fragment,null,x&&F.createElement(F.Fragment,null,F.createElement(us,{variant:"alarm",type:"error",title:dt.t(x)}),F.createElement(go,{size:12})),A&&F.createElement(F.Fragment,null,F.createElement(us,{variant:"alarm",type:"warning",title:Hn(A)}),F.createElement(go,{size:12})),F.createElement(Lp,null,E.map((H,V)=>{let Y=l.find(De=>De.name===H),Se=`wallet-${V}`,et=V===E.length-1;return F.createElement("div",{key:Se},F.createElement(kp,null,F.createElement(cr,{variant:"title",size:"xmedium"},dt.t({id:"Your {blockchainName} wallets",values:{blockchainName:Y?.shortName}})),F.createElement(cr,{variant:"label",color:"$neutral700",size:"medium"},dt.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:Y?.shortName}}))),F.createElement(go,{size:24}),F.createElement(wp,null,F.createElement(cs,{chain:H,isSelected:R,selectWallet:W,limit:By,onShowMore:()=>y(Y?.name??"")})),!et&&F.createElement(go,{size:32}),et&&a?.customDestination&&F.createElement(Ap,null,F.createElement(Kn,{onOpenChange:De=>{De?G(L?.name??"")||P(Ee=>Ee.map(Ge=>Ge.chain===L?.name?{...Ge,selected:!1}:Ge)):I()},hasSelected:!0,open:T,triggerAnchor:"top",trigger:F.createElement(Bp,null,F.createElement("div",{className:"button__content"},F.createElement(Ny,{size:18,color:"info"}),F.createElement(go,{size:4,direction:"horizontal"}),F.createElement(cr,{variant:"label",size:"medium"},dt.t("Send to a different address"))),F.createElement(Xn,{orientation:T?"up":"down"},F.createElement(Ey,{size:10,color:"gray"}))),onClickTrigger:()=>M(De=>!De)},F.createElement(go,{size:4}),F.createElement(Mp,{autoFocus:!0,placeholder:dt.t("Your destination address"),value:m||"",onChange:De=>{let Ee=De.target.value;Ee.length?d(Ee.length?Ee:null):(M(!1),d(null))}})),oe&&F.createElement("div",{className:Wp()},F.createElement(us,{variant:"alarm",type:"error",title:dt.t({values:{destination:m},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(Lc,"ConfirmWalletsModal");import{i18n as Jy}from"@lingui/core";import{Alert as Ry,Button as eS,InfoIcon as tS}from"@rango-dev/ui";import Qe from"react";import{Alert as $y,Button as Dy,Divider as fs,NoRouteIcon as Fy,RefreshIcon as Oy,Typography as Oc}from"@rango-dev/ui";import ze from"react";import{i18n as Bc}from"@lingui/core";var _y=24,Py=60;function _c(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:ee().genericServerError,action:{onClick:n,title:Bc.t("Retry")}},description:""}:e.length?{alert:{type:"warning",text:ee().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:Bc.t("Reset")}},description:ee().liquiditySourcesError.description}:t?.type===0&&t.diagnosisMessage?{alert:{type:"error",text:t.diagnosisMessage,action:null},description:""}:{alert:null,description:ee().noResultError.description}}i(_c,"makeInfo");var ms=(o=>(o[o.small=_y]="small",o[o.large=Py]="large",o))(ms||{}),ds=(o=>(o.small="small",o.large="medium",o))(ds||{});import{styled as ur}from"@rango-dev/ui";var Pc=ur("div",{display:"flex",flexDirection:"column",alignItems:"center"}),$c=ur("div",{variants:{size:{small:{},large:{maxWidth:"316px"}}}}),Dc=ur("div",{variants:{size:{small:{width:"100%"},large:{}}}}),Fc=ur("div",{padding:"$6 $0"});function Uo(t){let{fetch:e,error:o,size:n="small"}=t,r=g().getDisabledLiquiditySources(),s=g().toggleAllLiquiditySources,a=g().swappers(),l=_c(o,r,()=>s(a,!0),e);return ze.createElement(Pc,null,ze.createElement(Fy,{size:ms[n],color:"gray"}),ze.createElement(fs,{size:4}),ze.createElement(Oc,{variant:"title",size:ds[n]},ee().noResultError.title),n==="large"&&ze.createElement(fs,{size:4}),!!l.description&&ze.createElement($c,{size:n},ze.createElement(Oc,{variant:"body",size:"small",align:"center",color:"neutral700"},l.description)),ze.createElement(fs,{size:n==="large"?"24":"4"}),!!l.alert&&ze.createElement(Dc,{size:n},ze.createElement($y,{type:l.alert.type,title:l.alert.text,titleAlign:"left",action:l.alert.action&&ze.createElement(Dy,{size:"xsmall",type:l.alert.type,prefix:ze.createElement(Fc,null,ze.createElement(Oy,{size:8})),onClick:l.alert.action.onClick},l.alert.action.title),variant:"alarm"})))}i(Uo,"NoResult");import{i18n as qo}from"@lingui/core";import{Button as qy,Divider as zy,MessageBox as Qy,Typography as Hy,WarningIcon as Gy}from"@rango-dev/ui";import wt from"react";import{Typography as Qc}from"@rango-dev/ui";import hs from"react";import{darkTheme as Uy,styled as mr}from"@rango-dev/ui";var Uc=mr("div",{width:"100%"}),gs=mr("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:"$5",width:"100%"}),qc=mr("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${Uy} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),zc=mr("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function Hc(t){let{title:e,value:o,valueColor:n}=t;return hs.createElement(qc,null,hs.createElement(Qc,{size:"medium",variant:"label",className:"_title"},e),hs.createElement(Qc,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(Hc,"QuoteErrorsModalItem");function Gc(t){let{open:e,onClose:o,onConfirm:n,warning:r,confirmationDisabled:s}=t,a=r.warningLevel==="high"?"error":"warning",l=[{title:qo.t("Swapping"),value:N(r.inputUsdValue,4,4)},{title:qo.t("Gas cost"),value:N(r.totalFee,2,2)},{title:qo.t("Receiving"),value:N(r.outputUsdValue,4,4)},{title:qo.t("Price impact"),value:N(r.priceImpact,2,2),valueColor:`${a}500`}];return wt.createElement(le,{footer:wt.createElement(qy,{type:"primary",size:"large",prefix:wt.createElement(Gy,null),fullWidth:!0,disabled:s,onClick:n},ee().highValueLossError.confirmMessage),open:e,onClose:o,container:B()},wt.createElement(Qy,{type:a,title:ee().highValueLossError.impactTitle,description:ee().highValueLossError.description}),wt.createElement(gs,null,wt.createElement(zy,{size:"4"}),wt.createElement(Hy,{size:"small",variant:"title"},qo.t("Details")),wt.createElement(gs,null,l.map((p,c)=>wt.createElement(Hc,{key:c,...p})))))}i(Gc,"HighValueLossWarningModal");import{i18n as ys}from"@lingui/core";function Vc(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=ys.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&&(Tt(t.priceImpact)==="high"&&(o.alertType="error"),o.action="show-info",o.title=ee().highValueLossError.title),t.type===1&&(o.title=ee().unknownPriceError.title),t.type===2&&(o.title=ys.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=ys.t("Caution, your slippage is high."),o.action="change-settings"),o):null}i(Vc,"makeAlerts");import{i18n as yo}from"@lingui/core";import{Button as Xc,Divider as jc,MessageBox as Vy,Typography as Xy}from"@rango-dev/ui";import Rt from"react";import{useNavigate as jy}from"react-router-dom";function Kc(t){let{customSlippage:e,slippage:o}=g(),{open:n,onClose:r,onConfirm:s,warning:a,confirmationDisabled:l}=t,p=jy(),c=e??o;return Rt.createElement(le,{anchor:"bottom",open:n,prefix:Rt.createElement(Xc,{size:"small",variant:"ghost",onClick:()=>p("../"+O.settings)},Rt.createElement(Xy,{variant:"label",size:"medium",color:"$neutral900"},yo.t("Change settings"))),container:B(),onClose:r},Rt.createElement(Vy,{type:"warning",title:a.type===3?yo.t("High slippage"):yo.t("Low slippage"),description:a.type===3?yo.t({id:" Caution, your slippage is high (={userSlippage}). Your trade may be front run.",values:{userSlippage:c}}):yo.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:a.minRequiredSlippage}})},Rt.createElement(jc,{size:18}),Rt.createElement(jc,{size:32}),Rt.createElement(Xc,{size:"large",type:"primary",variant:"contained",fullWidth:!0,disabled:l,onClick:s},yo.t("Confirm anyway"))))}i(Kc,"SlippageWarningModal");import{Button as Ky,MessageBox as Yy,WarningIcon as Zy}from"@rango-dev/ui";import dr from"react";function Yc(t){let{open:e,onClose:o,onConfirm:n,confirmationDisabled:r}=t;return dr.createElement(le,{footer:dr.createElement(Ky,{type:"primary",size:"large",prefix:dr.createElement(Zy,null),fullWidth:!0,disabled:r,onClick:n},ee().unknownPriceError.confirmMessage),open:e,onClose:o,container:B()},dr.createElement(Yy,{type:"warning",title:ee().unknownPriceError.impactTitle,description:ee().unknownPriceError.description}))}i(Yc,"UnknownPriceWarningModal");function zo(t){let{warning:e,error:o,couldChangeSettings:n,showWarningModal:r,confirmationDisabled:s,refetchQuote:a,onOpenWarningModal:l,onCloseWarningModal:p,onConfirmWarningModal:c,onChangeSettings:u}=t,f={confirmationDisabled:s,open:r,onClose:p,onConfirm:c},m=o?.type===0||o?.type===1,d=Vc(e,o?.type===3||o?.type===4?o:null);return d&&!n&&(d.action=null),Qe.createElement(Qe.Fragment,null,m&&Qe.createElement(Uo,{error:o,fetch:a}),!!d&&Qe.createElement(Uc,null,Qe.createElement(Ry,{title:d.title,type:d.alertType,variant:"alarm",...d.action==="show-info"&&{action:Qe.createElement(zc,{onClick:l},Qe.createElement(tS,{size:12,color:"gray"}))},...d.action==="change-settings"&&{action:Qe.createElement(eS,{size:"xxsmall",type:d.alertType,onClick:u},Jy.t("Change"))}})),e&&Qe.createElement(Qe.Fragment,null,e.type===0&&Qe.createElement(Gc,{...f,warning:e}),(e.type===3||e.type===2)&&Qe.createElement(Kc,{...f,warning:e}),e.type===1&&Qe.createElement(Yc,{...f,warning:e})))}i(zo,"QuoteWarningsAndErrors");import LS from"bignumber.js";import Er from"react";import{i18n as Xo}from"@lingui/core";import{Alert as CS,Divider as Co,FullExpandedQuote as TS,InfoIcon as kS,QuoteTag as wS,StepDetails as xS,TokenAmount as vS,Tooltip as Wu,Typography as To}from"@rango-dev/ui";import bs from"bignumber.js";import _,{useRef as bS,useState as IS}from"react";import{styled as Ss}from"@rango-dev/ui";var Cs=Ss("div",{width:"100%","& .position-top__skeleton":{paddingTop:"$10"}}),Zc=Ss("div",{paddingBottom:"$15",variants:{dense:{true:{paddingBottom:0}}}}),Jc=Ss("div",{width:"100%",display:"flex"});import*as fr from"@radix-ui/react-collapsible";import{Button as oS,css as Qo,darkTheme as Ce,Image as Rc,styled as _e,Typography as nS}from"@rango-dev/ui";var rS=300,eu=_e(fr.Root,{display:"flex",flexDirection:"column",alignItems:"start",overflowX:"auto",overflowY:"hidden",width:"100%",borderRadius:"$xm",variants:{selected:{true:{},false:{$$color:"$colors$neutral400",[`.${Ce} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}},listItem:{true:{$$color:"$colors$neutral400",[`.${Ce} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"},false:{}}},compoundVariants:[{listItem:!1,selected:!0,css:{$$color:"$colors$info300",[`.${Ce} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"}}]}),tu=Qo({padding:"$10 $15"}),ou=_e(oS,{backgroundColor:"transparent",border:"1px solid $secondary600",[`.${Ce} &`]:{border:"1px solid $secondary"},transition:"background-color 0.3s ease","&:hover":{backgroundColor:"$secondary600",[`.${Ce} &`]:{backgroundColor:"$secondary"},".allRoutesLabel":{$$color:"$colors$background",[`.${Ce} &`]:{$$color:"$colors$foreground"},color:"$$color",transition:"color 0.3s ease"}}}),nu=_e("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",[`.${Ce} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color"}},basic:{true:{borderTopRightRadius:"0",borderTopLeftRadius:"0"}},listItem:{true:{$$color:"$colors$neutral200",[`.${Ce} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color","&:hover":{"& .quote_container":{"& button":{backgroundColor:"$neutral500",[`.${Ce} &`]:{backgroundColor:"$neutral200"}},backgroundColor:"$neutral500",[`.${Ce} &`]:{backgroundColor:"$neutral200"}},backgroundColor:"$neutral300",[`.${Ce} &`]:{backgroundColor:"$neutral400"}},cursor:"pointer"},false:{}}},compoundVariants:[{listItem:!0,selected:!0,css:{outline:"1px solid $secondary"}},{listItem:!1,selected:!0,css:{$$color:"$colors$info100",[`.${Ce} &`]:{$$color:"$colors$secondary600"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}}},{listItem:!0,selected:!1,css:{cursor:"pointer","&:hover":{backgroundColor:"$neutral300",[`.${Ce} &`]:{backgroundColor:"$neutral400"}}}}]}),ru=Qo({width:"100%",padding:"$15 $15 $10 $15"}),iu=Qo({display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",paddingBottom:"$10",position:"relative"}),So=Qo({display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",".blockchainImage":{marginLeft:"-$8"}}),su=Qo({display:"flex",alignItems:"center",".usd-value":{$$color:"$colors$neutral600",[`.${Ce} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),au=_e(fr.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:{[`& ${Rc}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${Rc}`]:{border:"1px transparent solid",borderRadius:"100%"}}},selected:{true:{},false:{$$color:"$colors$neutral400",[`.${Ce} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}},listItem:{true:{$$color:"$colors$neutral400",[`.${Ce} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"},false:{}}},compoundVariants:[{listItem:!1,selected:!0,css:{$$color:"$colors$info300",[`.${Ce} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"}}],".blockchains_section":{display:"none"},"@xs":{".blockchains_section":{display:"block"}}}),lu=_e("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"}}}}),pu=_e(Vn,{width:"100%",background:"inherit"}),Ts=_e("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${rS}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),XM=_e("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),cu=_e("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${Ce} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),uu=_e("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"}),ks=_e(nS,{overflow:"hidden",textOverflow:"ellipsis",letterSpacing:.4}),mu=_e("div",{display:"flex",flexWrap:"wrap"}),ws=_e("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"}}}}),du=_e("div",{display:"flex"}),gr=_e("div",{width:"100%",borderTopWidth:"1px",borderTopStyle:"solid",borderTopColor:"$neutral",margin:"$5 0",[`.${Ce} &`]:{borderTopColor:"$neutral800"}});import{i18n as Ut}from"@lingui/core";import{ChevronDownIcon as sS,CloseIcon as aS,Divider as Sr,IconButton as lS,QuoteCost as pS,Tooltip as cS,Typography as nt}from"@rango-dev/ui";import j,{useState as yu}from"react";import{css as iS,styled as hr}from"@rango-dev/ui";var yr=hr("div",{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"$5 0","&.total_payable_fee":{padding:"$12 0"}}),xs=hr("div",{width:"100%",borderTop:"1px solid $neutral300",margin:"$10 0"}),fu=hr("div",{padding:"$20 0",display:"flex",flexDirection:"column","& .collapsible_trigger":{display:"flex",alignItems:"center"}}),gu=hr("div",{padding:"$20 $20 $10",textAlign:"center",position:"relative","._icon-button":{position:"absolute",zIndex:10,top:"$16",right:"$16"}}),hu=iS({display:"flex",flexDirection:"row",alignItems:"center",padding:"$5","&:hover":{"& ._typography, & svg":{color:"$secondary"}}});var uS=i(t=>t.fee.isZero()?null:j.createElement(yr,null,j.createElement(nt,{variant:"label",size:"medium",color:"neutral600"},t.label),j.createElement(nt,{variant:"label",size:"medium"},"$",N(t.fee,4,4))),"NonPayableFee");function Su(t){let[e,o]=yu(!1),[n,r]=yu(!1),{steps:s,quote:a,fee:l,time:p,feeWarning:c,showModalFee:u}=t,f=a?.swaps??[],m=B(),d=Kl(f);return j.createElement(j.Fragment,null,j.createElement(pS,{onClickFee:u?h=>{h.stopPropagation(),o(!e)}:void 0,fee:l,feeWarning:c,time:p,steps:s,tooltipGas:u?Ut.t("View more info"):void 0,tooltipContainer:m}),j.createElement(le,{container:m,open:e,header:j.createElement(gu,null,j.createElement(nt,{variant:"title",size:"medium"},Ut.t("Gas & Fee Explanation")),j.createElement(lS,{onClick:()=>o(!1),variant:"ghost"},j.createElement(aS,{color:"gray",size:14}))),onClose:()=>{o(!1)}},j.createElement(fu,null,j.createElement(nt,{variant:"title",size:"small"},Ut.t("Details")),j.createElement(Sr,{size:10}),Object.entries(d.payable).flatMap(([h,C])=>C.map((S,y)=>{let k=`payable-fee-${y}`,w=Ai(S);return j.createElement(yr,{key:k},j.createElement(nt,{variant:"label",size:"medium",color:"neutral600"},vi[h]),j.createElement(cS,{content:ue(S.amount),container:m},j.createElement(nt,{variant:"label",size:"medium"},N(S.amount,2,2)," ",S.asset.symbol," ($",N(w,4,4),")")))})),j.createElement(yr,{className:"total_payable_fee"},j.createElement(nt,{variant:"label",size:"medium"},Ut.t("Total Payable Fee")),j.createElement(nt,{variant:"label",size:"medium"},"$",N(l,4,4))),j.createElement(xs,null),Object.keys(d.nonePayable).length&&j.createElement(Kn,{triggerAnchor:"bottom",onClickTrigger:()=>r(h=>!h),trigger:j.createElement("div",{className:hu()},j.createElement(nt,{size:"small",variant:"body",color:"neutral700"},n?Ut.t("Hide non-payable fees"):Ut.t("Show non-payable fees")),j.createElement(Sr,{size:4,direction:"horizontal"}),j.createElement(Xn,{orientation:n?"up":"down"},j.createElement(sS,{size:12,color:"gray"}))),open:n},j.createElement(nt,{size:"small",variant:"title"},Ut.t("Description")),j.createElement(Sr,{size:4}),j.createElement(nt,{size:"small",variant:"body",color:"neutral700"},Ut.t(`The following fees are considered in the transaction output and
|
|
2
|
-
you won\u2019t need to pay extra gas for them.`)),j.createElement(Sr,{size:10}),Object.entries(d.nonePayable).map(([h,C],S)=>{let y=jl(C),k=vi[h],w=`non-payable-fee-${S}`;return j.createElement(uS,{key:w,fee:y,label:k})}),j.createElement(xs,null)))))}i(Su,"QuoteCostDetails");import{i18n as ku}from"@lingui/core";import{TokenAmount as wu}from"@rango-dev/ui";import Cr from"react";import{css as mS,styled as dS}from"@rango-dev/ui";var Cu=dS("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%"}),Tu=mS({height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"});function Ho(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return Cr.createElement(Cu,null,Cr.createElement(wu,{direction:"horizontal",label:ku.t("Swap input"),type:"input",tooltipContainer:B(),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}}),Cr.createElement("div",{className:Tu()}),Cr.createElement(wu,{direction:"horizontal",tooltipContainer:B(),label:ku.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(Ho,"QuoteSummary");import{i18n as Eu}from"@lingui/core";import{ChevronDownIcon as hS,ChevronRightIcon as yS,Divider as vs,Image as SS,Tooltip as vr,Typography as kr}from"@rango-dev/ui";import $ from"react";import{useLayoutEffect as fS,useState as Go}from"react";var xu=480,vu=768,bu=1024,Iu=1200,gS=i(()=>{let[t,e]=Go(!1),[o,n]=Go(!1),[r,s]=Go(!1),[a,l]=Go(!1),[p,c]=Go(!1),u=i(()=>{e(window.innerWidth<=xu),n(window.innerWidth>xu&&window.innerWidth<=vu),s(window.innerWidth>vu&&window.innerWidth<=bu),l(window.innerWidth>bu&&window.innerWidth<=Iu),c(window.innerWidth>Iu)},"handleResize");return fS(()=>(u(),window.addEventListener("resize",u),()=>window.removeEventListener("resize",u)),[]),{isMobile:t,isTablet:o,isNotebook:r,isLargeScreen:a,isExtraLargeScreen:p}},"useScreenDetect"),Tr=gS;var wr=4,xr=6,Vo=i(t=>{let{content:e,src:o,className:n,open:r,state:s,container:a}=t,l=a||B();return $.createElement(vr,{container:l,side:"bottom",sideOffset:4,open:r,content:e},$.createElement(lu,{className:n,state:s},$.createElement(SS,{src:o,size:16})))},"ImageComponent");function Au(t){let{quoteRef:e,selected:o,setExpanded:n,steps:r,expanded:s,type:a,container:l}=t,p=l||B(),c=r.length,u=dp(r),{isTablet:f,isMobile:m}=Tr();return $.createElement(au,{listItem:a==="list-item",ref:d=>e.current=d,selected:o,onClick:d=>{d.stopPropagation(),n(h=>!h)}},$.createElement("div",{className:So()},$.createElement(kr,{variant:"body",size:"xsmall"},Eu.t("Via:")),$.createElement(vs,{direction:"horizontal",size:4}),r.map((d,h)=>{let C=`item-${h}`,S=$.createElement(Ts,null,$.createElement(yS,{size:12,color:"black"}));return m||f?$.createElement($.Fragment,{key:C},$.createElement(Vo,{content:d.swapper.displayName,src:d.swapper.image,state:d.state,container:l}),h!==c-1&&$.createElement($.Fragment,null,S)):$.createElement($.Fragment,{key:C},c<=wr||c>wr&&h<wr-1?$.createElement($.Fragment,null,$.createElement(Vo,{content:d.swapper.displayName,src:d.swapper.image,state:d.state,container:l}),h!==c-1&&$.createElement($.Fragment,null,S)):h===wr-1&&$.createElement(vr,{container:p,side:"bottom",align:"end",sideOffset:4,content:$.createElement("div",{className:So()},S,r.map((y,k)=>{let w=`image-${k}`;return k>=h&&$.createElement($.Fragment,{key:w},$.createElement(Vo,{content:y.swapper.displayName,src:y.swapper.image,state:y.state,open:!1}),k!==c-1&&$.createElement($.Fragment,null,S))}))},$.createElement(ws,{state:r.find((y,k)=>k>=h&&(y.state==="error"||y.state==="warning"))?.state},$.createElement(kr,{size:"xsmall",variant:"body"},"+",c-h))))})),$.createElement("div",{className:So()},$.createElement("div",{className:"blockchains_section"},$.createElement("div",{className:So()},$.createElement(kr,{variant:"body",size:"xsmall"},Eu.t("Chains:")),$.createElement(vs,{direction:"horizontal",size:4}),u.map((d,h)=>$.createElement($.Fragment,{key:d.displayName},u.length<=xr||u.length>xr&&h<xr-1?$.createElement(vr,{container:p,side:"bottom",content:d.displayName,sideOffset:4},$.createElement(Vo,{content:"",src:d.image,open:!1,className:h!==0?"blockchainImage":""})):h===xr-1&&$.createElement(vr,{container:p,side:"bottom",align:"end",sideOffset:4,content:$.createElement("div",{className:So()},u.map((C,S)=>S>=h&&$.createElement(Vo,{key:C.displayName,content:"",src:C.image,open:!1,className:S>h?"blockchainImage":"",container:l})))},$.createElement(ws,{className:"blockchainImage"},$.createElement(kr,{size:"xsmall",variant:"body"},"+",u.length-h))))),$.createElement(vs,{direction:"horizontal",size:32}))),$.createElement(Ts,{orientation:s?"up":"down"},$.createElement(hS,{size:12,color:"black"}))))}i(Au,"QuoteTrigger");function Is(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:f=!1,container:m}=t,d=g().blockchains(),h=g().tokens(),C=g().swappers(),[S,y]=IS(t.expanded),k=bS(null),w=N(o.value,6,6),x=N(n.value,6,6),b=n.usdValue?N(n.usdValue,4,4):"",A=je(o.usdValue,n.usdValue??null),v=N(A,2,2),T=Tt(A??0),M=i((oe,I)=>oe.map((W,ce)=>{let J,ne=r?.type===3&&r.swap.swapperId===W.swapperId,yt=r?.type===4&&r.recommendedSlippages?.has(ce),H=s?.type===2&&s.recommendedSlippages?.has(ce),V=ne||yt,Y=H;V?J="error":Y&&(J="warning");let Se=V?Xo.t("Slippage Error"):Xo.t("Slippage Warning");return ne&&(Se=r?.recommendation),{swapper:{displayName:No(W.swapperId,C),image:W.swapperLogo},from:{token:{displayName:W.from.symbol,image:W.from.logo},chain:{displayName:Ve(W.from.blockchain,d),image:W.from.blockchainLogo},price:{value:ce===0&&!I?N(o.value,6,6):N(W.fromAmount,6,6),usdValue:N((W.from.usdPrice??0)*parseFloat(W.fromAmount),4,4),realValue:ue(ce===0?o.value:W.fromAmount),realUsdValue:ue(new bs(W.from.usdPrice??0).multipliedBy(W.fromAmount))}},to:{token:{displayName:W.to.symbol,image:W.to.logo},chain:{displayName:Ve(W.to.blockchain,d),image:W.to.blockchainLogo},price:{value:N(W.toAmount,6,6),usdValue:N((W.to.usdPrice??0)*parseFloat(W.toAmount),4,4),realValue:ue(W.toAmount),realUsdValue:ue(new bs(W.to.usdPrice??0).multipliedBy(W.toAmount))}},state:J,alerts:V||Y?_.createElement(Zc,{dense:f},_.createElement(CS,{variant:"alarm",type:V?"error":"warning",title:Se,footer:f?null:_.createElement(Jc,null,ne&&_.createElement(_.Fragment,null,_.createElement(To,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),_.createElement(Co,{direction:"horizontal",size:8}),_.createElement(To,{size:"xsmall",variant:"body",color:"neutral900"},"|"),_.createElement(Co,{direction:"horizontal",size:8}),_.createElement(To,{size:"xsmall",variant:"body",color:"neutral900"},Xo.t({id:"Yours: {amount} {symbol}",values:{amount:N(W.fromAmount,6,6),symbol:W?.from.symbol}}))),(yt||H)&&!ne&&_.createElement(To,{size:"xsmall",variant:"body",color:"neutral900"},Xo.t({id:"Minimum required slippage is {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get(ce)},...s?.type===2&&{minRequiredSlippage:s.recommendedSlippages?.get(ce)}}})))})):void 0,time:Io(W.estimatedTimeInSeconds),fee:N(Ei(W,h),2,2),internalSwaps:W.internalSwaps?M(W.internalSwaps):void 0}}),"getQuoteSteps"),E=M(e?.swaps??[]),L=E.length,G=m||B(),q=gp(t.quote.tags||[]),Q=!!u,P=Io(yn(e?.swaps)),te=Dn(e?.swaps??[],h),ie=N(te,2,2),R=te.gte(new bs(zl));return f?_.createElement(TS,{selected:l,fee:ie,time:P,tooltipContainer:Wo(),steps:E,tags:q,feeWarning:R,percentageChange:v,warningLevel:T,outputPrice:{value:x,usdValue:b,realValue:ue(n.value),realUsdValue:ue(n.usdValue)}}):_.createElement(nu,{selected:l,listItem:a==="list-item",basic:a==="basic"},_.createElement("div",{className:ru()},!p&&q.length?_.createElement(_.Fragment,null,_.createElement(du,null,q.map((oe,I)=>{let W=`${oe.value}_${I}`;return _.createElement(_.Fragment,{key:W},_.createElement(wS,{label:oe.label,value:oe.value}),_.createElement(Co,{size:4,direction:"horizontal"}))})),_.createElement(gr,null),!Q&&_.createElement(Co,{size:4})):null,_.createElement("div",{id:"portal-root",className:iu()},_.createElement(Su,{quote:e,time:P,fee:ie,feeWarning:R,showModalFee:c,steps:L}),Q&&_.createElement(ou,{onClick:oe=>{oe.stopPropagation(),u()},size:"xxsmall",type:"secondary",variant:"default",css:{paddingLeft:"$10",paddingRight:"$10",paddingTop:"$5",paddingBottom:"$5"}},_.createElement(To,{color:"secondary",variant:"body",size:"xsmall",className:"allRoutesLabel"},Xo.t("See All Routes")))),a==="basic"&&_.createElement("div",{className:su()},_.createElement(uu,null,_.createElement(kS,{size:12,color:"gray"})),_.createElement(mu,null,_.createElement(ks,{size:"small",variant:"body"},`${w} ${E[0].from.token.displayName} = `),_.createElement(Wu,{content:ue(n.value),container:G,open:n.value?void 0:!1},_.createElement(ks,{size:"small",variant:"body"},"\xA0",`${x} ${E[E.length-1].to.token.displayName}`))),_.createElement(Wu,{content:ue(n.usdValue),container:G},_.createElement(Co,{size:2,direction:"horizontal"}),_.createElement(To,{color:"$neutral600",size:"xsmall",variant:"body"},`($${b})`))),a==="list-item"&&_.createElement(vS,{tooltipContainer:G,type:"output",direction:"vertical",price:{value:x,usdValue:b,realValue:ue(n.value),realUsdValue:ue(n.usdValue)},token:{displayName:E[L-1].to.token.displayName,image:E[L-1].to.token.image},chain:{image:E[L-1].to.chain.image},percentageChange:v,warningLevel:T}),a==="swap-preview"&&_.createElement(_.Fragment,null,_.createElement(Ho,{from:E[0].from,to:E[L-1].to,percentageChange:v,warningLevel:T}),_.createElement(Co,{size:4}))),_.createElement(eu,{selected:l,listItem:a==="list-item",open:S,className:"quote_container",onOpenChange:y},_.createElement(Au,{type:a,quoteRef:k,selected:l,setExpanded:y,container:G,expanded:S,steps:E}),_.createElement(pu,{open:S},_.createElement(cu,null),_.createElement("div",{className:tu()},E.map((oe,I)=>{let W=`item-${I}`;return _.createElement(xS,{type:"quote-details",key:W,tooltipContainer:G,step:oe,hasSeparator:I!==E.length-1,state:oe.state})})))))}i(Is,"Quote");import{Divider as NS,Skeleton as MS}from"@rango-dev/ui";import vt from"react";import{darkTheme as ES,styled as br}from"@rango-dev/ui";var Nu=br("div",{$$color:"$colors$neutral100",[`.${ES} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15",variants:{rounded:{true:{borderRadius:"$xm"}},expanded:{true:{paddingBottom:"3px"},false:{paddingBottom:"$12"}}}}),Mu=br("div",{paddingTop:"$2"}),Lu=br("div",{paddingLeft:"$8"}),Bu=br("div",{borderLeft:"1px dashed $foreground",minHeight:" 0",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});import{ChainToken as Qu,Divider as rt,Skeleton as He}from"@rango-dev/ui";import U from"react";import{css as AS,styled as xt}from"@rango-dev/ui";var Es=xt("div",{display:"flex"}),_u=xt("div",{padding:"$10 $0 $20"}),Pu=xt("div",{padding:"14px $0 $20 $0",display:"flex",flexDirection:"column"}),$u=xt("div",{display:"flex",justifyContent:"start",alignItems:"center"}),Du=xt("div",{display:"flex",justifyContent:"space-between",alignItems:"end"}),Fu=xt("div",{height:"$24",marginLeft:"13px",borderLeft:"1px solid $neutral700"}),Ou=xt("div",{width:"65%",display:"flex",justifyContent:"start"}),Uu=xt("div",{display:"flex",flexDirection:"column",alignItems:"start",flexGrow:1,maxWidth:"148px"}),qu=xt("div",{padding:"$15 $0 $15 $0"}),zu=AS({display:"flex",justifyContent:"space-between",alignItems:"center"});function jo(t){let{type:e,tagHidden:o=!0}=t,n=U.createElement(Du,null,U.createElement(Ou,null,U.createElement(Qu,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),U.createElement(rt,{size:8,direction:"horizontal"}),U.createElement(Uu,null,U.createElement(He,{height:10,width:60,variant:"rounded"}),U.createElement(rt,{size:4}),U.createElement(He,{height:15,variant:"rounded"}))),U.createElement(He,{height:12,width:64,variant:"rounded"})),r=e==="basic"&&!o;return U.createElement("div",null,!o&&U.createElement(U.Fragment,null,U.createElement(Es,null,U.createElement(He,{width:65,height:20,variant:"rounded"}),U.createElement(rt,{size:4,direction:"horizontal"}),U.createElement(He,{width:65,height:20,variant:"rounded"}),U.createElement(rt,{size:4,direction:"horizontal"}),U.createElement(He,{width:65,height:20,variant:"rounded"})),U.createElement(gr,null),!r&&U.createElement(rt,{size:4})),U.createElement("div",{className:zu()},U.createElement(Es,null,U.createElement(He,{width:60,height:10,variant:"rounded"}),U.createElement(rt,{size:4,direction:"horizontal"}),U.createElement(He,{width:60,height:10,variant:"rounded"}),U.createElement(rt,{size:4,direction:"horizontal"}),U.createElement(He,{width:60,height:10,variant:"rounded"})),r&&U.createElement(He,{width:85,height:24,variant:"rounded"})),e==="basic"&&U.createElement(_u,null,U.createElement(He,{height:15,width:148,variant:"rounded"})),e==="list-item"&&U.createElement(Pu,null,U.createElement($u,null,U.createElement(Qu,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),U.createElement(rt,{direction:"horizontal",size:4}),U.createElement(He,{height:15,width:150,variant:"rounded"})),U.createElement(rt,{size:10}),U.createElement(He,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&U.createElement(U.Fragment,null,U.createElement(rt,{size:4}),U.createElement(qu,null,n,U.createElement(Fu,null),n),U.createElement(rt,{size:12})))}i(jo,"QuoteSummarySkeleton");import{ChainToken as ju,Divider as Ws,NextIcon as WS,Skeleton as Ir}from"@rango-dev/ui";import Te from"react";import{styled as Ko}from"@rango-dev/ui";var Hu=Ko("div",{display:"flex",alignItems:"start"}),Gu=Ko("div",{flexGrow:1,paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center",variants:{extraSpace:{true:{paddingBottom:"$40"}}}}),As=Ko("div",{display:"flex",alignItems:"center",flexGrow:1}),Vu=Ko("div",{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}),Xu=Ko("div",{display:"flex",alignItems:"center"});function ft(t){let{separator:e=!0}=t;return Te.createElement(Te.Fragment,null,Te.createElement(Xu,null,Te.createElement(Ir,{height:22,width:22,variant:"circular"}),Te.createElement(Ws,{direction:"horizontal",size:8}),Te.createElement(Ir,{height:15,width:148,variant:"rounded"})),Te.createElement(Hu,null,Te.createElement(Bu,{hideSeparator:!e}),Te.createElement(Gu,{extraSpace:e},Te.createElement(As,null,Te.createElement(ju,{size:"small",loading:!0,chainImage:"",tokenImage:""}),Te.createElement(Ws,{direction:"horizontal",size:8}),Te.createElement(Ir,{height:12,variant:"rounded"})),Te.createElement(Vu,null,Te.createElement(WS,{color:"gray",size:16})),Te.createElement(As,null,Te.createElement(ju,{size:"small",loading:!0,chainImage:"",tokenImage:""}),Te.createElement(Ws,{direction:"horizontal",size:8}),Te.createElement(Ir,{height:12,variant:"rounded"})))))}i(ft,"StepSkeleton");function Yo(t){let{type:e,expanded:o,tagHidden:n=!1}=t;return vt.createElement(Nu,{expanded:o,rounded:e!=="basic"},vt.createElement(jo,{type:e,tagHidden:n}),vt.createElement(Mu,null,vt.createElement(MS,{height:15,variant:"rounded"})),o&&vt.createElement(Lu,null,vt.createElement(NS,{size:24}),vt.createElement(ft,null),vt.createElement(ft,null),vt.createElement(ft,{separator:!1})))}i(Yo,"QuoteSkeleton");function eo(t){let{quote:e,type:o,loading:n,error:r,warning:s,expanded:a=!1,tagHidden:l,onClick:p,showModalFee:c,selected:u,onClickAllRoutes:f,fullExpandedMode:m=!1,container:d}=t,{inputAmount:h,inputUsdValue:C,toToken:S}=X(),y=e?.outputAmount?new LS(e?.outputAmount):null,k=e?.outputAmount?On(e?.outputAmount,Un(e)||S?.usdPrice):null,x=!(r&&(r.type===0||r.type===1))&&e&&!n;return n?Er.createElement(Cs,null,Er.createElement(Yo,{tagHidden:l,type:o,expanded:a})):x?Er.createElement(Cs,{onClick:()=>p?.(e)},Er.createElement(Is,{quote:e,error:r,container:d,showModalFee:c,warning:s,tagHidden:l,selected:u,type:o,expanded:a,onClickAllRoutes:f,fullExpandedMode:m,input:{value:h,usdValue:C?.toString()??""},output:{value:y?.toString()??"",usdValue:k?.toString()??""}})):null}i(eo,"QuoteInfo");import{calculatePendingSwap as $S}from"@rango-dev/queue-manager-rango-preset";import{useEffect as DS}from"react";import{useRef as BS,useState as _S}from"react";var PS=2e3;function Ar({request:t}){let[e,o]=_S(!1),n=BS(null),r=i(()=>n.current?.abort(),"cancelFetch"),s=i(async l=>(await new Promise(p=>setTimeout(p,PS)),await a(l,!1)),"retryFetch"),a=i(async(l,p=!1)=>{r(),n.current=new AbortController,o(!0);try{let c=await t(l,{signal:n.current.signal});return n.current=null,c}catch(c){if(p)return await s(l);throw c}finally{o(!1)}},"fetch");return{fetch:a,loading:e,cancelFetch:r}}i(Ar,"useFetch");function Ku(){let{fetch:t,loading:e,cancelFetch:o}=Ar({request:async(n,r)=>await Lt().confirmRouteRequest(n,r)});return{fetch:t,loading:e,cancelFetch:o}}i(Ku,"useFetchConfirmQuote");function Wr(t){if(!t.swaps)throw new Error(ee().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});let e=Ns(t.swaps);if(e)throw new Error(e.message,{cause:e.options})}i(Wr,"throwErrorIfResponseIsNotValid");function Ns(t){if(Gl(t)){let{swap:n,recommendation:r,fromAmountRangeError:s}=Vl(t);return{message:"bridge limit error",options:{type:3,swap:n,recommendation:r,fromAmountRangeError:s}}}let o=Yl(t);if(o){let n=Fn(t);return{message:"",options:{type:4,recommendedSlippages:o,minRequiredSlippage:n}}}return null}i(Ns,"getQuoteError");function Yu(t,e,o){let n=!1;t&&(n=up(t,e));let r={quote:null,quoteUpdate:null,balance:null},s=io(e,{fromToken:o.fromToken,toToken:o.toToken,tokens:o.meta.tokens,userSlippage:o.userSlippage});s&&(r.quote=s),t&&n&&(op(t,e)?r.quoteUpdate={type:3,newOutputAmount:N(ro(e)),percentageChange:N(je(ro(t)??"",ro(e)??""),null,2)}:Wi(t,e)?r.quoteUpdate={type:0}:Ni(t,e)?r.quoteUpdate={type:1}:Mi(t,e)&&(r.quoteUpdate={type:2}));let a=np(e,o.selectedWallets,o.meta.blockchains);return a.length===0||(r.balance={messages:a}),r}i(Yu,"generateWarnings");function Nr(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(Nr,"handleQuoteErrors");function Ms(){let{fromToken:t,toToken:e,inputAmount:o,setSelectedQuote:n,selectedQuote:r,customDestination:s,setQuoteWarningsConfirmed:a,resetAlerts:l}=X(),{slippage:p,customSlippage:c}=g(),u=g().getDisabledLiquiditySources(),f=g().blockchains(),m=g().tokens(),d=c||p,{fetch:h,cancelFetch:C,loading:S}=Ku();return DS(()=>C,[]),{loading:S,fetch:i(async k=>{let w=k.selectedWallets,x=k?.customDestination??s;if(!t||!e||!o)return{quote:null,swap:null,error:null,warnings:null};let b=w.reduce((v,T)=>(v[T.chain]=T.address,v),{}),A={requestId:r?.requestId||"",selectedWallets:b,destination:x||void 0};try{return await h(A,!0).then(v=>{let{result:T}=v;Wr({diagnosisMessages:T.diagnosisMessages,requestId:T.requestId,swaps:T.result?.swaps});let M={outputAmount:T.result?.outputAmount,requestId:T.requestId,resultType:T.result?.resultType,swaps:T.result?.swaps||[],validationStatus:T.validationStatus,requestAmount:T.requestAmount};n(M);let E={slippage:d.toString(),disabledSwappersGroups:u},L=Yu(r??void 0,M,{fromToken:t,toToken:e,meta:{blockchains:f,tokens:m},selectedWallets:w,userSlippage:d});L.quoteUpdate&&a(!1),l();let G=!!L.balance,q=$S(o.toString(),T,ep(w),E,!G,{blockchains:f,tokens:m});return{quote:M,swap:q,error:null,warnings:L}})}catch(v){return Nr(v)}},"fetch"),cancelFetch:C}}i(Ms,"useConfirmSwap");var jS=US("div",{width:"100%",display:"flex",justifyContent:"space-between",[`& ${Ju}`]:{width:"$48",height:"$48"}}),KS=_s({flexGrow:1,paddingRight:"$10"}),YS=_s({width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}),ZS=_s({display:"flex",justifyContent:"space-between",alignItems:"center"});function Ru(){let{selectedQuote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:s,quoteWarningsConfirmed:a}=X(),l=XS(),p=VS(),[c,u]=Jo(""),{connectedWallets:f}=K(),m=!n,[d,h]=Jo(!1),[C,S]=Jo(!1),{isActiveTab:y}=re(),k=g().getDisabledLiquiditySources(),w=HS(k),{manager:x}=FS(),{fetch:b,loading:A,cancelFetch:v}=Ms(),[T,M]=Jo({swap:null,error:null,warnings:null}),[E,L]=Jo(!1),G=i(async({selectedWallets:I,customDestination:W})=>{let ce=await b?.({selectedWallets:I,customDestination:W});return M(ce),ce},"onConfirmSwap"),q=i(async()=>{if(T.swap&&n)try{await x?.create("swap",{swapDetails:T.swap},{id:T.swap.requestId});let I=`../${O.swaps}/${T.swap.requestId}`;l(I,{replace:!0}),setTimeout(()=>{e("")},0)}catch(I){u("Error: "+I?.message)}},"addNewSwap"),Q=i(async()=>{S(!0),await q(),S(!1)},"onConfirm"),P=i(async()=>{T?.warnings?.quote&&!a?L(!0):await Q()},"onStartConfirmSwap"),te=i(async()=>{M({error:null,swap:null,warnings:null}),b({selectedWallets:o,customDestination:s}).then(I=>{M(I)}).catch(I=>console.error(I))},"onRefresh");Zo(()=>{!!w.current.length&&!k.length&&te(),w.current=k},[k.length]),Zo(()=>{m&&v()},[m]),Zo(()=>{m&&h(m)},[m]),Zo(()=>{m||b({selectedWallets:o,customDestination:s}).then(I=>M(I)).catch(I=>console.error(I))},[]),Zo(()=>{let I=T.warnings?.quote?.type&&Object.values(_t).includes(T.warnings?.quote?.type),W=o.length<1||!o.every(J=>f.find(ne=>J.address===ne.address&&J.walletType===ne.walletType&&J.chain===ne.chain)),ce=!1;if(I){let J=Bn(t?.swaps||null),ne=t?.swaps[t.swaps.length-1].to.blockchain;!!t?.swaps.find(V=>V.from.blockchain===ne)||(J=J.slice(-J.length,J.length-1)),J.every(V=>o.find(Y=>Y.chain===V))||(ce=!0)}t&&(W||ce)&&(queueMicrotask(()=>GS(h.bind(null,!0))),r(!1))},[T.warnings?.quote,o.length,f.length]),QS(()=>{t||l(`../${p.search}`)},[]);let ie=T.warnings?.quote??null,R=T.error,oe=[];if(c&&oe.push(ke.createElement(Zu,{type:"error",variant:"alarm",title:c})),T.warnings?.quoteUpdate&&oe.push(ke.createElement(Zu,{variant:"alarm",type:"warning",title:T.warnings.quoteUpdate&&Hn(T.warnings.quoteUpdate)})),ie||R){let I=`../${O.settings}`;oe.push(ke.createElement(zo,{warning:ie,error:R,couldChangeSettings:!1,refetchQuote:te,showWarningModal:E,confirmationDisabled:!y,onOpenWarningModal:()=>L(!0),onCloseWarningModal:()=>L(!1),onConfirmWarningModal:async()=>{L(!1),await q()},onChangeSettings:()=>l(I)}))}return ke.createElement(pe,{header:{title:Ls.t("Confirm Swap"),onWallet:()=>{let I=`../${O.wallets}`;l(I)}},footer:ke.createElement(jS,null,ke.createElement("div",{className:KS()},ke.createElement(OS,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:A||C,disabled:!!T.error||!y,onClick:P},Ls.t("Start Swap"))),ke.createElement(Ju,{variant:"contained",type:"primary",size:"large",loading:A||C,disabled:!y,onClick:h.bind(null,!0)},ke.createElement(zS,{size:24})))},d&&ke.createElement(Lc,{open:d,onClose:()=>h(!1),onCancel:v,loading:A,onCheckBalance:G}),ke.createElement(me,null,ke.createElement("div",{className:ZS()},ke.createElement(qS,{variant:"title",size:"small"},Ls.t("You get")),ke.createElement("div",{className:YS()},ke.createElement(or,{onClick:!A&&!d&&!E?te:void 0}))),ke.createElement(Bs,{size:"12"}),Dp(oe.map((I,W)=>({element:I,key:`alert-${W}`})),ke.createElement(Bs,{size:10})),oe.length>0?ke.createElement(Bs,{size:10}):null,ke.createElement(eo,{quote:t,type:"swap-preview",expanded:!0,tagHidden:!0,error:T.error,loading:A,warning:T.warnings?.quote??null})))}i(Ru,"ConfirmSwapPage");import{i18n as Lr}from"@lingui/core";import{useManager as dC}from"@rango-dev/queue-manager-react";import{Divider as cm,NotFound as fC,styled as gC}from"@rango-dev/ui";import It,{useState as hC}from"react";import{useNavigate as yC}from"react-router-dom";import{i18n as eC}from"@lingui/core";import{Divider as rm,GroupedVirtualizedList as tC,Skeleton as oC,SwapListItem as im,Typography as nC}from"@rango-dev/ui";import Pe,{useCallback as sm,useEffect as rC,useRef as iC,useState as sC}from"react";function em(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(em,"calculateGroupsSoFar");import{css as JS,darkTheme as RS,styled as Ro}from"@rango-dev/ui";var Ps=JS(),tm=Ro("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$5"}),$s=Ro("div",{width:"100%",display:"flex",flexDirection:"column",backgroundColor:"$background",padding:"$10 $5 0 $5",[`& .${Ps}`]:{$$color:"$colors$neutral600",[`.${RS} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Ds=Ro("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),om=Ro("div",{gap:"$10",display:"flex",flexDirection:"column"}),nm=Ro("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});var aC=10;function Fs(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,[s,a]=sC([]),l=iC(0),{swaps:p,groupCounts:c,groups:u}=n(e),f=sm(em,[]),m=sm(()=>{let d=e.length-l.current;d&&(l.current+=Math.min(d,aC),a(f(c,l.current)))},[e.length]);if(rC(()=>{r||m()},[r,m]),r){let d=[1,2];return Pe.createElement(Pe.Fragment,null,[d,d].map((C,S)=>Pe.createElement($s,{key:S},Pe.createElement(Ds,null,Pe.createElement(oC,{variant:"text",width:60,size:"small"}),Pe.createElement(rm,{size:16})),Pe.createElement(rm,{size:4}),Pe.createElement(om,null,C.map((k,w)=>Pe.createElement(im,{isLoading:!0,key:w}))))))}return Pe.createElement(tC,{endReached:()=>{l.current<e.length&&m()},groupCounts:s,groupContent:d=>Pe.createElement($s,null,Pe.createElement(Ds,null,Pe.createElement(nC,{variant:"label",size:"medium",className:Ps()},u[d]))),itemContent:(d,h)=>{let C=p[d];if(!C)return null;let S=C.steps[0],y=C.steps[C.steps.length-1];return Pe.createElement(tm,{key:C.requestId},Pe.createElement(im,{requestId:C.requestId,creationTime:C.creationTime,status:C.status,onClick:o,tooltipContainer:B(),onlyShowTime:u[h]===eC.t("Today"),swapTokenData:{from:{token:{image:S.fromLogo,displayName:S.fromSymbol},blockchain:{image:S.fromBlockchainLogo||""},amount:N(C.inputAmount,6,6),realAmount:ue(C.inputAmount)},to:{token:{image:y.toLogo,displayName:y.toSymbol},blockchain:{image:y.toBlockchainLogo||""},amount:N(y.outputAmount||y.expectedOutputAmountHumanReadable||"",6,6),realAmount:ue(y.outputAmount||y.expectedOutputAmountHumanReadable)}}}))}})}i(Fs,"HistoryGroupedList");import{CloseIcon as pC,IconButton as cC,SearchIcon as uC,TextField as mC}from"@rango-dev/ui";import en from"react";import{styled as lC}from"@rango-dev/ui";var am=lC("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function bt(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:s,value:a,setValue:l,...p}=t;return en.createElement(mC,{prefix:en.createElement(am,null,en.createElement(uC,{color:"black"})),suffix:!!a.length&&en.createElement(cC,{variant:"ghost",onClick:()=>l?.(""),size:"small"},en.createElement(pC,{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(bt,"SearchInput");import{i18n as Mr}from"@lingui/core";import lm from"dayjs";var pm=i(t=>{let e=new Map([["today",{title:Mr.t("Today"),swaps:[]}],["week",{title:Mr.t("This week"),swaps:[]}],["month",{title:Mr.t("This month"),swaps:[]}],["year",{title:Mr.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=lm();t.forEach(p=>{let c=Number(p.creationTime),u=lm(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 f=new Date(c).getFullYear().toString();o(f,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 SC=gC("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),CC=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 um(){let t=yC(),{manager:e,state:o}=dC(),n=ut(e).map(({swap:u})=>u),[r,s]=hC(""),a=!o.loadedFromPersistor,l=i(u=>{let f=u.target.value;s(f)},"searchHandler"),p=n;r&&(p=n.filter(u=>pt(u.inputAmount,r)||pt(u.status,r)||CC(u.steps,r)||pt(u.requestId,r)));let c=!p?.length&&!a;return It.createElement(pe,{header:{title:Lr.t("History")}},It.createElement(me,null,It.createElement(bt,{setValue:s,fullWidth:!0,variant:"contained",placeholder:Lr.t("Search Transaction"),autoFocus:!0,onChange:l,value:r}),It.createElement(cm,{size:"16"}),It.createElement(SC,null,c&&It.createElement(nm,null,It.createElement(cm,{size:32}),It.createElement(fC,{title:Lr.t("No results found"),description:r?Lr.t("Try using different keywords"):""})),!c&&It.createElement(Fs,{list:p,onSwapClick:t,groupBy:pm,isLoading:a}))))}i(um,"HistoryPage");import{i18n as DC}from"@lingui/core";import{Button as FC,Divider as Wm,styled as OC,WarningIcon as UC}from"@rango-dev/ui";import qC from"bignumber.js";import Ue,{useEffect as Nm,useState as Mm}from"react";import{useNavigate as zC}from"react-router-dom";import{i18n as bC}from"@lingui/core";import{Header as IC}from"@rango-dev/ui";import qt,{useEffect as EC,useState as AC}from"react";import{i18n as kC}from"@lingui/core";import{Divider as Us,FullExpandedQuote as wC,Typography as xC}from"@rango-dev/ui";import fe from"react";import{styled as Os}from"@rango-dev/ui";var mm=Os("div",{display:"flex",justifyContent:"center",flexDirection:"column",height:"100%"}),dm=Os("div",{display:"flex",justifyContent:"space-between",alignItems:"center"}),fm=Os("div",{width:"146px"});import{i18n as tn}from"@lingui/core";import{Select as TC}from"@rango-dev/ui";import gm from"react";function Br(t){let{updateQuotePartialState:e,sortStrategy:o}=X(),n=[{value:"SMART",label:tn.t("Smart Routing")},{value:"FEE",label:tn.t("Lowest Fee")},{value:"SPEED",label:tn.t("Fastest Transfer")},{value:"NET_OUTPUT",label:tn.t("Maximum Return")},{value:"PRICE",label:tn.t("Maximum Output")}];return gm.createElement(fm,null,gm.createElement(TC,{container:t.container,options:n,value:o,handleItemClick:r=>{e("sortStrategy",r.value)},variant:"filled"}))}i(Br,"SelectStrategy");var hm=3;function on(t){let{loading:e,onClickOnQuote:o,fetch:n,showModalFee:r,hasSort:s=!0,fullExpandedMode:a=!1,container:l}=t,{selectedQuote:p,quotes:c,updateQuotePartialState:u,fromToken:f,toToken:m,sortStrategy:d,error:h}=X(),{slippage:C,customSlippage:S}=g(),y=g().tokens(),k=l||B(),w=!!c&&c.results.length,x=S??C,b=i(T=>{if(!f||!m||!c)return null;let M={requestAmount:c.requestAmount,...T};return io(M,{fromToken:f,toToken:m,userSlippage:x,tokens:y})},"getQuoteWarning"),A=h?.type===0||h?.type===1,v=c?.results?qn(d,c?.results):[];return fe.createElement(fe.Fragment,null,s&&fe.createElement(fe.Fragment,null,fe.createElement(dm,null,fe.createElement(xC,{size:"xmedium",variant:"title"},kC.t("Sort by")),fe.createElement(Br,{container:k})),fe.createElement(Us,{size:"10"})),e&&Array.from({length:hm},(T,M)=>fe.createElement(fe.Fragment,{key:M},a?fe.createElement(wC,{loading:!0}):fe.createElement(Yo,{tagHidden:!1,type:"list-item",expanded:!1}),M!==hm-1&&fe.createElement(Us,{size:16}))),!e&&fe.createElement(fe.Fragment,null,w?v.map((T,M)=>{let E=b(T),L=Ns(T.swaps),G=v.length-1===M;return fe.createElement(fe.Fragment,{key:T.requestId},fe.createElement(eo,{showModalFee:r,container:k,selected:p?.requestId===T.requestId,tagHidden:!1,quote:{...T,requestAmount:c.requestAmount},loading:e,error:L?.options||null,warning:E,fullExpandedMode:a,onClick:q=>{L||u("warning",E),u("error",L?.options||null),o(q)},type:"list-item"}),!G&&fe.createElement(Us,{size:16}))}):A&&fe.createElement(mm,null,fe.createElement(Uo,{size:a?"large":"small",error:h,fetch:n}))))}i(on,"Quotes");import{darkTheme as vC,styled as ym}from"@rango-dev/ui";var Sm=ym("div",{transition:"width 0.2s, opacity 0.2s, margin-left 0.2s",height:"700px",width:"390px",opacity:1,marginLeft:"$16",backgroundColor:"$neutral100",[`.${vC} &`]:{backgroundColor:"$neutral300"},variants:{expandMode:{default:{width:"390px"},full:{width:"719px"}}},"&.is-hidden":{width:0,height:0,opacity:0,marginLeft:0}}),Cm=ym("div",{position:"relative",overflow:"hidden",padding:"$20",flexGrow:1,display:"flex",flexDirection:"column",overflowY:"auto",borderRadius:"$primary",backgroundColor:"$background"});var WC=100;function qs(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",f=Wo();return EC(()=>{let m=null;return s?m=setTimeout(()=>{l(!0)},WC):(l(!1),m&&clearTimeout(m)),()=>{m&&clearTimeout(m)}},[s]),qt.createElement(Sm,{expandMode:c?.variant==="full-expanded"?"full":"default",className:`${p} ${ir()}`,id:we.EXPANDED_BOX_ID},qt.createElement(IC,{title:bC.t("Routes"),suffix:qt.createElement(qt.Fragment,null,qt.createElement(Br,{container:f}),qt.createElement(Zt,{container:f,onClickRefresh:r,hidden:["history","notifications","settings"]}))}),qt.createElement(Cm,null,qt.createElement(on,{showModalFee:!1,fetch:e,hasSort:!1,loading:o,container:Wo(),onClickOnQuote:n,fullExpandedMode:u})))}i(qs,"ExpandedQuotes");import{i18n as Im}from"@lingui/core";import{SwapInput as Em}from"@rango-dev/ui";import nn from"react";import{ReverseIcon as LC}from"@rango-dev/ui";import Qs from"react";import{keyframes as NC,styled as Tm}from"@rango-dev/ui";var zs=450,MC=NC({"0%":{transform:"rotateX(0deg) rotateY(0deg) rotateZ(0deg)"},"33%":{transform:"rotateX(0deg) rotateZ(78deg) rotateY(66deg)"},"66%":{transform:"rotateX(0deg) rotateZ(163deg) rotateY(66deg)"},"100%":{transform:"rotateX(0deg) rotateZ(180deg) rotateY(0deg)"}}),km=Tm("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),wm=Tm("div",{borderRadius:"$md",border:"3px solid $background",background:"$neutral100",width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center",color:"$foreground","&.rotate":{"& svg":{animation:`${MC} ${zs}ms ease-in-out forwards`}},"&:hover":{color:"$secondary500",transform:"translateY(1px) scale(1.04)",boxShadow:"1px 1px 1px 1px rgba(0, 0, 0, 0.05)"}});function Hs(){let t=X.use.switchFromAndTo();return Qs.createElement(km,null,Qs.createElement(wm,{onClick:e=>{let o=e.currentTarget;o.classList.add("rotate"),setTimeout(()=>{o.classList.remove("rotate")},zs),t()}},Qs.createElement(LC,{size:12})))}i(Hs,"SwitchFromAndToButton");import{styled as xm}from"@rango-dev/ui";var vm=xm("div",{display:"flex",flexDirection:"column",gap:"$5",alignSelf:"stretch"}),bm=xm("div",{position:"relative"});function Gs(t){let{fetchingQuote:e,fetchMetaStatus:o,onClickToken:n,isExpandable:r}=t,{fromToken:s,fromBlockchain:a,toToken:l,toBlockchain:p,setInputAmount:c,inputAmount:u,inputUsdValue:f,outputAmount:m,outputUsdValue:d,selectedQuote:h}=X(),{connectedWallets:C,getBalanceFor:S}=K(),y=s?S(s):null,k=xn(y)?.amount??"0",w=a&&s?N(y?.amount,y?.decimals):"0",x=!!a&&sl(C,a.name),b=!Ii(h,u,f),A=!Ii(h,u,d),v=!f||!d||!d.gt(0)?null:je(f.toString(),d.toString());return nn.createElement(vm,null,nn.createElement(bm,null,nn.createElement(Em,{label:Im.t("From"),mode:"From",onInputChange:c,balance:k,chain:{displayName:a?.displayName||"",image:a?.logo||""},token:{displayName:s?.symbol||"",image:s?.image||""},onClickToken:()=>n("from"),price:{value:u,usdValue:b?void 0:N(f,4,4),realUsdValue:b?void 0:ue(f),error:b?ee().unknownPriceError.impactTitle:void 0},disabled:o==="failed",loading:o==="loading",loadingBalance:x,tooltipContainer:B(),onSelectMaxBalance:()=>{c(w.split(",").join(""))}}),nn.createElement(Hs,null)),nn.createElement(Em,{sharpBottomStyle:!r&&(!!h||e),label:Im.t("To"),mode:"To",fetchingQuote:e,chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:l?.symbol||"",image:l?.image||""},percentageChange:N(je(f,d),2,2),warningLevel:Tt(v??0),price:{value:N(m,6,6),usdValue:A?void 0:N(d,4,4),realValue:ue(m),realUsdValue:A?void 0:ue(d),error:A?ee().unknownPriceError.impactTitle:void 0},onClickToken:()=>n("to"),disabled:o==="failed",loading:o==="loading",tooltipContainer:B()}))}i(Gs,"Inputs");import{useCallback as BC,useEffect as _C,useState as PC}from"react";function Am(){let{fetch:t,loading:e,cancelFetch:o}=Ar({request:async(n,r)=>await Lt().getAllRoutes(n,r)});return{fetch:t,loading:e,cancelFetch:o}}i(Am,"useFetchAllQuotes");var $C=600;function _r({refetchQuote:t}){let{fetch:e,cancelFetch:o}=Am(),{excludeLiquiditySources:n,features:r,enableCentralizedSwappers:s}=g().config,a=K.use.connectedWallets(),l=g().tokens(),{fromToken:p,toToken:c,inputAmount:u,inputUsdValue:f,selectedQuote:m,sortStrategy:d,resetQuote:h,error:C,warning:S,setSelectedQuote:y,updateQuotePartialState:k}=X(),{slippage:w,customSlippage:x,affiliatePercent:b,affiliateRef:A,affiliateWallets:v,fetchStatus:T}=g(),M=g().getLiquiditySources(),E=g().getDisabledLiquiditySources(),L=g().excludeLiquiditySources(),[G,q]=PC(!0),Q=x??w,te=!p||!c||Le(p,c)||!Eo(u),ie=i(I=>{q(I)},"resetState"),R=i(I=>{let{fromToken:W,toToken:ce,inputAmount:J,liquiditySources:ne,excludeLiquiditySources:yt,disabledLiquiditySources:H,slippage:V,affiliateRef:Y,affiliatePercent:Se,affiliateWallets:et}=I;if(G||ie(!0),!te&&W&&ce){h();let De=Rl({fromToken:W,toToken:ce,inputAmount:J,liquiditySources:ne,excludeLiquiditySources:yt,disabledLiquiditySources:H,wallets:a,slippage:V,affiliateRef:Y,affiliatePercent:Se,affiliateWallets:et,enableCentralizedSwappers:s});bl("experimentalRoute",r)&&(De.experimental=!0),e(De).then(Ee=>{let Ge=qn(d,Ee.results),Ne=fp(m,Ge,Ee.requestAmount);q(!1),k("quotes",Ee),y(Ne),Wr({diagnosisMessages:Ee.diagnosisMessages,requestId:Ne?.requestId||"",swaps:Ne?.swaps});let lt=Ne&&io(Ne,{fromToken:W,toToken:ce,userSlippage:Q,tokens:l});k("warning",lt)}).catch(Ee=>{let{error:Ge}=Nr(Ee);(Ge?.type===0||Ge?.type===1)&&h(),Ge?.type!==2&&(k("error",Ge),q(!1))})}},"fetch"),oe=BC(kl(I=>{te||R(I)},$C),[te]);return _C(()=>{if(!t){q(!1);return}if(T==="success"){if(te){q(!1),(m||C||S)&&h();return}if(!Eo(u)||f?.eq(0)){ie(!1),o();return}return h(),ie(!0),oe({inputAmount:u,fromToken:p,toToken:c,liquiditySources:M,excludeLiquiditySources:L,disabledLiquiditySources:E,slippage:Q,affiliateRef:A,affiliatePercent:b,affiliateWallets:v}),o}},[T,u,p?.symbol,p?.address,p?.blockchain,c?.symbol,c?.address,c?.blockchain,te,M?.length,n,E.length,Q,A,b,JSON.stringify(v)]),{fetch:()=>R({inputAmount:u,fromToken:p,toToken:c,liquiditySources:M,excludeLiquiditySources:L,disabledLiquiditySources:E,slippage:Q,affiliateRef:A,affiliatePercent:b,affiliateWallets:v}),loading:G}}i(_r,"useSwapInput");var QC=OC("div",{display:"flex",alignItems:"flex-start",maxHeight:700,"& .footer__alert":{paddingTop:"0 !important"}}),HC=300;function Lm(){let t=zC(),{fromToken:e,toToken:o,inputAmount:n,selectedQuote:r,refetchQuote:s,error:a,warning:l,quotes:p,setSelectedQuote:c,resetQuoteWallets:u,setQuoteWarningsConfirmed:f,updateQuotePartialState:m}=X(),[d,h]=Mm(!1),{isLargeScreen:C,isExtraLargeScreen:S}=Tr(),{fetch:y,loading:k}=_r({refetchQuote:s}),{config:w,fetchStatus:x}=g(),{connectedWallets:b}=K(),{isActiveTab:A}=re(),[v,T]=Mm(!1),E=Xl({fetchMetaStatus:x,fetchingQuote:k,inputAmount:n,quote:r,anyWalletConnected:b.length>0,error:a,warning:l,needsToWarnEthOnPath:!1}),L=ml(C,S,w?.variant),G=!!n&&!!e&&!!o&&new qC(n).gt(0)&&!lp(e,o),q=G&&x==="success"&&k,te=(!L||L&&p?.results.length)&&(l||a);Nm(()=>{u(),m("refetchQuote",!0)},[]),Nm(()=>{h(G)},[G]);let ie=(r||a)&&!v?y:void 0,R=i(I=>{L&&d?(h(!1),setTimeout(()=>{t(I)},HC)):t(I)},"onHandleNavigation"),oe=i(I=>{r?.requestId!==I.requestId&&(T(!1),c(I))},"onClickOnQuote");return Ue.createElement(QC,null,Ue.createElement(pe,{height:"auto",footer:Ue.createElement(FC,{type:"primary",size:"large",disabled:E.disabled||!A,prefix:E.action==="confirm-warning"&&Ue.createElement(UC,null),fullWidth:!0,onClick:()=>{E.action==="connect-wallet"?R(O.wallets):E.action==="confirm-warning"?T(!0):R(O.confirmSwap)}},E.title),header:{onWallet:()=>{R(O.wallets)},hasBackButton:!1,title:w.title||DC.t("Swap"),suffix:Ue.createElement(Zt,{hidden:L?["refresh"]:void 0,onClickRefresh:ie,onClickHistory:()=>R(O.swaps),onClickSettings:()=>{R(O.settings)}})}},Ue.createElement(me,null,Ue.createElement(Gs,{fetchingQuote:q,fetchMetaStatus:x,isExpandable:L,onClickToken:I=>{R(I==="from"?O.fromSwap:O.toSwap)}}),Ue.createElement(Wm,{size:"2"}),L?null:Ue.createElement(eo,{quote:r,loading:q,error:a,tagHidden:!1,warning:l,type:"basic",onClickAllRoutes:p&&p.results.length>1?()=>{m("refetchQuote",!1),R(O.routes)}:void 0}),te?Ue.createElement(Ue.Fragment,null,Ue.createElement(Wm,{size:"10"}),Ue.createElement(zo,{warning:l,error:a,couldChangeSettings:!0,refetchQuote:y,showWarningModal:v,confirmationDisabled:!A,onOpenWarningModal:()=>T(!0),onCloseWarningModal:()=>T(!1),onConfirmWarningModal:()=>{T(!1),f(!0),R(O.confirmSwap)},onChangeSettings:()=>R(O.settings)})):null)),L?Ue.createElement(qs,{loading:q,onClickOnQuote:oe,fetch:y,onClickRefresh:ie,isVisible:d}):null)}i(Lm,"Home");import{i18n as Bm}from"@lingui/core";import{Alert as GC,Divider as VC,List as XC,ListItemButton as jC,Radio as KC,RadioRoot as YC,Typography as ZC}from"@rango-dev/ui";import gt from"react";function zt(){let{setLanguage:t,language:e,config:o}=g(),n=El,r=o?.language||Mo;return{activeLanguage:e||r,languages:n,defaultLanguage:r,changeLanguage:s=>t(s||Mo),resetLanguage:()=>t(null)}}i(zt,"useLanguage");function _m(){let{activeLanguage:t,changeLanguage:e,languages:o}=zt(),n=Ye(),r=o.map(s=>{let{local:a,label:l,SVGFlag:p}=s;return{id:a,value:a,title:gt.createElement(ZC,{variant:"title",size:"xmedium"},l),onClick:()=>{e(s.local),n()},end:gt.createElement(KC,{value:a}),start:gt.createElement(p,null)}});return gt.createElement(pe,{header:{title:Bm.t("Language")}},gt.createElement(me,null,gt.createElement(GC,{type:"warning",variant:"alarm",title:"Important Notice: Machine translations are in use"}),gt.createElement(VC,{size:"8"}),gt.createElement(YC,{value:t},gt.createElement(XC,{type:gt.createElement(jC,{title:Bm.t("language"),id:"_",onClick:()=>console.log()}),items:r}))))}i(_m,"LanguagePage");import{i18n as Et}from"@lingui/core";import{Button as oT,Checkbox as nT,Image as rT,ListItemButton as iT,NotFound as sT,Typography as aT}from"@rango-dev/ui";import $e,{useState as lT}from"react";import{Checkbox as eT,Skeleton as $m}from"@rango-dev/ui";import sn from"react";import{styled as Vs}from"@rango-dev/ui";var rn=Vs("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto",variants:{disabled:{true:{pointerEvents:"none"}}}}),Xs=Vs("div",{width:80,display:"flex",justifyContent:"flex-end"}),js=Vs("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});import{ListItem as JC,styled as RC}from"@rango-dev/ui";var Pm=RC(JC,{height:61});var tT=30;function Ks(){return sn.createElement(rn,null,Array.from(Array(tT),(t,e)=>sn.createElement(Pm,{hasDivider:!0,key:e,start:sn.createElement($m,{variant:"circular",width:35,height:35}),title:sn.createElement($m,{variant:"text",size:"large",width:90}),end:sn.createElement(eT,{checked:!1})})))}i(Ks,"LoadingLiquiditySourceList");function Ys({sourceType:t}){let e=g().fetchStatus,o=g().swappers(),n=g().getDisabledLiquiditySources(),[r,s]=lT(""),a=g().toggleLiquiditySource,l=g().isInCampaignMode(),p=Wn(o,n),c={Exchanges:Et.t("Exchanges"),Bridges:Et.t("Bridges")},u=[];t==="Exchanges"&&u.push("DEX"),t==="Bridges"&&u.push("BRIDGE","AGGREGATOR","OFF_CHAIN");let f=p.filter(y=>u.includes(y.type)),m=f.length===f.filter(y=>y.selected).length,d=i(()=>{f.forEach(y=>{m?a(y.groupTitle):y.selected||a(y.groupTitle)})},"toggleAllSources"),h=f.map(y=>{let{selected:k,groupTitle:w,logo:x}=y;return{start:$e.createElement(rT,{src:x,size:22,type:"circular"}),onClick:()=>{l||a(w)},end:$e.createElement(nT,{checked:k,disabled:l}),title:$e.createElement(aT,{variant:"title",size:"xmedium"},Et.t(w)),...y}}),C=i(y=>{let k=y.target.value;s(k)},"searchHandler"),S=h;return r&&(S=h.filter(y=>pt(y.groupTitle,r))),$e.createElement(pe,{header:{title:Et.t(t),suffix:$e.createElement(Xs,null,$e.createElement(oT,{variant:"ghost",size:"xsmall",onClick:d},m?Et.t("Deselect all"):Et.t("Select all")))}},$e.createElement(me,{view:!0},$e.createElement(bt,{value:r,setValue:s,fullWidth:!0,color:"light",variant:"contained",placeholder:Et.t("Search {sourceType}",{sourceType:c[t]}),onChange:C}),e==="loading"&&$e.createElement(Ks,null),!S.length&&r?$e.createElement(js,null,$e.createElement(sT,{title:Et.t("No results found"),description:Et.t("Try using different keywords")})):e==="success"&&$e.createElement(rn,{disabled:l},S.map(y=>{let{groupTitle:k,...w}=y;return $e.createElement($e.Fragment,{key:y.id},$e.createElement(iT,{style:{height:"61px"},...w,selected:!1,hasDivider:!0}))}))))}i(Ys,"LiquiditySourcePage");import{i18n as pT}from"@lingui/core";import Pr from"react";import{useNavigate as cT}from"react-router-dom";function Dm(){let t=cT(),e=Ye(),{selectedQuote:o,refetchQuote:n,setSelectedQuote:r,updateQuotePartialState:s,error:a}=X(),{fetch:l,loading:p}=_r({refetchQuote:n}),c=i(m=>{r(m),s("refetchQuote",!1),e()},"onClickOnQuote"),u=`../${O.settings}`,f=`../${O.wallets}`;return Pr.createElement(pe,{header:{onWallet:()=>{t(f)},onBack:()=>{s("refetchQuote",!1)},title:pT.t("Routes"),suffix:Pr.createElement(Zt,{onClickRefresh:o||a?l:void 0,hidden:["notifications","history"],onClickSettings:()=>t(u)})}},Pr.createElement(me,null,Pr.createElement(on,{fetch:l,loading:p,onClickOnQuote:c})))}i(Dm,"RoutesPage");import{i18n as Gm}from"@lingui/core";import{Divider as Vm,getCountCategories as TT,SelectableCategoryList as kT}from"@rango-dev/ui";import At,{useState as Xm}from"react";import{i18n as Js}from"@lingui/core";import{Divider as Qm,Image as gT,ListItemButton as hT,NotFound as yT,Typography as Hm}from"@rango-dev/ui";import Ze,{useEffect as ST,useState as CT}from"react";import{BlockchainCategories as Zs}from"@rango-dev/ui";import{TransactionType as $r}from"rango-sdk";var uT=i((t,e)=>{switch(e){case Zs.ALL:return!0;case Zs.UTXO:return t.type===$r.TRANSFER;case Zs.OTHER:return t.type!==$r.TRANSFER&&t.type!==$r.COSMOS&&t.type!==$r.EVM;default:return t.type===e}},"filterByType"),Fm=i((t,e,o)=>t.filter(n=>uT(n,o)).filter(n=>Ct(n.name,e)||Ct(n.displayName,e)),"filterBlockchains");import{ImageContainer as mT,styled as Om}from"@rango-dev/ui";var Um=Om("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),Dr=Om(Do,{padding:0,margin:0,listStyle:"none",[`& ${mT}`]:{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as dT,Skeleton as qm}from"@rango-dev/ui";import Fr from"react";var fT=20;function zm(){return Fr.createElement(Dr,null,Array.from(Array(fT),t=>Fr.createElement(dT,{key:t,hasDivider:!0,start:Fr.createElement(qm,{variant:"circular",width:35,height:35}),title:Fr.createElement(qm,{variant:"text",size:"large",width:90})})))}i(zm,"LoadingBlockchainList");function Rs(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=CT(e),{fetchStatus:l}=g();ST(()=>{a([...Fm(e,o,r)])},[e,o,r]);let p=i(()=>!s.length&&o?Ze.createElement(Ze.Fragment,null,Ze.createElement(Qm,{size:32}),Ze.createElement(yT,{title:Js.t("No results found"),description:Js.t("Try using different keywords")})):Ze.createElement(Dr,{as:"ul",key:`${r}-${o}`},s.map(c=>Ze.createElement(hT,{key:`${c.name}-${c.chainId}`,hasDivider:!0,onClick:()=>n(c),start:Ze.createElement(gT,{src:c.logo,size:30}),title:Ze.createElement(Hm,{variant:"title",size:"medium"},c.displayName),id:c.chainId}))),"renderList");return Ze.createElement(Um,null,Ze.createElement(Hm,{variant:"label",size:"large"},Js.t("Select Blockchain")),Ze.createElement(Qm,{size:4}),l==="loading"&&Ze.createElement(zm,null),l==="success"&&p())}i(Rs,"BlockchainList");function ea(t){let{type:e}=t,o=Ye(),[n,r]=Xm(""),[s,a]=Xm("ALL"),l=X.use.setToBlockchain(),p=X.use.setFromBlockchain(),c=g().fetchStatus,u=g().blockchains({type:e}),m=TT(u)!==1;return At.createElement(pe,{header:{title:Gm.t("Select Blockchain")}},At.createElement(me,{view:!0},m&&At.createElement(At.Fragment,null,At.createElement(kT,{setCategory:a,category:s,blockchains:u,isLoading:c==="loading"}),At.createElement(Vm,{size:24})),At.createElement(bt,{value:n,autoFocus:!0,placeholder:Gm.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:d=>r(d.target.value)}),At.createElement(Vm,{size:16}),At.createElement(Rs,{list:u,searchedFor:n,blockchainCategory:s,onChange:d=>{e==="source"?p(d):l(d),o()}})))}i(ea,"SelectBlockchainPage");import{i18n as Qr}from"@lingui/core";import{Divider as fd}from"@rango-dev/ui";import to,{useState as FT}from"react";import{useNavigate as OT}from"react-router-dom";import{i18n as na}from"@lingui/core";import{BlockchainsChip as Or,Divider as Zm,Image as Jm,Skeleton as IT,Tooltip as ET,Typography as ra}from"@rango-dev/ui";import Ie from"react";import{useEffect as vT}from"react";var jm=["ETH","COSMOS","OSMOSIS"];function ta(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(wT),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(xT(a)),r=n.splice(s)}return{list:n,more:r}}i(ta,"prepare");function wT(t,e){let o=jm,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(wT,"sortByMostUsedBlockchains");function xT(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(xT,"generateSortByPreferredBlockchainsFor");function Km(t,e){return!!e.list.find(o=>o.name===t)}i(Km,"isInVisibleList");function oa(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=g();vT(()=>{if(e?.selected){let s=ta(t,o,e);Km(e.selected,s)||n(e?.selected)}},[e?.selected]);let r=ta(t,o,e);return{list:r.list,more:r.more,history:[]}}i(oa,"usePrepareBlockchainList");import{styled as bT}from"@rango-dev/ui";var Ym=bT("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var AT=12;function ia(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:s}=t,a=oa(e,{limit:10,selected:n?.name}),{fetchStatus:l}=g(),p=X.use.resetToBlockchain(),c=X.use.resetFromBlockchain(),u=a.more.length>0,f=a.more.length===1,m=!f&&u;return Ie.createElement(Ie.Fragment,null,Ie.createElement(Zm,{size:12}),Ie.createElement(ra,{variant:"label",size:"large"},na.t("Select Blockchain")),Ie.createElement(Zm,{size:12}),Ie.createElement(Ym,null,l==="loading"&&Array.from(Array(AT),d=>Ie.createElement(IT,{key:d,variant:"rounded",height:50})),l==="success"&&Ie.createElement(Ie.Fragment,null,Ie.createElement(Or,{selected:!n,onClick:()=>{o==="from"?c():p()}},Ie.createElement(ra,{variant:"body",size:"xsmall",color:"secondary500"},na.t("All"))),a.list.map(d=>Ie.createElement(ET,{key:d.name,content:d.shortName,side:"bottom",sideOffset:2,container:B()},Ie.createElement(Or,{key:d.name,selected:!!n&&n.name===d.name,onClick:()=>r(d)},Ie.createElement(Jm,{src:d.logo,size:30})))),f?Ie.createElement(Or,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},Ie.createElement(Jm,{src:a.more[0].logo,size:30})):null,m?Ie.createElement(Or,{onClick:s,key:"more-blockchains"},Ie.createElement(ra,{variant:"body",size:"xsmall",color:"secondary500"},na._("More +{count}",{count:a.more.length}))):null)))}i(ia,"BlockchainsSection");import{i18n as ga}from"@lingui/core";import{darkTheme as pd,Divider as wo,ExternalLinkIcon as MT,Image as LT,ListItemButton as BT,NotFound as _T,PinIcon as PT,Skeleton as cd,Typography as zr,VirtualizedList as $T}from"@rango-dev/ui";import z,{useEffect as ud,useState as md}from"react";import{Divider as ad,ListItem as NT,Skeleton as an}from"@rango-dev/ui";import it from"react";import{css as ko,darkTheme as Rm,ImageContainer as WT,styled as Je,Typography as ed}from"@rango-dev/ui";var sa=ko({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}),aa=ko({position:"relative",height:12,width:"30%",maxWidth:"150px"}),la=ko({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"}),pa=ko({transform:"translateY(12px)",visibility:"hidden",display:"flex","& a":{display:"flex",justifyContent:"center",alignItems:"center",fontSize:"$12",lineHeight:"$16",$$color:"$colors$neutral600",[`.${Rm} &`]:{$$color:"$colors$neutral700"},color:"$$color",textDecoration:"none"}}),ca=ko({}),ua=ko(),td=Je("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),ma=Je("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),Ur=Je("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none","&:hover":{[`& .${aa}`]:{[`& .${pa}`]:{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},[`& .${ca}`]:{bottom:"-15px"},[`& .${sa}`]:{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},[`& .${la}`]:{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),da=Je("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),fa=Je(ed,{}),od=Je("div",{textAlign:"right",width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",[`& .${ua}`]:{$$color:"$colors$neutral600",[`.${Rm} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),qr=Je("div",{display:"flex",alignItems:"end",flexDirection:"column"}),DF=Je("div",{display:"flex",alignItems:"center"}),nd=Je("div",{position:"relative",[`& ${WT}`]:{borderRadius:"$xm",overflow:"hidden"}}),rd=Je("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6}),id=Je(ed,{width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}),sd=Je("a",{"& svg:hover":{color:"$colors$info"}});function ld(t){return it.createElement(Ur,null,Array.from(Array(t.size),e=>it.createElement(NT,{key:e,hasDivider:!0,start:it.createElement(an,{variant:"circular",width:35,height:35}),end:it.createElement(qr,null,it.createElement(an,{variant:"text",size:"large",width:70}),it.createElement(ad,{size:4}),it.createElement(an,{variant:"text",size:"medium",width:50})),title:it.createElement("div",null,it.createElement(an,{variant:"text",size:"large",width:90}),it.createElement(ad,{size:4}),it.createElement(an,{variant:"text",size:"medium",width:90}))})))}i(ld,"LoadingTokenList");var ha=20,DT=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:s,customCssForTagTitle:a}=t,l=e.length;return z.createElement("div",{className:aa()},o?z.createElement("div",{className:sa()},o):z.createElement(ma,{className:la()},z.createElement(zr,{variant:"title",size:"xmedium"},r.symbol),z.createElement(wo,{direction:"horizontal",size:4}),z.createElement(da,{css:s},z.createElement(fa,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&z.createElement("div",{className:`${pa()} ${!o&&ca()}`},l>10?`${e.slice(0,5)}...${e.slice(l-6,l)}`:e," ",z.createElement(wo,{size:4,direction:"horizontal"}),z.createElement(sd,{href:n,target:"_blank",rel:"nofollow noreferrer",onClick:p=>p.stopPropagation()},z.createElement(MT,{size:12}))))},"renderDesc");function dd(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=md(e),l=g().fetchStatus,p=g().blockchains(),[c,u]=md(!0),{getBalanceFor:f,loading:m}=K(),{isTokenPinned:d}=g(),h=i(()=>{a(e.slice(0,s.length+ha))},"loadNextPage");ud(()=>{u(e.length>s.length)},[s.length]),ud(()=>{a(e.slice(0,ha))},[e.length]);let C=i(()=>!s.length&&o?z.createElement(z.Fragment,null,z.createElement(wo,{size:32}),z.createElement(_T,{title:ga.t("No results found"),description:ga.t("Try using different keywords")})):z.createElement($T,{endReached:c?h:void 0,itemContent:S=>{let y=s[S],k=xn(f(y)),w=y.address||"",x=p.find(M=>M.name===y.blockchain),b=Jn(x?.color||"",Pp(x?.color||"")?5:125),A=Jn(x?.color||"",-100),v={$$color:b,[`.${pd} &`]:{$$color:A},backgroundColor:"$$color"},T={$$color:A,[`.${pd} &`]:{$$color:b},color:"$$color"};return z.createElement("div",{style:{paddingRight:5}},z.createElement(BT,{style:{width:"100%",overflow:"hidden",height:"60px"},"tab-index":S,key:`${y.symbol}${y.address}`,id:`${y.symbol}${y.address}`,hasDivider:!0,onClick:()=>n(s[S]),start:z.createElement(nd,null,z.createElement(LT,{src:y.image,size:30}),d(y,t.type)&&z.createElement(rd,null,z.createElement(PT,{size:12,color:"gray"}))),title:x?.type==="COSMOS"||y.name||!y.name&&!w?z.createElement(ma,null,z.createElement(zr,{variant:"title",size:"xmedium"},y.symbol),z.createElement(wo,{direction:"horizontal",size:4}),z.createElement(da,{css:v},z.createElement(fa,{variant:"body",size:"xsmall",css:T},y.blockchain))):void 0,description:x?.info&&w&&x.type!=="COSMOS"?DT({address:w,token:s[S],customCssForTag:v,customCssForTagTitle:T,name:y.name,url:x.info.addressUrl.split("{wallet}").join(w)}):y.name||void 0,end:m?z.createElement(qr,null,z.createElement(cd,{variant:"text",size:"large",width:70}),z.createElement(wo,{size:4}),z.createElement(cd,{variant:"text",size:"medium",width:50})):k&&z.createElement(od,null,z.createElement(id,{variant:"title",size:"small"},k.amount),z.createElement("div",null),k.usdValue&&z.createElement(zr,{variant:"body",className:ua(),size:"xsmall"},`$${k.usdValue}`))}))},totalCount:s.length,key:`${r}-${o}`}),"renderList");return z.createElement(td,null,z.createElement(zr,{variant:"label",size:"large"},ga.t("Select Token")),z.createElement(wo,{size:4}),l==="loading"&&z.createElement(ld,{size:ha}),l==="success"&&z.createElement(Ur,{as:"ul"},C()))}i(dd,"TokenList");function ya(t){let{type:e}=t,o=OT(),n=Ye(),{fromBlockchain:r,toBlockchain:s,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:c}=X(),u=K.use.getBalanceFor(),[f,m]=FT(""),h=(e==="source"?r:s)?.name??"",C=g().blockchains({type:e}),S=g().tokens({type:e,blockchain:h,searchFor:f,getBalanceFor:u}),y=i(x=>{e==="source"?p(x):c(x)},"updateBlockchain"),k=i(x=>{e==="source"?a({token:x,meta:{blockchains:C,tokens:S}}):l({token:x,meta:{blockchains:C,tokens:S}})},"updateToken"),w={source:Qr.t("Source"),destination:Qr.t("Destination")};return to.createElement(pe,{header:{title:Qr.t("Swap {type}",{type:w[e]})}},to.createElement(me,null,to.createElement(ia,{blockchains:C,type:e=="source"?"from":"to",blockchain:e==="source"?r:s,onMoreClick:()=>o(O.blockchains),onChange:x=>{y(x)}}),to.createElement(fd,{size:24}),to.createElement(bt,{value:f,autoFocus:!0,placeholder:Qr.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>m(""),onChange:x=>m(x.target.value)}),to.createElement(fd,{size:16}),to.createElement(dd,{list:S,selectedBlockchain:h,searchedFor:f,type:e,onChange:x=>{k(x);let b=C.find(A=>x.blockchain===A.name);b&&y(b),n()}})))}i(ya,"SelectSwapItemsPage");import{i18n as ka}from"@lingui/core";import{Alert as ck,Button as uk,styled as mk}from"@rango-dev/ui";import oo from"react";import{useInRouterContext as dk,useSearchParams as fk}from"react-router-dom";import{i18n as Td}from"@lingui/core";import{Divider as QT,InfoIcon as HT,TextField as GT,Tooltip as VT,Typography as kd}from"@rango-dev/ui";import st from"react";import{Chip as UT,styled as ln,TextField as qT}from"@rango-dev/ui";var gd=ln("div",{paddingTop:"$5",padding:"$10 $5"}),hd=ln("div",{display:"flex",flexWrap:"wrap",gap:"$10",[`& ${qT}`]:{flex:"1 1 0",maxWidth:"127px",minWidth:"85px"}}),yd=ln("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),Hr=ln("div",{maxWidth:"280px",padding:"$10"}),Sd=ln(UT,{width:"61px",flexShrink:0});import{i18n as Sa}from"@lingui/core";import{Typography as zT}from"@rango-dev/ui";import pn from"react";function Cd(){return pn.createElement(Hr,null,pn.createElement(zT,{variant:"label",size:"medium",color:"neutral700"},Sa.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),pn.createElement("br",null),pn.createElement("br",null),pn.createElement("b",null,Sa.t("Warning")),":",Sa.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(Cd,"SlippageTooltipContent");function Ca(){let{slippage:t,setSlippage:e,customSlippage:o,setCustomSlippage:n}=g();return st.createElement(gd,null,st.createElement(yd,null,st.createElement(kd,{variant:"title",size:"xmedium"},Td.t("Slippage tolerance per swap")),st.createElement(QT,{direction:"horizontal",size:4}),st.createElement(VT,{container:B(),side:"top",sideOffset:4,content:st.createElement(Cd,null)},st.createElement(HT,{color:"gray"}))),st.createElement(hd,null,Al.map((r,s)=>{let a=`slippage-${s}`;return st.createElement(Sd,{key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`})}),st.createElement(GT,{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>=Ll&&a<=Ml?n(a):n(null)},suffix:o&&st.createElement(kd,{variant:"body",size:"small"},"%"),placeholder:Td.t("Custom")})))}i(Ca,"Slippage");import{i18n as ht}from"@lingui/core";import{AutoThemeIcon as wd,BridgesIcon as XT,ChevronRightIcon as Ta,DarkModeIcon as xd,Divider as Gr,ExchangeIcon as jT,InfinityIcon as KT,InfoIcon as YT,LanguageIcon as ZT,LightModeIcon as vd,List as JT,ListItem as RT,ListItemButton as ek,Skeleton as tk,styled as ok,Switch as nk,Tabs as rk,Tooltip as ik,Typography as Re}from"@rango-dev/ui";import D from"react";import{useNavigate as sk}from"react-router-dom";var ak=ok("div",{width:"202px",height:"$40"}),lk=[{id:"light",icon:D.createElement(vd,{color:"black",size:24}),tooltip:D.createElement(Re,{size:"xsmall",variant:"body"},ht.t("Light"))},{id:"dark",icon:D.createElement(xd,{color:"black",size:24}),tooltip:D.createElement(Re,{size:"xsmall",variant:"body"},ht.t("Dark"))},{id:"auto",icon:D.createElement(wd,{color:"black",size:24}),tooltip:D.createElement(Re,{size:"xsmall",variant:"body"},ht.t("Auto"))}],pk=i(t=>{let e={color:"gray",size:16};switch(t){case"auto":return D.createElement(wd,{...e});case"dark":return D.createElement(xd,{...e});default:return D.createElement(vd,{...e})}},"getThemeIcon");function bd(){let t=sk(),{theme:e}=g().config,{setTheme:o,theme:n}=g(),{activeLanguage:r,languages:s}=zt(),a=s.find(Q=>Q.local===r)?.label,l=g().fetchStatus,p=g().swappers(),c=g().getDisabledLiquiditySources(),{config:{features:u}}=g(),f=Xe("theme",u),m=Xe("liquiditySource",u),d=Xe("language",u),h=g().infiniteApprove,C=g().toggleInfiniteApprove,S=Wn(p,c),y=S.filter(Q=>["BRIDGE","AGGREGATOR","OFF_CHAIN"].includes(Q.type)),k=y.length,w=y.filter(Q=>Q.selected).length,x=S.filter(Q=>Q.type==="DEX"),b=x.length,A=x.filter(Q=>Q.selected).length,v=i((Q,P)=>{switch(l){case"loading":return D.createElement(tk,{variant:"text",size:"medium",width:50});case"failed":return D.createElement(Re,{variant:"body",size:"medium",color:"$error500"},ht.t("Loading failed"));default:return D.createElement(Re,{variant:"body",size:"medium"},`${Q} / ${P}`)}},"handleSwapperEndItem"),T={id:"bridge-item",title:D.createElement(Re,{variant:"title",size:"xmedium"},ht.t("Bridges")),end:D.createElement(D.Fragment,null,v(w,k),D.createElement(Gr,{direction:"horizontal",size:8}),D.createElement(Ta,{color:"black"})),onClick:()=>t(O.bridges),start:D.createElement(XT,{color:"gray",size:16})},M={id:"exchange-item",title:D.createElement(Re,{variant:"title",size:"xmedium"},ht.t("Exchanges")),end:D.createElement(D.Fragment,null,v(A,b),D.createElement(Gr,{direction:"horizontal",size:8}),D.createElement(Ta,{color:"black"})),start:D.createElement(jT,{color:"gray",size:16}),onClick:()=>t(O.exchanges)},E={id:"language-item",title:D.createElement(Re,{variant:"title",size:"xmedium"},ht.t("Language")),start:D.createElement(ZT,{color:"gray",size:16}),end:D.createElement(D.Fragment,null,D.createElement(Re,{variant:"body",size:"medium"},a),D.createElement(Gr,{direction:"horizontal",size:8}),D.createElement(Ta,{color:"black"})),onClick:()=>t(O.languages)},L={id:"infinite-approval-item",title:D.createElement(D.Fragment,null,D.createElement(Re,{variant:"title",size:"xmedium"},ht.t("Infinite approval")),D.createElement(Gr,{direction:"horizontal",size:4}),D.createElement(ik,{side:"top",sideOffset:4,container:B(),content:D.createElement(Hr,null,D.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.")))},D.createElement(YT,{color:"gray"}))),start:D.createElement(KT,{color:"gray",size:16}),end:D.createElement(nk,{checked:h}),onClick:C},G={id:"theme-item",type:D.createElement(RT,null),title:D.createElement(Re,{variant:"title",size:"xmedium"},ht.t("Theme")),end:D.createElement(ak,null,D.createElement(rk,{container:B(),items:lk,value:n,onChange:Q=>o(Q.id),type:"primary",borderRadius:"small"})),start:pk(n)},q=m?[]:[T,M];return d||q.push(E),q.push(L),!e?.singleTheme&&!f&&q.push(G),D.createElement(JT,{type:D.createElement(ek,{hasDivider:!0,id:"_",onClick:()=>console.log()}),items:q})}i(bd,"SettingsLists");var gk=mk("div",{paddingLeft:"$8"});function Id(){let{isInCampaignMode:t,updateCampaignMode:e}=g(),o=t(),[,n]=fk(),r=dk(),s=i(()=>{r&&o&&(n(a=>(a.delete("liquiditySources"),a),{replace:!0}),e("liquiditySources",void 0))},"onClick");return oo.createElement(pe,{header:{title:ka.t("Settings")}},oo.createElement(me,null,o&&oo.createElement(ck,{type:"info",variant:"alarm",title:ka.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:oo.createElement(gk,null,oo.createElement(uk,{type:"secondary",size:"small",onClick:s},ka.t("Reset")))}),oo.createElement(Ca,null),oo.createElement(bd,null)))}i(Id,"SettingsPage");import{i18n as tw}from"@lingui/core";import{cancelSwap as ow}from"@rango-dev/queue-manager-rango-preset";import{useManager as nw}from"@rango-dev/queue-manager-react";import{Alert as rw}from"@rango-dev/ui";import Fa from"react";import{useParams as iw}from"react-router-dom";import{i18n as Mt}from"@lingui/core";import{getCurrentBlockchainOfOrNull as Dk,getCurrentStep as Fk,getRelatedWalletOrNull as Ok}from"@rango-dev/queue-manager-rango-preset";import{Button as of,CopyIcon as Uk,Divider as qk,IconButton as zk,LinkIcon as Qk,QuoteCost as Hk,StepDetails as Gk,Typography as no,useCopyToClipboard as Vk}from"@rango-dev/ui";import{useWallets as Xk}from"@rango-dev/wallets-react";import nf from"bignumber.js";import{PendingSwapNetworkStatus as ei}from"rango-types";import Z,{useEffect as rf,useRef as jk,useState as sf}from"react";import{useNavigate as Kk}from"react-router-dom";import{i18n as Qt}from"@lingui/core";var hk=[Qt.t("Sunday"),Qt.t("Monday"),Qt.t("Tuesday"),Qt.t("Wednesday"),Qt.t("Thursday"),Qt.t("Friday"),Qt.t("Saturday")];function Ed(t){let e=new Date(t),o=e.getDate(),n=e.toLocaleString("default",{month:"long"}),r=e.getFullYear();return`${e.getDay()===new Date().getDay()?Qt.t("Today"):`${hk[e.getDay()]} ${o} ${n} ${r}`}, ${new Date(t).toLocaleTimeString()}`}i(Ed,"timeSince");function Ad(t){return t.finishTime?Ed(parseInt(t.finishTime)):Ed(parseInt(t.creationTime))}i(Ad,"getSwapDate");import{PendingSwapNetworkStatus as jr}from"rango-types";import Kr from"react";import{i18n as Vr}from"@lingui/core";import{Button as Wd,Divider as wa,MessageBox as yk}from"@rango-dev/ui";import Ht from"react";var Nd=i(({onCancel:t,onClose:e})=>Ht.createElement(Ht.Fragment,null,Ht.createElement(wa,{size:20}),Ht.createElement(yk,{type:"error",title:Vr.t("Cancel Swap"),description:Vr.t("Are you sure you want to cancel this swap?")}),Ht.createElement(wa,{size:32}),Ht.createElement(Wd,{variant:"contained",type:"primary",size:"large",onClick:t},Vr.t("Yes, Cancel it")),Ht.createElement(wa,{size:12}),Ht.createElement(Wd,{variant:"outlined",type:"primary",size:"large",onClick:e},Vr.t("No, Continue"))),"CancelContent");import{i18n as Xr}from"@lingui/core";import{Button as Md,Divider as xa,MessageBox as Sk,Typography as Ck}from"@rango-dev/ui";import Wt from"react";var Ld=i(({onDelete:t,onClose:e})=>Wt.createElement(Wt.Fragment,null,Wt.createElement(xa,{size:20}),Wt.createElement(Sk,{type:"error",title:Xr.t("Delete Transaction"),description:Xr.t("Are you sure you want to delete this swap?")}),Wt.createElement(xa,{size:32}),Wt.createElement(Md,{variant:"contained",type:"primary",size:"large",onClick:t},Xr.t("Yes, Delete it")),Wt.createElement(xa,{size:12}),Wt.createElement(Md,{variant:"outlined",type:"primary",size:"large",onClick:e},Wt.createElement(Ck,{variant:"title",size:"medium",color:"primary"},Xr.t("No, Cancel")))),"DeleteContent");import{i18n as va}from"@lingui/core";import{PendingSwapNetworkStatus as ba}from"rango-types";var Ia={[ba.WaitingForNetworkChange]:{type:"loading",title:va.t("Change Network")},[ba.WaitingForConnectingWallet]:{type:"warning",title:va.t("Connect Wallet")},[ba.NetworkChanged]:{type:"success",title:va.t("Network Changed")}};import{debug as Tk}from"@rango-dev/logging-core";import{MessageBox as kk,Wallet as wk}from"@rango-dev/ui";import{useWallets as xk}from"@rango-dev/wallets-react";import cn from"react";import{styled as Bd}from"@rango-dev/ui";var _d=Bd("div",{display:"flex",justifyContent:"center"}),bU=Bd("div",{maxWidth:280,"& ._typography":{wordWrap:"break-word",display:"block"}});var Pd=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:s,walletButtonDisabled:a}=t,{connect:l,getWalletInfo:p,state:c}=xk(),u=n?.walletType,f=u?ci(c(u)):null,m=u?p(u):null;return cn.createElement(cn.Fragment,null,cn.createElement(kk,{type:e,title:o,description:r}),s&&!!u&&!!f&&!!m&&cn.createElement(_d,null,cn.createElement(wk,{container:B(),title:m.name,image:m.img,type:u,state:f,link:m.installLink,disabled:a,onClick:async()=>l(u).catch(h=>Tk(h))})))},"WalletStateContent");function Ea(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:s,message:a,walletButtonDisabled:l}=t,p=e===jr.WaitingForNetworkChange||e===jr.WaitingForConnectingWallet||e===jr.NetworkChanged;return Kr.createElement(le,{open:!!e,onClose:o,container:document.getElementById(we.SWAP_BOX_ID)||document.body},p&&Kr.createElement(Pd,{type:Ia[e].type,title:Ia[e].title,currentStepWallet:s,message:a,walletButtonDisabled:l,showWalletButton:e!==jr.WaitingForNetworkChange}),e==="delete"&&Kr.createElement(Ld,{onClose:o,onDelete:n}),e==="cancel"&&Kr.createElement(Nd,{onClose:o,onCancel:r}))}i(Ea,"SwapDetailsModal");import{i18n as un}from"@lingui/core";import{Button as Aa,Divider as Yr,MessageBox as $d,TokenAmount as vk,Typography as Wa}from"@rango-dev/ui";import We from"react";import{useNavigate as bk}from"react-router-dom";function Na(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:s,realUsdValue:a,realValue:l,token:p,chain:c,percentageChange:u,description:f,diagnosisUrl:m}=t,d=bk();return We.createElement(le,{open:e,onClose:o,container:document.getElementById(we.SWAP_BOX_ID)||document.body},n==="success"?We.createElement($d,{type:"success",title:un.t("Swap Successful")},We.createElement(vk,{direction:"vertical",tooltipContainer:B(),type:"output",centerAlign:!0,price:{value:r,usdValue:s,realUsdValue:a,realValue:l},token:p,chain:c,percentageChange:u}),We.createElement(Yr,{size:12}),We.createElement(Wa,{variant:"body",size:"medium",color:"neutral700",align:"center"},f)):We.createElement($d,{type:"error",title:un.t("Transaction Failed"),description:f}),We.createElement(Yr,{size:32}),n==="success"&&We.createElement(Aa,{variant:"contained",type:"primary",size:"large",onClick:()=>{d("../../")}},We.createElement(Wa,{variant:"title",size:"medium",color:"neutral100"},un.t("Done"))),We.createElement(Yr,{size:12}),m&&We.createElement(We.Fragment,null,We.createElement(Aa,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(m,"_blank")},un.t("Diagnosis")),We.createElement(Yr,{size:12})),We.createElement(Aa,{variant:"outlined",type:"primary",size:"large",onClick:o},We.createElement(Wa,{variant:"title",size:"medium",color:"primary"},un.t("See Details"))))}i(Na,"SwapDetailsCompleteModal");import $k from"react";import{i18n as Lk}from"@lingui/core";import{Alert as Jd,IconButton as Bk,LinkIcon as _k}from"@rango-dev/ui";import Gt,{Fragment as Pk}from"react";import{Alert as Ak,ChevronDownIcon as Wk,IconButton as Nk}from"@rango-dev/ui";import vo,{useState as Mk}from"react";import{css as mn,darkTheme as Ik,styled as Nt,Typography as Ek}from"@rango-dev/ui";var Dd=Nt("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),Zr=Nt("div",{width:"100%"}),Fd=Nt(Do,{padding:"$0 $20 $20 $20"}),sq=Nt("div",{display:"flex",flexDirection:"column",gap:"$10"}),Od=Nt("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),aq=Nt("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1}),xo=mn({display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${Ik} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"}),Ud=mn({padding:"$5 0"}),Jr=mn({display:"flex",justifyContent:"center",alignItems:"center",height:"$24"}),qd=mn({display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"}),zd=mn({width:"100%",padding:"0 $20 $10"}),Qd=Nt("a",{fontSize:"$16",fontWeight:"$400",color:"$neutral700",display:"flex",alignItems:"center",justifyContent:"center"}),Hd=Nt("div",{display:"flex",flexDirection:"column",gap:"$5"}),Rr=Nt(Ek,{wordBreak:"break-word"});import{styled as Ma}from"@rango-dev/ui";var Gd=Ma("div",{display:"flex",flexDirection:"column",gap:"$10"}),Vd=Ma("div",{transition:"transform 0.3s ease-in-out",variants:{rotated:{true:{transform:"rotate(180deg)"}}}}),Xd=Ma("div",{transition:"max-height 0.3s ease-in-out",maxHeight:"0px",overflow:"hidden",variants:{open:{true:{maxHeight:"200px"}}}});function jd(t){let{message:e}=t,[o,n]=Mk(!1);return vo.createElement(Ak,{type:"error",title:e.shortMessage,containerStyles:{"& .footer":{paddingTop:"$0"}},action:e.detailedMessage.content&&vo.createElement(Nk,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},vo.createElement(Vd,{rotated:o},vo.createElement(Wk,{size:12,color:"gray"}))),footer:vo.createElement(Xd,{open:o},vo.createElement(Rr,{variant:"body",size:"xsmall",color:"neutral700"},e.detailedMessage.content))})}i(jd,"FailedAlert");import{i18n as Kd}from"@lingui/core";import{Alert as La,Button as Yd}from"@rango-dev/ui";import{PendingSwapNetworkStatus as Ba}from"rango-types";import dn from"react";function Zd(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?dn.createElement(La,{type:"warning",title:n.shortMessage,action:dn.createElement(Yd,{size:"xxsmall",type:"warning",onClick:()=>{o(Ba.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},Kd.t("Change"))}):r===Ba.WaitingForConnectingWallet?dn.createElement(La,{type:"warning",title:n.shortMessage,action:dn.createElement(Yd,{size:"xxsmall",type:"warning",onClick:()=>{o(Ba.WaitingForConnectingWallet)}},Kd.t("Connect"))}):dn.createElement(La,{type:"warning",title:n.shortMessage})}i(Zd,"WarningAlert");function _a(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:s,hasAlreadyProceededToSign:a}=t,l=_o(s),p=s.status==="waitingForApproval"&&!l,c=s.status==="running"&&!l,u=c&&!a||p&&!s.explorerUrl?.length;return Gt.createElement(Gd,null,s.explorerUrl?.map((f,m,d)=>{let h=m+f.url,C=m===d.length-1,S=(C&&c||p)&&!u,y=C&&s.status==="failed";return Gt.createElement(Pk,{key:h},Gt.createElement(Jd,{type:C&&(S&&"loading"||y&&"error")||"success",title:f.description?`${f.description} Tx`:Lk.t("View transaction"),action:f.url&&Gt.createElement(Bk,{variant:"ghost",size:"xsmall",onClick:()=>window.open(f.url,"_blank")},Gt.createElement(_k,{size:12}))}))}),u&&Gt.createElement(Jd,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&l&&Gt.createElement(Zd,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&Gt.createElement(jd,{message:r}))}i(_a,"SwapDetailsAlerts");var Rd=2e3;var ef=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:N(l,6,6),realValue:l}},to:{token:{displayName:s.toSymbol,image:s.toLogo},chain:{displayName:Ve(s.toBlockchain,e)??"",image:s.toBlockchainLogo??""},price:{value:N(s.outputAmount||s.expectedOutputAmountHumanReadable,6,6),realValue:s.outputAmount||s.expectedOutputAmountHumanReadable}},swapper:{displayName:No(s.swapperId,o),image:s.swapperLogo??"",type:s.swapperType},internalSwaps:s.internalSwaps?s.internalSwaps.map(p=>({from:{chain:{displayName:Ve(p.fromBlockchain,e)??"",image:p.fromBlockchainLogo??""}},to:{chain:{displayName:Ve(p.toBlockchain,e)??"",image:p.toBlockchainLogo??""}},swapper:{displayName:No(p.swapperId,o),image:p.swapperLogo??"",type:p.swapperType}})):[],alerts:$k.createElement(_a,{step:s,hasAlreadyProceededToSign:r,...n})}})},"getSteps");function tf(t){if(_o(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(tf,"getStepState");function Pa(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:s,connect:a,getWalletInfo:l}=Xk(),p=g().blockchains(),c=g().swappers(),u=g().tokens(),f=X.use.retry(),m=re.use.isActiveTab(),d=Kk(),[h,C]=Vk(Rd),S=jk(null),[y,k]=sf(null),[w,x]=sf(null),b=i(()=>{r(),k(null)},"onCancel"),A=Fe.use.getUnreadNotifications(),v=Fe.use.setAsRead(),T=A(),M=Fk(e),E=M?.networkStatus;rf(()=>{T.find(lt=>lt.requestId===e.requestId)&&(e.status==="success"||e.status==="failed"?(x(e.status),v(e.requestId)):w&&x(null))},[e.status,e.requestId]),rf(()=>{ie?k(ei.WaitingForNetworkChange):E===ei.WaitingForConnectingWallet||E===ei.NetworkChanged?k(E):k(null)},[E]);let L=ip(e),G=M?Dk(e,M):null,q=M?Ok(e,M):null,Q=Ad(e),P=sp(e),te=i(Ne=>!!l(Ne)?.mobileWallet,"isMobileWallet"),ie=E===ei.WaitingForNetworkChange&&!!G&&!!q?.walletType&&(te(q.walletType)||s(q.walletType,G)),R=ie?a.bind(null,q.walletType,G):void 0,oe=rp(e,M),I=ef({swap:e,switchNetwork:R,showNetworkModal:E,setNetworkModal:k,message:oe,blockchains:p,swappers:c}),W=I.length,[ce,J]=[e.steps[0],e.steps[W-1]],ne=J.outputAmount||J.expectedOutputAmountHumanReadable,yt=e.steps.reduce((Ne,lt)=>Ne+parseFloat(lt.feeInUsd||""),0),H=e.steps.find(Ne=>Ne.diagnosisUrl)?.diagnosisUrl,V=N(parseFloat(N(ne,6,6))*(J.toUsdPrice||0),4,4),Y=N(parseFloat(e.inputAmount)*(ce.fromUsdPrice||0),4,4),Se=ne?ue(new nf(ne).multipliedBy(J.toUsdPrice||0)):"",et=ue(new nf(e.inputAmount).multipliedBy(ce.fromUsdPrice||0)),De=je(Y,V),Ee=oe.detailedMessage.content||oe.shortMessage,Ge=e.status==="success"?Mt.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:N(ne,6,6),token:I[W-1].to.token.displayName,conciseAddress:vn(e.wallets[I[W-1].to.chain.displayName]?.address||""),chain:I[W-1].to.chain.displayName}}):Z.createElement(Hd,null,Z.createElement(no,{variant:"body",size:"medium",color:"neutral700",align:"center"},Ee?"":Mt.t("Transaction was not sent."),L?`${Mt.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:L.outputAmount,symbol:L.symbol,blockchain:L.blockchain}})}`:""),Ee&&Z.createElement(Rr,{align:"center",variant:"body",size:"medium",color:"neutral700"},Z.createElement("b",null,"Reason:")," ",Ee));return Z.createElement(pe,{header:{title:Mt.t("Swap and Bridge"),onCancel:e.status==="running"?()=>k("cancel"):void 0,suffix:e.status!=="running"&&Z.createElement(co,null,Z.createElement(of,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>k("delete")},Z.createElement(no,{size:"medium",variant:"label",color:"error"},Mt.t("Delete"))))},footer:P&&!w&&Z.createElement(of,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{f(e,{blockchains:p,tokens:u}),setTimeout(()=>{d("../../")},0)}},Mt.t("Try again"))},Z.createElement(me,{compact:!0,view:!0},Z.createElement(Zr,null,Z.createElement("div",{className:xo()},Z.createElement(no,{variant:"label",size:"large",color:"neutral700"},`${Mt.t("Request ID")}:`),Z.createElement("div",{className:Jr()},Z.createElement(no,{variant:"label",size:"small",color:"neutral700"},o),Z.createElement(zk,{variant:"ghost",onClick:C.bind(null,o||"")},Z.createElement(Uk,{size:16,color:"gray"})),Z.createElement(Qd,{target:"_blank",href:`${Va}/swap/${o}`},Z.createElement(Qk,{size:16})))),Z.createElement("div",{className:xo()},Z.createElement(no,{variant:"label",size:"large",color:"neutral700"},`${Mt.t(e.finishTime?"Finished at":"Created at")}:`),Z.createElement(no,{variant:"label",size:"small",color:"neutral700"},Q))),Z.createElement("div",{className:qd()},Z.createElement(Hk,{fee:N(String(yt),2,2),time:Io(yn(e.steps)),steps:W}),Z.createElement(Ho,{from:{price:{value:N(e.inputAmount,6,6),usdValue:Y,realUsdValue:et,realValue:e.inputAmount},token:{displayName:I[0].from.token.displayName,image:I[0].from.token.image},chain:{image:I[0].from.chain.image,displayName:I[0].from.chain.displayName}},to:{price:{value:N(ne,6,6),usdValue:V,realUsdValue:Se,realValue:ne},token:{displayName:I[W-1].to.token.displayName,image:I[W-1].to.token.image},chain:{image:I[W-1].to.chain.image,displayName:I[W-1].to.chain.displayName}},percentageChange:N(De,2,2),warningLevel:Tt(De??0)})),Z.createElement("div",{className:zd()},Z.createElement(no,{variant:"title",size:"small"},Mt.t("Swaps steps"))),Z.createElement(qk,{size:8}),Z.createElement(Fd,{ref:S},I.map((Ne,lt)=>{let Ha=lt,bo=tf(e.steps[lt]),bf=bo==="error"||bo==="in-progress"||bo==="warning"||bo==="completed"&<===I.length-1;return Z.createElement(Gk,{key:Ha,step:Ne,type:"swap-progress",ref:S,state:bo,hasSeparator:lt!==0,tabIndex:Ha,isFocused:bf,tooltipContainer:B()})}))),Z.createElement(Ea,{state:y,onClose:()=>k(null),onCancel:b,onDelete:n,message:oe.detailedMessage.content,currentStepWallet:q,walletButtonDisabled:!m}),Z.createElement(Na,{open:!!w,diagnosisUrl:H,onClose:()=>x(null),status:e.status==="success"?"success":"failed",priceValue:N(ne,6,6),usdValue:V,realUsdValue:Se,realValue:ue(ne),percentageChange:N(De,2,2),token:{displayName:I[W-1].to.token.displayName,image:I[W-1].to.token.image},chain:{image:I[W-1].to.chain.image},description:Ge}))}i(Pa,"SwapDetails");import{i18n as oi}from"@lingui/core";import{Divider as pf,NotFound as ew,Skeleton as gn,Typography as ni}from"@rango-dev/ui";import ge from"react";import{i18n as Yk}from"@lingui/core";import{Divider as Zk,Skeleton as Jk,Typography as Rk}from"@rango-dev/ui";import ye from"react";import{css as at,styled as $a}from"@rango-dev/ui";var af=$a("div",{width:"100%",height:"100%",padding:"$10 $20"}),fn=$a("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15"}),ti=$a("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"}),Cz=at({display:"flex",justifyContent:"space-between",alignItems:"center"}),Tz=at({display:"flex",justifyContent:"space-between",alignItems:"center"}),kz=at({paddingTop:"$15",display:"flex"}),wz=at({padding:"$15 $0"}),xz=at({width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"}),vz=at({paddingBottom:"$10"}),bz=at({display:"flex",justifyContent:"start",alignItems:"center"}),Iz=at({paddingTop:"$5",display:"flex",alignItems:"center"}),Ez=at({display:"flex",alignItems:"center"}),Az=at({padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"}),lf=at({display:"flex",paddingTop:"$10",paddingBottom:"$5"});function Da(){return ye.createElement(af,null,ye.createElement(jo,{type:"swap-preview"}),ye.createElement("div",{className:"swaps-steps"},ye.createElement(Rk,{variant:"title",size:"small"},Yk.t("Swaps steps"))),ye.createElement(ye.Fragment,null,ye.createElement(fn,null,ye.createElement(ft,{separator:!1}),ye.createElement("div",{className:lf()},ye.createElement(Zk,{direction:"horizontal",size:20}),ye.createElement(Jk,{height:22,variant:"rectangular"}))),ye.createElement(ti,null),ye.createElement(fn,null,ye.createElement(ft,{separator:!1})),ye.createElement(ti,null),ye.createElement(fn,null,ye.createElement(ft,{separator:!1})),ye.createElement(ti,null),ye.createElement(fn,null,ye.createElement(ft,{separator:!1}))))}i(Da,"LoadingSwapDetails");function cf(t){let{requestId:e,showSkeleton:o}=t;return ge.createElement(pe,{header:{title:oi.t("Swap and Bridge"),suffix:ge.createElement(co,null)}},o&&ge.createElement(Dd,null,ge.createElement(Zr,null,ge.createElement("div",{className:xo()},ge.createElement(ni,{variant:"label",size:"large",color:"neutral700"},`${oi.t("Request ID")}:`),ge.createElement("div",{className:Jr()},ge.createElement(ni,{variant:"label",size:"small",color:"neutral700"},ge.createElement(gn,{width:60,height:10,variant:"rounded"})),ge.createElement(pf,{direction:"horizontal",size:4}),ge.createElement(gn,{width:16,height:16,variant:"rectangular"}),ge.createElement(pf,{direction:"horizontal",size:4}),ge.createElement(gn,{width:16,height:16,variant:"rectangular"}))),ge.createElement("div",{className:xo()},ge.createElement(ni,{className:Ud(),variant:"label",size:"large",color:"neutral700"},ge.createElement(gn,{width:60,height:10,variant:"rounded"})),ge.createElement(ni,{variant:"label",size:"small",color:"neutral700"},ge.createElement(gn,{width:60,height:10,variant:"rounded"})))),ge.createElement(Da,null)),!o&&ge.createElement(Od,null,ge.createElement(ew,{title:oi.t("Not found"),description:oi.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}i(cf,"SwapDetailsPlaceholder");function uf(){let{manager:t,state:e}=nw(),o=!e.loadedFromPersistor,n=ut(t),{requestId:r}=iw(),s=Ye(),{fetchStatus:a}=g();if(!r)return Fa.createElement(rw,{containerStyles:{margin:"20px"},type:"error",title:tw.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&&ow(m)}},"onCancel"),u=i(async()=>{if(p?.id)try{t?.deleteQueue(p.id),s()}catch(m){console.log(m)}},"onDelete"),f=p?.swap;return!f||l?Fa.createElement(cf,{requestId:r,showSkeleton:l}):Fa.createElement(Pa,{swap:f,requestId:r,onCancel:c,onDelete:u})}i(uf,"SwapDetailsPage");function mf(){return hp(),Pi(),sw([{path:O.home,element:qe.createElement(Lm,null)},{path:O.routes,element:qe.createElement(Dm,null)},{path:O.fromSwap,children:[{index:!0,element:qe.createElement(ya,{type:"source"})},{path:O.blockchains,element:qe.createElement(ea,{type:"source"})}]},{path:O.toSwap,children:[{index:!0,element:qe.createElement(ya,{type:"destination"})},{path:O.blockchains,element:qe.createElement(ea,{type:"destination"})}]},{path:O.settings,children:[{index:!0,element:qe.createElement(Id,null)},{path:O.languages,element:qe.createElement(_m,null)},{path:O.exchanges,element:qe.createElement(Ys,{sourceType:"Exchanges"})},{path:O.bridges,element:qe.createElement(Ys,{sourceType:"Bridges"})}]},{path:O.swaps,children:[{index:!0,element:qe.createElement(um,null)},{path:O.swapDetails,element:qe.createElement(uf,null)}]},{path:O.wallets,element:qe.createElement(vc,null)},{path:O.confirmSwap,element:qe.createElement(Ru,null)}])}i(mf,"AppRoutes");import{useQueueManager as fw}from"@rango-dev/queue-manager-rango-preset";import{splitWalletNetwork as gw}from"@rango-dev/wallets-shared";import{isEvmBlockchain as hw}from"rango-sdk";import{useContext as yw,useEffect as Sw,useState as Cf}from"react";import{globalCss as aw}from"@rango-dev/ui";var df=i(()=>aw({"@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 ff(){let{setWatermark:t}=re();return{fetchApiConfig:i(async()=>{let o=await fetch(`${St("BASE_URL")}/meta/dapp/config?apiKey=${St("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(ff,"useFetchApiConfig");import{useWallets as lw}from"@rango-dev/wallets-react";import{useEffect as pw,useRef as cw}from"react";function gf(){let{connect:t,state:e}=lw(),o=cw({}),{fetchStatus:n}=g(),r=new URLSearchParams(location.search).get("autoConnect")||"",s=e(r);pw(()=>{n==="success"&&r&&s.installed&&!s.connecting&&!s.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[s,n])}i(gf,"useForceAutoConnect");import{isApprovalTX as uw,MainEvents as ri,RouteEventType as hf,StepEventType as yf,StepExecutionEventStatus as mw,useEvents as dw}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Sf}from"react";function Oa(){let t=g().tokens(),e=K.use.connectedWallets(),o=K.use.getWalletsDetails(),n=Fe.use.setNotification(),r=dw();Sf(()=>{let s=i(a=>{let{event:l,step:p,route:c}=a;if(l.type===yf.TX_EXECUTION&&l.status===mw.TX_SENT&&!uw(p)||l.type===yf.SUCCEEDED){let f=e.find(d=>d.chain===p?.fromBlockchain),m=p?.fromBlockchain!==p?.toBlockchain&&e.find(d=>d.chain===p?.toBlockchain);f&&o([f],t),m&&o([m],t)}n(l,c)},"handleStepEvent");return r.on(ri.StepEvent,s),()=>r.off(ri.StepEvent,s)},[r,e.length]),Sf(()=>{let s=i(a=>{let{event:l,route:p}=a;(l.type===hf.FAILED||l.type===hf.SUCCEEDED)&&n(l,p)},"handleRouteEvent");return r.on(ri.RouteEvent,s),()=>r.off(ri.RouteEvent,s)},[r,e.length])}i(Oa,"useSubscribeToWidgetEvents");function Ua(){df(),gf(),Oa();let t=g().blockchains(),{canSwitchNetworkTo:e}=pr(),[o,n]=Cf(""),[r,s]=Cf(),a=yw(Mn),l=t.filter(hw),{fetchApiConfig:p}=ff();fw({lastConnectedWallet:o,clearDisconnectedWallet:()=>{s(void 0)},disconnectedWallet:r,evmChains:l,canSwitchNetworkTo:e}),Sw(()=>(Vt.init(),Fe.persist.hasHydrated()||Fe.persist.rehydrate(),a.onConnectWallet(n),a.onDisconnectWallet(c=>{s(c),c===gw(o)?.[0]&&n("")}),p().catch(console.log),Vt.destroy),[])}i(Ua,"useBootstrap");import{styled as Cw}from"@rango-dev/ui";var Tf=Cw("div",{fontFamily:"$widget",boxSizing:"border-box",textAlign:"left","& *, *::before, *::after":{boxSizing:"inherit"},"& *:focus-visible":{outlineColor:"$info500",transition:"none"},"& ul, ol, li":{listStyleType:"none"}});function ii(){Ua();let{config:t}=g(),{activeTheme:e}=Rn(t?.theme||{}),{activeLanguage:o}=zt();return qa.createElement(Tw,{language:o},qa.createElement(Tf,{id:"swap-container",className:e()},qa.createElement(mf,null)))}i(ii,"Main");import Qa,{useMemo as Fw}from"react";import{checkWaitingForNetworkChange as kw,makeQueueDefinition as ww}from"@rango-dev/queue-manager-rango-preset";import{Provider as xw}from"@rango-dev/queue-manager-react";import{useWallets as vw}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as bw}from"@rango-dev/wallets-shared";import{isEvmBlockchain as Iw}from"rango-types";import Ew,{useMemo as Aw}from"react";function Ww(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=vw(),l=Aw(()=>ww({API_KEY:t.apiKey||St("API_KEY"),BASE_URL:St("BASE_URL")}),[t.apiKey]),p=g().blockchains(),u={blockchains:K.use.connectedWallets().map(w=>({accounts:[w],name:w.chain}))},f=i(async(w,x)=>{if(s(w,x))return r(w,x)},"switchNetwork"),m=i(w=>!!a(w).mobileWallet,"isMobileWallet"),d=p.filter(w=>w.enabled).reduce((w,x)=>(w[x.name]=x,w),{}),h=p.filter(Iw),C=i(w=>{let{supportedChains:x}=a(w);return Tn(x)},"getSupportedChainNames"),S=e(),y={meta:{blockchains:d,evmBasedChains:h,evmNetworkChainInfo:bw(h),getSupportedChainNames:C},getSigners:o,wallets:u,providers:S,switchNetwork:f,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:m},k=re.use.isActiveTab();return Ew.createElement(xw,{queuesDefs:[l],context:y,onPersistedDataLoaded:w=>{kw(w)},isPaused:!k},t.children)}i(Ww,"QueueManager");var kf=Ww;import{useManager as _w}from"@rango-dev/queue-manager-react";import Pw,{createContext as $w,useContext as Dw}from"react";import{cancelSwap as Nw,getCurrentBlockchainOfOrNull as Mw,getCurrentStep as Lw,getRelatedWalletOrNull as Bw}from"@rango-dev/queue-manager-rango-preset";var si=class{static{i(this,"WidgetHistory")}manager;actions;constructor(e,o){this.manager=e,this.actions=o}getAllSwaps(){return ut(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&&Nw(o)}getCurrentStepInfo(e){let o=Lw(e);return{step:o,wallet:o?Bw(e,o):null,network:o?Mw(e,o):null}}};var wf=$w(void 0);function za(t){let{manager:e}=_w(),o=re.use.isActiveTab(),n=X.use.retry(),r=new si(e,{retrySwap:n}),s=K.use.connectedWallets(),a=K.use.loading(),l=ol(s),p=K.use.getWalletsDetails(),c=g().blockchains(),u=g().tokens(),f=g().swappers(),m=g().fetchStatus,d=zt().resetLanguage,h=Fe().getUnreadNotifications(),C={isActiveTab:o,setCurrentTabAsActive:Vt.forceClaim,history:r,wallets:{isLoading:a,details:s,totalBalance:l,refetch:p},meta:{blockchains:c,tokens:u,swappers:f,loadingStatus:m},resetLanguage:d,notifications:{list:h}};return Pw.createElement(wf.Provider,{value:C},t.children)}i(za,"WidgetInfo");function xf(){let t=Dw(wf);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}i(xf,"useWidget");function ai(t){let{onUpdateState:e,config:o}=t;return Fw(()=>{ll({API_KEY:o?.apiKey||hn,BASE_URL:o?.apiUrl||Ga})},[o.apiKey,o.apiUrl]),Qa.createElement(Ln,{config:o,onUpdateState:e},Qa.createElement(kf,{apiKey:o.apiKey},Qa.createElement(za,null,t.children)))}i(ai,"WidgetProvider");function vf(t){let e=t.config?.externalWallets;return li.createElement(ql,null,e?li.createElement(ii,null):li.createElement(ai,{config:t.config??gi},li.createElement(ii,null)))}i(vf,"Widget");export{kG as EventSeverity,wG as MainEvents,LG as Networks,PG as PendingSwapNetworkStatus,xG as RouteEventType,vG as StepEventType,bG as StepExecutionBlockedEventStatus,IG as StepExecutionEventStatus,we as UI_ID,NG as WalletEvents,BG as WalletTypes,vf as Widget,ai as WidgetProvider,Ln as WidgetWallets,Qi as customizedThemeTokens,WG as readAccountAddress,pr as useWallets,xf as useWidget,EG as useWidgetEvents};
|
|
1
|
+
var If=Object.defineProperty;var i=(t,e)=>If(t,"name",{value:e,configurable:!0});import{EventSeverity as kG,MainEvents as wG,RouteEventType as xG,StepEventType as vG,StepExecutionBlockedEventStatus as bG,StepExecutionEventStatus as IG,useEvents as EG}from"@rango-dev/queue-manager-rango-preset";import{readAccountAddress as WG,useWallets as pr,Events as NG}from"@rango-dev/wallets-react";import{Networks as LG,WalletTypes as BG}from"@rango-dev/wallets-shared";import{PendingSwapNetworkStatus as PG}from"rango-types";import{UI_ID as Ef}from"@rango-dev/ui";var hn="c6381a79-2817-4602-83bf-6a641a409e32",Ga="https://api.rango.exchange",Va="https://explorer.rango.exchange",we={SWAP_BOX_ID:"rango-swap-box",EXPANDED_BOX_ID:"rango-expanded-box",...Ef};import{Events as xi,Provider as Sg}from"@rango-dev/wallets-react";import{isEvmBlockchain as Cg}from"rango-sdk";import Nn,{createContext as Tg,useEffect as Ol,useMemo as kg,useRef as Ul}from"react";import{useEffect as zf}from"react";import{create as Of}from"zustand";import{subscribeWithSelector as Uf}from"zustand/middleware";import{RangoClient as Df}from"rango-sdk";import{WalletState as ct}from"@rango-dev/ui";import{readAccountAddress as Nf}from"@rango-dev/wallets-react";import{detectInstallLink as Mf,getCosmosExperimentalChainInfo as Lf,isEvmAddress as Bf,KEPLR_COMPATIBLE_WALLETS as ex,Networks as Ya}from"@rango-dev/wallets-shared";import pi from"bignumber.js";import{isCosmosBlockchain as _f}from"rango-types";import Af from"bignumber.js";var Me=new Af(0);import{WalletTypes as Wf}from"@rango-dev/wallets-shared";var Xa=[Wf.LEAP];import{BigNumber as Ka}from"bignumber.js";var Io=i(t=>{let e=Math.floor(t%60/15)*15,o=parseInt((t/60).toString());return o>=60?`${Math.floor(o/5)*5}:00`:`${o.toString().padStart(2,"0")}:${e.toString().padStart(2,"0")}`},"roundedSecondsToString"),N=i((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new Ka(t),r=1,s=1e3;for(let a=0;a<60;a++)if(new Ka(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 yn=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"),Eo=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function ue(t){return N(t,12,12).replace(/(?:\.0*|(\.\d+?)0*)$/,"$1")}i(ue,"formatTooltipNumbers");function ci(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(ci,"mapStatusToWalletState");function Za(t,e,o,n){return o.filter(r=>!Xa.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,showOnMobile:p}=e(r),c=ci(t(r));return{title:s,image:a,link:Mf(l),state:c,type:r,showOnMobile:p}})}i(Za,"mapWalletTypesToWalletInfo");function Tn(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(Tn,"walletAndSupportedChainsNames");function Ja(t,e,o,n,r){let s=[];function a(p,c){if(!!!s.find(f=>f.chain===p)){let f={address:c,chain:p,walletType:t};s.push(f)}}i(a,"addAccount");let l=n||[];return e.forEach(p=>{let{address:c,network:u}=Nf(p),f=l.length>0,m=l.includes(u),d=u===Ya.Unknown;if(f&&!m&&!d)return;let C=u===Ya.Unknown&&Bf(c);if(d&&!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(Ja,"prepareAccountsForWalletStore");function Ra(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(Ra,"getRequiredChains");function kn(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(kn,"isAccountAndWalletMatched");function el(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 pi(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:$f(o,r.asset.symbol,r.asset.address,e)||null}))||[]}i(el,"makeBalanceFor");function tl(t){return{...t,loading:!1,error:!0}}i(tl,"resetConnectedWalletState");var ol=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=N(n?.flatMap(s=>s.accounts)?.flatMap(s=>s?.balances)?.map(s=>new pi(s?.amount||Me).multipliedBy(s?.usdPrice||0))?.reduce((s,a)=>s.plus(a),Me)||Me).toString();return Pf(r)},"calculateWalletUsdValue");function Pf(t){let e=t.toString().split(".");return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),e.join(".")}i(Pf,"numberWithThousandSeparator");var $f=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice"),wn=i((t,e)=>{let o=Lf(Object.entries(t).map(([,n])=>n).filter(_f));return o&&o[e]?.experimental},"isExperimentalChain");function xn(t){return t?{...t,amount:N(t.amount,8,8),usdValue:N(t.usdValue,4,4)}:null}i(xn,"formatBalance");function nl(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(nl,"compareTokenBalance");function Le(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(Le,"areTokensEqual");function rl(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(rl,"sortWalletsBasedOnConnectionState");function vn(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(vn,"getConciseAddress");function il({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(il,"getAddress");function ui(t){return`${t.blockchain}-${t.symbol}-${t.address??""}`}i(ui,"createTokenHash");function bn(t){return t.flatMap(e=>e.balances).reduce((e,o)=>{let n={amount:o?.amount??"",decimals:o?.decimal??0,usdValue:o?.usdPrice?new pi(o?.usdPrice??Me).multipliedBy(o?.amount).toString():""},r=o?ui({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(bn,"makeTokensBalance");var sl=i((t,e)=>!!t.find(o=>o.chain===e&&o.loading),"isFetchingBalance");function al(t){return t.map(e=>e.state).join("-")}i(al,"hashWalletsState");var mi={API_KEY:hn};function St(t){return mi[t]||""}i(St,"getConfig");function ll(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),mi=e,mi}i(ll,"initConfig");var pl=20,cl=25,ul="Roboto",di="theme-widget",Ao=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"),fi=i((t,e)=>t&&e&&!e.includes(t.name),"isBlockchainExcludedInConfig"),ml=i((t,e,o)=>o==="expanded"&&(t||e)||o==="full-expanded"&&e,"isVariantExpandable");var In,Lt=i(()=>In||(In=new Df(St("API_KEY"),St("BASE_URL")),In),"httpService");var Ff=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"),Bt=Ff;var K=Bt(Of()(Uf((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:bn(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=>kn(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:c,chain:u})=>({address:c,blockchain:u})),p=(await Lt().getWalletsDetails(a)).wallets;if(p)t(c=>{let u=c.connectedWallets.map(m=>{let d=o.find(C=>kn(C,m)),h=p.find(C=>C.address===m.address&&C.blockChain===m.chain);return h?.failed&&d&&r&&s([d],n,!1),d&&h?{...m,explorerUrl:h.explorerUrl,balances:el(h,n),loading:!1}:m});return{loading:!1,balances:bn(u),connectedWallets:u}});else throw new Error("Wallet not found")}catch{t(l=>{let p=l.connectedWallets.map(u=>o.find(f=>kn(f,u))?tl(u):u);return{loading:!1,balances:bn(p),connectedWallets:p}})}},getBalanceFor:o=>{let{balances:n}=e(),r=ui(o);return n[r]??null}}))));import{allProviders as qf}from"@rango-dev/provider-all";function En(t,e){let o=qf({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(En,"matchAndGenerateProviders");function dl(t,e){return En(t,e).map(r=>r.config.type)}i(dl,"configWalletsToWalletName");function fl(t,e){let o=K.use.clearConnectedWallet(),n=En(void 0,e);return zf(()=>{o(),n=En(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}i(fl,"useWalletProviders");import ug,{createContext as mg,useContext as dg,useEffect as fg,useRef as gg}from"react";import{create as pg}from"zustand";import{persist as cg}from"zustand/middleware";var gi={apiKey:"",title:void 0,multiWallets:!0,excludeLiquiditySources:!0,customDestination:!0,variant:"default"},Qf={clientUrl:void 0},Hf={liquiditySources:void 0},gl=i((t,e,o)=>({config:{...gi,...t},iframe:Qf,campaignMode:Hf,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 An(t){return Array.from(new Set(t))}i(An,"removeDuplicateFrom");function Si(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(Si,"areEqual");function kl(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i(kl,"debounce");function Ct(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(Ct,"containsText");function Sl(t,e){return t.toLowerCase()===e.toLowerCase()}i(Sl,"exactText");function Cl(t,e){return t.toLowerCase().startsWith(e.toLowerCase())}i(Cl,"startWithText");var B=i(()=>document.getElementById(we.SWAP_BOX_ID),"getContainer"),Wo=i(()=>document.getElementById(we.EXPANDED_BOX_ID),"getExpanded");function Tl(t,e,o){let n=!!e&&Sl(e,t),r=!!o&&Sl(o,t);return n!==r?n?-1:1:0}i(Tl,"compareExactMatchText");function hi(t,e,o){let n=!!e&&Ct(e,t),r=!!o&&Ct(o,t);return n!==r?n?-1:1:n&&r&&e?.length!==o?.length?e?.length-o?.length:0}i(hi,"compareContainsText");function yi(t,e,o){let n=!!e&&Cl(e,t),r=!!o&&Cl(o,t);return n!==r?n?-1:1:n&&r&&e?.length!==o?.length?e?.length-o?.length:0}i(yi,"compareStartWithText");function wl(t,e,o){if(!o)return 0;let n=Tl(o,t.symbol,e.symbol);if(n)return n;if(o.length>=3){let r=Tl(o,t.name,e.name);if(r)return r}if(o.length>=2){let r=yi(o,t.symbol,e.symbol);if(r)return r}if(o.length>=3){let r=hi(o,t.symbol,e.symbol);if(r)return r}if(o.length>=3){let r=yi(o,t.name,e.name);if(r)return r}if(o.length>=3){let r=hi(o,t.name,e.name);if(r!==0)return r}if(o.length>=4){let r=yi(o,t.address,e.address);if(r)return r}if(o.length>=4){let r=hi(o,t.address,e.address);if(r!==0)return r}return 0}i(wl,"compareWithSearchFor");function xl(t,e){return e.find(o=>o.name===t)?.displayName}i(xl,"getBlockchainDisplayNameFor");function Ve(t,e){return e.find(o=>o.name===t)?.shortName}i(Ve,"getBlockchainShortNameFor");function No(t,e){return e.find(o=>o.id===t)?.swapperGroup}i(No,"getSwapperDisplayName");function Ci(t,e){return e.find(o=>Le(o,t))??null}i(Ci,"findToken");function Ti(t,e){return e.find(o=>o.name===t)??null}i(Ti,"findBlockchain");function ki(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(ki,"isTokenNative");function Wn(t,e){let o=t.map(s=>s.swapperGroup),n=[];return An(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(Wn,"getUniqueSwappersGroups");function vl(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}i(vl,"sortLiquiditySourcesByGroupTitle");function Xe(t,e){return e?.[t]==="hidden"}i(Xe,"isFeatureHidden");function bl(t,e){return e?.[t]==="enabled"}i(bl,"isFeatureEnabled");var Il=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&&Ao(c,a)||o.blockchain&&c.blockchain!==o.blockchain||!l.some(u=>u.name===c.blockchain)?!1:o.searchFor?!!(Ct(c.symbol,o.searchFor)||Ct(c.address||"",o.searchFor)||Ct(c.name||"",o.searchFor)):!0).sort((c,u)=>{let f=e().isTokenPinned(c,o.type),m=e().isTokenPinned(u,o.type);if(f!==m)return f?-1:1;if(o.getBalanceFor){let y=o.getBalanceFor(c),k=o.getBalanceFor(u),w=nl(y,k);if(w!==0)return w}let d=r.get(c.blockchain),h=r.get(u.blockchain),C=ki(c,d),S=ki(u,h);if(C!==S)return C?-1:1;if(c.isPopular!==u.isPopular)return c.isPopular?-1:1;if(o.searchFor){let y=wl(c,u,o.searchFor);if(y)return y}return c.isSecondaryCoin!==u.isSecondaryCoin?c.isSecondaryCoin?1:-1:d&&h?d.sort-h.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(vl)},fetch:async()=>{try{let{enableCentralizedSwappers:o}=e().config,n=await Lt().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,f)=>u.sort-f.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 jf,English as Kf,Finland as Yf,French as Zf,German as Jf,Greece as Rf,Italian as eg,Japanese as tg,Netherlands as og,Poland as ng,Portuguese as rg,Russian as ig,Spanish as sg,Swedish as ag,Ukrainian as lg}from"@rango-dev/ui";var El=[{title:"English",label:"English",local:"en",SVGFlag:Kf},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:sg},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:Zf},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:tg},{title:"Portuguese",label:"Portugu\xEAs",local:"pt",SVGFlag:rg},{title:"Chinese",label:"\u4E2D\u56FD\u4EBA",local:"zh",SVGFlag:jf},{title:"Russian",label:"\u0420\u0443\u0441\u0441\u043A\u0438\u0439",local:"ru",SVGFlag:ig},{title:"German",label:"Deutsch",local:"de",SVGFlag:Jf},{title:"Ukrainian",label:"\u0423\u043A\u0440\u0430\u0457\u043D\u0456",local:"uk",SVGFlag:lg},{title:"Swedish",label:"svenska",local:"sv",SVGFlag:ag},{title:"Finnish",label:"Suomalainen",local:"fi",SVGFlag:Yf},{title:"Dutch",label:"Nederlands",local:"nl",SVGFlag:og},{title:"Greek",label:"Grieks",local:"el",SVGFlag:Rf},{title:"Italian",label:"Italiana",local:"it",SVGFlag:eg},{title:"Polish",label:"Polski",local:"pl",SVGFlag:ng}],Mo="en";var Al=[.5,1,3],Wl=1,Nl=5,Ml=100,Ll=0;var Bl=i((t,e)=>({disabledLiquiditySources:[],theme:"auto",language:null,preferredBlockchains:[],slippage:Wl,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=An(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,theme:r}=o,s=Xe("theme",n),a=Xe("language",n),l=Xe("liquiditySource",n),p=r?.singleTheme;t({...s&&{theme:o.theme?.mode||"auto"},...p&&{theme:o.theme?.mode||"light"},...a&&{language:o.language||Mo},...l&&{disabledLiquiditySources:o.liquiditySources||[]}})}}),"createSettingsSlice");function _l(t){return pg()(cg((...e)=>({...Il(...e),...Bl(...e),...gl(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(_l,"createAppStore");var Pl=mg(null);function g(){let t=dg(Pl);if(fg(()=>{t&&!t.persist.hasHydrated()&&t.persist.rehydrate()},[]),!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}i(g,"useAppStore");function $l(t){let e=gg();return e.current||(e.current=_l(t.config)),ug.createElement(Pl.Provider,{value:e.current},t.children)}i($l,"AppStoreProvider");import{create as yg}from"zustand";var Dl="rango-widget";var Lo=class{static{i(this,"TabManager")}tabId;state="not-initiated";lastTryClaim;events={};channel;constructor(e){this.channel=new BroadcastChannel(Dl),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 ie=Bt(yg()((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})}}))),Vt=new Lo({onInit:()=>ie.setState({tabManagerInitiated:!0}),onClaim:()=>ie.setState({isActiveTab:!0,showActivateTabModal:!1}),onRelease:()=>ie.setState({isActiveTab:!1})});var Mn=Tg({onConnectWallet:()=>{},onDisconnectWallet:()=>{}});function wg(t){let{updateConfig:e,updateSettings:o,fetch:n}=g(),r=g().blockchains(),s=g().tokens(),a=g().config,l={walletConnectProjectId:t.config?.walletConnectProjectId},{providers:p}=fl(t.config.wallets,l),{connectWallet:c,disconnectWallet:u}=K(),f=Ul(),m=Ul();Ol(()=>{n().catch(console.log)},[]),Ol(()=>{t.config&&(e(t.config),o(t.config),window.__rango={config:a,dappConfig:t.config})},[t.config]);let d=r.filter(Cg).map(y=>y.name),h=i((y,k,w,x,b)=>{if(k===xi.ACCOUNTS)if(w){let A=Tn(b.supportedBlockchains),v=Ja(y,w,d,A,b.isContractWallet);v.length&&c(v,s)}else u(y),m.current?m.current(y):console.warn("onDisconnectWallet handler hasn't been set. Are you sure?");if(k===xi.ACCOUNTS&&x.connected){let A=`${y}-${x.network}-${w}`;x.connected&&(f.current?f.current(A):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(k===xi.NETWORK&&x.network){let A=`${y}-${x.network}`;f.current?f.current(A):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(y,k,w,x,b)},"onUpdateState"),C=ie.use.isActiveTab(),S=kg(()=>({onConnectWallet:y=>{f.current=y},onDisconnectWallet:y=>{m.current=y}}),[]);return Nn.createElement(Mn.Provider,{value:S},Nn.createElement(Sg,{allBlockChains:r,providers:p,onUpdateState:h,autoConnect:!!C},t.children))}i(wg,"Main");function Ln(t){let{config:e,...o}=t;return Nn.createElement($l,{config:e},Nn.createElement(wg,{...o,config:e}))}i(Ln,"WidgetWallets");import li from"react";import xg,{Fragment as vg}from"react";import{MemoryRouter as bg,useInRouterContext as Ig}from"react-router";function ql({children:t}){let o=Ig()?vg:bg;return xg.createElement(o,null,t)}i(ql,"AppRouter");import{I18nManager as Tw}from"@rango-dev/ui";import qa from"react";import qe from"react";import{useRoutes as sw}from"react-router-dom";var O={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 so,useRef as zn}from"react";import kt from"bignumber.js";import{create as Mg}from"zustand";import{subscribeWithSelector as Lg}from"zustand/middleware";import{getLastSuccessfulStep as Ng}from"@rango-dev/queue-manager-rango-preset";import Ab from"bignumber.js";import{i18n as Bo}from"@lingui/core";var vi={"Network Fee":Bo.t("Network Fee"),"Swapper Fee":Bo.t("Protocol Fee"),"Affiliate Fee":Bo.t("Affiliate Fee"),"Outbound network fee":Bo.t("Outbound Fee"),"Rango Fee":Bo.t("Rango Fee")},bi=["RECOMMENDED","CENTRALIZED","LOWEST_FEE","FASTEST","HIGH_IMPACT"],zl=30;var _t=(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))(_t||{});import{i18n as tt}from"@lingui/core";import Be from"bignumber.js";import{PendingSwapNetworkStatus as $n}from"rango-types";function Bn(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(Bn,"getRequiredWallets");function _n(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(_n,"isValidAddress");import{i18n as Ae}from"@lingui/core";var te=i(()=>({genericServerError:Ae.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:Ae.t("Please reset your liquidity sources."),description:Ae.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources.")},noResultError:{title:Ae.t("No Routes Found."),description:Ae.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:Ae.t("Bridge Limit Error: Please increase your amount."),decreaseAmount:Ae.t("Bridge Limit Error: Please decrease your amount.")},highValueLossError:{impactTitle:Ae.t("High Price Impact"),title:Ae.t("Price impact is too high!"),description:Ae.t("The price impact is significantly higher than the allowed amount."),confirmMessage:Ae.t("Confirm high price impact")},quoteUpdatedWithHighValueLoss:{title:Ae.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:Ae.t("USD Price Unknown"),title:Ae.t("USD Price Unknown, Cannot calculate Price Impact."),description:Ae.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:Ae.t("Confirm USD Price Unknown")}}),"errorMessages");function Ql(t){switch(t.type){case 0:return t.diagnosisMessage??te().noResultError.title;case 1:return te().genericServerError;default:return""}}i(Ql,"getQuoteErrorMessage");import{i18n as Pn}from"@lingui/core";var Xt=i(()=>({connectWallet:Pn.t("Connect Wallet"),swap:Pn.t("Swap"),swapAnyway:Pn.t("Swap anyway"),ethWarning:Pn.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function Hl(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new Be(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new Be(1e3)))??!1}i(Hl,"hasHighValueLoss");function Gl(t){return(t||[]).filter(e=>{let o=e.fromAmountMinValue?new Be(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Be(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(Gl,"hasLimitError");function Vl(t){let e=(t||[]).filter(l=>{let p=l.fromAmountMinValue?new Be(l.fromAmountMinValue):null,c=l.fromAmountMaxValue?new Be(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 Be(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Be(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:N(o,6,6),symbol:e.from.symbol}}),a=te().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(s=tt.t({id:"Required: > {min} {symbol}",values:{min:N(o,6,6),symbol:e.from.symbol}}),a=te().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(s=tt.t({id:"Required: <= {max} {symbol}",values:{max:N(n,6,6),symbol:e.from.symbol}}),a=te().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(s=tt.t({id:"Required: < {max} {symbol}",values:{max:N(n,6,6),symbol:e.from.symbol}}),a=te().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:s,recommendation:a}}i(Vl,"getLimitErrorMessage");function Xl(t){let{fetchMetaStatus:e,anyWalletConnected:o,fetchingQuote:n,inputAmount:r,quote:s,warning:a,error:l,needsToWarnEthOnPath:p}=t;return e!=="success"?{title:Xt().connectWallet,action:"connect-wallet",disabled:!0}:o?n||!s||l||!r||r==="0"?{title:Xt().swap,action:"confirm-swap",disabled:!0}:a?{title:Xt().swapAnyway,action:"confirm-warning",disabled:!1}:p?{title:Xt().ethWarning,action:"confirm-warning",disabled:!1}:{title:Xt().swap,action:"confirm-swap",disabled:!1}:{title:Xt().connectWallet,action:"connect-wallet",disabled:!1}}i(Xl,"getSwapButtonState");function Ii(t,e,o){return!((!o||o.lte(Me))&&t&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t)}i(Ii,"canComputePriceImpact");function Eg(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(Eg,"requiredWallets");var Ag=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice");function Ei(t,e){let o=Me;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let s=Ag(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new Be(r.amount).multipliedBy(s||0))}return o}i(Ei,"getUsdFeeOfStep");function Dn(t,e){return t.reduce((o,n)=>o.plus(Ei(n,e)),Me)}i(Dn,"getTotalFeeInUsd");function Ai(t){let e=Me;return e=e.plus(new Be(t.amount).multipliedBy(t.price||0)),e}i(Ai,"getUsdFee");function jl(t){return t.reduce((e,o)=>e.plus(Ai(o)),Me)}i(jl,"getTotalFeesInUsd");function Kl(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(Kl,"getFeesGroup");function Yl(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(Yl,"checkSlippageErrors");function Zl(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(Zl,"checkSlippageWarnings");function Fn(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(Fn,"getMinRequiredSlippage");function Jl(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(Jl,"hasProperSlippage");function Rl(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:s,disabledLiquiditySources:a,liquiditySources:l,excludeLiquiditySources:p,slippage:c,affiliateRef:u,affiliatePercent:f,affiliateWallets:m,destination:d,enableCentralizedSwappers:h}=t,C=s?.reduce((k,w)=>(k[w.chain]=w.address,k),{}),S=[];return r?.forEach(k=>{S.push({blockchain:k.chain,addresses:[k.address]})}),{amount:n.toString(),affiliateRef:u??void 0,affiliatePercent:f??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:S,selectedWallets:C??{},slippage:c.toString(),...d&&{destination:d},...p&&{swapperGroups:a.concat(l??[]),swappersGroupsExclude:!0},...!p&&{swapperGroups:l?.filter(k=>!a.includes(k)),swappersGroupsExclude:!1},enableCentralizedSwappers:h}}i(Rl,"createQuoteRequestBody");function ep(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(ep,"getWalletsForNewSwap");function ro(t){return t?.outputAmount||null}i(ro,"getQuoteOutputAmount");function tp(t,e){return new Be(e).div(new Be(t)).minus(1).multipliedBy(100).toNumber()}i(tp,"getPercentageChange");function op(t,e){let o=ro(t),n=ro(e);if(!o||!n)return!1;let r=je(o,n);return r?r<=-1:!0}i(op,"isOutputAmountChangedALot");function np(t,e,o){let n=t.validationStatus,r=Ra(t);return e.sort((a,l)=>r.indexOf(a.chain)-r.indexOf(l.chain)).flatMap(a=>pp(a,n)||[]).filter(a=>!a.ok).map(a=>{let l=a.asset.symbol,p=N(new Be(a.currentAmount.amount).shiftedBy(-a.currentAmount.decimals),8,8),c=N(new Be(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(np,"generateBalanceWarnings");function On(t,e){return(t?new Be(t):Me).multipliedBy(e||0)}i(On,"calcOutputUsdValue");function _o(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==$n.NetworkChanged}i(_o,"isNetworkStatusInWarningState");function rp(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),_o(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case $n.WaitingForConnectingWallet:n=n||tt.t("Waiting for connecting wallet");break;case $n.WaitingForQueue:n=n||tt.t("Waiting for other running tasks to be finished");break;case $n.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(rp,"getSwapMessages");function ip(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(ip,"getLastConvertedTokenInFailedSwap");function sp(t){return t.status==="failed"}i(sp,"shouldRetrySwap");function ap(t,e,o,n,r,s){return t||!e&&!Eg(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!_n(s,o)}i(ap,"confirmSwapDisabled");function lp(t,e){return t.blockchain===e.blockchain&&t.symbol===e.symbol&&t.address===e.address}i(lp,"isTokensIdentical");function Un(t){let e=t?.swaps||[];return e[e.length-1].to.usdPrice}i(Un,"getQuoteToTokenUsdPrice");function Wi(t,e){let o=t?.swaps||[],n=e?.swaps||[];return o.length!==n.length}i(Wi,"isNumberOfSwapsChanged");function Ni(t,e){let o=t?.swaps.map(r=>r.swapperId)||[],n=e?.swaps.map(r=>r.swapperId)||[];return!Si(o,n)}i(Ni,"isQuoteSwappersUpdated");function Mi(t,e){let o=t?.swaps.map(r=>r.to.symbol)||[],n=e?.swaps.map(r=>r.to.symbol)||[];return!Si(o,n)}i(Mi,"isQuoteInternalCoinsUpdated");function up(t,e){return Wi(t,e)||Ni(t,e)||Mi(t,e)}i(up,"isQuoteChanged");function pp(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(pp,"getRequiredBalanceOfWallet");function Tt(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(Tt,"getPriceImpactLevel");function mp(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],s=Ng(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=Ti(s?s.toBlockchain:n.fromBlockchain,e),p=Ti(r.toBlockchain,e),c=Ci(s?{blockchain:l?.name??"",symbol:s.toSymbol,address:s.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),u=Ci(a,o),f=s?s.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:c,toBlockchain:p,toToken:u,inputAmount:f}}i(mp,"createRetryQuote");function io(t,e){let{fromToken:o,toToken:n,tokens:r,userSlippage:s}=e,a=jt(o,t.requestAmount),l=jt(n,t?.outputAmount??"");if(t&&a&&l){let u=je(a.toString(),l.toString());if(!!u&&Hl(a,u)){let m=Dn(t?.swaps,r),d=Tt(u);return{type:0,inputUsdValue:a,outputUsdValue:l,priceImpact:u,totalFee:m,warningLevel:d}}}else if(t&&(!a||!l))return{type:1};let p=Fn(t.swaps),c=s>Nl;if(Jl(e.userSlippage.toString(),p)){if(c&&parseFloat(p??"0")<s)return{type:3,slippage:s.toString()}}else return{type:2,recommendedSlippages:Zl(t,s),minRequiredSlippage:p};return null}i(io,"generateQuoteWarnings");function je(t,e){let o=typeof e=="string"?parseFloat(e)<=0:!e?.gt(0),n=!t||!e||o?null:tp(t.toString(),e.toString());return n&&n<0?n:null}i(je,"getPriceImpact");var dp=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"),qn=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"),fp=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"),gp=i(t=>{let e=i((o,n)=>{let r=bi.indexOf(o.value),s=bi.indexOf(n.value);return r!==-1&&s!==-1?r-s:r!==-1?-1:s!==-1?1:0},"customSort");return t.sort(e)},"sortTags");var jt=i((t,e)=>t?.usdPrice?new kt(e||Me).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),X=Bt(Mg()(Lg(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new kt(0),outputUsdValue:new kt(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=Me;return Eo(o.inputAmount)?(e&&(n=e?.outputAmount?new kt(e?.outputAmount):null,r=On(e?.outputAmount,Un(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 kt(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:jt(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 kt(0),outputUsdValue:new kt(0),selectedQuote:null},...!!o.fromToken&&{inputUsdValue:jt(o.fromToken,e)}}))},retry:(e,o)=>{let{tokens:n,blockchains:r}=o,{fromBlockchain:s,fromToken:a,toBlockchain:l,toToken:p,inputAmount:c}=mp(e,r,n);t({fromBlockchain:s,fromToken:a,inputAmount:c,outputAmount:null,inputUsdValue:jt(a??null,c),outputUsdValue:new kt(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:e.toToken?jt(e.toToken,e.outputAmount?.toString()||""):new kt(0)})),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 hp(){let{setInputAmount:t,setToToken:e,setToBlockchain:o,setFromBlockchain:n,setFromToken:r,fromToken:s,toToken:a,fromBlockchain:l,toBlockchain:p}=X(),c=g().config,u=g().fetchStatus,f=g().blockchains(),m=g().tokens(),{setAffiliateRef:d,setAffiliatePercent:h,setAffiliateWallets:C}=g(),S=c?.from?.tokens,y=c?.from?.blockchains,k=c?.to?.tokens,w=c?.to?.blockchains,x=zn(void 0),b=zn(void 0),A=zn(void 0),v=zn(void 0);so(()=>{t(c?.amount?.toString()||"")},[c?.amount]),so(()=>{if(u==="success"){let T=f.find(E=>E.name===c?.from?.blockchain),M=m.find(E=>Le(E,c?.from?.token||null));(T||!T&&A.current)&&n(T??null),M?r({token:M,meta:{blockchains:f,tokens:m}}):!M&&x.current&&r({token:null}),A.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]),so(()=>{Ao(s,S)&&r({token:null}),fi(l,y)&&n(null)},[S,y]),so(()=>{Ao(a,k)&&r({token:null}),fi(p,w)&&o(null)},[k,w]),so(()=>{if(u==="success"){let T=f.find(E=>E.name===c?.to?.blockchain),M=m.find(E=>Le(E,c?.to?.token||null));(T||!T&&v.current)&&o(T??null),M?e({token:M,meta:{blockchains:f,tokens:m}}):!M&&b.current&&e({token:null}),v.current=c?.to?.blockchain,b.current=c?.to?.token}},[c?.to?.token?.symbol,c?.to?.token?.address,c?.to?.token?.blockchain,c?.to?.blockchain,u]),so(()=>{d(c?.affiliate?.ref??null),h(c?.affiliate?.percent??null),C(c?.affiliate?.wallets??null)},[c?.affiliate?.ref,c?.affiliate?.percent,c?.affiliate?.wallets])}i(hp,"useSyncStoresWithConfig");import{useEffect as _i,useRef as Bg}from"react";import{useInRouterContext as _g,useLocation as Pg,useSearchParams as $g}from"react-router-dom";function Li(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(Li,"searchParamToToken");function Bi(t){if(t)return`${t.symbol}${t.address?`--${t.address}`:""}`}i(Bi,"tokenToSearchParam");function Pi(){let t=Pg(),[e,o]=$g(),{fromBlockchain:n,toBlockchain:r,fromToken:s,toToken:a,inputAmount:l,setFromBlockchain:p,setToBlockchain:c,setFromToken:u,setToToken:f,setInputAmount:m}=X(),d=g().fetchStatus,h=g().blockchains(),C=g().tokens(),S=_g(),{updateIframe:y,updateCampaignMode:k}=g(),w=g().isInCampaignMode(),x=Bg(),b=i(()=>{let v={};for(let[Y,ne]of e.entries())Y.startsWith("utm_")&&(v[Y]=ne);let T=e.get("fromAmount"),M=e.get("fromBlockchain"),E=e.get("fromToken"),L=e.get("toBlockchain"),G=e.get("toToken"),q=e.get("autoConnect"),Q=e.get("clientUrl"),_=e.get("liquiditySources");return{fromAmount:T,fromBlockchain:M,fromToken:E,toBlockchain:L,toToken:G,autoConnect:q,clientUrl:Q,liquiditySources:_,utmQueryParams:v}},"getUrlSearchParams"),A=i(v=>{for(let T in v)v[T]||delete v[T];o(v,{replace:!0})},"updateUrlSearchParams");_i(()=>{let{autoConnect:v,clientUrl:T,utmQueryParams:M}=b();S&&d==="success"&&A({fromBlockchain:n?.name,fromToken:Bi(s),toBlockchain:r?.name,toToken:Bi(a),fromAmount:l,autoConnect:v??void 0,clientUrl:T??void 0,liquiditySources:w?x.current:void 0,...M})},[t.pathname,l,n,s,r,a,w]),_i(()=>{if(!S)return;let v=b();if(!x.current&&v.liquiditySources&&(x.current=v.liquiditySources),v.fromAmount&&m(v.fromAmount),d==="success"){let T=h.find(G=>G.name===v.fromBlockchain),M=Li(C,v.fromToken,T??null),E=h.find(G=>G.name===v.toBlockchain),L=Li(C,v.toToken,E??null);T&&(p(T),M&&u({token:M,meta:{blockchains:h,tokens:C}})),E&&(c(E),L&&f({token:L,meta:{blockchains:h,tokens:C}}))}},[d]),_i(()=>{let{clientUrl:v,liquiditySources:T}=b();y("clientUrl",v||void 0),k("liquiditySources",T?.split(",")??void 0)},[])}i(Pi,"useSyncUrlAndStore");import{i18n as Ls}from"@lingui/core";import{useManager as FS}from"@rango-dev/queue-manager-react";import{Alert as Zu,Button as OS,css as _s,Divider as Bs,IconButton as Ju,styled as US,Typography as qS,WalletIcon as zS}from"@rango-dev/ui";import ke,{useEffect as Zo,useLayoutEffect as QS,useRef as HS,useState as Jo}from"react";import{flushSync as GS}from"react-dom";import{useLocation as VS,useNavigate as XS}from"react-router-dom";import{i18n as dt}from"@lingui/core";import{Alert as us,BalanceErrors as Iy,Button as Mc,ChevronDownIcon as Ey,ChevronLeftIcon as Ay,Divider as go,MessageBox as Wy,Typography as cr,WalletIcon as Ny}from"@rango-dev/ui";import F,{useEffect as My,useState as ho}from"react";import{useNavigate as Ly}from"react-router-dom";import{i18n as Qn}from"@lingui/core";function Hn(t){switch(t.type){case 0:return Qn.t("Route has been updated.");case 3:return Qn.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return Qn.t("Route swappers has been updated.");case 2:return Qn.t("Route internal coins has been updated.");default:return""}}i(Hn,"getQuoteUpdateWarningMessage");import{Modal as Fg}from"@rango-dev/ui";import Og from"react";function le(t){let{watermark:e}=ie();return Og.createElement(Fg,{hasWatermark:e==="FULL",...t},t.children)}i(le,"WatermarkedModal");import jn,{useRef as zg}from"react";import*as ao from"@radix-ui/react-collapsible";import{keyframes as Sp,styled as Gn}from"@rango-dev/ui";var $i=300,Ug=Sp({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),qg=Sp({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),Cp=Gn(ao.Root,{borderRadius:"$sm",overflow:"hidden",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),Di=Gn(ao.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit",cursor:"pointer"}),Vn=Gn(ao.Content,{overflow:"hidden",variants:{open:{true:{animation:`${Ug} ${$i}ms ease-out`},false:{animation:`${qg} ${$i}ms ease-out`}}}}),Xn=Gn("div",{transition:`all ${$i}ms ease`,display:"flex",alignItems:"center",variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}});function Kn(t){let{open:e,hasSelected:o,onOpenChange:n,children:r,onClickTrigger:s,trigger:a,triggerAnchor:l}=t,p=zg(null);return jn.createElement(Cp,{ref:p,className:"collapsible_root",selected:o&&e,open:e,onOpenChange:n},l==="top"&&jn.createElement(Di,{className:"collapsible_trigger",onClick:s},a),jn.createElement(Vn,{className:"collapsible_content",open:e},r),l==="bottom"&&jn.createElement(Di,{className:"collapsible_trigger",onClick:s},a))}i(Kn,"CustomCollapsible");import{css as Tp,darkTheme as lo,IconButton as Qg,styled as Ke,TextField as Hg}from"@rango-dev/ui";var kp=Ke("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),wp=Ke("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Gg=Ke("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${lo} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${lo} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${lo} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),xp=Ke(Gg,{alignSelf:"stretch",minHeight:"93px"}),vp=Ke("div",{padding:"$20 $20 $15 $20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),bp=Ke(Qg,{position:"absolute",left:"$20"}),Ip=Ke("div",{paddingTop:"$20"}),Ep=Tp({display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Ap=Ke("div",{padding:"$10 $0","& .button__content":{display:"flex",alignItems:"center"},"& .alarms":{paddingTop:"$5"},"& .collapsible_content":{backgroundColor:"$neutral100"},"& .collapsible_root":{backgroundColor:"$neutral100"}}),Wp=Tp({paddingTop:"$5"}),Np=Ke("div",{display:"flex"}),Mp=Ke(Hg,{backgroundColor:"$neutral100",padding:"$0 $15 $15 $15"}),Lp=Ke("div",{overflow:"visible",width:"100%"}),Bp=Ke("div",{width:"100%",borderRadius:"$sm",display:"flex",padding:"$15",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${lo} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomRightRadius:"0",borderBottomLeftRadius:"0","&:hover":{$$color:"$colors$info100",[`.${lo} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${lo} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}});import{i18n as ot}from"@lingui/core";import{Button as wy,Divider as ps,Image as xy,MessageBox as lr,SelectableWallet as vy,Typography as Ac,WalletState as Wc}from"@rango-dev/ui";import de,{useEffect as Nc,useState as Oo}from"react";import{WalletState as Yn}from"@rango-dev/ui";import{useWallets as Vg}from"@rango-dev/wallets-react";import{detectMobileScreens as Xg,KEPLR_COMPATIBLE_WALLETS as jg,WalletTypes as Po}from"@rango-dev/wallets-shared";import{useCallback as Kg,useEffect as Yg,useState as Zg}from"react";var Jg=Object.values(Po);function po(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:l,connect:p}=Vg(),{connectedWallets:c}=K(),u=g().blockchains(),f=dl(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||Jg,m=Za(s,l,f,o);m=Xg()?m.filter(b=>b.showOnMobile||s(b.type).installed):m;let d=rl(m),[h,C]=Zg(""),S=i(b=>!c.find(A=>A.walletType===b&&A.chain===o),"isExperimentalChainNotAdded"),y=i(async b=>{let A=s(b);try{if(h&&C(""),A.connected)await a(b);else{let v=!!m.find(T=>T.state===Yn.CONNECTED);if(!e?.multiWallets&&v)return;n?.(b),await p(b),r?.(b)}}catch(v){C("Error: "+v?.message)}},"handleClick"),k=Kg(()=>{let b=m?.filter(A=>A.state===Yn.CONNECTING)||[];for(let A of b)a(A.type)},[al(m)]);Yg(()=>()=>{k()},[]);let w=i(b=>{let A=b.find(T=>T.type===Po.DEFAULT);return!A||A.state===Yn.NOT_INSTALLED?!1:b.filter(T=>T.state!=Yn.NOT_INSTALLED&&![Po.DEFAULT,Po.WALLET_CONNECT_2].includes(T.type)&&l(T.type).supportedChains.filter(M=>M.type=="EVM").length>0).length==0},"shouldShowDefaultInjectedWallet"),x=i((b,A,v)=>wn(v,A)&&S(b)&&!jg.includes(b)||b==Po.DEFAULT&&!w(m),"shouldExcludeWallet");return{list:d.filter(b=>!x(b.type,o??"",u)),error:h,handleClick:y,disconnectConnectingWallets:k}}i(po,"useWalletList");import{i18n as kc}from"@lingui/core";import{styled as xc,Typography as gy,Wallet as hy,WalletState as yy}from"@rango-dev/ui";import fo,{useState as wc}from"react";import{useManager as ry}from"@rango-dev/queue-manager-react";import{BottomLogo as iy,Divider as fc,Header as sy}from"@rango-dev/ui";import he,{useEffect as rs,useRef as gc,useState as ay}from"react";import{useRef as Rg}from"react";function Zn(){return window.self!==window.top}i(Zn,"isAppLoadedIntoIframe");function Fi(){let t=Rg(null),{iframe:e}=g(),o=Zn()&&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(Fi,"useIframe");import{useNavigate as eh}from"react-router-dom";function Ye(){let t=eh();return()=>t(-1)}i(Ye,"useNavigateBack");import{createTheme as Hi,darkTheme as sh,lightTheme as ah}from"@rango-dev/ui";import{useEffect as lh,useState as ph}from"react";import{theme as rh,darkColors as ih}from"@rango-dev/ui";import zi from"react";function th(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,f={};for(let m=0;m<9;m++){let d=100+m*100,h=u[m],C={[`${e}${d}`]:Jn(t,h)};Object.assign(f,C)}return{...f,[e]:t}}i(th,"generateShades");function Jn(t,e){let[o,n,r]=_p(t);return`#${Oi(o+e)}${Oi(n+e)}${Oi(r+e)}`}i(Jn,"generateShade");function _p(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(_p,"convertToRGB");function Oi(t){return("0"+Math.max(0,Math.min(255,t)).toString(16)).slice(-2).toUpperCase()}i(Oi,"clamp");function Pp(t){let[a,l,p]=_p(t);return(a*299+l*587+p*114)/1e3>188}i(Pp,"isBright");var Ui=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,...th(a,s,s==="neutral"&&e)})}return n?r:{}},"generateColors");var $p=i(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),oh=i(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=$p(o%52)+e;return $p(o%52)+e},"toAlphabeticName"),nh=i((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),qi=i(t=>oh(nh(5381,JSON.stringify(t))>>>0),"toHash");function Qi(t){let e=rh.colors,o=Ui({...e,...ih},!0,t?.dark),n=Ui(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:`${di}-light-${qi(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${di}-dark-${qi(p)}`,tokens:p}}return{light:a,dark:l}}i(Qi,"customizedThemeTokens");function Dp(t,e){if(t.length<=1)return t.map(({element:n,key:r})=>zi.cloneElement(n,{key:r}));let o=[];return t.forEach((n,r)=>{let{element:s,key:a}=n;if(o.push(zi.cloneElement(s,{key:a})),r<t.length-1){let l=`divider-${r}`;o.push(zi.cloneElement(e,{key:l}))}}),o}i(Dp,"joinList");function Rn(t){let{colors:e,fontFamily:o=ul,borderRadius:n=pl,secondaryBorderRadius:r=cl}=t,[s,a]=ph("light"),{theme:l}=g(),{dark:p,light:c}=Qi(e),u=Hi({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),f=[u.className,ah.className],m=[u.className,sh.className];if(c){let h=Hi(c.id,c.tokens);f.push(h.className)}if(p){let h=Hi(p.id,p.tokens);m.push(h.className)}return lh(()=>{let h=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",h),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",h)}},[]),{activeTheme:i(()=>{let h=f.join(" "),C=m.join(" ");return l==="auto"?s==="dark"?C:h:l==="dark"?C:h},"getActiveTheme")}}i(Rn,"useTheme");var ut=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 Fp}from"@lingui/core";import{Alert as ch,Button as uh}from"@rango-dev/ui";import Op from"react";function Gi(t){return Op.createElement(ch,{action:Op.createElement(uh,{onClick:t.onActivateTab,variant:"contained",size:"xxsmall",type:"warning"},Fp.t("Activate this tab")),type:"warning",variant:"alarm",title:Fp.t("Another tab is open and handles transactions.")})}i(Gi,"ActivateTabAlert");import{i18n as Vi}from"@lingui/core";import{Button as mh,Divider as dh,MessageBox as fh}from"@rango-dev/ui";import er from"react";function Xi(t){let{open:e,onClose:o,onConfirm:n}=t;return er.createElement(le,{open:e,dismissible:!0,onClose:o,container:B()},er.createElement(fh,{title:Vi.t("Activate current tab"),type:"warning",description:Vi.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.")},er.createElement(dh,{size:20}),er.createElement(mh,{variant:"contained",size:"large",type:"primary",fullWidth:!0,onClick:n},Vi.t("Confirm"))))}i(Xi,"ActivateTabModal");import{ChevronLeftIcon as yh}from"@rango-dev/ui";import Xp from"react";import{css as gh,darkTheme as Up,IconButton as hh,styled as Kt}from"@rango-dev/ui";var mt=Kt(hh,{width:"$24",position:"relative",padding:"0",overflow:"unset","&:hover":{backgroundColor:"$info100",[`.${Up} &`]:{backgroundColor:"$neutral"}}}),qp=Kt("div",{position:"absolute",background:"$secondary500",[`.${Up} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),co=Kt("div",{display:"flex",justifyContent:"flex-end",minWidth:"$40",button:{padding:0}}),zp=Kt("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"}}}}),Qp=Kt("div",{padding:"$2",variants:{isRefetched:{true:{transform:"rotate(360deg)",transition:"transform 1s ease-in-out"}}}}),Hp=Kt("div",{position:"absolute",right:"$4",top:"$4",backgroundColor:"$background",borderRadius:"100%"}),Gp=gh({display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center"}),Vp=Kt("div",{borderRadius:"100%",border:"1.5px transparent solid","&:not(:first-child)":{marginLeft:"-$6"},img:{borderRadius:"100%"}});function ji(t){return Xp.createElement(mt,{variant:"ghost",size:"small",onClick:t.onClick},Xp.createElement(yh,{color:"black",size:16}))}i(ji,"BackButton");import{i18n as Sh}from"@lingui/core";import{Button as Ch,Typography as Th}from"@rango-dev/ui";import Ki from"react";function Yi(t){return Ki.createElement(co,null,Ki.createElement(Ch,{variant:"ghost",onClick:t.onClick,size:"xsmall"},Ki.createElement(Th,{variant:"label",size:"medium",color:"error500"},Sh.t("Cancel"))))}i(Yi,"CancelButton");import{i18n as kh}from"@lingui/core";import{Image as wh,Tooltip as xh,WalletIcon as vh}from"@rango-dev/ui";import Yt from"react";function Zi(t){let{config:e}=g(),{list:o}=po({config:e}),n=o.filter(s=>s.state==="connected"),r=n.length?Yt.createElement("div",{className:Gp()},n.map(s=>Yt.createElement(Vp,{key:s.title},Yt.createElement(wh,{src:s.image,size:14})))):kh.t("Connect Wallet");return Yt.createElement(xh,{container:t.container,side:"bottom",content:r},Yt.createElement(mt,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&Yt.createElement(qp,null),Yt.createElement(vh,{size:18,color:"black"})))}i(Zi,"WalletButton");import{i18n as nr}from"@lingui/core";import{NotificationsIcon as Kh,Popover as Yh,SettingsIcon as Zh,Tooltip as rr,TransactionIcon as Jh}from"@rango-dev/ui";import be from"react";import{i18n as _h}from"@lingui/core";import{EventSeverity as ec}from"@rango-dev/queue-manager-rango-preset";import{ChainToken as tc,ChevronRightIcon as Ph,Divider as $h,Typography as Dh}from"@rango-dev/ui";import Oe from"react";import{useNavigate as Fh}from"react-router-dom";import{create as bh}from"zustand";import{persist as Ih,subscribeWithSelector as Eh}from"zustand/middleware";var Fe=Bt(bh()(Ih(Eh((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 Ah,ListItemButton as Wh,styled as $o}from"@rango-dev/ui";var jp=$o("div",{padding:"$10",width:"350px",maxWidth:"90vw",minHeight:"150px"}),Kp=$o("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),Yp=$o(Wh,{variants:{actionRequired:{true:{backgroundColor:"$error300",[`.${Ah} &`]:{backgroundColor:"$error600"}}}}}),Zp=$o("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),Jp=$o("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as Nh}from"@lingui/core";import{Divider as Mh,NoNotificationIcon as Lh,Typography as Bh}from"@rango-dev/ui";import tr from"react";function Rp(){return tr.createElement(Jp,null,tr.createElement(Lh,{color:"secondary",size:26}),tr.createElement(Mh,{size:12}),tr.createElement(Bh,{variant:"body",size:"medium",color:"neutral700"},Nh.t("There are no notifications.")))}i(Rp,"NotificationNotFound");var Oh=4;function Ji(){let t=Fh(),{getUnreadNotifications:e}=Fe(),o=e(),n=g().blockchains(),r=g().tokens(),s=o.sort((l,p)=>p.creationTime-l.creationTime).slice(0,Oh),a=i(l=>{t(`${O.swaps}/${l}`)},"handleOnClick");return Oe.createElement(jp,null,s.length?Oe.createElement(Kp,null,s.map((l,p)=>{let{route:c,requestId:u,event:f}=l,m=r.find(S=>Le(S,c.from)),d=n.find(S=>S.name===c.from.blockchain),h=r.find(S=>Le(S,c.to)),C=n.find(S=>S.name===c.to.blockchain);return Oe.createElement(Oe.Fragment,{key:u},p>0&&Oe.createElement($h,{size:4}),Oe.createElement(Yp,{onClick:()=>a(u),actionRequired:f.messageSeverity===ec.WARNING,title:Oe.createElement(Dh,{variant:"body",size:"small",color:f.messageSeverity===ec.WARNING?"$foreground":"$neutral700"},_h.t(f.message)),id:u,start:Oe.createElement(Zp,null,Oe.createElement("div",{className:"from-chain-token"},Oe.createElement(tc,{tokenImage:m?m.image:"",chainImage:d?d.logo:"",size:"small"})),Oe.createElement("div",{className:"to-chain-token"},Oe.createElement(tc,{tokenImage:h?h.image:"",chainImage:C?C.logo:"",size:"small"}))),end:Oe.createElement(Ph,{size:12,color:"gray"})}))})):Oe.createElement(Rp,null))}i(Ji,"NotificationContent");import{useManager as Uh}from"@rango-dev/queue-manager-react";import{InProgressIcon as qh}from"@rango-dev/ui";import oc from"react";var zh=i(()=>{let{manager:t}=Uh();return ut(t).map(({swap:o})=>o).find(o=>o.status==="running")?oc.createElement(Hp,null,oc.createElement(qh,{color:"info",size:6})):null},"InProgressTransactionBadge"),nc=zh;import{RefreshProgressButton as Qh}from"@rango-dev/ui";import Ri,{useEffect as Hh,useState as rc}from"react";var Gh=1e3,ic=60,Vh=100;function or({onClick:t}){let[e,o]=rc(0),[n,r]=rc(!1),s=i(p=>{document.hidden&&p&&a(p)},"handleVisibilityChange");Hh(()=>{let p;return t?p=window.setInterval(()=>{o(c=>c+1),e===ic&&l()},Gh):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 Ri.createElement(mt,{variant:"ghost",size:"small",style:{paddingTop:0,paddingBottom:0},onClick:l,disabled:!t},Ri.createElement(Qp,{onTransitionEnd:()=>r(!1),isRefetched:n},Ri.createElement(Qh,{size:22,color:t?"black":"gray",progress:e/ic*Vh})))}i(or,"RefreshButton");import{EventSeverity as Xh}from"@rango-dev/queue-manager-rango-preset";import{Typography as jh}from"@rango-dev/ui";import sc from"react";function ac(){let{getUnreadNotifications:t}=Fe(),e=t(),o=e.length,n=!!e.find(r=>r.event.messageSeverity===Xh.WARNING);return o?sc.createElement(zp,{isSever:n},sc.createElement(jh,{variant:"body",size:"xsmall",color:"$background"},o)):null}i(ac,"UnreadNotificationsBadge");function Zt(t){let{onClickRefresh:e,onClickHistory:o,onClickSettings:n,hidden:r=[],container:s}=t,{config:{features:a}}=g(),l=Xe("notification",a)||r.includes("notifications");return be.createElement(be.Fragment,null,!r.includes("refresh")&&be.createElement(rr,{container:s||B(),side:"top",content:nr.t("Refresh")},be.createElement(or,{onClick:e})),!l&&be.createElement(Yh,{align:"end",alignOffset:-88,collisionPadding:{right:20,left:20},container:B(),content:be.createElement(Ji,null)},be.createElement("div",null,be.createElement(rr,{container:B(),side:"top",content:nr.t("Notifications")},be.createElement(mt,{size:"small",variant:"ghost"},be.createElement(Kh,{size:18,color:"black"}),be.createElement(ac,null))))),!r.includes("settings")&&be.createElement(rr,{container:B(),side:"top",content:nr.t("Settings")},be.createElement(mt,{size:"small",variant:"ghost",onClick:n},be.createElement(Zh,{size:18,color:"black"}))),!r.includes("history")&&be.createElement(rr,{container:B(),side:"top",content:nr.t("Transactions History")},be.createElement(mt,{size:"small",variant:"ghost",onClick:o},be.createElement(Jh,{size:18,color:"black"}),be.createElement(nc,null))))}i(Zt,"HeaderButtons");import{i18n as es}from"@lingui/core";import{Divider as pc,MessageBox as ty,RefreshIcon as oy}from"@rango-dev/ui";import uo from"react";import{Button as Rh,styled as ey}from"@rango-dev/ui";var lc=ey(Rh,{"& span":{display:"flex",justifyContent:"center",alignItems:"center"}});function ts(t){let{open:e,onClose:o}=t;return uo.createElement(le,{open:e,dismissible:!0,onClose:o,container:B()},uo.createElement(ty,{title:es.t("Something went wrong"),type:"error",description:es.t("Something went wrong. Please refresh the app.")},uo.createElement(pc,{size:30}),uo.createElement(lc,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:()=>location.reload()},uo.createElement(oy,{size:20,color:"primary"}),uo.createElement(pc,{size:4,direction:"horizontal"}),es.t("Refresh"))))}i(ts,"RefreshModal");function os(t){let e=t.target;if(e){let o=e.scrollTop,n=B();o>1?n.classList.add("rng-scrolled"):n.classList.remove("rng-scrolled")}}i(os,"onScrollContentAttachStatusToContainer");import{css as ny,styled as ns}from"@rango-dev/ui";var cc="700px",ir=ny({borderRadius:"$primary",display:"flex",flexDirection:"column",overflow:"hidden",boxShadow:"15px 15px 15px 0px rgba(0, 0, 0, 0.05)"}),uc=ns("div",{position:"relative",width:"100vw",minWidth:"300px",maxWidth:"390px",backgroundColor:"$background",variants:{height:{auto:{height:"auto",maxHeight:cc},fixed:{height:cc}}}}),mc=ns("div",{position:"relative",overflow:"hidden",flexGrow:1,display:"flex",flexDirection:"column",padding:0,overflowY:"auto"}),dc=ns("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 pe(t){let{connectHeightObserver:e,disconnectHeightObserver:o}=Fi(),{children:n,header:r,footer:s,height:a="fixed"}=t,{fetchStatus:l}=g(),[p,c]=ay(!1),u=K.use.connectedWallets(),{config:{features:f,theme:m}}=g(),{watermark:d}=ie(),h=d==="FULL",{activeTheme:C}=Rn(m||{}),S=Xe("connectWalletButton",f),{isActiveTab:y,tabManagerInitiated:k,showActivateTabModal:w,setShowActivateTabModal:x,activateCurrentTab:b}=ie(),A=Ye(),{manager:v}=ry(),M=ut(v).map(({swap:_})=>_).some(_=>_.status==="running"),E=i(()=>b(Vt.forceClaim,M),"onActivateTab"),L=i(()=>{r.onWallet?.()},"onConnectWallet"),G=typeof r.hasBackButton>"u"||r.hasBackButton,q=gc(null),Q=gc(null);return rs(()=>(Zn()&&Q.current&&e(Q.current),()=>{o()}),[]),rs(()=>(q.current?.addEventListener("scroll",os),()=>{q.current?.removeEventListener("scroll",os)}),[]),rs(()=>{c(l==="failed")},[l]),he.createElement(uc,{height:a,id:we.SWAP_BOX_ID,className:`${C()} ${ir()}`,ref:Q},he.createElement(sy,{prefix:he.createElement(he.Fragment,null,G&&he.createElement(ji,{onClick:()=>{A(),r.onBack&&r.onBack()}})),title:r.title,suffix:he.createElement(he.Fragment,null,r.suffix,r.onWallet&&!S&&he.createElement(Zi,{container:B(),onClick:L,isConnected:!!u?.length}),r.onCancel&&he.createElement(Yi,{onClick:r.onCancel}))}),he.createElement(mc,{ref:q},n),he.createElement(Xi,{open:w,onClose:()=>x(!1),onConfirm:E}),he.createElement(dc,null,he.createElement("div",{className:"footer__content"},k&&!y&&he.createElement("div",{className:"footer__alert"},he.createElement(Gi,{onActivateTab:E}),he.createElement(fc,{size:10})),s),he.createElement(fc,{size:12}),he.createElement("div",{className:`footer__logo ${h?"logo__show":"logo__hidden"}`},he.createElement(iy,null))),he.createElement(ts,{open:p,onClose:()=>c(!1)}))}i(pe,"Layout");import{styled as ly}from"@rango-dev/ui";var hc="$20 $20 $10 $20",Do=ly("div",{padding:hc,overflowY:"auto",flexGrow:1});import{styled as py}from"@rango-dev/ui";var me=py("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 fy}from"@rango-dev/ui";import ss from"react";import{i18n as mo}from"@lingui/core";import{Image as my,MessageBox as is,WalletState as dy}from"@rango-dev/ui";import Jt from"react";import{keyframes as cy,styled as sr}from"@rango-dev/ui";var pW=sr("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),yc=sr("div",{position:"relative"}),uy=cy({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),Sc=sr("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${uy} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Cc=sr("div",{"& img":{borderRadius:"50%"}});function Tc(t){let{state:e,image:o,error:n}=t;return e===dy.CONNECTED?Jt.createElement(is,{type:"success",title:mo.t("Wallet Connected"),description:mo.t("Your wallet is connected, you can use it to swap.")}):n?Jt.createElement(is,{type:"error",title:mo.t("Failed to Connect"),description:n||mo.t("Your wallet is not connected. Please try again.")}):Jt.createElement(is,{type:"loading",title:mo.t("Connecting to your wallet"),description:mo.t("Click connect in your wallet popup."),icon:Jt.createElement(yc,null,Jt.createElement(Cc,null,Jt.createElement(my,{src:o,size:45})),Jt.createElement(Sc,null))})}i(Tc,"ModalContent");function Fo(t){let{open:e,onClose:o,...n}=t;return ss.createElement(le,{open:e,onClose:o,container:document.getElementById(we.SWAP_BOX_ID)||document.body},ss.createElement(Tc,{...n}),ss.createElement(fy,{direction:"vertical",size:32}))}i(Fo,"WalletModal");var Sy=xc("div",{display:"flex",justifyContent:"center",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5"}),Cy=xc(me,{textAlign:"center"}),ar=3e3,as=300;function vc(){let{config:t,fetchStatus:e}=g(),[o,n]=wc(!1),[r,s]=wc(""),a=null,l=ie.use.isActiveTab(),{list:p,handleClick:c,error:u,disconnectConnectingWallets:f}=po({config:t,onBeforeConnect:S=>{a=setTimeout(()=>{n(!0),s(S)},as)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},ar)}}),m=i(()=>{f(),n(!1)},"handleCloseWalletModal"),d=p.find(S=>S.type===r),h=d?.image||"",C=d?.state||yy.NOT_INSTALLED;return fo.createElement(pe,{header:{title:kc.t("Connect Wallets")}},fo.createElement(Cy,null,fo.createElement(gy,{variant:"title",size:"xmedium",align:"center"},kc.t("Choose a wallet to connect.")),fo.createElement(Sy,null,p.map((S,y)=>{let k=`wallet-${y}-${S.type}`;return fo.createElement(hy,{key:k,...S,container:B(),onClick:w=>{c(w)},isLoading:e==="loading",disabled:!l})}),fo.createElement(Fo,{open:!!o,onClose:m,image:h,state:C,error:u}))))}i(vc,"WalletsPage");import{keyframes as Ty,styled as ls}from"@rango-dev/ui";var bc=ls("div",{position:"relative"}),ky=Ty({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),Ic=ls("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${ky} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Ec=ls("div",{"& img":{borderRadius:"50%"}});var by=7;function cs(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:s}=t,{config:a}=g(),l=ie.use.isActiveTab(),p=K.use.connectedWallets(),{blockchains:c}=g(),[u,f]=Oo(""),[m,d]=Oo(null),[h,C]=Oo(!1),[S,y]=Oo(null),{suggestAndConnect:k}=pr(),w=null,{list:x,error:b,handleClick:A,disconnectConnectingWallets:v}=po({config:a,chain:e,onBeforeConnect:_=>{w=setTimeout(()=>{f(_)},as)},onConnect:()=>{w&&clearTimeout(w),setTimeout(()=>{f("")},ar)}}),[T,M]=Oo(x),E=x.length,L=r&&E-r>0,G=i(async _=>{C(!1),y("in-progress");try{await k(_.walletType,_.chain),y("completed")}catch{y("rejected")}},"addExperimentalChain");Nc(()=>{M(_=>{let Y=x.findIndex(ne=>o(ne.type,e));return L&&Y>1?[x[Y]].concat(x.filter((ne,ee)=>ee!==Y)):_.map(ne=>x.find(ee=>ee.type===ne.type)??ne)})},[JSON.stringify(x)]);let q=document.getElementById(we.SWAP_BOX_ID);Nc(()=>{let _=null;return(S==="completed"||S==="rejected")&&(_=setTimeout(()=>y(null),ar)),()=>{_&&clearTimeout(_)}},[S]);let Q=i(()=>{v(),f("")},"handleCloseWalletModal");return de.createElement(de.Fragment,null,T.slice(0,r).map(_=>{let Y=il({connectedWallets:p,walletType:_.type,chain:e}),ne=Y?vn(Y,by):"",ee=wn(c(),e),oe=!p.find(re=>re.walletType===_.type&&re.chain===e),I=ee&&oe&&_.state===Wc.CONNECTED,W=I?ot.t({id:"Add {chain} chain",values:{chain:e}}):ne,ce=i(()=>{_.state===Wc.DISCONNECTED?A(_.type):I?(d({walletType:_.type,chain:e,address:Y??""}),C(!0)):n({walletType:_.type,chain:e,address:Y??""})},"onClick"),R=m?.chain?xl(m.chain,c()):void 0;return de.createElement(de.Fragment,{key:`${_.title}_${R}`},de.createElement(Fo,{open:u===_.type,onClose:Q,image:_.image,state:_.state,error:b}),!!m&&de.createElement(le,{open:!!m&&h,container:q,onClose:()=>{d(null)}},de.createElement(lr,{title:ot.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:R}}),type:"warning",description:ot.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:R}})},de.createElement(ps,{size:18}),de.createElement(ps,{size:32}),de.createElement(wy,{onClick:G.bind(null,m),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},ot.t("Confirm")))),S&&de.createElement(le,{open:!!S,onClose:y.bind(null,null),container:q},S==="in-progress"&&de.createElement(lr,{type:"loading",title:ot.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:R}}),description:ot.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:R}}),icon:de.createElement(bc,null,de.createElement(Ec,null,de.createElement(xy,{src:_.image,size:45})),de.createElement(Ic,null))}),S==="completed"&&de.createElement(lr,{type:"success",title:ot.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:R}}),description:ot.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:R}})}),S==="rejected"&&de.createElement(lr,{type:"error",title:ot.t("Request Rejected"),description:ot.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:R}})}),de.createElement(ps,{direction:"vertical",size:32})),de.createElement(vy,{key:_.type,description:W,onClick:ce,selected:o(_.type,e),disabled:!l,..._}))}),L&&de.createElement(xp,{selected:!1,onClick:s},de.createElement(Ac,{variant:"label",size:"medium"},ot.t("Show more wallets"),de.createElement(Ac,{variant:"label",size:"medium",color:"$primary"},"\xA0+",E-(r??0)))))}i(cs,"WalletList");var By=2;function Lc(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:f,customDestination:m,setCustomDestination:d}=X(),{connectedWallets:h,selectWallets:C}=K(),[S,y]=ho(""),[k,w]=ho([]),[x,b]=ho(""),[A,v]=ho(null),[T,M]=ho(!!m),E=Bn(p?.swaps||null),L=l.find(H=>H.name===p?.swaps[p?.swaps.length-1].to.blockchain),G=i(H=>!!p?.swaps.find(V=>V.from.blockchain===H),"isWalletRequiredFor"),q=i(()=>h.filter(H=>H.selected&&E.includes(H.chain)),"getInitialSelectableWallets"),[Q,_]=ho(q()),Y=l.find(H=>H.name===L?.name),ne=k.length>0,ee=i((H,V)=>!!Q.find(Z=>Z.walletType===H&&Z.chain===V&&Z.selected&&(G(V)||!G(V)&&!m)),"isSelected"),oe=!!m&&T&&Y&&!_n(Y,m),I=i(()=>{M(!1),d(null),_(H=>{let V=!1;return H.map(Z=>!V&&Z.chain===L?.name?(V=!0,{...Z,selected:!0}):Z)})},"resetCustomDestination"),W=i(H=>{if(S&&y(""),ee(H.walletType,H.chain))return;let Z=h.find(Se=>Se.walletType===H.walletType&&Se.chain===H.chain);Z&&(n(),H.chain===L?.name&&T&&(M(!1),d(null)),_(Se=>Se.filter(et=>et.chain!==H.chain).concat({...Z,selected:!0})))},"onChange"),ce=i(()=>{let H=Q.filter(V=>V.selected);C(H),c(H),f(!0),o()},"onConfirmBalance"),R=i(async()=>{w([]),b(""),v(null);let H=h.filter(Se=>Q.find(et=>et.chain===Se.chain&&et.walletType===Se.walletType)),V=await r?.({selectedWallets:H,customDestination:m}),Z=V.warnings;Z?.balance?.messages&&w(Z.balance.messages),Z?.quoteUpdate&&v(Z.quoteUpdate),V.error&&b(Ql(V.error)),!V.error&&!Z?.balance?.messages.length?ce():w(Z?.balance?.messages??[])},"onConfirmWallets");My(()=>{_(H=>H.concat(h.filter(V=>!!!H.find(Se=>Se.chain===V.chain)&&V.selected&&E.includes(V.chain))))},[h.length]);let re=document.getElementById(we.SWAP_BOX_ID),yt=Ly();return F.createElement(le,{open:e,onClose:()=>{u||yt("../",{replace:!0}),o()},dismissible:!S,container:re,...!S&&{footer:F.createElement(Np,null,F.createElement(Mc,{loading:s,disabled:ap(s,T,m,p,Q,L),onClick:R,variant:"contained",type:"primary",fullWidth:!0,size:"large"},dt.t("Confirm")))},...S&&{styles:{container:{padding:"$0"}},header:F.createElement(vp,null,F.createElement(bp,{variant:"ghost",onClick:y.bind(null,"")},F.createElement(Ay,{size:16})),F.createElement(cr,{variant:"headline",size:"small"},dt.t({id:"Your {blockchainName} wallets",values:{blockchainName:Ve(S,l)}})))},anchor:"center"},F.createElement(le,{open:ne,onClose:w.bind(null,[]),container:re},F.createElement(Wy,{title:dt.t("Insufficient account balance"),type:"error",description:F.createElement(Iy,{messages:k??[]})},F.createElement(Mc,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:ce},dt.t("Proceed anyway")))),S&&F.createElement(Ip,null,F.createElement("div",{className:Ep()},F.createElement(cs,{chain:S,isSelected:ee,selectWallet:W,onShowMore:y.bind(null,S)}))),!S&&F.createElement(F.Fragment,null,x&&F.createElement(F.Fragment,null,F.createElement(us,{variant:"alarm",type:"error",title:dt.t(x)}),F.createElement(go,{size:12})),A&&F.createElement(F.Fragment,null,F.createElement(us,{variant:"alarm",type:"warning",title:Hn(A)}),F.createElement(go,{size:12})),F.createElement(Lp,null,E.map((H,V)=>{let Z=l.find(De=>De.name===H),Se=`wallet-${V}`,et=V===E.length-1;return F.createElement("div",{key:Se},F.createElement(kp,null,F.createElement(cr,{variant:"title",size:"xmedium"},dt.t({id:"Your {blockchainName} wallets",values:{blockchainName:Z?.shortName}})),F.createElement(cr,{variant:"label",color:"$neutral700",size:"medium"},dt.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:Z?.shortName}}))),F.createElement(go,{size:24}),F.createElement(wp,null,F.createElement(cs,{chain:H,isSelected:ee,selectWallet:W,limit:By,onShowMore:()=>y(Z?.name??"")})),!et&&F.createElement(go,{size:32}),et&&a?.customDestination&&F.createElement(Ap,null,F.createElement(Kn,{onOpenChange:De=>{De?G(L?.name??"")||_(Ee=>Ee.map(Ge=>Ge.chain===L?.name?{...Ge,selected:!1}:Ge)):I()},hasSelected:!0,open:T,triggerAnchor:"top",trigger:F.createElement(Bp,null,F.createElement("div",{className:"button__content"},F.createElement(Ny,{size:18,color:"info"}),F.createElement(go,{size:4,direction:"horizontal"}),F.createElement(cr,{variant:"label",size:"medium"},dt.t("Send to a different address"))),F.createElement(Xn,{orientation:T?"up":"down"},F.createElement(Ey,{size:10,color:"gray"}))),onClickTrigger:()=>M(De=>!De)},F.createElement(go,{size:4}),F.createElement(Mp,{autoFocus:!0,placeholder:dt.t("Your destination address"),value:m||"",onChange:De=>{let Ee=De.target.value;Ee.length?d(Ee.length?Ee:null):(M(!1),d(null))}})),oe&&F.createElement("div",{className:Wp()},F.createElement(us,{variant:"alarm",type:"error",title:dt.t({values:{destination:m},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(Lc,"ConfirmWalletsModal");import{i18n as Jy}from"@lingui/core";import{Alert as Ry,Button as eS,InfoIcon as tS}from"@rango-dev/ui";import Qe from"react";import{Alert as $y,Button as Dy,Divider as fs,NoRouteIcon as Fy,RefreshIcon as Oy,Typography as Oc}from"@rango-dev/ui";import ze from"react";import{i18n as Bc}from"@lingui/core";var _y=24,Py=60;function _c(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:te().genericServerError,action:{onClick:n,title:Bc.t("Retry")}},description:""}:e.length?{alert:{type:"warning",text:te().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:Bc.t("Reset")}},description:te().liquiditySourcesError.description}:t?.type===0&&t.diagnosisMessage?{alert:{type:"error",text:t.diagnosisMessage,action:null},description:""}:{alert:null,description:te().noResultError.description}}i(_c,"makeInfo");var ms=(o=>(o[o.small=_y]="small",o[o.large=Py]="large",o))(ms||{}),ds=(o=>(o.small="small",o.large="medium",o))(ds||{});import{styled as ur}from"@rango-dev/ui";var Pc=ur("div",{display:"flex",flexDirection:"column",alignItems:"center"}),$c=ur("div",{variants:{size:{small:{},large:{maxWidth:"316px"}}}}),Dc=ur("div",{variants:{size:{small:{width:"100%"},large:{}}}}),Fc=ur("div",{padding:"$6 $0"});function Uo(t){let{fetch:e,error:o,size:n="small"}=t,r=g().getDisabledLiquiditySources(),s=g().toggleAllLiquiditySources,a=g().swappers(),l=_c(o,r,()=>s(a,!0),e);return ze.createElement(Pc,null,ze.createElement(Fy,{size:ms[n],color:"gray"}),ze.createElement(fs,{size:4}),ze.createElement(Oc,{variant:"title",size:ds[n]},te().noResultError.title),n==="large"&&ze.createElement(fs,{size:4}),!!l.description&&ze.createElement($c,{size:n},ze.createElement(Oc,{variant:"body",size:"small",align:"center",color:"neutral700"},l.description)),ze.createElement(fs,{size:n==="large"?"24":"4"}),!!l.alert&&ze.createElement(Dc,{size:n},ze.createElement($y,{type:l.alert.type,title:l.alert.text,titleAlign:"left",action:l.alert.action&&ze.createElement(Dy,{size:"xsmall",type:l.alert.type,prefix:ze.createElement(Fc,null,ze.createElement(Oy,{size:8})),onClick:l.alert.action.onClick},l.alert.action.title),variant:"alarm"})))}i(Uo,"NoResult");import{i18n as qo}from"@lingui/core";import{Button as qy,Divider as zy,MessageBox as Qy,Typography as Hy,WarningIcon as Gy}from"@rango-dev/ui";import wt from"react";import{Typography as Qc}from"@rango-dev/ui";import hs from"react";import{darkTheme as Uy,styled as mr}from"@rango-dev/ui";var Uc=mr("div",{width:"100%"}),gs=mr("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:"$5",width:"100%"}),qc=mr("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${Uy} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),zc=mr("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function Hc(t){let{title:e,value:o,valueColor:n}=t;return hs.createElement(qc,null,hs.createElement(Qc,{size:"medium",variant:"label",className:"_title"},e),hs.createElement(Qc,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(Hc,"QuoteErrorsModalItem");function Gc(t){let{open:e,onClose:o,onConfirm:n,warning:r,confirmationDisabled:s}=t,a=r.warningLevel==="high"?"error":"warning",l=[{title:qo.t("Swapping"),value:N(r.inputUsdValue,4,4)},{title:qo.t("Gas cost"),value:N(r.totalFee,2,2)},{title:qo.t("Receiving"),value:N(r.outputUsdValue,4,4)},{title:qo.t("Price impact"),value:N(r.priceImpact,2,2),valueColor:`${a}500`}];return wt.createElement(le,{footer:wt.createElement(qy,{type:"primary",size:"large",prefix:wt.createElement(Gy,null),fullWidth:!0,disabled:s,onClick:n},te().highValueLossError.confirmMessage),open:e,onClose:o,container:B()},wt.createElement(Qy,{type:a,title:te().highValueLossError.impactTitle,description:te().highValueLossError.description}),wt.createElement(gs,null,wt.createElement(zy,{size:"4"}),wt.createElement(Hy,{size:"small",variant:"title"},qo.t("Details")),wt.createElement(gs,null,l.map((p,c)=>wt.createElement(Hc,{key:c,...p})))))}i(Gc,"HighValueLossWarningModal");import{i18n as ys}from"@lingui/core";function Vc(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=ys.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&&(Tt(t.priceImpact)==="high"&&(o.alertType="error"),o.action="show-info",o.title=te().highValueLossError.title),t.type===1&&(o.title=te().unknownPriceError.title),t.type===2&&(o.title=ys.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=ys.t("Caution, your slippage is high."),o.action="change-settings"),o):null}i(Vc,"makeAlerts");import{i18n as yo}from"@lingui/core";import{Button as Xc,Divider as jc,MessageBox as Vy,Typography as Xy}from"@rango-dev/ui";import Rt from"react";import{useNavigate as jy}from"react-router-dom";function Kc(t){let{customSlippage:e,slippage:o}=g(),{open:n,onClose:r,onConfirm:s,warning:a,confirmationDisabled:l}=t,p=jy(),c=e??o;return Rt.createElement(le,{anchor:"bottom",open:n,prefix:Rt.createElement(Xc,{size:"small",variant:"ghost",onClick:()=>p("../"+O.settings)},Rt.createElement(Xy,{variant:"label",size:"medium",color:"$neutral900"},yo.t("Change settings"))),container:B(),onClose:r},Rt.createElement(Vy,{type:"warning",title:a.type===3?yo.t("High slippage"):yo.t("Low slippage"),description:a.type===3?yo.t({id:" Caution, your slippage is high (={userSlippage}). Your trade may be front run.",values:{userSlippage:c}}):yo.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:a.minRequiredSlippage}})},Rt.createElement(jc,{size:18}),Rt.createElement(jc,{size:32}),Rt.createElement(Xc,{size:"large",type:"primary",variant:"contained",fullWidth:!0,disabled:l,onClick:s},yo.t("Confirm anyway"))))}i(Kc,"SlippageWarningModal");import{Button as Ky,MessageBox as Yy,WarningIcon as Zy}from"@rango-dev/ui";import dr from"react";function Yc(t){let{open:e,onClose:o,onConfirm:n,confirmationDisabled:r}=t;return dr.createElement(le,{footer:dr.createElement(Ky,{type:"primary",size:"large",prefix:dr.createElement(Zy,null),fullWidth:!0,disabled:r,onClick:n},te().unknownPriceError.confirmMessage),open:e,onClose:o,container:B()},dr.createElement(Yy,{type:"warning",title:te().unknownPriceError.impactTitle,description:te().unknownPriceError.description}))}i(Yc,"UnknownPriceWarningModal");function zo(t){let{warning:e,error:o,couldChangeSettings:n,showWarningModal:r,confirmationDisabled:s,refetchQuote:a,onOpenWarningModal:l,onCloseWarningModal:p,onConfirmWarningModal:c,onChangeSettings:u}=t,f={confirmationDisabled:s,open:r,onClose:p,onConfirm:c},m=o?.type===0||o?.type===1,d=Vc(e,o?.type===3||o?.type===4?o:null);return d&&!n&&(d.action=null),Qe.createElement(Qe.Fragment,null,m&&Qe.createElement(Uo,{error:o,fetch:a}),!!d&&Qe.createElement(Uc,null,Qe.createElement(Ry,{title:d.title,type:d.alertType,variant:"alarm",...d.action==="show-info"&&{action:Qe.createElement(zc,{onClick:l},Qe.createElement(tS,{size:12,color:"gray"}))},...d.action==="change-settings"&&{action:Qe.createElement(eS,{size:"xxsmall",type:d.alertType,onClick:u},Jy.t("Change"))}})),e&&Qe.createElement(Qe.Fragment,null,e.type===0&&Qe.createElement(Gc,{...f,warning:e}),(e.type===3||e.type===2)&&Qe.createElement(Kc,{...f,warning:e}),e.type===1&&Qe.createElement(Yc,{...f,warning:e})))}i(zo,"QuoteWarningsAndErrors");import LS from"bignumber.js";import Er from"react";import{i18n as Xo}from"@lingui/core";import{Alert as CS,Divider as Co,FullExpandedQuote as TS,InfoIcon as kS,QuoteTag as wS,StepDetails as xS,TokenAmount as vS,Tooltip as Wu,Typography as To}from"@rango-dev/ui";import bs from"bignumber.js";import P,{useRef as bS,useState as IS}from"react";import{styled as Ss}from"@rango-dev/ui";var Cs=Ss("div",{width:"100%","& .position-top__skeleton":{paddingTop:"$10"}}),Zc=Ss("div",{paddingBottom:"$15",variants:{dense:{true:{paddingBottom:0}}}}),Jc=Ss("div",{width:"100%",display:"flex"});import*as fr from"@radix-ui/react-collapsible";import{Button as oS,css as Qo,darkTheme as Ce,Image as Rc,styled as _e,Typography as nS}from"@rango-dev/ui";var rS=300,eu=_e(fr.Root,{display:"flex",flexDirection:"column",alignItems:"start",overflowX:"auto",overflowY:"hidden",width:"100%",borderRadius:"$xm",variants:{selected:{true:{},false:{$$color:"$colors$neutral400",[`.${Ce} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}},listItem:{true:{$$color:"$colors$neutral400",[`.${Ce} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"},false:{}}},compoundVariants:[{listItem:!1,selected:!0,css:{$$color:"$colors$info300",[`.${Ce} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"}}]}),tu=Qo({padding:"$10 $15"}),ou=_e(oS,{backgroundColor:"transparent",border:"1px solid $secondary600",[`.${Ce} &`]:{border:"1px solid $secondary"},transition:"background-color 0.3s ease","&:hover":{backgroundColor:"$secondary600",[`.${Ce} &`]:{backgroundColor:"$secondary"},".allRoutesLabel":{$$color:"$colors$background",[`.${Ce} &`]:{$$color:"$colors$foreground"},color:"$$color",transition:"color 0.3s ease"}}}),nu=_e("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",[`.${Ce} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color"}},basic:{true:{borderTopRightRadius:"0",borderTopLeftRadius:"0"}},listItem:{true:{$$color:"$colors$neutral200",[`.${Ce} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color","&:hover":{"& .quote_container":{"& button":{backgroundColor:"$neutral500",[`.${Ce} &`]:{backgroundColor:"$neutral200"}},backgroundColor:"$neutral500",[`.${Ce} &`]:{backgroundColor:"$neutral200"}},backgroundColor:"$neutral300",[`.${Ce} &`]:{backgroundColor:"$neutral400"}},cursor:"pointer"},false:{}}},compoundVariants:[{listItem:!0,selected:!0,css:{outline:"1px solid $secondary"}},{listItem:!1,selected:!0,css:{$$color:"$colors$info100",[`.${Ce} &`]:{$$color:"$colors$secondary600"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}}},{listItem:!0,selected:!1,css:{cursor:"pointer","&:hover":{backgroundColor:"$neutral300",[`.${Ce} &`]:{backgroundColor:"$neutral400"}}}}]}),ru=Qo({width:"100%",padding:"$15 $15 $10 $15"}),iu=Qo({display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",paddingBottom:"$10",position:"relative"}),So=Qo({display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",".blockchainImage":{marginLeft:"-$8"}}),su=Qo({display:"flex",alignItems:"center",".usd-value":{$$color:"$colors$neutral600",[`.${Ce} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),au=_e(fr.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:{[`& ${Rc}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${Rc}`]:{border:"1px transparent solid",borderRadius:"100%"}}},selected:{true:{},false:{$$color:"$colors$neutral400",[`.${Ce} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}},listItem:{true:{$$color:"$colors$neutral400",[`.${Ce} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"},false:{}}},compoundVariants:[{listItem:!1,selected:!0,css:{$$color:"$colors$info300",[`.${Ce} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"}}],".blockchains_section":{display:"none"},"@xs":{".blockchains_section":{display:"block"}}}),lu=_e("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"}}}}),pu=_e(Vn,{width:"100%",background:"inherit"}),Ts=_e("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${rS}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),XM=_e("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),cu=_e("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${Ce} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),uu=_e("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"}),ks=_e(nS,{overflow:"hidden",textOverflow:"ellipsis",letterSpacing:.4}),mu=_e("div",{display:"flex",flexWrap:"wrap"}),ws=_e("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"}}}}),du=_e("div",{display:"flex"}),gr=_e("div",{width:"100%",borderTopWidth:"1px",borderTopStyle:"solid",borderTopColor:"$neutral",margin:"$5 0",[`.${Ce} &`]:{borderTopColor:"$neutral800"}});import{i18n as Ut}from"@lingui/core";import{ChevronDownIcon as sS,CloseIcon as aS,Divider as Sr,IconButton as lS,QuoteCost as pS,Tooltip as cS,Typography as nt}from"@rango-dev/ui";import j,{useState as yu}from"react";import{css as iS,styled as hr}from"@rango-dev/ui";var yr=hr("div",{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"$5 0","&.total_payable_fee":{padding:"$12 0"}}),xs=hr("div",{width:"100%",borderTop:"1px solid $neutral300",margin:"$10 0"}),fu=hr("div",{padding:"$20 0",display:"flex",flexDirection:"column","& .collapsible_trigger":{display:"flex",alignItems:"center"}}),gu=hr("div",{padding:"$20 $20 $10",textAlign:"center",position:"relative","._icon-button":{position:"absolute",zIndex:10,top:"$16",right:"$16"}}),hu=iS({display:"flex",flexDirection:"row",alignItems:"center",padding:"$5","&:hover":{"& ._typography, & svg":{color:"$secondary"}}});var uS=i(t=>t.fee.isZero()?null:j.createElement(yr,null,j.createElement(nt,{variant:"label",size:"medium",color:"neutral600"},t.label),j.createElement(nt,{variant:"label",size:"medium"},"$",N(t.fee,4,4))),"NonPayableFee");function Su(t){let[e,o]=yu(!1),[n,r]=yu(!1),{steps:s,quote:a,fee:l,time:p,feeWarning:c,showModalFee:u}=t,f=a?.swaps??[],m=B(),d=Kl(f);return j.createElement(j.Fragment,null,j.createElement(pS,{onClickFee:u?h=>{h.stopPropagation(),o(!e)}:void 0,fee:l,feeWarning:c,time:p,steps:s,tooltipGas:u?Ut.t("View more info"):void 0,tooltipContainer:m}),j.createElement(le,{container:m,open:e,header:j.createElement(gu,null,j.createElement(nt,{variant:"title",size:"medium"},Ut.t("Gas & Fee Explanation")),j.createElement(lS,{onClick:()=>o(!1),variant:"ghost"},j.createElement(aS,{color:"gray",size:14}))),onClose:()=>{o(!1)}},j.createElement(fu,null,j.createElement(nt,{variant:"title",size:"small"},Ut.t("Details")),j.createElement(Sr,{size:10}),Object.entries(d.payable).flatMap(([h,C])=>C.map((S,y)=>{let k=`payable-fee-${y}`,w=Ai(S);return j.createElement(yr,{key:k},j.createElement(nt,{variant:"label",size:"medium",color:"neutral600"},vi[h]),j.createElement(cS,{content:ue(S.amount),container:m},j.createElement(nt,{variant:"label",size:"medium"},N(S.amount,2,2)," ",S.asset.symbol," ($",N(w,4,4),")")))})),j.createElement(yr,{className:"total_payable_fee"},j.createElement(nt,{variant:"label",size:"medium"},Ut.t("Total Payable Fee")),j.createElement(nt,{variant:"label",size:"medium"},"$",N(l,4,4))),j.createElement(xs,null),Object.keys(d.nonePayable).length&&j.createElement(Kn,{triggerAnchor:"bottom",onClickTrigger:()=>r(h=>!h),trigger:j.createElement("div",{className:hu()},j.createElement(nt,{size:"small",variant:"body",color:"neutral700"},n?Ut.t("Hide non-payable fees"):Ut.t("Show non-payable fees")),j.createElement(Sr,{size:4,direction:"horizontal"}),j.createElement(Xn,{orientation:n?"up":"down"},j.createElement(sS,{size:12,color:"gray"}))),open:n},j.createElement(nt,{size:"small",variant:"title"},Ut.t("Description")),j.createElement(Sr,{size:4}),j.createElement(nt,{size:"small",variant:"body",color:"neutral700"},Ut.t(`The following fees are considered in the transaction output and
|
|
2
|
+
you won\u2019t need to pay extra gas for them.`)),j.createElement(Sr,{size:10}),Object.entries(d.nonePayable).map(([h,C],S)=>{let y=jl(C),k=vi[h],w=`non-payable-fee-${S}`;return j.createElement(uS,{key:w,fee:y,label:k})}),j.createElement(xs,null)))))}i(Su,"QuoteCostDetails");import{i18n as ku}from"@lingui/core";import{TokenAmount as wu}from"@rango-dev/ui";import Cr from"react";import{css as mS,styled as dS}from"@rango-dev/ui";var Cu=dS("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%"}),Tu=mS({height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"});function Ho(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return Cr.createElement(Cu,null,Cr.createElement(wu,{direction:"horizontal",label:ku.t("Swap input"),type:"input",tooltipContainer:B(),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}}),Cr.createElement("div",{className:Tu()}),Cr.createElement(wu,{direction:"horizontal",tooltipContainer:B(),label:ku.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(Ho,"QuoteSummary");import{i18n as Eu}from"@lingui/core";import{ChevronDownIcon as hS,ChevronRightIcon as yS,Divider as vs,Image as SS,Tooltip as vr,Typography as kr}from"@rango-dev/ui";import $ from"react";import{useLayoutEffect as fS,useState as Go}from"react";var xu=480,vu=768,bu=1024,Iu=1200,gS=i(()=>{let[t,e]=Go(!1),[o,n]=Go(!1),[r,s]=Go(!1),[a,l]=Go(!1),[p,c]=Go(!1),u=i(()=>{e(window.innerWidth<=xu),n(window.innerWidth>xu&&window.innerWidth<=vu),s(window.innerWidth>vu&&window.innerWidth<=bu),l(window.innerWidth>bu&&window.innerWidth<=Iu),c(window.innerWidth>Iu)},"handleResize");return fS(()=>(u(),window.addEventListener("resize",u),()=>window.removeEventListener("resize",u)),[]),{isMobile:t,isTablet:o,isNotebook:r,isLargeScreen:a,isExtraLargeScreen:p}},"useScreenDetect"),Tr=gS;var wr=4,xr=6,Vo=i(t=>{let{content:e,src:o,className:n,open:r,state:s,container:a}=t,l=a||B();return $.createElement(vr,{container:l,side:"bottom",sideOffset:4,open:r,content:e},$.createElement(lu,{className:n,state:s},$.createElement(SS,{src:o,size:16})))},"ImageComponent");function Au(t){let{quoteRef:e,selected:o,setExpanded:n,steps:r,expanded:s,type:a,container:l}=t,p=l||B(),c=r.length,u=dp(r),{isTablet:f,isMobile:m}=Tr();return $.createElement(au,{listItem:a==="list-item",ref:d=>e.current=d,selected:o,onClick:d=>{d.stopPropagation(),n(h=>!h)}},$.createElement("div",{className:So()},$.createElement(kr,{variant:"body",size:"xsmall"},Eu.t("Via:")),$.createElement(vs,{direction:"horizontal",size:4}),r.map((d,h)=>{let C=`item-${h}`,S=$.createElement(Ts,null,$.createElement(yS,{size:12,color:"black"}));return m||f?$.createElement($.Fragment,{key:C},$.createElement(Vo,{content:d.swapper.displayName,src:d.swapper.image,state:d.state,container:l}),h!==c-1&&$.createElement($.Fragment,null,S)):$.createElement($.Fragment,{key:C},c<=wr||c>wr&&h<wr-1?$.createElement($.Fragment,null,$.createElement(Vo,{content:d.swapper.displayName,src:d.swapper.image,state:d.state,container:l}),h!==c-1&&$.createElement($.Fragment,null,S)):h===wr-1&&$.createElement(vr,{container:p,side:"bottom",align:"end",sideOffset:4,content:$.createElement("div",{className:So()},S,r.map((y,k)=>{let w=`image-${k}`;return k>=h&&$.createElement($.Fragment,{key:w},$.createElement(Vo,{content:y.swapper.displayName,src:y.swapper.image,state:y.state,open:!1}),k!==c-1&&$.createElement($.Fragment,null,S))}))},$.createElement(ws,{state:r.find((y,k)=>k>=h&&(y.state==="error"||y.state==="warning"))?.state},$.createElement(kr,{size:"xsmall",variant:"body"},"+",c-h))))})),$.createElement("div",{className:So()},$.createElement("div",{className:"blockchains_section"},$.createElement("div",{className:So()},$.createElement(kr,{variant:"body",size:"xsmall"},Eu.t("Chains:")),$.createElement(vs,{direction:"horizontal",size:4}),u.map((d,h)=>$.createElement($.Fragment,{key:d.displayName},u.length<=xr||u.length>xr&&h<xr-1?$.createElement(vr,{container:p,side:"bottom",content:d.displayName,sideOffset:4},$.createElement(Vo,{content:"",src:d.image,open:!1,className:h!==0?"blockchainImage":""})):h===xr-1&&$.createElement(vr,{container:p,side:"bottom",align:"end",sideOffset:4,content:$.createElement("div",{className:So()},u.map((C,S)=>S>=h&&$.createElement(Vo,{key:C.displayName,content:"",src:C.image,open:!1,className:S>h?"blockchainImage":"",container:l})))},$.createElement(ws,{className:"blockchainImage"},$.createElement(kr,{size:"xsmall",variant:"body"},"+",u.length-h))))),$.createElement(vs,{direction:"horizontal",size:32}))),$.createElement(Ts,{orientation:s?"up":"down"},$.createElement(hS,{size:12,color:"black"}))))}i(Au,"QuoteTrigger");function Is(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:f=!1,container:m}=t,d=g().blockchains(),h=g().tokens(),C=g().swappers(),[S,y]=IS(t.expanded),k=bS(null),w=N(o.value,6,6),x=N(n.value,6,6),b=n.usdValue?N(n.usdValue,4,4):"",A=je(o.usdValue,n.usdValue??null),v=N(A,2,2),T=Tt(A??0),M=i((oe,I)=>oe.map((W,ce)=>{let R,re=r?.type===3&&r.swap.swapperId===W.swapperId,yt=r?.type===4&&r.recommendedSlippages?.has(ce),H=s?.type===2&&s.recommendedSlippages?.has(ce),V=re||yt,Z=H;V?R="error":Z&&(R="warning");let Se=V?Xo.t("Slippage Error"):Xo.t("Slippage Warning");return re&&(Se=r?.recommendation),{swapper:{displayName:No(W.swapperId,C),image:W.swapperLogo},from:{token:{displayName:W.from.symbol,image:W.from.logo},chain:{displayName:Ve(W.from.blockchain,d),image:W.from.blockchainLogo},price:{value:ce===0&&!I?N(o.value,6,6):N(W.fromAmount,6,6),usdValue:N((W.from.usdPrice??0)*parseFloat(W.fromAmount),4,4),realValue:ue(ce===0?o.value:W.fromAmount),realUsdValue:ue(new bs(W.from.usdPrice??0).multipliedBy(W.fromAmount))}},to:{token:{displayName:W.to.symbol,image:W.to.logo},chain:{displayName:Ve(W.to.blockchain,d),image:W.to.blockchainLogo},price:{value:N(W.toAmount,6,6),usdValue:N((W.to.usdPrice??0)*parseFloat(W.toAmount),4,4),realValue:ue(W.toAmount),realUsdValue:ue(new bs(W.to.usdPrice??0).multipliedBy(W.toAmount))}},state:R,alerts:V||Z?P.createElement(Zc,{dense:f},P.createElement(CS,{variant:"alarm",type:V?"error":"warning",title:Se,footer:f?null:P.createElement(Jc,null,re&&P.createElement(P.Fragment,null,P.createElement(To,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),P.createElement(Co,{direction:"horizontal",size:8}),P.createElement(To,{size:"xsmall",variant:"body",color:"neutral900"},"|"),P.createElement(Co,{direction:"horizontal",size:8}),P.createElement(To,{size:"xsmall",variant:"body",color:"neutral900"},Xo.t({id:"Yours: {amount} {symbol}",values:{amount:N(W.fromAmount,6,6),symbol:W?.from.symbol}}))),(yt||H)&&!re&&P.createElement(To,{size:"xsmall",variant:"body",color:"neutral900"},Xo.t({id:"Minimum required slippage is {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get(ce)},...s?.type===2&&{minRequiredSlippage:s.recommendedSlippages?.get(ce)}}})))})):void 0,time:Io(W.estimatedTimeInSeconds),fee:N(Ei(W,h),2,2),internalSwaps:W.internalSwaps?M(W.internalSwaps):void 0}}),"getQuoteSteps"),E=M(e?.swaps??[]),L=E.length,G=m||B(),q=gp(t.quote.tags||[]),Q=!!u,_=Io(yn(e?.swaps)),Y=Dn(e?.swaps??[],h),ne=N(Y,2,2),ee=Y.gte(new bs(zl));return f?P.createElement(TS,{selected:l,fee:ne,time:_,tooltipContainer:Wo(),steps:E,tags:q,feeWarning:ee,percentageChange:v,warningLevel:T,outputPrice:{value:x,usdValue:b,realValue:ue(n.value),realUsdValue:ue(n.usdValue)}}):P.createElement(nu,{selected:l,listItem:a==="list-item",basic:a==="basic"},P.createElement("div",{className:ru()},!p&&q.length?P.createElement(P.Fragment,null,P.createElement(du,null,q.map((oe,I)=>{let W=`${oe.value}_${I}`;return P.createElement(P.Fragment,{key:W},P.createElement(wS,{label:oe.label,value:oe.value}),P.createElement(Co,{size:4,direction:"horizontal"}))})),P.createElement(gr,null),!Q&&P.createElement(Co,{size:4})):null,P.createElement("div",{id:"portal-root",className:iu()},P.createElement(Su,{quote:e,time:_,fee:ne,feeWarning:ee,showModalFee:c,steps:L}),Q&&P.createElement(ou,{onClick:oe=>{oe.stopPropagation(),u()},size:"xxsmall",type:"secondary",variant:"default",css:{paddingLeft:"$10",paddingRight:"$10",paddingTop:"$5",paddingBottom:"$5"}},P.createElement(To,{color:"secondary",variant:"body",size:"xsmall",className:"allRoutesLabel"},Xo.t("See All Routes")))),a==="basic"&&P.createElement("div",{className:su()},P.createElement(uu,null,P.createElement(kS,{size:12,color:"gray"})),P.createElement(mu,null,P.createElement(ks,{size:"small",variant:"body"},`${w} ${E[0].from.token.displayName} = `),P.createElement(Wu,{content:ue(n.value),container:G,open:n.value?void 0:!1},P.createElement(ks,{size:"small",variant:"body"},"\xA0",`${x} ${E[E.length-1].to.token.displayName}`))),P.createElement(Wu,{content:ue(n.usdValue),container:G},P.createElement(Co,{size:2,direction:"horizontal"}),P.createElement(To,{color:"$neutral600",size:"xsmall",variant:"body"},`($${b})`))),a==="list-item"&&P.createElement(vS,{tooltipContainer:G,type:"output",direction:"vertical",price:{value:x,usdValue:b,realValue:ue(n.value),realUsdValue:ue(n.usdValue)},token:{displayName:E[L-1].to.token.displayName,image:E[L-1].to.token.image},chain:{image:E[L-1].to.chain.image},percentageChange:v,warningLevel:T}),a==="swap-preview"&&P.createElement(P.Fragment,null,P.createElement(Ho,{from:E[0].from,to:E[L-1].to,percentageChange:v,warningLevel:T}),P.createElement(Co,{size:4}))),P.createElement(eu,{selected:l,listItem:a==="list-item",open:S,className:"quote_container",onOpenChange:y},P.createElement(Au,{type:a,quoteRef:k,selected:l,setExpanded:y,container:G,expanded:S,steps:E}),P.createElement(pu,{open:S},P.createElement(cu,null),P.createElement("div",{className:tu()},E.map((oe,I)=>{let W=`item-${I}`;return P.createElement(xS,{type:"quote-details",key:W,tooltipContainer:G,step:oe,hasSeparator:I!==E.length-1,state:oe.state})})))))}i(Is,"Quote");import{Divider as NS,Skeleton as MS}from"@rango-dev/ui";import vt from"react";import{darkTheme as ES,styled as br}from"@rango-dev/ui";var Nu=br("div",{$$color:"$colors$neutral100",[`.${ES} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15",variants:{rounded:{true:{borderRadius:"$xm"}},expanded:{true:{paddingBottom:"3px"},false:{paddingBottom:"$12"}}}}),Mu=br("div",{paddingTop:"$2"}),Lu=br("div",{paddingLeft:"$8"}),Bu=br("div",{borderLeft:"1px dashed $foreground",minHeight:" 0",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});import{ChainToken as Qu,Divider as rt,Skeleton as He}from"@rango-dev/ui";import U from"react";import{css as AS,styled as xt}from"@rango-dev/ui";var Es=xt("div",{display:"flex"}),_u=xt("div",{padding:"$10 $0 $20"}),Pu=xt("div",{padding:"14px $0 $20 $0",display:"flex",flexDirection:"column"}),$u=xt("div",{display:"flex",justifyContent:"start",alignItems:"center"}),Du=xt("div",{display:"flex",justifyContent:"space-between",alignItems:"end"}),Fu=xt("div",{height:"$24",marginLeft:"13px",borderLeft:"1px solid $neutral700"}),Ou=xt("div",{width:"65%",display:"flex",justifyContent:"start"}),Uu=xt("div",{display:"flex",flexDirection:"column",alignItems:"start",flexGrow:1,maxWidth:"148px"}),qu=xt("div",{padding:"$15 $0 $15 $0"}),zu=AS({display:"flex",justifyContent:"space-between",alignItems:"center"});function jo(t){let{type:e,tagHidden:o=!0}=t,n=U.createElement(Du,null,U.createElement(Ou,null,U.createElement(Qu,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),U.createElement(rt,{size:8,direction:"horizontal"}),U.createElement(Uu,null,U.createElement(He,{height:10,width:60,variant:"rounded"}),U.createElement(rt,{size:4}),U.createElement(He,{height:15,variant:"rounded"}))),U.createElement(He,{height:12,width:64,variant:"rounded"})),r=e==="basic"&&!o;return U.createElement("div",null,!o&&U.createElement(U.Fragment,null,U.createElement(Es,null,U.createElement(He,{width:65,height:20,variant:"rounded"}),U.createElement(rt,{size:4,direction:"horizontal"}),U.createElement(He,{width:65,height:20,variant:"rounded"}),U.createElement(rt,{size:4,direction:"horizontal"}),U.createElement(He,{width:65,height:20,variant:"rounded"})),U.createElement(gr,null),!r&&U.createElement(rt,{size:4})),U.createElement("div",{className:zu()},U.createElement(Es,null,U.createElement(He,{width:60,height:10,variant:"rounded"}),U.createElement(rt,{size:4,direction:"horizontal"}),U.createElement(He,{width:60,height:10,variant:"rounded"}),U.createElement(rt,{size:4,direction:"horizontal"}),U.createElement(He,{width:60,height:10,variant:"rounded"})),r&&U.createElement(He,{width:85,height:24,variant:"rounded"})),e==="basic"&&U.createElement(_u,null,U.createElement(He,{height:15,width:148,variant:"rounded"})),e==="list-item"&&U.createElement(Pu,null,U.createElement($u,null,U.createElement(Qu,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),U.createElement(rt,{direction:"horizontal",size:4}),U.createElement(He,{height:15,width:150,variant:"rounded"})),U.createElement(rt,{size:10}),U.createElement(He,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&U.createElement(U.Fragment,null,U.createElement(rt,{size:4}),U.createElement(qu,null,n,U.createElement(Fu,null),n),U.createElement(rt,{size:12})))}i(jo,"QuoteSummarySkeleton");import{ChainToken as ju,Divider as Ws,NextIcon as WS,Skeleton as Ir}from"@rango-dev/ui";import Te from"react";import{styled as Ko}from"@rango-dev/ui";var Hu=Ko("div",{display:"flex",alignItems:"start"}),Gu=Ko("div",{flexGrow:1,paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center",variants:{extraSpace:{true:{paddingBottom:"$40"}}}}),As=Ko("div",{display:"flex",alignItems:"center",flexGrow:1}),Vu=Ko("div",{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}),Xu=Ko("div",{display:"flex",alignItems:"center"});function ft(t){let{separator:e=!0}=t;return Te.createElement(Te.Fragment,null,Te.createElement(Xu,null,Te.createElement(Ir,{height:22,width:22,variant:"circular"}),Te.createElement(Ws,{direction:"horizontal",size:8}),Te.createElement(Ir,{height:15,width:148,variant:"rounded"})),Te.createElement(Hu,null,Te.createElement(Bu,{hideSeparator:!e}),Te.createElement(Gu,{extraSpace:e},Te.createElement(As,null,Te.createElement(ju,{size:"small",loading:!0,chainImage:"",tokenImage:""}),Te.createElement(Ws,{direction:"horizontal",size:8}),Te.createElement(Ir,{height:12,variant:"rounded"})),Te.createElement(Vu,null,Te.createElement(WS,{color:"gray",size:16})),Te.createElement(As,null,Te.createElement(ju,{size:"small",loading:!0,chainImage:"",tokenImage:""}),Te.createElement(Ws,{direction:"horizontal",size:8}),Te.createElement(Ir,{height:12,variant:"rounded"})))))}i(ft,"StepSkeleton");function Yo(t){let{type:e,expanded:o,tagHidden:n=!1}=t;return vt.createElement(Nu,{expanded:o,rounded:e!=="basic"},vt.createElement(jo,{type:e,tagHidden:n}),vt.createElement(Mu,null,vt.createElement(MS,{height:15,variant:"rounded"})),o&&vt.createElement(Lu,null,vt.createElement(NS,{size:24}),vt.createElement(ft,null),vt.createElement(ft,null),vt.createElement(ft,{separator:!1})))}i(Yo,"QuoteSkeleton");function eo(t){let{quote:e,type:o,loading:n,error:r,warning:s,expanded:a=!1,tagHidden:l,onClick:p,showModalFee:c,selected:u,onClickAllRoutes:f,fullExpandedMode:m=!1,container:d}=t,{inputAmount:h,inputUsdValue:C,toToken:S}=X(),y=e?.outputAmount?new LS(e?.outputAmount):null,k=e?.outputAmount?On(e?.outputAmount,Un(e)||S?.usdPrice):null,x=!(r&&(r.type===0||r.type===1))&&e&&!n;return n?Er.createElement(Cs,null,Er.createElement(Yo,{tagHidden:l,type:o,expanded:a})):x?Er.createElement(Cs,{onClick:()=>p?.(e)},Er.createElement(Is,{quote:e,error:r,container:d,showModalFee:c,warning:s,tagHidden:l,selected:u,type:o,expanded:a,onClickAllRoutes:f,fullExpandedMode:m,input:{value:h,usdValue:C?.toString()??""},output:{value:y?.toString()??"",usdValue:k?.toString()??""}})):null}i(eo,"QuoteInfo");import{calculatePendingSwap as $S}from"@rango-dev/queue-manager-rango-preset";import{useEffect as DS}from"react";import{useRef as BS,useState as _S}from"react";var PS=2e3;function Ar({request:t}){let[e,o]=_S(!1),n=BS(null),r=i(()=>n.current?.abort(),"cancelFetch"),s=i(async l=>(await new Promise(p=>setTimeout(p,PS)),await a(l,!1)),"retryFetch"),a=i(async(l,p=!1)=>{r(),n.current=new AbortController,o(!0);try{let c=await t(l,{signal:n.current.signal});return n.current=null,c}catch(c){if(p)return await s(l);throw c}finally{o(!1)}},"fetch");return{fetch:a,loading:e,cancelFetch:r}}i(Ar,"useFetch");function Ku(){let{fetch:t,loading:e,cancelFetch:o}=Ar({request:async(n,r)=>await Lt().confirmRouteRequest(n,r)});return{fetch:t,loading:e,cancelFetch:o}}i(Ku,"useFetchConfirmQuote");function Wr(t){if(!t.swaps)throw new Error(te().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});let e=Ns(t.swaps);if(e)throw new Error(e.message,{cause:e.options})}i(Wr,"throwErrorIfResponseIsNotValid");function Ns(t){if(Gl(t)){let{swap:n,recommendation:r,fromAmountRangeError:s}=Vl(t);return{message:"bridge limit error",options:{type:3,swap:n,recommendation:r,fromAmountRangeError:s}}}let o=Yl(t);if(o){let n=Fn(t);return{message:"",options:{type:4,recommendedSlippages:o,minRequiredSlippage:n}}}return null}i(Ns,"getQuoteError");function Yu(t,e,o){let n=!1;t&&(n=up(t,e));let r={quote:null,quoteUpdate:null,balance:null},s=io(e,{fromToken:o.fromToken,toToken:o.toToken,tokens:o.meta.tokens,userSlippage:o.userSlippage});s&&(r.quote=s),t&&n&&(op(t,e)?r.quoteUpdate={type:3,newOutputAmount:N(ro(e)),percentageChange:N(je(ro(t)??"",ro(e)??""),null,2)}:Wi(t,e)?r.quoteUpdate={type:0}:Ni(t,e)?r.quoteUpdate={type:1}:Mi(t,e)&&(r.quoteUpdate={type:2}));let a=np(e,o.selectedWallets,o.meta.blockchains);return a.length===0||(r.balance={messages:a}),r}i(Yu,"generateWarnings");function Nr(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(Nr,"handleQuoteErrors");function Ms(){let{fromToken:t,toToken:e,inputAmount:o,setSelectedQuote:n,selectedQuote:r,customDestination:s,setQuoteWarningsConfirmed:a,resetAlerts:l}=X(),{slippage:p,customSlippage:c}=g(),u=g().getDisabledLiquiditySources(),f=g().blockchains(),m=g().tokens(),d=c||p,{fetch:h,cancelFetch:C,loading:S}=Ku();return DS(()=>C,[]),{loading:S,fetch:i(async k=>{let w=k.selectedWallets,x=k?.customDestination??s;if(!t||!e||!o)return{quote:null,swap:null,error:null,warnings:null};let b=w.reduce((v,T)=>(v[T.chain]=T.address,v),{}),A={requestId:r?.requestId||"",selectedWallets:b,destination:x||void 0};try{return await h(A,!0).then(v=>{let{result:T}=v;Wr({diagnosisMessages:T.diagnosisMessages,requestId:T.requestId,swaps:T.result?.swaps});let M={outputAmount:T.result?.outputAmount,requestId:T.requestId,resultType:T.result?.resultType,swaps:T.result?.swaps||[],validationStatus:T.validationStatus,requestAmount:T.requestAmount};n(M);let E={slippage:d.toString(),disabledSwappersGroups:u},L=Yu(r??void 0,M,{fromToken:t,toToken:e,meta:{blockchains:f,tokens:m},selectedWallets:w,userSlippage:d});L.quoteUpdate&&a(!1),l();let G=!!L.balance,q=$S(o.toString(),T,ep(w),E,!G,{blockchains:f,tokens:m});return{quote:M,swap:q,error:null,warnings:L}})}catch(v){return Nr(v)}},"fetch"),cancelFetch:C}}i(Ms,"useConfirmSwap");var jS=US("div",{width:"100%",display:"flex",justifyContent:"space-between",[`& ${Ju}`]:{width:"$48",height:"$48"}}),KS=_s({flexGrow:1,paddingRight:"$10"}),YS=_s({width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}),ZS=_s({display:"flex",justifyContent:"space-between",alignItems:"center"});function Ru(){let{selectedQuote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:s,quoteWarningsConfirmed:a}=X(),l=XS(),p=VS(),[c,u]=Jo(""),{connectedWallets:f}=K(),m=!n,[d,h]=Jo(!1),[C,S]=Jo(!1),{isActiveTab:y}=ie(),k=g().getDisabledLiquiditySources(),w=HS(k),{manager:x}=FS(),{fetch:b,loading:A,cancelFetch:v}=Ms(),[T,M]=Jo({swap:null,error:null,warnings:null}),[E,L]=Jo(!1),G=i(async({selectedWallets:I,customDestination:W})=>{let ce=await b?.({selectedWallets:I,customDestination:W});return M(ce),ce},"onConfirmSwap"),q=i(async()=>{if(T.swap&&n)try{await x?.create("swap",{swapDetails:T.swap},{id:T.swap.requestId});let I=`../${O.swaps}/${T.swap.requestId}`;l(I,{replace:!0}),setTimeout(()=>{e("")},0)}catch(I){u("Error: "+I?.message)}},"addNewSwap"),Q=i(async()=>{S(!0),await q(),S(!1)},"onConfirm"),_=i(async()=>{T?.warnings?.quote&&!a?L(!0):await Q()},"onStartConfirmSwap"),Y=i(async()=>{M({error:null,swap:null,warnings:null}),b({selectedWallets:o,customDestination:s}).then(I=>{M(I)}).catch(I=>console.error(I))},"onRefresh");Zo(()=>{!!w.current.length&&!k.length&&Y(),w.current=k},[k.length]),Zo(()=>{m&&v()},[m]),Zo(()=>{m&&h(m)},[m]),Zo(()=>{m||b({selectedWallets:o,customDestination:s}).then(I=>M(I)).catch(I=>console.error(I))},[]),Zo(()=>{let I=T.warnings?.quote?.type&&Object.values(_t).includes(T.warnings?.quote?.type),W=o.length<1||!o.every(R=>f.find(re=>R.address===re.address&&R.walletType===re.walletType&&R.chain===re.chain)),ce=!1;if(I){let R=Bn(t?.swaps||null),re=t?.swaps[t.swaps.length-1].to.blockchain;!!t?.swaps.find(V=>V.from.blockchain===re)||(R=R.slice(-R.length,R.length-1)),R.every(V=>o.find(Z=>Z.chain===V))||(ce=!0)}t&&(W||ce)&&(queueMicrotask(()=>GS(h.bind(null,!0))),r(!1))},[T.warnings?.quote,o.length,f.length]),QS(()=>{t||l(`../${p.search}`)},[]);let ne=T.warnings?.quote??null,ee=T.error,oe=[];if(c&&oe.push(ke.createElement(Zu,{type:"error",variant:"alarm",title:c})),T.warnings?.quoteUpdate&&oe.push(ke.createElement(Zu,{variant:"alarm",type:"warning",title:T.warnings.quoteUpdate&&Hn(T.warnings.quoteUpdate)})),ne||ee){let I=`../${O.settings}`;oe.push(ke.createElement(zo,{warning:ne,error:ee,couldChangeSettings:!1,refetchQuote:Y,showWarningModal:E,confirmationDisabled:!y,onOpenWarningModal:()=>L(!0),onCloseWarningModal:()=>L(!1),onConfirmWarningModal:async()=>{L(!1),await q()},onChangeSettings:()=>l(I)}))}return ke.createElement(pe,{header:{title:Ls.t("Confirm Swap"),onWallet:()=>{let I=`../${O.wallets}`;l(I)}},footer:ke.createElement(jS,null,ke.createElement("div",{className:KS()},ke.createElement(OS,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:A||C,disabled:!!T.error||!y,onClick:_},Ls.t("Start Swap"))),ke.createElement(Ju,{variant:"contained",type:"primary",size:"large",loading:A||C,disabled:!y,onClick:h.bind(null,!0)},ke.createElement(zS,{size:24})))},d&&ke.createElement(Lc,{open:d,onClose:()=>h(!1),onCancel:v,loading:A,onCheckBalance:G}),ke.createElement(me,null,ke.createElement("div",{className:ZS()},ke.createElement(qS,{variant:"title",size:"small"},Ls.t("You get")),ke.createElement("div",{className:YS()},ke.createElement(or,{onClick:!A&&!d&&!E?Y:void 0}))),ke.createElement(Bs,{size:"12"}),Dp(oe.map((I,W)=>({element:I,key:`alert-${W}`})),ke.createElement(Bs,{size:10})),oe.length>0?ke.createElement(Bs,{size:10}):null,ke.createElement(eo,{quote:t,type:"swap-preview",expanded:!0,tagHidden:!0,error:T.error,loading:A,warning:T.warnings?.quote??null})))}i(Ru,"ConfirmSwapPage");import{i18n as Lr}from"@lingui/core";import{useManager as dC}from"@rango-dev/queue-manager-react";import{Divider as cm,NotFound as fC,styled as gC}from"@rango-dev/ui";import It,{useState as hC}from"react";import{useNavigate as yC}from"react-router-dom";import{i18n as eC}from"@lingui/core";import{Divider as rm,GroupedVirtualizedList as tC,Skeleton as oC,SwapListItem as im,Typography as nC}from"@rango-dev/ui";import Pe,{useCallback as sm,useEffect as rC,useRef as iC,useState as sC}from"react";function em(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(em,"calculateGroupsSoFar");import{css as JS,darkTheme as RS,styled as Ro}from"@rango-dev/ui";var Ps=JS(),tm=Ro("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$5"}),$s=Ro("div",{width:"100%",display:"flex",flexDirection:"column",backgroundColor:"$background",padding:"$10 $5 0 $5",[`& .${Ps}`]:{$$color:"$colors$neutral600",[`.${RS} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Ds=Ro("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),om=Ro("div",{gap:"$10",display:"flex",flexDirection:"column"}),nm=Ro("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});var aC=10;function Fs(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,[s,a]=sC([]),l=iC(0),{swaps:p,groupCounts:c,groups:u}=n(e),f=sm(em,[]),m=sm(()=>{let d=e.length-l.current;d&&(l.current+=Math.min(d,aC),a(f(c,l.current)))},[e.length]);if(rC(()=>{r||m()},[r,m]),r){let d=[1,2];return Pe.createElement(Pe.Fragment,null,[d,d].map((C,S)=>Pe.createElement($s,{key:S},Pe.createElement(Ds,null,Pe.createElement(oC,{variant:"text",width:60,size:"small"}),Pe.createElement(rm,{size:16})),Pe.createElement(rm,{size:4}),Pe.createElement(om,null,C.map((k,w)=>Pe.createElement(im,{isLoading:!0,key:w}))))))}return Pe.createElement(tC,{endReached:()=>{l.current<e.length&&m()},groupCounts:s,groupContent:d=>Pe.createElement($s,null,Pe.createElement(Ds,null,Pe.createElement(nC,{variant:"label",size:"medium",className:Ps()},u[d]))),itemContent:(d,h)=>{let C=p[d];if(!C)return null;let S=C.steps[0],y=C.steps[C.steps.length-1];return Pe.createElement(tm,{key:C.requestId},Pe.createElement(im,{requestId:C.requestId,creationTime:C.creationTime,status:C.status,onClick:o,tooltipContainer:B(),onlyShowTime:u[h]===eC.t("Today"),swapTokenData:{from:{token:{image:S.fromLogo,displayName:S.fromSymbol},blockchain:{image:S.fromBlockchainLogo||""},amount:N(C.inputAmount,6,6),realAmount:ue(C.inputAmount)},to:{token:{image:y.toLogo,displayName:y.toSymbol},blockchain:{image:y.toBlockchainLogo||""},amount:N(y.outputAmount||y.expectedOutputAmountHumanReadable||"",6,6),realAmount:ue(y.outputAmount||y.expectedOutputAmountHumanReadable)}}}))}})}i(Fs,"HistoryGroupedList");import{CloseIcon as pC,IconButton as cC,SearchIcon as uC,TextField as mC}from"@rango-dev/ui";import en from"react";import{styled as lC}from"@rango-dev/ui";var am=lC("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function bt(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:s,value:a,setValue:l,...p}=t;return en.createElement(mC,{prefix:en.createElement(am,null,en.createElement(uC,{color:"black"})),suffix:!!a.length&&en.createElement(cC,{variant:"ghost",onClick:()=>l?.(""),size:"small"},en.createElement(pC,{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(bt,"SearchInput");import{i18n as Mr}from"@lingui/core";import lm from"dayjs";var pm=i(t=>{let e=new Map([["today",{title:Mr.t("Today"),swaps:[]}],["week",{title:Mr.t("This week"),swaps:[]}],["month",{title:Mr.t("This month"),swaps:[]}],["year",{title:Mr.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=lm();t.forEach(p=>{let c=Number(p.creationTime),u=lm(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 f=new Date(c).getFullYear().toString();o(f,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 SC=gC("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),CC=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 um(){let t=yC(),{manager:e,state:o}=dC(),n=ut(e).map(({swap:u})=>u),[r,s]=hC(""),a=!o.loadedFromPersistor,l=i(u=>{let f=u.target.value;s(f)},"searchHandler"),p=n;r&&(p=n.filter(u=>pt(u.inputAmount,r)||pt(u.status,r)||CC(u.steps,r)||pt(u.requestId,r)));let c=!p?.length&&!a;return It.createElement(pe,{header:{title:Lr.t("History")}},It.createElement(me,null,It.createElement(bt,{setValue:s,fullWidth:!0,variant:"contained",placeholder:Lr.t("Search Transaction"),autoFocus:!0,onChange:l,value:r}),It.createElement(cm,{size:"16"}),It.createElement(SC,null,c&&It.createElement(nm,null,It.createElement(cm,{size:32}),It.createElement(fC,{title:Lr.t("No results found"),description:r?Lr.t("Try using different keywords"):""})),!c&&It.createElement(Fs,{list:p,onSwapClick:t,groupBy:pm,isLoading:a}))))}i(um,"HistoryPage");import{i18n as DC}from"@lingui/core";import{Button as FC,Divider as Wm,styled as OC,WarningIcon as UC}from"@rango-dev/ui";import qC from"bignumber.js";import Ue,{useEffect as Nm,useState as Mm}from"react";import{useNavigate as zC}from"react-router-dom";import{i18n as bC}from"@lingui/core";import{Header as IC}from"@rango-dev/ui";import qt,{useEffect as EC,useState as AC}from"react";import{i18n as kC}from"@lingui/core";import{Divider as Us,FullExpandedQuote as wC,Typography as xC}from"@rango-dev/ui";import fe from"react";import{styled as Os}from"@rango-dev/ui";var mm=Os("div",{display:"flex",justifyContent:"center",flexDirection:"column",height:"100%"}),dm=Os("div",{display:"flex",justifyContent:"space-between",alignItems:"center"}),fm=Os("div",{width:"146px"});import{i18n as tn}from"@lingui/core";import{Select as TC}from"@rango-dev/ui";import gm from"react";function Br(t){let{updateQuotePartialState:e,sortStrategy:o}=X(),n=[{value:"SMART",label:tn.t("Smart Routing")},{value:"FEE",label:tn.t("Lowest Fee")},{value:"SPEED",label:tn.t("Fastest Transfer")},{value:"NET_OUTPUT",label:tn.t("Maximum Return")},{value:"PRICE",label:tn.t("Maximum Output")}];return gm.createElement(fm,null,gm.createElement(TC,{container:t.container,options:n,value:o,handleItemClick:r=>{e("sortStrategy",r.value)},variant:"filled"}))}i(Br,"SelectStrategy");var hm=3;function on(t){let{loading:e,onClickOnQuote:o,fetch:n,showModalFee:r,hasSort:s=!0,fullExpandedMode:a=!1,container:l}=t,{selectedQuote:p,quotes:c,updateQuotePartialState:u,fromToken:f,toToken:m,sortStrategy:d,error:h}=X(),{slippage:C,customSlippage:S}=g(),y=g().tokens(),k=l||B(),w=!!c&&c.results.length,x=S??C,b=i(T=>{if(!f||!m||!c)return null;let M={requestAmount:c.requestAmount,...T};return io(M,{fromToken:f,toToken:m,userSlippage:x,tokens:y})},"getQuoteWarning"),A=h?.type===0||h?.type===1,v=c?.results?qn(d,c?.results):[];return fe.createElement(fe.Fragment,null,s&&fe.createElement(fe.Fragment,null,fe.createElement(dm,null,fe.createElement(xC,{size:"xmedium",variant:"title"},kC.t("Sort by")),fe.createElement(Br,{container:k})),fe.createElement(Us,{size:"10"})),e&&Array.from({length:hm},(T,M)=>fe.createElement(fe.Fragment,{key:M},a?fe.createElement(wC,{loading:!0}):fe.createElement(Yo,{tagHidden:!1,type:"list-item",expanded:!1}),M!==hm-1&&fe.createElement(Us,{size:16}))),!e&&fe.createElement(fe.Fragment,null,w?v.map((T,M)=>{let E=b(T),L=Ns(T.swaps),G=v.length-1===M;return fe.createElement(fe.Fragment,{key:T.requestId},fe.createElement(eo,{showModalFee:r,container:k,selected:p?.requestId===T.requestId,tagHidden:!1,quote:{...T,requestAmount:c.requestAmount},loading:e,error:L?.options||null,warning:E,fullExpandedMode:a,onClick:q=>{L||u("warning",E),u("error",L?.options||null),o(q)},type:"list-item"}),!G&&fe.createElement(Us,{size:16}))}):A&&fe.createElement(mm,null,fe.createElement(Uo,{size:a?"large":"small",error:h,fetch:n}))))}i(on,"Quotes");import{darkTheme as vC,styled as ym}from"@rango-dev/ui";var Sm=ym("div",{transition:"width 0.2s, opacity 0.2s, margin-left 0.2s",height:"700px",width:"390px",opacity:1,marginLeft:"$16",backgroundColor:"$neutral100",[`.${vC} &`]:{backgroundColor:"$neutral300"},variants:{expandMode:{default:{width:"390px"},full:{width:"719px"}}},"&.is-hidden":{width:0,height:0,opacity:0,marginLeft:0}}),Cm=ym("div",{position:"relative",overflow:"hidden",padding:"$20",flexGrow:1,display:"flex",flexDirection:"column",overflowY:"auto",borderRadius:"$primary",backgroundColor:"$background"});var WC=100;function qs(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",f=Wo();return EC(()=>{let m=null;return s?m=setTimeout(()=>{l(!0)},WC):(l(!1),m&&clearTimeout(m)),()=>{m&&clearTimeout(m)}},[s]),qt.createElement(Sm,{expandMode:c?.variant==="full-expanded"?"full":"default",className:`${p} ${ir()}`,id:we.EXPANDED_BOX_ID},qt.createElement(IC,{title:bC.t("Routes"),suffix:qt.createElement(qt.Fragment,null,qt.createElement(Br,{container:f}),qt.createElement(Zt,{container:f,onClickRefresh:r,hidden:["history","notifications","settings"]}))}),qt.createElement(Cm,null,qt.createElement(on,{showModalFee:!1,fetch:e,hasSort:!1,loading:o,container:Wo(),onClickOnQuote:n,fullExpandedMode:u})))}i(qs,"ExpandedQuotes");import{i18n as Im}from"@lingui/core";import{SwapInput as Em}from"@rango-dev/ui";import nn from"react";import{ReverseIcon as LC}from"@rango-dev/ui";import Qs from"react";import{keyframes as NC,styled as Tm}from"@rango-dev/ui";var zs=450,MC=NC({"0%":{transform:"rotateX(0deg) rotateY(0deg) rotateZ(0deg)"},"33%":{transform:"rotateX(0deg) rotateZ(78deg) rotateY(66deg)"},"66%":{transform:"rotateX(0deg) rotateZ(163deg) rotateY(66deg)"},"100%":{transform:"rotateX(0deg) rotateZ(180deg) rotateY(0deg)"}}),km=Tm("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),wm=Tm("div",{borderRadius:"$md",border:"3px solid $background",background:"$neutral100",width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center",color:"$foreground","&.rotate":{"& svg":{animation:`${MC} ${zs}ms ease-in-out forwards`}},"&:hover":{color:"$secondary500",transform:"translateY(1px) scale(1.04)",boxShadow:"1px 1px 1px 1px rgba(0, 0, 0, 0.05)"}});function Hs(){let t=X.use.switchFromAndTo();return Qs.createElement(km,null,Qs.createElement(wm,{onClick:e=>{let o=e.currentTarget;o.classList.add("rotate"),setTimeout(()=>{o.classList.remove("rotate")},zs),t()}},Qs.createElement(LC,{size:12})))}i(Hs,"SwitchFromAndToButton");import{styled as xm}from"@rango-dev/ui";var vm=xm("div",{display:"flex",flexDirection:"column",gap:"$5",alignSelf:"stretch"}),bm=xm("div",{position:"relative"});function Gs(t){let{fetchingQuote:e,fetchMetaStatus:o,onClickToken:n,isExpandable:r}=t,{fromToken:s,fromBlockchain:a,toToken:l,toBlockchain:p,setInputAmount:c,inputAmount:u,inputUsdValue:f,outputAmount:m,outputUsdValue:d,selectedQuote:h}=X(),{connectedWallets:C,getBalanceFor:S}=K(),y=s?S(s):null,k=xn(y)?.amount??"0",w=a&&s?N(y?.amount,y?.decimals):"0",x=!!a&&sl(C,a.name),b=!Ii(h,u,f),A=!Ii(h,u,d),v=!f||!d||!d.gt(0)?null:je(f.toString(),d.toString());return nn.createElement(vm,null,nn.createElement(bm,null,nn.createElement(Em,{label:Im.t("From"),mode:"From",onInputChange:c,balance:k,chain:{displayName:a?.displayName||"",image:a?.logo||""},token:{displayName:s?.symbol||"",image:s?.image||""},onClickToken:()=>n("from"),price:{value:u,usdValue:b?void 0:N(f,4,4),realUsdValue:b?void 0:ue(f),error:b?te().unknownPriceError.impactTitle:void 0},disabled:o==="failed",loading:o==="loading",loadingBalance:x,tooltipContainer:B(),onSelectMaxBalance:()=>{c(w.split(",").join(""))}}),nn.createElement(Hs,null)),nn.createElement(Em,{sharpBottomStyle:!r&&(!!h||e),label:Im.t("To"),mode:"To",fetchingQuote:e,chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:l?.symbol||"",image:l?.image||""},percentageChange:N(je(f,d),2,2),warningLevel:Tt(v??0),price:{value:N(m,6,6),usdValue:A?void 0:N(d,4,4),realValue:ue(m),realUsdValue:A?void 0:ue(d),error:A?te().unknownPriceError.impactTitle:void 0},onClickToken:()=>n("to"),disabled:o==="failed",loading:o==="loading",tooltipContainer:B()}))}i(Gs,"Inputs");import{useCallback as BC,useEffect as _C,useState as PC}from"react";function Am(){let{fetch:t,loading:e,cancelFetch:o}=Ar({request:async(n,r)=>await Lt().getAllRoutes(n,r)});return{fetch:t,loading:e,cancelFetch:o}}i(Am,"useFetchAllQuotes");var $C=600;function _r({refetchQuote:t}){let{fetch:e,cancelFetch:o}=Am(),{excludeLiquiditySources:n,features:r,enableCentralizedSwappers:s}=g().config,a=K.use.connectedWallets(),l=g().tokens(),{fromToken:p,toToken:c,inputAmount:u,inputUsdValue:f,selectedQuote:m,sortStrategy:d,resetQuote:h,error:C,warning:S,setSelectedQuote:y,updateQuotePartialState:k}=X(),{slippage:w,customSlippage:x,affiliatePercent:b,affiliateRef:A,affiliateWallets:v,fetchStatus:T}=g(),M=g().getLiquiditySources(),E=g().getDisabledLiquiditySources(),L=g().excludeLiquiditySources(),[G,q]=PC(!0),Q=x??w,Y=!p||!c||Le(p,c)||!Eo(u),ne=i(I=>{q(I)},"resetState"),ee=i(I=>{let{fromToken:W,toToken:ce,inputAmount:R,liquiditySources:re,excludeLiquiditySources:yt,disabledLiquiditySources:H,slippage:V,affiliateRef:Z,affiliatePercent:Se,affiliateWallets:et}=I;if(G||ne(!0),!Y&&W&&ce){h();let De=Rl({fromToken:W,toToken:ce,inputAmount:R,liquiditySources:re,excludeLiquiditySources:yt,disabledLiquiditySources:H,wallets:a,slippage:V,affiliateRef:Z,affiliatePercent:Se,affiliateWallets:et,enableCentralizedSwappers:s});bl("experimentalRoute",r)&&(De.experimental=!0),e(De).then(Ee=>{let Ge=qn(d,Ee.results),Ne=fp(m,Ge,Ee.requestAmount);q(!1),k("quotes",Ee),y(Ne),Wr({diagnosisMessages:Ee.diagnosisMessages,requestId:Ne?.requestId||"",swaps:Ne?.swaps});let lt=Ne&&io(Ne,{fromToken:W,toToken:ce,userSlippage:Q,tokens:l});k("warning",lt)}).catch(Ee=>{let{error:Ge}=Nr(Ee);(Ge?.type===0||Ge?.type===1)&&h(),Ge?.type!==2&&(k("error",Ge),q(!1))})}},"fetch"),oe=BC(kl(I=>{Y||ee(I)},$C),[Y]);return _C(()=>{if(!t){q(!1);return}if(T==="success"){if(Y){q(!1),(m||C||S)&&h();return}if(!Eo(u)||f?.eq(0)){ne(!1),o();return}return h(),ne(!0),oe({inputAmount:u,fromToken:p,toToken:c,liquiditySources:M,excludeLiquiditySources:L,disabledLiquiditySources:E,slippage:Q,affiliateRef:A,affiliatePercent:b,affiliateWallets:v}),o}},[T,u,p?.symbol,p?.address,p?.blockchain,c?.symbol,c?.address,c?.blockchain,Y,M?.length,n,E.length,Q,A,b,JSON.stringify(v)]),{fetch:()=>ee({inputAmount:u,fromToken:p,toToken:c,liquiditySources:M,excludeLiquiditySources:L,disabledLiquiditySources:E,slippage:Q,affiliateRef:A,affiliatePercent:b,affiliateWallets:v}),loading:G}}i(_r,"useSwapInput");var QC=OC("div",{display:"flex",alignItems:"flex-start",maxHeight:700,"& .footer__alert":{paddingTop:"0 !important"}}),HC=300;function Lm(){let t=zC(),{fromToken:e,toToken:o,inputAmount:n,selectedQuote:r,refetchQuote:s,error:a,warning:l,quotes:p,setSelectedQuote:c,resetQuoteWallets:u,setQuoteWarningsConfirmed:f,updateQuotePartialState:m}=X(),[d,h]=Mm(!1),{isLargeScreen:C,isExtraLargeScreen:S}=Tr(),{fetch:y,loading:k}=_r({refetchQuote:s}),{config:w,fetchStatus:x}=g(),{connectedWallets:b}=K(),{isActiveTab:A}=ie(),[v,T]=Mm(!1),E=Xl({fetchMetaStatus:x,fetchingQuote:k,inputAmount:n,quote:r,anyWalletConnected:b.length>0,error:a,warning:l,needsToWarnEthOnPath:!1}),L=ml(C,S,w?.variant),G=!!n&&!!e&&!!o&&new qC(n).gt(0)&&!lp(e,o),q=G&&x==="success"&&k,Y=(!L||L&&p?.results.length)&&(l||a);Nm(()=>{u(),m("refetchQuote",!0)},[]),Nm(()=>{h(G)},[G]);let ne=(r||a)&&!v?y:void 0,ee=i(I=>{L&&d?(h(!1),setTimeout(()=>{t(I)},HC)):t(I)},"onHandleNavigation"),oe=i(I=>{r?.requestId!==I.requestId&&(T(!1),c(I))},"onClickOnQuote");return Ue.createElement(QC,null,Ue.createElement(pe,{height:"auto",footer:Ue.createElement(FC,{type:"primary",size:"large",disabled:E.disabled||!A,prefix:E.action==="confirm-warning"&&Ue.createElement(UC,null),fullWidth:!0,onClick:()=>{E.action==="connect-wallet"?ee(O.wallets):E.action==="confirm-warning"?T(!0):ee(O.confirmSwap)}},E.title),header:{onWallet:()=>{ee(O.wallets)},hasBackButton:!1,title:w.title||DC.t("Swap"),suffix:Ue.createElement(Zt,{hidden:L?["refresh"]:void 0,onClickRefresh:ne,onClickHistory:()=>ee(O.swaps),onClickSettings:()=>{ee(O.settings)}})}},Ue.createElement(me,null,Ue.createElement(Gs,{fetchingQuote:q,fetchMetaStatus:x,isExpandable:L,onClickToken:I=>{ee(I==="from"?O.fromSwap:O.toSwap)}}),Ue.createElement(Wm,{size:"2"}),L?null:Ue.createElement(eo,{quote:r,loading:q,error:a,tagHidden:!1,warning:l,type:"basic",onClickAllRoutes:p&&p.results.length>1?()=>{m("refetchQuote",!1),ee(O.routes)}:void 0}),Y?Ue.createElement(Ue.Fragment,null,Ue.createElement(Wm,{size:"10"}),Ue.createElement(zo,{warning:l,error:a,couldChangeSettings:!0,refetchQuote:y,showWarningModal:v,confirmationDisabled:!A,onOpenWarningModal:()=>T(!0),onCloseWarningModal:()=>T(!1),onConfirmWarningModal:()=>{T(!1),f(!0),ee(O.confirmSwap)},onChangeSettings:()=>ee(O.settings)})):null)),L?Ue.createElement(qs,{loading:q,onClickOnQuote:oe,fetch:y,onClickRefresh:ne,isVisible:d}):null)}i(Lm,"Home");import{i18n as Bm}from"@lingui/core";import{Alert as GC,Divider as VC,List as XC,ListItemButton as jC,Radio as KC,RadioRoot as YC,Typography as ZC}from"@rango-dev/ui";import gt from"react";function zt(){let{setLanguage:t,language:e,config:o}=g(),n=El,r=o?.language||Mo;return{activeLanguage:e||r,languages:n,defaultLanguage:r,changeLanguage:s=>t(s||Mo),resetLanguage:()=>t(null)}}i(zt,"useLanguage");function _m(){let{activeLanguage:t,changeLanguage:e,languages:o}=zt(),n=Ye(),r=o.map(s=>{let{local:a,label:l,SVGFlag:p}=s;return{id:a,value:a,title:gt.createElement(ZC,{variant:"title",size:"xmedium"},l),onClick:()=>{e(s.local),n()},end:gt.createElement(KC,{value:a}),start:gt.createElement(p,null)}});return gt.createElement(pe,{header:{title:Bm.t("Language")}},gt.createElement(me,null,gt.createElement(GC,{type:"warning",variant:"alarm",title:"Important Notice: Machine translations are in use"}),gt.createElement(VC,{size:"8"}),gt.createElement(YC,{value:t},gt.createElement(XC,{type:gt.createElement(jC,{title:Bm.t("language"),id:"_",onClick:()=>console.log()}),items:r}))))}i(_m,"LanguagePage");import{i18n as Et}from"@lingui/core";import{Button as oT,Checkbox as nT,Image as rT,ListItemButton as iT,NotFound as sT,Typography as aT}from"@rango-dev/ui";import $e,{useState as lT}from"react";import{Checkbox as eT,Skeleton as $m}from"@rango-dev/ui";import sn from"react";import{styled as Vs}from"@rango-dev/ui";var rn=Vs("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto",variants:{disabled:{true:{pointerEvents:"none"}}}}),Xs=Vs("div",{width:80,display:"flex",justifyContent:"flex-end"}),js=Vs("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});import{ListItem as JC,styled as RC}from"@rango-dev/ui";var Pm=RC(JC,{height:61});var tT=30;function Ks(){return sn.createElement(rn,null,Array.from(Array(tT),(t,e)=>sn.createElement(Pm,{hasDivider:!0,key:e,start:sn.createElement($m,{variant:"circular",width:35,height:35}),title:sn.createElement($m,{variant:"text",size:"large",width:90}),end:sn.createElement(eT,{checked:!1})})))}i(Ks,"LoadingLiquiditySourceList");function Ys({sourceType:t}){let e=g().fetchStatus,o=g().swappers(),n=g().getDisabledLiquiditySources(),[r,s]=lT(""),a=g().toggleLiquiditySource,l=g().isInCampaignMode(),p=Wn(o,n),c={Exchanges:Et.t("Exchanges"),Bridges:Et.t("Bridges")},u=[];t==="Exchanges"&&u.push("DEX"),t==="Bridges"&&u.push("BRIDGE","AGGREGATOR","OFF_CHAIN");let f=p.filter(y=>u.includes(y.type)),m=f.length===f.filter(y=>y.selected).length,d=i(()=>{f.forEach(y=>{m?a(y.groupTitle):y.selected||a(y.groupTitle)})},"toggleAllSources"),h=f.map(y=>{let{selected:k,groupTitle:w,logo:x}=y;return{start:$e.createElement(rT,{src:x,size:22,type:"circular"}),onClick:()=>{l||a(w)},end:$e.createElement(nT,{checked:k,disabled:l}),title:$e.createElement(aT,{variant:"title",size:"xmedium"},Et.t(w)),...y}}),C=i(y=>{let k=y.target.value;s(k)},"searchHandler"),S=h;return r&&(S=h.filter(y=>pt(y.groupTitle,r))),$e.createElement(pe,{header:{title:Et.t(t),suffix:$e.createElement(Xs,null,$e.createElement(oT,{variant:"ghost",size:"xsmall",onClick:d},m?Et.t("Deselect all"):Et.t("Select all")))}},$e.createElement(me,{view:!0},$e.createElement(bt,{value:r,setValue:s,fullWidth:!0,color:"light",variant:"contained",placeholder:Et.t("Search {sourceType}",{sourceType:c[t]}),onChange:C}),e==="loading"&&$e.createElement(Ks,null),!S.length&&r?$e.createElement(js,null,$e.createElement(sT,{title:Et.t("No results found"),description:Et.t("Try using different keywords")})):e==="success"&&$e.createElement(rn,{disabled:l},S.map(y=>{let{groupTitle:k,...w}=y;return $e.createElement($e.Fragment,{key:y.id},$e.createElement(iT,{style:{height:"61px"},...w,selected:!1,hasDivider:!0}))}))))}i(Ys,"LiquiditySourcePage");import{i18n as pT}from"@lingui/core";import Pr from"react";import{useNavigate as cT}from"react-router-dom";function Dm(){let t=cT(),e=Ye(),{selectedQuote:o,refetchQuote:n,setSelectedQuote:r,updateQuotePartialState:s,error:a}=X(),{fetch:l,loading:p}=_r({refetchQuote:n}),c=i(m=>{r(m),s("refetchQuote",!1),e()},"onClickOnQuote"),u=`../${O.settings}`,f=`../${O.wallets}`;return Pr.createElement(pe,{header:{onWallet:()=>{t(f)},onBack:()=>{s("refetchQuote",!1)},title:pT.t("Routes"),suffix:Pr.createElement(Zt,{onClickRefresh:o||a?l:void 0,hidden:["notifications","history"],onClickSettings:()=>t(u)})}},Pr.createElement(me,null,Pr.createElement(on,{fetch:l,loading:p,onClickOnQuote:c})))}i(Dm,"RoutesPage");import{i18n as Gm}from"@lingui/core";import{Divider as Vm,getCountCategories as TT,SelectableCategoryList as kT}from"@rango-dev/ui";import At,{useState as Xm}from"react";import{i18n as Js}from"@lingui/core";import{Divider as Qm,Image as gT,ListItemButton as hT,NotFound as yT,Typography as Hm}from"@rango-dev/ui";import Ze,{useEffect as ST,useState as CT}from"react";import{BlockchainCategories as Zs}from"@rango-dev/ui";import{TransactionType as $r}from"rango-sdk";var uT=i((t,e)=>{switch(e){case Zs.ALL:return!0;case Zs.UTXO:return t.type===$r.TRANSFER;case Zs.OTHER:return t.type!==$r.TRANSFER&&t.type!==$r.COSMOS&&t.type!==$r.EVM;default:return t.type===e}},"filterByType"),Fm=i((t,e,o)=>t.filter(n=>uT(n,o)).filter(n=>Ct(n.name,e)||Ct(n.displayName,e)),"filterBlockchains");import{ImageContainer as mT,styled as Om}from"@rango-dev/ui";var Um=Om("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),Dr=Om(Do,{padding:0,margin:0,listStyle:"none",[`& ${mT}`]:{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as dT,Skeleton as qm}from"@rango-dev/ui";import Fr from"react";var fT=20;function zm(){return Fr.createElement(Dr,null,Array.from(Array(fT),t=>Fr.createElement(dT,{key:t,hasDivider:!0,start:Fr.createElement(qm,{variant:"circular",width:35,height:35}),title:Fr.createElement(qm,{variant:"text",size:"large",width:90})})))}i(zm,"LoadingBlockchainList");function Rs(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=CT(e),{fetchStatus:l}=g();ST(()=>{a([...Fm(e,o,r)])},[e,o,r]);let p=i(()=>!s.length&&o?Ze.createElement(Ze.Fragment,null,Ze.createElement(Qm,{size:32}),Ze.createElement(yT,{title:Js.t("No results found"),description:Js.t("Try using different keywords")})):Ze.createElement(Dr,{as:"ul",key:`${r}-${o}`},s.map(c=>Ze.createElement(hT,{key:`${c.name}-${c.chainId}`,hasDivider:!0,onClick:()=>n(c),start:Ze.createElement(gT,{src:c.logo,size:30}),title:Ze.createElement(Hm,{variant:"title",size:"medium"},c.displayName),id:c.chainId}))),"renderList");return Ze.createElement(Um,null,Ze.createElement(Hm,{variant:"label",size:"large"},Js.t("Select Blockchain")),Ze.createElement(Qm,{size:4}),l==="loading"&&Ze.createElement(zm,null),l==="success"&&p())}i(Rs,"BlockchainList");function ea(t){let{type:e}=t,o=Ye(),[n,r]=Xm(""),[s,a]=Xm("ALL"),l=X.use.setToBlockchain(),p=X.use.setFromBlockchain(),c=g().fetchStatus,u=g().blockchains({type:e}),m=TT(u)!==1;return At.createElement(pe,{header:{title:Gm.t("Select Blockchain")}},At.createElement(me,{view:!0},m&&At.createElement(At.Fragment,null,At.createElement(kT,{setCategory:a,category:s,blockchains:u,isLoading:c==="loading"}),At.createElement(Vm,{size:24})),At.createElement(bt,{value:n,autoFocus:!0,placeholder:Gm.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:d=>r(d.target.value)}),At.createElement(Vm,{size:16}),At.createElement(Rs,{list:u,searchedFor:n,blockchainCategory:s,onChange:d=>{e==="source"?p(d):l(d),o()}})))}i(ea,"SelectBlockchainPage");import{i18n as Qr}from"@lingui/core";import{Divider as fd}from"@rango-dev/ui";import to,{useState as FT}from"react";import{useNavigate as OT}from"react-router-dom";import{i18n as na}from"@lingui/core";import{BlockchainsChip as Or,Divider as Zm,Image as Jm,Skeleton as IT,Tooltip as ET,Typography as ra}from"@rango-dev/ui";import Ie from"react";import{useEffect as vT}from"react";var jm=["ETH","COSMOS","OSMOSIS"];function ta(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(wT),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(xT(a)),r=n.splice(s)}return{list:n,more:r}}i(ta,"prepare");function wT(t,e){let o=jm,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(wT,"sortByMostUsedBlockchains");function xT(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(xT,"generateSortByPreferredBlockchainsFor");function Km(t,e){return!!e.list.find(o=>o.name===t)}i(Km,"isInVisibleList");function oa(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=g();vT(()=>{if(e?.selected){let s=ta(t,o,e);Km(e.selected,s)||n(e?.selected)}},[e?.selected]);let r=ta(t,o,e);return{list:r.list,more:r.more,history:[]}}i(oa,"usePrepareBlockchainList");import{styled as bT}from"@rango-dev/ui";var Ym=bT("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var AT=12;function ia(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:s}=t,a=oa(e,{limit:10,selected:n?.name}),{fetchStatus:l}=g(),p=X.use.resetToBlockchain(),c=X.use.resetFromBlockchain(),u=a.more.length>0,f=a.more.length===1,m=!f&&u;return Ie.createElement(Ie.Fragment,null,Ie.createElement(Zm,{size:12}),Ie.createElement(ra,{variant:"label",size:"large"},na.t("Select Blockchain")),Ie.createElement(Zm,{size:12}),Ie.createElement(Ym,null,l==="loading"&&Array.from(Array(AT),d=>Ie.createElement(IT,{key:d,variant:"rounded",height:50})),l==="success"&&Ie.createElement(Ie.Fragment,null,Ie.createElement(Or,{selected:!n,onClick:()=>{o==="from"?c():p()}},Ie.createElement(ra,{variant:"body",size:"xsmall",color:"secondary500"},na.t("All"))),a.list.map(d=>Ie.createElement(ET,{key:d.name,content:d.shortName,side:"bottom",sideOffset:2,container:B()},Ie.createElement(Or,{key:d.name,selected:!!n&&n.name===d.name,onClick:()=>r(d)},Ie.createElement(Jm,{src:d.logo,size:30})))),f?Ie.createElement(Or,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},Ie.createElement(Jm,{src:a.more[0].logo,size:30})):null,m?Ie.createElement(Or,{onClick:s,key:"more-blockchains"},Ie.createElement(ra,{variant:"body",size:"xsmall",color:"secondary500"},na._("More +{count}",{count:a.more.length}))):null)))}i(ia,"BlockchainsSection");import{i18n as ga}from"@lingui/core";import{darkTheme as pd,Divider as wo,ExternalLinkIcon as MT,Image as LT,ListItemButton as BT,NotFound as _T,PinIcon as PT,Skeleton as cd,Typography as zr,VirtualizedList as $T}from"@rango-dev/ui";import z,{useEffect as ud,useState as md}from"react";import{Divider as ad,ListItem as NT,Skeleton as an}from"@rango-dev/ui";import it from"react";import{css as ko,darkTheme as Rm,ImageContainer as WT,styled as Je,Typography as ed}from"@rango-dev/ui";var sa=ko({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}),aa=ko({position:"relative",height:12,width:"30%",maxWidth:"150px"}),la=ko({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"}),pa=ko({transform:"translateY(12px)",visibility:"hidden",display:"flex","& a":{display:"flex",justifyContent:"center",alignItems:"center",fontSize:"$12",lineHeight:"$16",$$color:"$colors$neutral600",[`.${Rm} &`]:{$$color:"$colors$neutral700"},color:"$$color",textDecoration:"none"}}),ca=ko({}),ua=ko(),td=Je("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),ma=Je("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),Ur=Je("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none","&:hover":{[`& .${aa}`]:{[`& .${pa}`]:{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},[`& .${ca}`]:{bottom:"-15px"},[`& .${sa}`]:{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},[`& .${la}`]:{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),da=Je("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),fa=Je(ed,{}),od=Je("div",{textAlign:"right",width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",[`& .${ua}`]:{$$color:"$colors$neutral600",[`.${Rm} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),qr=Je("div",{display:"flex",alignItems:"end",flexDirection:"column"}),DF=Je("div",{display:"flex",alignItems:"center"}),nd=Je("div",{position:"relative",[`& ${WT}`]:{borderRadius:"$xm",overflow:"hidden"}}),rd=Je("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6}),id=Je(ed,{width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}),sd=Je("a",{"& svg:hover":{color:"$colors$info"}});function ld(t){return it.createElement(Ur,null,Array.from(Array(t.size),e=>it.createElement(NT,{key:e,hasDivider:!0,start:it.createElement(an,{variant:"circular",width:35,height:35}),end:it.createElement(qr,null,it.createElement(an,{variant:"text",size:"large",width:70}),it.createElement(ad,{size:4}),it.createElement(an,{variant:"text",size:"medium",width:50})),title:it.createElement("div",null,it.createElement(an,{variant:"text",size:"large",width:90}),it.createElement(ad,{size:4}),it.createElement(an,{variant:"text",size:"medium",width:90}))})))}i(ld,"LoadingTokenList");var ha=20,DT=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:s,customCssForTagTitle:a}=t,l=e.length;return z.createElement("div",{className:aa()},o?z.createElement("div",{className:sa()},o):z.createElement(ma,{className:la()},z.createElement(zr,{variant:"title",size:"xmedium"},r.symbol),z.createElement(wo,{direction:"horizontal",size:4}),z.createElement(da,{css:s},z.createElement(fa,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&z.createElement("div",{className:`${pa()} ${!o&&ca()}`},l>10?`${e.slice(0,5)}...${e.slice(l-6,l)}`:e," ",z.createElement(wo,{size:4,direction:"horizontal"}),z.createElement(sd,{href:n,target:"_blank",rel:"nofollow noreferrer",onClick:p=>p.stopPropagation()},z.createElement(MT,{size:12}))))},"renderDesc");function dd(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=md(e),l=g().fetchStatus,p=g().blockchains(),[c,u]=md(!0),{getBalanceFor:f,loading:m}=K(),{isTokenPinned:d}=g(),h=i(()=>{a(e.slice(0,s.length+ha))},"loadNextPage");ud(()=>{u(e.length>s.length)},[s.length]),ud(()=>{a(e.slice(0,ha))},[e.length]);let C=i(()=>!s.length&&o?z.createElement(z.Fragment,null,z.createElement(wo,{size:32}),z.createElement(_T,{title:ga.t("No results found"),description:ga.t("Try using different keywords")})):z.createElement($T,{endReached:c?h:void 0,itemContent:S=>{let y=s[S],k=xn(f(y)),w=y.address||"",x=p.find(M=>M.name===y.blockchain),b=Jn(x?.color||"",Pp(x?.color||"")?5:125),A=Jn(x?.color||"",-100),v={$$color:b,[`.${pd} &`]:{$$color:A},backgroundColor:"$$color"},T={$$color:A,[`.${pd} &`]:{$$color:b},color:"$$color"};return z.createElement("div",{style:{paddingRight:5}},z.createElement(BT,{style:{width:"100%",overflow:"hidden",height:"60px"},"tab-index":S,key:`${y.symbol}${y.address}`,id:`${y.symbol}${y.address}`,hasDivider:!0,onClick:()=>n(s[S]),start:z.createElement(nd,null,z.createElement(LT,{src:y.image,size:30}),d(y,t.type)&&z.createElement(rd,null,z.createElement(PT,{size:12,color:"gray"}))),title:x?.type==="COSMOS"||y.name||!y.name&&!w?z.createElement(ma,null,z.createElement(zr,{variant:"title",size:"xmedium"},y.symbol),z.createElement(wo,{direction:"horizontal",size:4}),z.createElement(da,{css:v},z.createElement(fa,{variant:"body",size:"xsmall",css:T},y.blockchain))):void 0,description:x?.info&&w&&x.type!=="COSMOS"?DT({address:w,token:s[S],customCssForTag:v,customCssForTagTitle:T,name:y.name,url:x.info.addressUrl.split("{wallet}").join(w)}):y.name||void 0,end:m?z.createElement(qr,null,z.createElement(cd,{variant:"text",size:"large",width:70}),z.createElement(wo,{size:4}),z.createElement(cd,{variant:"text",size:"medium",width:50})):k&&z.createElement(od,null,z.createElement(id,{variant:"title",size:"small"},k.amount),z.createElement("div",null),k.usdValue&&z.createElement(zr,{variant:"body",className:ua(),size:"xsmall"},`$${k.usdValue}`))}))},totalCount:s.length,key:`${r}-${o}`}),"renderList");return z.createElement(td,null,z.createElement(zr,{variant:"label",size:"large"},ga.t("Select Token")),z.createElement(wo,{size:4}),l==="loading"&&z.createElement(ld,{size:ha}),l==="success"&&z.createElement(Ur,{as:"ul"},C()))}i(dd,"TokenList");function ya(t){let{type:e}=t,o=OT(),n=Ye(),{fromBlockchain:r,toBlockchain:s,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:c}=X(),u=K.use.getBalanceFor(),[f,m]=FT(""),h=(e==="source"?r:s)?.name??"",C=g().blockchains({type:e}),S=g().tokens({type:e,blockchain:h,searchFor:f,getBalanceFor:u}),y=i(x=>{e==="source"?p(x):c(x)},"updateBlockchain"),k=i(x=>{e==="source"?a({token:x,meta:{blockchains:C,tokens:S}}):l({token:x,meta:{blockchains:C,tokens:S}})},"updateToken"),w={source:Qr.t("Source"),destination:Qr.t("Destination")};return to.createElement(pe,{header:{title:Qr.t("Swap {type}",{type:w[e]})}},to.createElement(me,null,to.createElement(ia,{blockchains:C,type:e=="source"?"from":"to",blockchain:e==="source"?r:s,onMoreClick:()=>o(O.blockchains),onChange:x=>{y(x)}}),to.createElement(fd,{size:24}),to.createElement(bt,{value:f,autoFocus:!0,placeholder:Qr.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>m(""),onChange:x=>m(x.target.value)}),to.createElement(fd,{size:16}),to.createElement(dd,{list:S,selectedBlockchain:h,searchedFor:f,type:e,onChange:x=>{k(x);let b=C.find(A=>x.blockchain===A.name);b&&y(b),n()}})))}i(ya,"SelectSwapItemsPage");import{i18n as ka}from"@lingui/core";import{Alert as ck,Button as uk,styled as mk}from"@rango-dev/ui";import oo from"react";import{useInRouterContext as dk,useSearchParams as fk}from"react-router-dom";import{i18n as Td}from"@lingui/core";import{Divider as QT,InfoIcon as HT,TextField as GT,Tooltip as VT,Typography as kd}from"@rango-dev/ui";import st from"react";import{Chip as UT,styled as ln,TextField as qT}from"@rango-dev/ui";var gd=ln("div",{paddingTop:"$5",padding:"$10 $5"}),hd=ln("div",{display:"flex",flexWrap:"wrap",gap:"$10",[`& ${qT}`]:{flex:"1 1 0",maxWidth:"127px",minWidth:"85px"}}),yd=ln("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),Hr=ln("div",{maxWidth:"280px",padding:"$10"}),Sd=ln(UT,{width:"61px",flexShrink:0});import{i18n as Sa}from"@lingui/core";import{Typography as zT}from"@rango-dev/ui";import pn from"react";function Cd(){return pn.createElement(Hr,null,pn.createElement(zT,{variant:"label",size:"medium",color:"neutral700"},Sa.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),pn.createElement("br",null),pn.createElement("br",null),pn.createElement("b",null,Sa.t("Warning")),":",Sa.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(Cd,"SlippageTooltipContent");function Ca(){let{slippage:t,setSlippage:e,customSlippage:o,setCustomSlippage:n}=g();return st.createElement(gd,null,st.createElement(yd,null,st.createElement(kd,{variant:"title",size:"xmedium"},Td.t("Slippage tolerance per swap")),st.createElement(QT,{direction:"horizontal",size:4}),st.createElement(VT,{container:B(),side:"top",sideOffset:4,content:st.createElement(Cd,null)},st.createElement(HT,{color:"gray"}))),st.createElement(hd,null,Al.map((r,s)=>{let a=`slippage-${s}`;return st.createElement(Sd,{key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`})}),st.createElement(GT,{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>=Ll&&a<=Ml?n(a):n(null)},suffix:o&&st.createElement(kd,{variant:"body",size:"small"},"%"),placeholder:Td.t("Custom")})))}i(Ca,"Slippage");import{i18n as ht}from"@lingui/core";import{AutoThemeIcon as wd,BridgesIcon as XT,ChevronRightIcon as Ta,DarkModeIcon as xd,Divider as Gr,ExchangeIcon as jT,InfinityIcon as KT,InfoIcon as YT,LanguageIcon as ZT,LightModeIcon as vd,List as JT,ListItem as RT,ListItemButton as ek,Skeleton as tk,styled as ok,Switch as nk,Tabs as rk,Tooltip as ik,Typography as Re}from"@rango-dev/ui";import D from"react";import{useNavigate as sk}from"react-router-dom";var ak=ok("div",{width:"202px",height:"$40"}),lk=[{id:"light",icon:D.createElement(vd,{color:"black",size:24}),tooltip:D.createElement(Re,{size:"xsmall",variant:"body"},ht.t("Light"))},{id:"dark",icon:D.createElement(xd,{color:"black",size:24}),tooltip:D.createElement(Re,{size:"xsmall",variant:"body"},ht.t("Dark"))},{id:"auto",icon:D.createElement(wd,{color:"black",size:24}),tooltip:D.createElement(Re,{size:"xsmall",variant:"body"},ht.t("Auto"))}],pk=i(t=>{let e={color:"gray",size:16};switch(t){case"auto":return D.createElement(wd,{...e});case"dark":return D.createElement(xd,{...e});default:return D.createElement(vd,{...e})}},"getThemeIcon");function bd(){let t=sk(),{theme:e}=g().config,{setTheme:o,theme:n}=g(),{activeLanguage:r,languages:s}=zt(),a=s.find(Q=>Q.local===r)?.label,l=g().fetchStatus,p=g().swappers(),c=g().getDisabledLiquiditySources(),{config:{features:u}}=g(),f=Xe("theme",u),m=Xe("liquiditySource",u),d=Xe("language",u),h=g().infiniteApprove,C=g().toggleInfiniteApprove,S=Wn(p,c),y=S.filter(Q=>["BRIDGE","AGGREGATOR","OFF_CHAIN"].includes(Q.type)),k=y.length,w=y.filter(Q=>Q.selected).length,x=S.filter(Q=>Q.type==="DEX"),b=x.length,A=x.filter(Q=>Q.selected).length,v=i((Q,_)=>{switch(l){case"loading":return D.createElement(tk,{variant:"text",size:"medium",width:50});case"failed":return D.createElement(Re,{variant:"body",size:"medium",color:"$error500"},ht.t("Loading failed"));default:return D.createElement(Re,{variant:"body",size:"medium"},`${Q} / ${_}`)}},"handleSwapperEndItem"),T={id:"bridge-item",title:D.createElement(Re,{variant:"title",size:"xmedium"},ht.t("Bridges")),end:D.createElement(D.Fragment,null,v(w,k),D.createElement(Gr,{direction:"horizontal",size:8}),D.createElement(Ta,{color:"black"})),onClick:()=>t(O.bridges),start:D.createElement(XT,{color:"gray",size:16})},M={id:"exchange-item",title:D.createElement(Re,{variant:"title",size:"xmedium"},ht.t("Exchanges")),end:D.createElement(D.Fragment,null,v(A,b),D.createElement(Gr,{direction:"horizontal",size:8}),D.createElement(Ta,{color:"black"})),start:D.createElement(jT,{color:"gray",size:16}),onClick:()=>t(O.exchanges)},E={id:"language-item",title:D.createElement(Re,{variant:"title",size:"xmedium"},ht.t("Language")),start:D.createElement(ZT,{color:"gray",size:16}),end:D.createElement(D.Fragment,null,D.createElement(Re,{variant:"body",size:"medium"},a),D.createElement(Gr,{direction:"horizontal",size:8}),D.createElement(Ta,{color:"black"})),onClick:()=>t(O.languages)},L={id:"infinite-approval-item",title:D.createElement(D.Fragment,null,D.createElement(Re,{variant:"title",size:"xmedium"},ht.t("Infinite approval")),D.createElement(Gr,{direction:"horizontal",size:4}),D.createElement(ik,{side:"top",sideOffset:4,container:B(),content:D.createElement(Hr,null,D.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.")))},D.createElement(YT,{color:"gray"}))),start:D.createElement(KT,{color:"gray",size:16}),end:D.createElement(nk,{checked:h}),onClick:C},G={id:"theme-item",type:D.createElement(RT,null),title:D.createElement(Re,{variant:"title",size:"xmedium"},ht.t("Theme")),end:D.createElement(ak,null,D.createElement(rk,{container:B(),items:lk,value:n,onChange:Q=>o(Q.id),type:"primary",borderRadius:"small"})),start:pk(n)},q=m?[]:[T,M];return d||q.push(E),q.push(L),!e?.singleTheme&&!f&&q.push(G),D.createElement(JT,{type:D.createElement(ek,{hasDivider:!0,id:"_",onClick:()=>console.log()}),items:q})}i(bd,"SettingsLists");var gk=mk("div",{paddingLeft:"$8"});function Id(){let{isInCampaignMode:t,updateCampaignMode:e}=g(),o=t(),[,n]=fk(),r=dk(),s=i(()=>{r&&o&&(n(a=>(a.delete("liquiditySources"),a),{replace:!0}),e("liquiditySources",void 0))},"onClick");return oo.createElement(pe,{header:{title:ka.t("Settings")}},oo.createElement(me,null,o&&oo.createElement(ck,{type:"info",variant:"alarm",title:ka.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:oo.createElement(gk,null,oo.createElement(uk,{type:"secondary",size:"small",onClick:s},ka.t("Reset")))}),oo.createElement(Ca,null),oo.createElement(bd,null)))}i(Id,"SettingsPage");import{i18n as tw}from"@lingui/core";import{cancelSwap as ow}from"@rango-dev/queue-manager-rango-preset";import{useManager as nw}from"@rango-dev/queue-manager-react";import{Alert as rw}from"@rango-dev/ui";import Fa from"react";import{useParams as iw}from"react-router-dom";import{i18n as Mt}from"@lingui/core";import{getCurrentBlockchainOfOrNull as Dk,getCurrentStep as Fk,getRelatedWalletOrNull as Ok}from"@rango-dev/queue-manager-rango-preset";import{Button as of,CopyIcon as Uk,Divider as qk,IconButton as zk,LinkIcon as Qk,QuoteCost as Hk,StepDetails as Gk,Typography as no,useCopyToClipboard as Vk}from"@rango-dev/ui";import{useWallets as Xk}from"@rango-dev/wallets-react";import nf from"bignumber.js";import{PendingSwapNetworkStatus as ei}from"rango-types";import J,{useEffect as rf,useRef as jk,useState as sf}from"react";import{useNavigate as Kk}from"react-router-dom";import{i18n as Qt}from"@lingui/core";var hk=[Qt.t("Sunday"),Qt.t("Monday"),Qt.t("Tuesday"),Qt.t("Wednesday"),Qt.t("Thursday"),Qt.t("Friday"),Qt.t("Saturday")];function Ed(t){let e=new Date(t),o=e.getDate(),n=e.toLocaleString("default",{month:"long"}),r=e.getFullYear();return`${e.getDay()===new Date().getDay()?Qt.t("Today"):`${hk[e.getDay()]} ${o} ${n} ${r}`}, ${new Date(t).toLocaleTimeString()}`}i(Ed,"timeSince");function Ad(t){return t.finishTime?Ed(parseInt(t.finishTime)):Ed(parseInt(t.creationTime))}i(Ad,"getSwapDate");import{PendingSwapNetworkStatus as jr}from"rango-types";import Kr from"react";import{i18n as Vr}from"@lingui/core";import{Button as Wd,Divider as wa,MessageBox as yk}from"@rango-dev/ui";import Ht from"react";var Nd=i(({onCancel:t,onClose:e})=>Ht.createElement(Ht.Fragment,null,Ht.createElement(wa,{size:20}),Ht.createElement(yk,{type:"error",title:Vr.t("Cancel Swap"),description:Vr.t("Are you sure you want to cancel this swap?")}),Ht.createElement(wa,{size:32}),Ht.createElement(Wd,{variant:"contained",type:"primary",size:"large",onClick:t},Vr.t("Yes, Cancel it")),Ht.createElement(wa,{size:12}),Ht.createElement(Wd,{variant:"outlined",type:"primary",size:"large",onClick:e},Vr.t("No, Continue"))),"CancelContent");import{i18n as Xr}from"@lingui/core";import{Button as Md,Divider as xa,MessageBox as Sk,Typography as Ck}from"@rango-dev/ui";import Wt from"react";var Ld=i(({onDelete:t,onClose:e})=>Wt.createElement(Wt.Fragment,null,Wt.createElement(xa,{size:20}),Wt.createElement(Sk,{type:"error",title:Xr.t("Delete Transaction"),description:Xr.t("Are you sure you want to delete this swap?")}),Wt.createElement(xa,{size:32}),Wt.createElement(Md,{variant:"contained",type:"primary",size:"large",onClick:t},Xr.t("Yes, Delete it")),Wt.createElement(xa,{size:12}),Wt.createElement(Md,{variant:"outlined",type:"primary",size:"large",onClick:e},Wt.createElement(Ck,{variant:"title",size:"medium",color:"primary"},Xr.t("No, Cancel")))),"DeleteContent");import{i18n as va}from"@lingui/core";import{PendingSwapNetworkStatus as ba}from"rango-types";var Ia={[ba.WaitingForNetworkChange]:{type:"loading",title:va.t("Change Network")},[ba.WaitingForConnectingWallet]:{type:"warning",title:va.t("Connect Wallet")},[ba.NetworkChanged]:{type:"success",title:va.t("Network Changed")}};import{debug as Tk}from"@rango-dev/logging-core";import{MessageBox as kk,Wallet as wk}from"@rango-dev/ui";import{useWallets as xk}from"@rango-dev/wallets-react";import cn from"react";import{styled as Bd}from"@rango-dev/ui";var _d=Bd("div",{display:"flex",justifyContent:"center"}),bU=Bd("div",{maxWidth:280,"& ._typography":{wordWrap:"break-word",display:"block"}});var Pd=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:s,walletButtonDisabled:a}=t,{connect:l,getWalletInfo:p,state:c}=xk(),u=n?.walletType,f=u?ci(c(u)):null,m=u?p(u):null;return cn.createElement(cn.Fragment,null,cn.createElement(kk,{type:e,title:o,description:r}),s&&!!u&&!!f&&!!m&&cn.createElement(_d,null,cn.createElement(wk,{container:B(),title:m.name,image:m.img,type:u,state:f,link:m.installLink,disabled:a,onClick:async()=>l(u).catch(h=>Tk(h))})))},"WalletStateContent");function Ea(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:s,message:a,walletButtonDisabled:l}=t,p=e===jr.WaitingForNetworkChange||e===jr.WaitingForConnectingWallet||e===jr.NetworkChanged;return Kr.createElement(le,{open:!!e,onClose:o,container:document.getElementById(we.SWAP_BOX_ID)||document.body},p&&Kr.createElement(Pd,{type:Ia[e].type,title:Ia[e].title,currentStepWallet:s,message:a,walletButtonDisabled:l,showWalletButton:e!==jr.WaitingForNetworkChange}),e==="delete"&&Kr.createElement(Ld,{onClose:o,onDelete:n}),e==="cancel"&&Kr.createElement(Nd,{onClose:o,onCancel:r}))}i(Ea,"SwapDetailsModal");import{i18n as un}from"@lingui/core";import{Button as Aa,Divider as Yr,MessageBox as $d,TokenAmount as vk,Typography as Wa}from"@rango-dev/ui";import We from"react";import{useNavigate as bk}from"react-router-dom";function Na(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:s,realUsdValue:a,realValue:l,token:p,chain:c,percentageChange:u,description:f,diagnosisUrl:m}=t,d=bk();return We.createElement(le,{open:e,onClose:o,container:document.getElementById(we.SWAP_BOX_ID)||document.body},n==="success"?We.createElement($d,{type:"success",title:un.t("Swap Successful")},We.createElement(vk,{direction:"vertical",tooltipContainer:B(),type:"output",centerAlign:!0,price:{value:r,usdValue:s,realUsdValue:a,realValue:l},token:p,chain:c,percentageChange:u}),We.createElement(Yr,{size:12}),We.createElement(Wa,{variant:"body",size:"medium",color:"neutral700",align:"center"},f)):We.createElement($d,{type:"error",title:un.t("Transaction Failed"),description:f}),We.createElement(Yr,{size:32}),n==="success"&&We.createElement(Aa,{variant:"contained",type:"primary",size:"large",onClick:()=>{d("../../")}},We.createElement(Wa,{variant:"title",size:"medium",color:"neutral100"},un.t("Done"))),We.createElement(Yr,{size:12}),m&&We.createElement(We.Fragment,null,We.createElement(Aa,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(m,"_blank")},un.t("Diagnosis")),We.createElement(Yr,{size:12})),We.createElement(Aa,{variant:"outlined",type:"primary",size:"large",onClick:o},We.createElement(Wa,{variant:"title",size:"medium",color:"primary"},un.t("See Details"))))}i(Na,"SwapDetailsCompleteModal");import $k from"react";import{i18n as Lk}from"@lingui/core";import{Alert as Jd,IconButton as Bk,LinkIcon as _k}from"@rango-dev/ui";import Gt,{Fragment as Pk}from"react";import{Alert as Ak,ChevronDownIcon as Wk,IconButton as Nk}from"@rango-dev/ui";import vo,{useState as Mk}from"react";import{css as mn,darkTheme as Ik,styled as Nt,Typography as Ek}from"@rango-dev/ui";var Dd=Nt("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),Zr=Nt("div",{width:"100%"}),Fd=Nt(Do,{padding:"$0 $20 $20 $20"}),sq=Nt("div",{display:"flex",flexDirection:"column",gap:"$10"}),Od=Nt("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),aq=Nt("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1}),xo=mn({display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${Ik} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"}),Ud=mn({padding:"$5 0"}),Jr=mn({display:"flex",justifyContent:"center",alignItems:"center",height:"$24"}),qd=mn({display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"}),zd=mn({width:"100%",padding:"0 $20 $10"}),Qd=Nt("a",{fontSize:"$16",fontWeight:"$400",color:"$neutral700",display:"flex",alignItems:"center",justifyContent:"center"}),Hd=Nt("div",{display:"flex",flexDirection:"column",gap:"$5"}),Rr=Nt(Ek,{wordBreak:"break-word"});import{styled as Ma}from"@rango-dev/ui";var Gd=Ma("div",{display:"flex",flexDirection:"column",gap:"$10"}),Vd=Ma("div",{transition:"transform 0.3s ease-in-out",variants:{rotated:{true:{transform:"rotate(180deg)"}}}}),Xd=Ma("div",{transition:"max-height 0.3s ease-in-out",maxHeight:"0px",overflow:"hidden",variants:{open:{true:{maxHeight:"200px"}}}});function jd(t){let{message:e}=t,[o,n]=Mk(!1);return vo.createElement(Ak,{type:"error",title:e.shortMessage,containerStyles:{"& .footer":{paddingTop:"$0"}},action:e.detailedMessage.content&&vo.createElement(Nk,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},vo.createElement(Vd,{rotated:o},vo.createElement(Wk,{size:12,color:"gray"}))),footer:vo.createElement(Xd,{open:o},vo.createElement(Rr,{variant:"body",size:"xsmall",color:"neutral700"},e.detailedMessage.content))})}i(jd,"FailedAlert");import{i18n as Kd}from"@lingui/core";import{Alert as La,Button as Yd}from"@rango-dev/ui";import{PendingSwapNetworkStatus as Ba}from"rango-types";import dn from"react";function Zd(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?dn.createElement(La,{type:"warning",title:n.shortMessage,action:dn.createElement(Yd,{size:"xxsmall",type:"warning",onClick:()=>{o(Ba.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},Kd.t("Change"))}):r===Ba.WaitingForConnectingWallet?dn.createElement(La,{type:"warning",title:n.shortMessage,action:dn.createElement(Yd,{size:"xxsmall",type:"warning",onClick:()=>{o(Ba.WaitingForConnectingWallet)}},Kd.t("Connect"))}):dn.createElement(La,{type:"warning",title:n.shortMessage})}i(Zd,"WarningAlert");function _a(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:s,hasAlreadyProceededToSign:a}=t,l=_o(s),p=s.status==="waitingForApproval"&&!l,c=s.status==="running"&&!l,u=c&&!a||p&&!s.explorerUrl?.length;return Gt.createElement(Gd,null,s.explorerUrl?.map((f,m,d)=>{let h=m+f.url,C=m===d.length-1,S=(C&&c||p)&&!u,y=C&&s.status==="failed";return Gt.createElement(Pk,{key:h},Gt.createElement(Jd,{type:C&&(S&&"loading"||y&&"error")||"success",title:f.description?`${f.description} Tx`:Lk.t("View transaction"),action:f.url&&Gt.createElement(Bk,{variant:"ghost",size:"xsmall",onClick:()=>window.open(f.url,"_blank")},Gt.createElement(_k,{size:12}))}))}),u&&Gt.createElement(Jd,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&l&&Gt.createElement(Zd,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&Gt.createElement(jd,{message:r}))}i(_a,"SwapDetailsAlerts");var Rd=2e3;var ef=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:N(l,6,6),realValue:l}},to:{token:{displayName:s.toSymbol,image:s.toLogo},chain:{displayName:Ve(s.toBlockchain,e)??"",image:s.toBlockchainLogo??""},price:{value:N(s.outputAmount||s.expectedOutputAmountHumanReadable,6,6),realValue:s.outputAmount||s.expectedOutputAmountHumanReadable}},swapper:{displayName:No(s.swapperId,o),image:s.swapperLogo??"",type:s.swapperType},internalSwaps:s.internalSwaps?s.internalSwaps.map(p=>({from:{chain:{displayName:Ve(p.fromBlockchain,e)??"",image:p.fromBlockchainLogo??""}},to:{chain:{displayName:Ve(p.toBlockchain,e)??"",image:p.toBlockchainLogo??""}},swapper:{displayName:No(p.swapperId,o),image:p.swapperLogo??"",type:p.swapperType}})):[],alerts:$k.createElement(_a,{step:s,hasAlreadyProceededToSign:r,...n})}})},"getSteps");function tf(t){if(_o(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(tf,"getStepState");function Pa(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:s,connect:a,getWalletInfo:l}=Xk(),p=g().blockchains(),c=g().swappers(),u=g().tokens(),f=X.use.retry(),m=ie.use.isActiveTab(),d=Kk(),[h,C]=Vk(Rd),S=jk(null),[y,k]=sf(null),[w,x]=sf(null),b=i(()=>{r(),k(null)},"onCancel"),A=Fe.use.getUnreadNotifications(),v=Fe.use.setAsRead(),T=A(),M=Fk(e),E=M?.networkStatus;rf(()=>{T.find(lt=>lt.requestId===e.requestId)&&(e.status==="success"||e.status==="failed"?(x(e.status),v(e.requestId)):w&&x(null))},[e.status,e.requestId]),rf(()=>{ne?k(ei.WaitingForNetworkChange):E===ei.WaitingForConnectingWallet||E===ei.NetworkChanged?k(E):k(null)},[E]);let L=ip(e),G=M?Dk(e,M):null,q=M?Ok(e,M):null,Q=Ad(e),_=sp(e),Y=i(Ne=>!!l(Ne)?.mobileWallet,"isMobileWallet"),ne=E===ei.WaitingForNetworkChange&&!!G&&!!q?.walletType&&(Y(q.walletType)||s(q.walletType,G)),ee=ne?a.bind(null,q.walletType,G):void 0,oe=rp(e,M),I=ef({swap:e,switchNetwork:ee,showNetworkModal:E,setNetworkModal:k,message:oe,blockchains:p,swappers:c}),W=I.length,[ce,R]=[e.steps[0],e.steps[W-1]],re=R.outputAmount||R.expectedOutputAmountHumanReadable,yt=e.steps.reduce((Ne,lt)=>Ne+parseFloat(lt.feeInUsd||""),0),H=e.steps.find(Ne=>Ne.diagnosisUrl)?.diagnosisUrl,V=N(parseFloat(N(re,6,6))*(R.toUsdPrice||0),4,4),Z=N(parseFloat(e.inputAmount)*(ce.fromUsdPrice||0),4,4),Se=re?ue(new nf(re).multipliedBy(R.toUsdPrice||0)):"",et=ue(new nf(e.inputAmount).multipliedBy(ce.fromUsdPrice||0)),De=je(Z,V),Ee=oe.detailedMessage.content||oe.shortMessage,Ge=e.status==="success"?Mt.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:N(re,6,6),token:I[W-1].to.token.displayName,conciseAddress:vn(e.wallets[I[W-1].to.chain.displayName]?.address||""),chain:I[W-1].to.chain.displayName}}):J.createElement(Hd,null,J.createElement(no,{variant:"body",size:"medium",color:"neutral700",align:"center"},Ee?"":Mt.t("Transaction was not sent."),L?`${Mt.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:L.outputAmount,symbol:L.symbol,blockchain:L.blockchain}})}`:""),Ee&&J.createElement(Rr,{align:"center",variant:"body",size:"medium",color:"neutral700"},J.createElement("b",null,"Reason:")," ",Ee));return J.createElement(pe,{header:{title:Mt.t("Swap and Bridge"),onCancel:e.status==="running"?()=>k("cancel"):void 0,suffix:e.status!=="running"&&J.createElement(co,null,J.createElement(of,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>k("delete")},J.createElement(no,{size:"medium",variant:"label",color:"error"},Mt.t("Delete"))))},footer:_&&!w&&J.createElement(of,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{f(e,{blockchains:p,tokens:u}),setTimeout(()=>{d("../../")},0)}},Mt.t("Try again"))},J.createElement(me,{compact:!0,view:!0},J.createElement(Zr,null,J.createElement("div",{className:xo()},J.createElement(no,{variant:"label",size:"large",color:"neutral700"},`${Mt.t("Request ID")}:`),J.createElement("div",{className:Jr()},J.createElement(no,{variant:"label",size:"small",color:"neutral700"},o),J.createElement(zk,{variant:"ghost",onClick:C.bind(null,o||"")},J.createElement(Uk,{size:16,color:"gray"})),J.createElement(Qd,{target:"_blank",href:`${Va}/swap/${o}`},J.createElement(Qk,{size:16})))),J.createElement("div",{className:xo()},J.createElement(no,{variant:"label",size:"large",color:"neutral700"},`${Mt.t(e.finishTime?"Finished at":"Created at")}:`),J.createElement(no,{variant:"label",size:"small",color:"neutral700"},Q))),J.createElement("div",{className:qd()},J.createElement(Hk,{fee:N(String(yt),2,2),time:Io(yn(e.steps)),steps:W}),J.createElement(Ho,{from:{price:{value:N(e.inputAmount,6,6),usdValue:Z,realUsdValue:et,realValue:e.inputAmount},token:{displayName:I[0].from.token.displayName,image:I[0].from.token.image},chain:{image:I[0].from.chain.image,displayName:I[0].from.chain.displayName}},to:{price:{value:N(re,6,6),usdValue:V,realUsdValue:Se,realValue:re},token:{displayName:I[W-1].to.token.displayName,image:I[W-1].to.token.image},chain:{image:I[W-1].to.chain.image,displayName:I[W-1].to.chain.displayName}},percentageChange:N(De,2,2),warningLevel:Tt(De??0)})),J.createElement("div",{className:zd()},J.createElement(no,{variant:"title",size:"small"},Mt.t("Swaps steps"))),J.createElement(qk,{size:8}),J.createElement(Fd,{ref:S},I.map((Ne,lt)=>{let Ha=lt,bo=tf(e.steps[lt]),bf=bo==="error"||bo==="in-progress"||bo==="warning"||bo==="completed"&<===I.length-1;return J.createElement(Gk,{key:Ha,step:Ne,type:"swap-progress",ref:S,state:bo,hasSeparator:lt!==0,tabIndex:Ha,isFocused:bf,tooltipContainer:B()})}))),J.createElement(Ea,{state:y,onClose:()=>k(null),onCancel:b,onDelete:n,message:oe.detailedMessage.content,currentStepWallet:q,walletButtonDisabled:!m}),J.createElement(Na,{open:!!w,diagnosisUrl:H,onClose:()=>x(null),status:e.status==="success"?"success":"failed",priceValue:N(re,6,6),usdValue:V,realUsdValue:Se,realValue:ue(re),percentageChange:N(De,2,2),token:{displayName:I[W-1].to.token.displayName,image:I[W-1].to.token.image},chain:{image:I[W-1].to.chain.image},description:Ge}))}i(Pa,"SwapDetails");import{i18n as oi}from"@lingui/core";import{Divider as pf,NotFound as ew,Skeleton as gn,Typography as ni}from"@rango-dev/ui";import ge from"react";import{i18n as Yk}from"@lingui/core";import{Divider as Zk,Skeleton as Jk,Typography as Rk}from"@rango-dev/ui";import ye from"react";import{css as at,styled as $a}from"@rango-dev/ui";var af=$a("div",{width:"100%",height:"100%",padding:"$10 $20"}),fn=$a("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15"}),ti=$a("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"}),Cz=at({display:"flex",justifyContent:"space-between",alignItems:"center"}),Tz=at({display:"flex",justifyContent:"space-between",alignItems:"center"}),kz=at({paddingTop:"$15",display:"flex"}),wz=at({padding:"$15 $0"}),xz=at({width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"}),vz=at({paddingBottom:"$10"}),bz=at({display:"flex",justifyContent:"start",alignItems:"center"}),Iz=at({paddingTop:"$5",display:"flex",alignItems:"center"}),Ez=at({display:"flex",alignItems:"center"}),Az=at({padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"}),lf=at({display:"flex",paddingTop:"$10",paddingBottom:"$5"});function Da(){return ye.createElement(af,null,ye.createElement(jo,{type:"swap-preview"}),ye.createElement("div",{className:"swaps-steps"},ye.createElement(Rk,{variant:"title",size:"small"},Yk.t("Swaps steps"))),ye.createElement(ye.Fragment,null,ye.createElement(fn,null,ye.createElement(ft,{separator:!1}),ye.createElement("div",{className:lf()},ye.createElement(Zk,{direction:"horizontal",size:20}),ye.createElement(Jk,{height:22,variant:"rectangular"}))),ye.createElement(ti,null),ye.createElement(fn,null,ye.createElement(ft,{separator:!1})),ye.createElement(ti,null),ye.createElement(fn,null,ye.createElement(ft,{separator:!1})),ye.createElement(ti,null),ye.createElement(fn,null,ye.createElement(ft,{separator:!1}))))}i(Da,"LoadingSwapDetails");function cf(t){let{requestId:e,showSkeleton:o}=t;return ge.createElement(pe,{header:{title:oi.t("Swap and Bridge"),suffix:ge.createElement(co,null)}},o&&ge.createElement(Dd,null,ge.createElement(Zr,null,ge.createElement("div",{className:xo()},ge.createElement(ni,{variant:"label",size:"large",color:"neutral700"},`${oi.t("Request ID")}:`),ge.createElement("div",{className:Jr()},ge.createElement(ni,{variant:"label",size:"small",color:"neutral700"},ge.createElement(gn,{width:60,height:10,variant:"rounded"})),ge.createElement(pf,{direction:"horizontal",size:4}),ge.createElement(gn,{width:16,height:16,variant:"rectangular"}),ge.createElement(pf,{direction:"horizontal",size:4}),ge.createElement(gn,{width:16,height:16,variant:"rectangular"}))),ge.createElement("div",{className:xo()},ge.createElement(ni,{className:Ud(),variant:"label",size:"large",color:"neutral700"},ge.createElement(gn,{width:60,height:10,variant:"rounded"})),ge.createElement(ni,{variant:"label",size:"small",color:"neutral700"},ge.createElement(gn,{width:60,height:10,variant:"rounded"})))),ge.createElement(Da,null)),!o&&ge.createElement(Od,null,ge.createElement(ew,{title:oi.t("Not found"),description:oi.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}i(cf,"SwapDetailsPlaceholder");function uf(){let{manager:t,state:e}=nw(),o=!e.loadedFromPersistor,n=ut(t),{requestId:r}=iw(),s=Ye(),{fetchStatus:a}=g();if(!r)return Fa.createElement(rw,{containerStyles:{margin:"20px"},type:"error",title:tw.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&&ow(m)}},"onCancel"),u=i(async()=>{if(p?.id)try{t?.deleteQueue(p.id),s()}catch(m){console.log(m)}},"onDelete"),f=p?.swap;return!f||l?Fa.createElement(cf,{requestId:r,showSkeleton:l}):Fa.createElement(Pa,{swap:f,requestId:r,onCancel:c,onDelete:u})}i(uf,"SwapDetailsPage");function mf(){return hp(),Pi(),sw([{path:O.home,element:qe.createElement(Lm,null)},{path:O.routes,element:qe.createElement(Dm,null)},{path:O.fromSwap,children:[{index:!0,element:qe.createElement(ya,{type:"source"})},{path:O.blockchains,element:qe.createElement(ea,{type:"source"})}]},{path:O.toSwap,children:[{index:!0,element:qe.createElement(ya,{type:"destination"})},{path:O.blockchains,element:qe.createElement(ea,{type:"destination"})}]},{path:O.settings,children:[{index:!0,element:qe.createElement(Id,null)},{path:O.languages,element:qe.createElement(_m,null)},{path:O.exchanges,element:qe.createElement(Ys,{sourceType:"Exchanges"})},{path:O.bridges,element:qe.createElement(Ys,{sourceType:"Bridges"})}]},{path:O.swaps,children:[{index:!0,element:qe.createElement(um,null)},{path:O.swapDetails,element:qe.createElement(uf,null)}]},{path:O.wallets,element:qe.createElement(vc,null)},{path:O.confirmSwap,element:qe.createElement(Ru,null)}])}i(mf,"AppRoutes");import{useQueueManager as fw}from"@rango-dev/queue-manager-rango-preset";import{splitWalletNetwork as gw}from"@rango-dev/wallets-shared";import{isEvmBlockchain as hw}from"rango-sdk";import{useContext as yw,useEffect as Sw,useState as Cf}from"react";import{globalCss as aw}from"@rango-dev/ui";var df=i(()=>aw({"@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 ff(){let{setWatermark:t}=ie();return{fetchApiConfig:i(async()=>{let o=await fetch(`${St("BASE_URL")}/meta/dapp/config?apiKey=${St("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(ff,"useFetchApiConfig");import{useWallets as lw}from"@rango-dev/wallets-react";import{useEffect as pw,useRef as cw}from"react";function gf(){let{connect:t,state:e}=lw(),o=cw({}),{fetchStatus:n}=g(),r=new URLSearchParams(location.search).get("autoConnect")||"",s=e(r);pw(()=>{n==="success"&&r&&s.installed&&!s.connecting&&!s.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[s,n])}i(gf,"useForceAutoConnect");import{isApprovalTX as uw,MainEvents as ri,RouteEventType as hf,StepEventType as yf,StepExecutionEventStatus as mw,useEvents as dw}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Sf}from"react";function Oa(){let t=g().tokens(),e=K.use.connectedWallets(),o=K.use.getWalletsDetails(),n=Fe.use.setNotification(),r=dw();Sf(()=>{let s=i(a=>{let{event:l,step:p,route:c}=a;if(l.type===yf.TX_EXECUTION&&l.status===mw.TX_SENT&&!uw(p)||l.type===yf.SUCCEEDED){let f=e.find(d=>d.chain===p?.fromBlockchain),m=p?.fromBlockchain!==p?.toBlockchain&&e.find(d=>d.chain===p?.toBlockchain);f&&o([f],t),m&&o([m],t)}n(l,c)},"handleStepEvent");return r.on(ri.StepEvent,s),()=>r.off(ri.StepEvent,s)},[r,e.length]),Sf(()=>{let s=i(a=>{let{event:l,route:p}=a;(l.type===hf.FAILED||l.type===hf.SUCCEEDED)&&n(l,p)},"handleRouteEvent");return r.on(ri.RouteEvent,s),()=>r.off(ri.RouteEvent,s)},[r,e.length])}i(Oa,"useSubscribeToWidgetEvents");function Ua(){df(),gf(),Oa();let t=g().blockchains(),{canSwitchNetworkTo:e}=pr(),[o,n]=Cf(""),[r,s]=Cf(),a=yw(Mn),l=t.filter(hw),{fetchApiConfig:p}=ff();fw({lastConnectedWallet:o,clearDisconnectedWallet:()=>{s(void 0)},disconnectedWallet:r,evmChains:l,canSwitchNetworkTo:e}),Sw(()=>(Vt.init(),Fe.persist.hasHydrated()||Fe.persist.rehydrate(),a.onConnectWallet(n),a.onDisconnectWallet(c=>{s(c),c===gw(o)?.[0]&&n("")}),p().catch(console.log),Vt.destroy),[])}i(Ua,"useBootstrap");import{styled as Cw}from"@rango-dev/ui";var Tf=Cw("div",{fontFamily:"$widget",boxSizing:"border-box",textAlign:"left","& *, *::before, *::after":{boxSizing:"inherit"},"& *:focus-visible":{outlineColor:"$info500",transition:"none"},"& ul, ol, li":{listStyleType:"none"}});function ii(){Ua();let{config:t}=g(),{activeTheme:e}=Rn(t?.theme||{}),{activeLanguage:o}=zt();return qa.createElement(Tw,{language:o},qa.createElement(Tf,{id:"swap-container",className:e()},qa.createElement(mf,null)))}i(ii,"Main");import Qa,{useMemo as Fw}from"react";import{checkWaitingForNetworkChange as kw,makeQueueDefinition as ww}from"@rango-dev/queue-manager-rango-preset";import{Provider as xw}from"@rango-dev/queue-manager-react";import{useWallets as vw}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as bw}from"@rango-dev/wallets-shared";import{isEvmBlockchain as Iw}from"rango-types";import Ew,{useMemo as Aw}from"react";function Ww(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=vw(),l=Aw(()=>ww({API_KEY:t.apiKey||St("API_KEY"),BASE_URL:St("BASE_URL")}),[t.apiKey]),p=g().blockchains(),u={blockchains:K.use.connectedWallets().map(w=>({accounts:[w],name:w.chain}))},f=i(async(w,x)=>{if(s(w,x))return r(w,x)},"switchNetwork"),m=i(w=>!!a(w).mobileWallet,"isMobileWallet"),d=p.filter(w=>w.enabled).reduce((w,x)=>(w[x.name]=x,w),{}),h=p.filter(Iw),C=i(w=>{let{supportedChains:x}=a(w);return Tn(x)},"getSupportedChainNames"),S=e(),y={meta:{blockchains:d,evmBasedChains:h,evmNetworkChainInfo:bw(h),getSupportedChainNames:C},getSigners:o,wallets:u,providers:S,switchNetwork:f,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:m},k=ie.use.isActiveTab();return Ew.createElement(xw,{queuesDefs:[l],context:y,onPersistedDataLoaded:w=>{kw(w)},isPaused:!k},t.children)}i(Ww,"QueueManager");var kf=Ww;import{useManager as _w}from"@rango-dev/queue-manager-react";import Pw,{createContext as $w,useContext as Dw}from"react";import{cancelSwap as Nw,getCurrentBlockchainOfOrNull as Mw,getCurrentStep as Lw,getRelatedWalletOrNull as Bw}from"@rango-dev/queue-manager-rango-preset";var si=class{static{i(this,"WidgetHistory")}manager;actions;constructor(e,o){this.manager=e,this.actions=o}getAllSwaps(){return ut(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&&Nw(o)}getCurrentStepInfo(e){let o=Lw(e);return{step:o,wallet:o?Bw(e,o):null,network:o?Mw(e,o):null}}};var wf=$w(void 0);function za(t){let{manager:e}=_w(),o=ie.use.isActiveTab(),n=X.use.retry(),r=new si(e,{retrySwap:n}),s=K.use.connectedWallets(),a=K.use.loading(),l=ol(s),p=K.use.getWalletsDetails(),c=g().blockchains(),u=g().tokens(),f=g().swappers(),m=g().fetchStatus,d=zt().resetLanguage,h=Fe().getUnreadNotifications(),C={isActiveTab:o,setCurrentTabAsActive:Vt.forceClaim,history:r,wallets:{isLoading:a,details:s,totalBalance:l,refetch:p},meta:{blockchains:c,tokens:u,swappers:f,loadingStatus:m},resetLanguage:d,notifications:{list:h}};return Pw.createElement(wf.Provider,{value:C},t.children)}i(za,"WidgetInfo");function xf(){let t=Dw(wf);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}i(xf,"useWidget");function ai(t){let{onUpdateState:e,config:o}=t;return Fw(()=>{ll({API_KEY:o?.apiKey||hn,BASE_URL:o?.apiUrl||Ga})},[o.apiKey,o.apiUrl]),Qa.createElement(Ln,{config:o,onUpdateState:e},Qa.createElement(kf,{apiKey:o.apiKey},Qa.createElement(za,null,t.children)))}i(ai,"WidgetProvider");function vf(t){let e=t.config?.externalWallets;return li.createElement(ql,null,e?li.createElement(ii,null):li.createElement(ai,{config:t.config??gi},li.createElement(ii,null)))}i(vf,"Widget");export{kG as EventSeverity,wG as MainEvents,LG as Networks,PG as PendingSwapNetworkStatus,xG as RouteEventType,vG as StepEventType,bG as StepExecutionBlockedEventStatus,IG as StepExecutionEventStatus,we as UI_ID,NG as WalletEvents,BG as WalletTypes,vf as Widget,ai as WidgetProvider,Ln as WidgetWallets,Qi as customizedThemeTokens,WG as readAccountAddress,pr as useWallets,xf as useWidget,EG as useWidgetEvents};
|
|
3
3
|
//# sourceMappingURL=index.js.map
|