@rango-dev/widget-embedded 0.23.1-next.26 → 0.23.1-next.28
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/SwapDetails/SwapDetails.d.ts.map +1 -1
- package/dist/containers/Settings/Lists.d.ts.map +1 -1
- package/dist/index.js +2 -2
- package/dist/index.js.map +3 -3
- package/dist/pages/LanguagePage.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/SwapDetails/SwapDetails.tsx +2 -0
- package/src/containers/Settings/Lists.tsx +20 -4
- package/src/pages/LanguagePage.tsx +6 -1
package/dist/index.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
var cf=Object.defineProperty;var i=(t,e)=>cf(t,"name",{value:e,configurable:!0});import{EventSeverity as LH,MainEvents as MH,RouteEventType as BH,StepEventType as _H,StepExecutionBlockedEventStatus as PH,StepExecutionEventStatus as $H,useEvents as DH}from"@rango-dev/queue-manager-rango-preset";import{readAccountAddress as OH,useWallets as ar,Events as UH}from"@rango-dev/wallets-react";import{Networks as zH,WalletTypes as QH}from"@rango-dev/wallets-shared";import{PendingSwapNetworkStatus as GH}from"rango-types";import{UI_ID as uf}from"@rango-dev/ui";var mn="c6381a79-2817-4602-83bf-6a641a409e32",Ma="https://api.rango.exchange",Ba="https://explorer.rango.exchange",ke={SWAP_BOX_ID:"rango-swap-box",EXPANDED_BOX_ID:"rango-expanded-box",...uf};import{Events as Si,Provider as og}from"@rango-dev/wallets-react";import{isEvmBlockchain as ng}from"rango-sdk";import An,{createContext as rg,useEffect as Il,useMemo as ig,useRef as El}from"react";import{useEffect as If}from"react";import{create as xf}from"zustand";import{subscribeWithSelector as vf}from"zustand/middleware";import{RangoClient as kf}from"rango-sdk";import{WalletState as pt}from"@rango-dev/ui";import{readAccountAddress as ff}from"@rango-dev/wallets-react";import{detectInstallLink as gf,getCosmosExperimentalChainInfo as hf,isEvmAddress as yf,KEPLR_COMPATIBLE_WALLETS as _w,Networks as Da}from"@rango-dev/wallets-shared";import ri from"bignumber.js";import{isCosmosBlockchain as Sf}from"rango-types";import mf from"bignumber.js";var Ne=new mf(0);import{WalletTypes as df}from"@rango-dev/wallets-shared";var _a=[df.LEAP];import{BigNumber as $a}from"bignumber.js";var dn=i(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),N=i((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new $a(t),r=1,s=1e3;for(let a=0;a<60;a++)if(new $a(n.toFixed(a,r)).eq(n)){s=a;break}if(n.gte(1e4))return n.toFormat(0,r);if(n.gte(1e3)||n.gte(100))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,1))),r);if(n.gte(1))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,2))),r);if(n.gte(.01))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,4))),r);for(let a=e||4;a<17;a++)if(n.gte(Math.pow(10,-a)))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,a))),r);return n.isEqualTo(0)?"0":n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,8))),r)},"numberToString");var fn=i(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var lt=i((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),xo=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function le(t){return N(t,12,12).replace(/(?:\.0*|(\.\d+?)0*)$/,"$1")}i(le,"formatTooltipNumbers");function ii(t){switch(!0){case t.connected:return pt.CONNECTED;case t.connecting:return pt.CONNECTING;case!t.installed:return pt.NOT_INSTALLED;default:return pt.DISCONNECTED}}i(ii,"mapStatusToWalletState");function Fa(t,e,o,n){return o.filter(r=>!_a.includes(r)).filter(r=>{let{supportedChains:s,isContractWallet:a}=e(r),{installed:l,network:p}=t(r);return a&&(!l||!!n&&p!==n)?!1:n?!!s.find(u=>u.name===n):!0}).map(r=>{let{name:s,img:a,installLink:l}=e(r),p=ii(t(r));return{title:s,image:a,link:gf(l),state:p,type:r}})}i(Fa,"mapWalletTypesToWalletInfo");function yn(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(yn,"walletAndSupportedChainsNames");function Oa(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}=ff(p),f=l.length>0,m=l.includes(u),d=u===Da.Unknown;if(f&&!m&&!d)return;let C=u===Da.Unknown&&yf(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(Oa,"prepareAccountsForWalletStore");function Ua(t){let e=[];return t?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain;e.includes(n)||e.push(n),e.includes(r)||e.push(r),o.internalSwaps&&Array.isArray(o.internalSwaps)&&o.internalSwaps.forEach(s=>{let a=s.from.blockchain,l=s.to.blockchain;e.includes(a)||e.push(a),e.includes(l)||e.push(l)})}),e}i(Ua,"getRequiredChains");function Sn(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(Sn,"isAccountAndWalletMatched");function qa(t,e){let{blockChain:o,balances:n=[]}=t;return n?.map(r=>({chain:o,symbol:r.asset.symbol,ticker:r.asset.symbol,address:r.asset.address||null,rawAmount:r.amount.amount,decimal:r.amount.decimals,amount:new ri(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:Tf(o,r.asset.symbol,r.asset.address,e)||null}))||[]}i(qa,"makeBalanceFor");function za(t){return{...t,loading:!1,error:!0}}i(za,"resetConnectedWalletState");var Qa=i(t=>{let e=new Set,n=t?.reduce((s,a)=>s.findIndex(l=>l.address===a.address&&l.chain===a.chain)===-1?[...s,a]:s,[])?.map(s=>{let a={name:s.chain,accounts:[]};return e.has(s.address)||e.add(s.address),e.forEach(l=>{s.address===l&&a.accounts.push(s)}),a}),r=N(n?.flatMap(s=>s.accounts)?.flatMap(s=>s?.balances)?.map(s=>new ri(s?.amount||Ne).multipliedBy(s?.usdPrice||0))?.reduce((s,a)=>s.plus(a),Ne)||Ne).toString();return Cf(r)},"calculateWalletUsdValue");function Cf(t){let e=t.toString().split(".");return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),e.join(".")}i(Cf,"numberWithThousandSeparator");var Tf=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice"),Cn=i((t,e)=>{let o=hf(Object.entries(t).map(([,n])=>n).filter(Sf));return o&&o[e]?.experimental},"isExperimentalChain");function Tn(t){return t?{...t,amount:N(t.amount,8,8),usdValue:N(t.usdValue,4,4)}:null}i(Tn,"formatBalance");function Ha(t,e){return t?.usdValue||e?.usdValue?parseFloat(e?.usdValue||"0")-parseFloat(t?.usdValue||"0"):t?.amount||e?.amount?parseFloat(e?.amount||"0")-parseFloat(t?.amount||"0"):0}i(Ha,"compareTokenBalance");function Le(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(Le,"areTokensEqual");function Ga(t){return t.sort((e,o)=>+(o.state===pt.CONNECTED)-+(e.state===pt.CONNECTED)||+(o.state===pt.DISCONNECTED||o.state===pt.CONNECTING)-+(e.state===pt.DISCONNECTED||e.state===pt.CONNECTING))}i(Ga,"sortWalletsBasedOnConnectionState");function kn(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(kn,"getConciseAddress");function Va({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(Va,"getAddress");function si(t){return`${t.blockchain}-${t.symbol}-${t.address??""}`}i(si,"createTokenHash");function wn(t){return t.flatMap(e=>e.balances).reduce((e,o)=>{let n={amount:o?.amount??"",decimals:o?.decimal??0,usdValue:o?.usdPrice?new ri(o?.usdPrice??Ne).multipliedBy(o?.amount).toString():""},r=o?si({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(wn,"makeTokensBalance");var ja=i((t,e)=>!!t.find(o=>o.chain===e&&o.loading),"isFetchingBalance");function Xa(t){return t.map(e=>e.state).join("-")}i(Xa,"hashWalletsState");var ai={API_KEY:mn};function yt(t){return ai[t]||""}i(yt,"getConfig");function Ka(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),ai=e,ai}i(Ka,"initConfig");var Ya=20,Ja=25,Za="Roboto",li="theme-widget",vo=i((t,e)=>{let o=!1;if(e&&t){if(Array.isArray(e))o=!e.some(n=>Le(n,t));else if(!Array.isArray(e)&&e[t.blockchain]){o=e[t.blockchain].tokens.some(r=>Le(r,t));let n=e[t.blockchain].isExcluded;return!n&&!o||n&&o}}return o},"isTokenExcludedInConfig"),pi=i((t,e)=>t&&e&&!e.includes(t.name),"isBlockchainExcludedInConfig"),Ra=i((t,e,o)=>o==="expanded"&&(t||e)||o==="full-expanded"&&e,"isVariantExpandable");var xn,Wt=i(()=>xn||(xn=new kf(yt("API_KEY"),yt("BASE_URL")),xn),"httpService");var wf=i(t=>{let e=t;e.use={};for(let o of Object.keys(e.getState()))e.use[o]=()=>e(n=>n[o]);return e},"createSelectors"),Nt=wf;var X=Nt(xf()(vf((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:wn(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=>Sn(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:c,chain:u})=>({address:c,blockchain:u})),p=(await Wt().getWalletsDetails(a)).wallets;if(p)t(c=>{let u=c.connectedWallets.map(m=>{let d=o.find(C=>Sn(C,m)),S=p.find(C=>C.address===m.address&&C.blockChain===m.chain);return S?.failed&&d&&r&&s([d],n,!1),d&&S?{...m,explorerUrl:S.explorerUrl,balances:qa(S,n),loading:!1}:m});return{loading:!1,balances:wn(u),connectedWallets:u}});else throw new Error("Wallet not found")}catch{t(l=>{let p=l.connectedWallets.map(u=>o.find(f=>Sn(f,u))?za(u):u);return{loading:!1,balances:wn(p),connectedWallets:p}})}},getBalanceFor:o=>{let{balances:n}=e(),r=si(o);return n[r]??null}}))));import{allProviders as bf}from"@rango-dev/provider-all";function vn(t,e){let o=bf({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(vn,"matchAndGenerateProviders");function el(t,e){return vn(t,e).map(r=>r.config.type)}i(el,"configWalletsToWalletName");function tl(t,e){let o=X.use.clearConnectedWallet(),n=vn(void 0,e);return If(()=>{o(),n=vn(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}i(tl,"useWalletProviders");import Kf,{createContext as Yf,useContext as Jf,useEffect as Zf,useRef as Rf}from"react";import{create as jf}from"zustand";import{persist as Xf}from"zustand/middleware";var ci={apiKey:"",title:void 0,multiWallets:!0,excludeLiquiditySources:!0,customDestination:!0},Ef={clientUrl:void 0},Af={liquiditySources:void 0},ol=i((t,e,o)=>({config:{...ci,...t},iframe:Ef,campaignMode:Af,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 bn(t){return Array.from(new Set(t))}i(bn,"removeDuplicateFrom");function di(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(di,"areEqual");function ll(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i(ll,"debounce");function St(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(St,"containsText");function il(t,e){return t.toLowerCase()===e.toLowerCase()}i(il,"exactText");function sl(t,e){return t.toLowerCase().startsWith(e.toLowerCase())}i(sl,"startWithText");var M=i(()=>document.getElementById(ke.SWAP_BOX_ID),"getContainer"),In=i(()=>document.getElementById(ke.EXPANDED_BOX_ID),"getExpanded");function al(t,e,o){let n=!!e&&il(e,t),r=!!o&&il(o,t);return n!==r?n?-1:1:0}i(al,"compareExactMatchText");function ui(t,e,o){let n=!!e&&St(e,t),r=!!o&&St(o,t);return n!==r?n?-1:1:n&&r&&e?.length!==o?.length?e?.length-o?.length:0}i(ui,"compareContainsText");function mi(t,e,o){let n=!!e&&sl(e,t),r=!!o&&sl(o,t);return n!==r?n?-1:1:n&&r&&e?.length!==o?.length?e?.length-o?.length:0}i(mi,"compareStartWithText");function pl(t,e,o){if(!o)return 0;let n=al(o,t.symbol,e.symbol);if(n)return n;if(o.length>=3){let r=al(o,t.name,e.name);if(r)return r}if(o.length>=2){let r=mi(o,t.symbol,e.symbol);if(r)return r}if(o.length>=3){let r=ui(o,t.symbol,e.symbol);if(r)return r}if(o.length>=3){let r=mi(o,t.name,e.name);if(r)return r}if(o.length>=3){let r=ui(o,t.name,e.name);if(r!==0)return r}if(o.length>=4){let r=mi(o,t.address,e.address);if(r)return r}if(o.length>=4){let r=ui(o,t.address,e.address);if(r!==0)return r}return 0}i(pl,"compareWithSearchFor");function cl(t,e){return e.find(o=>o.name===t)?.displayName}i(cl,"getBlockchainDisplayNameFor");function Ve(t,e){return e.find(o=>o.name===t)?.shortName}i(Ve,"getBlockchainShortNameFor");function bo(t,e){return e.find(o=>o.id===t)?.swapperGroup}i(bo,"getSwapperDisplayName");function fi(t,e){return e.find(o=>Le(o,t))??null}i(fi,"findToken");function gi(t,e){return e.find(o=>o.name===t)??null}i(gi,"findBlockchain");function hi(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(hi,"isTokenNative");function En(t,e){let o=t.map(s=>s.swapperGroup),n=[];return bn(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(En,"getUniqueSwappersGroups");function ul(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}i(ul,"sortLiquiditySourcesByGroupTitle");function je(t,e){return e?.[t]==="hidden"}i(je,"isFeatureHidden");function ml(t,e){return e?.[t]==="enabled"}i(ml,"isFeatureEnabled");var dl=i((t,e)=>({_blockchainsMapByName:new Map,_tokens:[],_popularTokens:[],_swappers:[],fetchStatus:"loading",blockchains:o=>{let n=e()._blockchainsMapByName,r=Array.from(n?.values()||[]);if(!o||!o?.type)return r;let s=e().config,a=(o.type==="source"?s.from?.blockchains:s.to?.blockchains)??[];return r.filter(p=>!(a.length>0&&!a.includes(p.name)))},tokens:o=>{let n=e()._tokens,r=e()._blockchainsMapByName;if(!o||!o?.type)return n;let s=e().config,a=(o.type==="source"?s.from?.tokens:s.to?.tokens)??{},l=e().blockchains({type:o.type});return n.filter(c=>a&&vo(c,a)||o.blockchain&&c.blockchain!==o.blockchain||!l.some(u=>u.name===c.blockchain)?!1:o.searchFor?!!(St(c.symbol,o.searchFor)||St(c.address||"",o.searchFor)||St(c.name||"",o.searchFor)):!0).sort((c,u)=>{let 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),T=Ha(y,k);if(T!==0)return T}if(c.isPopular!==u.isPopular)return c.isPopular?-1:1;if(o.searchFor){let y=pl(c,u,o.searchFor);if(y)return y}let d=r.get(c.blockchain),S=r.get(u.blockchain),C=hi(c,d),g=hi(u,S);return C!==g?C?-1:1:c.isSecondaryCoin!==u.isSecondaryCoin?c.isSecondaryCoin?1:-1:d&&S?d.sort-S.sort:0})},isTokenPinned:(o,n)=>!!(n==="source"?e().config.from?.pinnedTokens:e().config.to?.pinnedTokens)?.some(a=>Le(a,o)),swappers:()=>{let{config:o,campaignMode:n}=e(),r=n.liquiditySources?.length?n.liquiditySources:null,s=r??o.liquiditySources,a=r?!1:o.excludeLiquiditySources;return e()._swappers.filter(c=>{let u=s?.includes(c.swapperGroup);return a||!s||s.length===0?!u:u}).sort(ul)},fetch:async()=>{try{let{enableCentralizedSwappers:o}=e().config,n=await Wt().getAllMetadata({enableCentralizedSwappers:o});t({fetchStatus:"success"});let r=new Map,s=[],a=n.popularTokens,l=n.swappers,p=new Set;n.tokens.forEach(u=>{p.add(u.blockchain),s.push(u)}),n.blockchains.sort((u,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 Mf,English as Bf,Finland as _f,French as Pf,German as $f,Greece as Df,Italian as Ff,Japanese as Of,Netherlands as Uf,Poland as qf,Portuguese as zf,Russian as Qf,Spanish as Hf,Swedish as Gf,Ukrainian as Vf}from"@rango-dev/ui";var fl=[{title:"English",label:"English",local:"en",SVGFlag:Bf},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:Hf},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:Pf},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:Of},{title:"Portuguese",label:"Portugu\xEAs",local:"pt",SVGFlag:zf},{title:"Chinese",label:"\u4E2D\u56FD\u4EBA",local:"zh",SVGFlag:Mf},{title:"Russian",label:"\u0420\u0443\u0441\u0441\u043A\u0438\u0439",local:"ru",SVGFlag:Qf},{title:"German",label:"Deutsch",local:"de",SVGFlag:$f},{title:"Ukrainian",label:"\u0423\u043A\u0440\u0430\u0457\u043D\u0456",local:"uk",SVGFlag:Vf},{title:"Swedish",label:"svenska",local:"sv",SVGFlag:Gf},{title:"Finnish",label:"Suomalainen",local:"fi",SVGFlag:_f},{title:"Dutch",label:"Nederlands",local:"nl",SVGFlag:Uf},{title:"Greek",label:"Grieks",local:"el",SVGFlag:Df},{title:"Italian",label:"Italiana",local:"it",SVGFlag:Ff},{title:"Polish",label:"Polski",local:"pl",SVGFlag:qf}],Io="en";var gl=[.5,1,3],hl=1,yl=5,Sl=100,Cl=0;var Tl=i((t,e)=>({disabledLiquiditySources:[],theme:"auto",language:null,preferredBlockchains:[],slippage:hl,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,addPreferredBlockchain:o=>{let n=e().preferredBlockchains;if(n.find((a,l)=>{let p=a===o,c=l<=9;return p&&c}))return;let s=n.filter(a=>!(a===o));t(()=>({preferredBlockchains:[o,...s]}))},setSlippage:o=>t(()=>({slippage:o})),setCustomSlippage:o=>t(()=>({customSlippage:o})),setAffiliateRef:o=>t(()=>({affiliateRef:o})),setAffiliatePercent:o=>t(()=>({affiliatePercent:o})),setAffiliateWallets:o=>t(()=>({affiliateWallets:o})),toggleAllLiquiditySources:(o,n)=>t(r=>{if(n)return{disabledLiquiditySources:[]};let s=bn(o.map(a=>a.swapperGroup));return s.length===r.disabledLiquiditySources.length?{disabledLiquiditySources:[]}:{disabledLiquiditySources:s}}),toggleInfiniteApprove:()=>t(o=>({infiniteApprove:!o.infiniteApprove})),toggleLiquiditySource:o=>t(n=>n.disabledLiquiditySources.includes(o)?{disabledLiquiditySources:n.disabledLiquiditySources.filter(r=>r!=o)}:{disabledLiquiditySources:n.disabledLiquiditySources.concat(o)}),setTheme:o=>t(()=>({theme:o})),setLanguage:o=>t(()=>({language:o})),updateSettings:o=>{let{features:n}=o,r=je("theme",n),s=je("language",n),a=je("liquiditySource",n);t({...r&&{theme:o.theme?.mode||"auto"},...s&&{language:o.language||Io},...a&&{disabledLiquiditySources:o.liquiditySources||[]}})}}),"createSettingsSlice");function kl(t){return jf()(Xf((...e)=>({...dl(...e),...Tl(...e),...ol(t,...e)}),{name:"user-settings",skipHydration:!0,partialize:e=>({theme:e.theme,language:e.language,affiliatePercent:e.affiliatePercent,affiliateRef:e.affiliateRef,affiliateWallets:e.affiliateWallets,slippage:e.slippage,customSlippage:e.customSlippage,infiniteApprove:e.infiniteApprove,preferredBlockchains:e.preferredBlockchains,disabledLiquiditySources:e.disabledLiquiditySources})}))}i(kl,"createAppStore");var wl=Yf(null);function h(){let t=Jf(wl);if(Zf(()=>{t&&!t.persist.hasHydrated()&&t.persist.rehydrate()},[]),!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}i(h,"useAppStore");function xl(t){let e=Rf();return e.current||(e.current=kl(t.config)),Kf.createElement(wl.Provider,{value:e.current},t.children)}i(xl,"AppStoreProvider");import{create as tg}from"zustand";var vl="rango-widget";var Eo=class{static{i(this,"TabManager")}tabId;state="not-initiated";lastTryClaim;events={};channel;constructor(e){this.channel=new BroadcastChannel(vl),this.tabId=Math.trunc(Math.random()*1e5),this.events=e}init=()=>{this.initEvents(),this.tryClaim()};forceClaim=()=>{if(!this.isClaimed()){let e={name:"force-claim",candidateId:this.tabId};this.channel.postMessage(e),setTimeout(()=>{this.isClaimed()||this.claim()},300)}};isClaimed=()=>this.state==="claimed";destroy=()=>{this.channel.removeEventListener("message",this.handleMessageEvent),document.removeEventListener("visibilitychange",this.handleVisibilityChange),document.removeEventListener("resume",this.handleResume)};initEvents(){this.channel.addEventListener("message",this.handleMessageEvent),document.addEventListener("visibilitychange",this.handleVisibilityChange),document.addEventListener("resume",this.handleResume)}claimedByCurrentTab(e){let o=this.lastTryClaim&&this.lastTryClaim<e;if(this.isClaimed()||o){let n={name:"pong"};this.channel.postMessage(n);return}}handleMessageEvent=e=>{let o=e.data.name;switch(o){case"ping":this.claimedByCurrentTab(e.data.pingAt);break;case"pong":this.alreadyClaimedByAnotherTab();break;case"force-claim":this.forceRelease(e.data.candidateId);break;case"force-release":this.tabId===e.data.candidateId&&this.claim();break;default:throw new Error(`${o} is not supported.`)}};handleVisibilityChange=async()=>{document.visibilityState==="visible"&&await this.tryClaim()};handleResume=async()=>{this.isClaimed()&&(await this.tryClaim(),this.isClaimed()||this.events.onRelease?.())};alreadyClaimedByAnotherTab(){this.resetLastCheck()}async tryClaim(){return this.setLastCheck(),new Promise(e=>{setTimeout(()=>{this.check(),e()},300)})}check(){this.state==="not-initiated"&&this.events.onInit?.(),this.lastTryClaim?(this.claim(),this.resetLastCheck()):this.state="not-claimed"}claim(){this.state="claimed",this.events.onClaim?.()}setLastCheck(){this.lastTryClaim=Date.now();let e={name:"ping",pingAt:this.lastTryClaim};this.channel.postMessage(e)}resetLastCheck(){this.lastTryClaim=void 0}forceRelease(e){if(this.isClaimed()){this.state="not-claimed",this.events.onRelease?.();let o={name:"force-release",candidateId:e};this.channel.postMessage(o)}}};var oe=Nt(tg()((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})}}))),qt=new Eo({onInit:()=>oe.setState({tabManagerInitiated:!0}),onClaim:()=>oe.setState({isActiveTab:!0,showActivateTabModal:!1}),onRelease:()=>oe.setState({isActiveTab:!1})});var Wn=rg({onConnectWallet:()=>{},onDisconnectWallet:()=>{}});function sg(t){let{updateConfig:e,updateSettings:o,fetch:n}=h(),r=h().blockchains(),s=h().tokens(),a={walletConnectProjectId:t.config?.walletConnectProjectId},{providers:l}=tl(t.config.wallets,a),{connectWallet:p,disconnectWallet:c}=X(),u=El(),f=El();Il(()=>{n().catch(console.log)},[]),Il(()=>{t.config&&(e(t.config),o(t.config))},[t.config]);let m=r.filter(ng).map(g=>g.name),d=i((g,y,k,T,x)=>{if(y===Si.ACCOUNTS)if(k){let I=yn(x.supportedBlockchains),E=Oa(g,k,m,I,x.isContractWallet);E.length&&p(E,s)}else c(g),f.current?f.current(g):console.warn("onDisconnectWallet handler hasn't been set. Are you sure?");if(y===Si.ACCOUNTS&&T.connected){let I=`${g}-${T.network}-${k}`;T.connected&&(u.current?u.current(I):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(y===Si.NETWORK&&T.network){let I=`${g}-${T.network}`;u.current?u.current(I):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(g,y,k,T,x)},"onUpdateState"),S=oe.use.isActiveTab(),C=ig(()=>({onConnectWallet:g=>{u.current=g},onDisconnectWallet:g=>{f.current=g}}),[]);return An.createElement(Wn.Provider,{value:C},An.createElement(og,{allBlockChains:r,providers:l,onUpdateState:d,autoConnect:!!S},t.children))}i(sg,"Main");function Nn(t){let{config:e,...o}=t;return An.createElement(xl,{config:e},An.createElement(sg,{...o,config:e}))}i(Nn,"WidgetWallets");import La from"react";import{I18nManager as ew}from"@rango-dev/ui";import cn from"react";import ag,{Fragment as lg}from"react";import{MemoryRouter as pg,useInRouterContext as cg}from"react-router";function Al({children:t}){let o=cg()?lg:pg;return ag.createElement(o,null,t)}i(Al,"AppRouter");import ze from"react";import{useRoutes as Uk}from"react-router-dom";var D={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 ro,useRef as Un}from"react";import Bt from"bignumber.js";import{create as hg}from"zustand";import{subscribeWithSelector as yg}from"zustand/middleware";import{getLastSuccessfulStep as gg}from"@rango-dev/queue-manager-rango-preset";import lb from"bignumber.js";import{i18n as ct}from"@lingui/core";var Ci={"Network Fee":ct.t("Network Fee"),"Swapper Fee":ct.t("Protocol Fee"),"Affiliate Fee":ct.t("Affiliate Fee"),"Outbound network fee":ct.t("Outbound Fee"),"Rango Fee":ct.t("Rango Fee")},Wl=[{value:"SMART",label:ct.t("Smart Routing")},{value:"FEE",label:ct.t("Lowest Fee")},{value:"SPEED",label:ct.t("Fastest Transfer")},{value:"NET_OUTPUT",label:ct.t("Maximum Return")},{value:"PRICE",label:ct.t("Maximum Output")}],Ti=["RECOMMENDED","CENTRALIZED","LOWEST_FEE","FASTEST","HIGH_IMPACT"],Nl=30;var Lt=(r=>(r[r.HIGH_VALUE_LOSS=0]="HIGH_VALUE_LOSS",r[r.UNKNOWN_PRICE=1]="UNKNOWN_PRICE",r[r.INSUFFICIENT_SLIPPAGE=2]="INSUFFICIENT_SLIPPAGE",r[r.HIGH_SLIPPAGE=3]="HIGH_SLIPPAGE",r))(Lt||{});import{i18n as Re}from"@lingui/core";import Me from"bignumber.js";import{PendingSwapNetworkStatus as _n}from"rango-types";function Ln(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(Ln,"getRequiredWallets");function Mn(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(Mn,"isValidAddress");import{i18n as Ee}from"@lingui/core";var J=i(()=>({genericServerError:Ee.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:Ee.t("Please reset your liquidity sources."),description:Ee.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources.")},noResultError:{title:Ee.t("No Routes Found."),description:Ee.t("Reasons why Rango couldn't find a route: low liquidity on token, very low input amount or no routes available for the selected input/output token combination.")},bridgeLimitErrors:{increaseAmount:Ee.t("Bridge Limit Error: Please increase your amount."),decreaseAmount:Ee.t("Bridge Limit Error: Please decrease your amount.")},highValueLossError:{impactTitle:Ee.t("High Price Impact"),title:Ee.t("Price impact is too high!"),description:Ee.t("The price impact is significantly higher than the allowed amount."),confirmMessage:Ee.t("Confirm high price impact")},quoteUpdatedWithHighValueLoss:{title:Ee.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:Ee.t("USD Price Unknown"),title:Ee.t("USD Price Unknown, Cannot calculate Price Impact."),description:Ee.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:Ee.t("Confirm USD Price Unknown")}}),"errorMessages");function Ll(t){switch(t.type){case 0:return t.diagnosisMessage??J().noResultError.title;case 1:return J().genericServerError;default:return""}}i(Ll,"getQuoteErrorMessage");import{i18n as Bn}from"@lingui/core";var zt=i(()=>({connectWallet:Bn.t("Connect Wallet"),swap:Bn.t("Swap"),swapAnyway:Bn.t("Swap anyway"),ethWarning:Bn.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function Ml(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new Me(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new Me(1e3)))??!1}i(Ml,"hasHighValueLoss");function Bl(t){return(t||[]).filter(e=>{let o=e.fromAmountMinValue?new Me(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Me(e.fromAmountMaxValue):null;return e.fromAmountRestrictionType==="EXCLUSIVE"?o?.gte(e.fromAmount)||n?.lte(e.fromAmount):o?.gt(e.fromAmount)||n?.lt(e.fromAmount)}).length>0}i(Bl,"hasLimitError");function _l(t){let e=(t||[]).filter(l=>{let p=l.fromAmountMinValue?new Me(l.fromAmountMinValue):null,c=l.fromAmountMaxValue?new Me(l.fromAmountMaxValue):null;return l.fromAmountRestrictionType==="EXCLUSIVE"?p?.gte(l.fromAmount)||c?.lte(l.fromAmount):p?.gt(l.fromAmount)||c?.lt(l.fromAmount)})[0],o=e.fromAmountMinValue?new Me(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Me(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",s="",a="";return!r&&o&&o.gt(e.fromAmount)?(s=Re.t({id:"Required: >= {min} {symbol}",values:{min:N(o,6,6),symbol:e.from.symbol}}),a=J().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(s=Re.t({id:"Required: > {min} {symbol}",values:{min:N(o,6,6),symbol:e.from.symbol}}),a=J().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(s=Re.t({id:"Required: <= {max} {symbol}",values:{max:N(n,6,6),symbol:e.from.symbol}}),a=J().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(s=Re.t({id:"Required: < {max} {symbol}",values:{max:N(n,6,6),symbol:e.from.symbol}}),a=J().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:s,recommendation:a}}i(_l,"getLimitErrorMessage");function Pl(t){let{fetchMetaStatus:e,anyWalletConnected:o,fetchingQuote:n,inputAmount:r,quote:s,warning:a,error:l,needsToWarnEthOnPath:p}=t;return e!=="success"?{title:zt().connectWallet,action:"connect-wallet",disabled:!0}:o?n||!s||l||!r||r==="0"?{title:zt().swap,action:"confirm-swap",disabled:!0}:a?{title:zt().swapAnyway,action:"confirm-warning",disabled:!1}:p?{title:zt().ethWarning,action:"confirm-warning",disabled:!1}:{title:zt().swap,action:"confirm-swap",disabled:!1}:{title:zt().connectWallet,action:"connect-wallet",disabled:!1}}i(Pl,"getSwapButtonState");function ki(t,e,o){return!((!o||o.lte(Ne))&&t&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t)}i(ki,"canComputePriceImpact");function ug(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(ug,"requiredWallets");var mg=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice");function dg(t,e){let o=Ne;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let s=mg(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new Me(r.amount).multipliedBy(s||0))}return o}i(dg,"getUsdFeeOfStep");function Pn(t,e){return t.reduce((o,n)=>o.plus(dg(n,e)),Ne)}i(Pn,"getTotalFeeInUsd");function wi(t){let e=Ne;return e=e.plus(new Me(t.amount).multipliedBy(t.price||0)),e}i(wi,"getUsdFee");function $l(t){return t.reduce((e,o)=>e.plus(wi(o)),Ne)}i($l,"getTotalFeesInUsd");function Dl(t){return t.reduce((e,o)=>{for(let n of o.fee){let r=n.name,s=n.expenseType!=="DECREASE_FROM_OUTPUT"?e.payable:e.nonePayable;s[r]=[...s[r]||[],n]}return e},{payable:{},nonePayable:{}})}i(Dl,"getFeesGroup");function Fl(t){let e=new Map;return t.forEach((o,n)=>{o.recommendedSlippage?.error&&e.set(n,o.recommendedSlippage.slippage)}),e.size>0?e:null}i(Fl,"checkSlippageErrors");function Ol(t,e){let o=new Map;return t?.swaps.forEach((n,r)=>{n.recommendedSlippage?.slippage&&parseFloat(n.recommendedSlippage.slippage)>e&&o.set(r,n.recommendedSlippage.slippage)}),o.size>0?o:null}i(Ol,"checkSlippageWarnings");function $n(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($n,"getMinRequiredSlippage");function Ul(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(Ul,"hasProperSlippage");function ql(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:s,disabledLiquiditySources:a,liquiditySources:l,excludeLiquiditySources:p,slippage:c,affiliateRef:u,affiliatePercent:f,affiliateWallets:m,destination:d,enableCentralizedSwappers:S}=t,C=s?.reduce((k,T)=>(k[T.chain]=T.address,k),{}),g=[];return r?.forEach(k=>{g.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:g,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:S}}i(ql,"createQuoteRequestBody");function zl(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(zl,"getWalletsForNewSwap");function oo(t){return t?.outputAmount||null}i(oo,"getQuoteOutputAmount");function Ql(t,e){return new Me(e).div(new Me(t)).minus(1).multipliedBy(100).toNumber()}i(Ql,"getPercentageChange");function Hl(t,e){let o=oo(t),n=oo(e);if(!o||!n)return!1;let r=Xe(o,n);return r?r<=-1:!0}i(Hl,"isOutputAmountChangedALot");function Gl(t,e,o){let n=t.validationStatus,r=Ua(t);return e.sort((a,l)=>r.indexOf(a.chain)-r.indexOf(l.chain)).flatMap(a=>Jl(a,n)||[]).filter(a=>!a.ok).map(a=>{let l=a.asset.symbol,p=N(new Me(a.currentAmount.amount).shiftedBy(-a.currentAmount.decimals),8,8),c=N(new Me(a.requiredAmount.amount).shiftedBy(-a.requiredAmount.decimals),8,8),u="";return a.reason==="FEE"&&(u=Re.t(" for network fee")),a.reason==="INPUT_ASSET"&&(u=Re.t(" for swap")),a.reason==="FEE_AND_INPUT_ASSET"&&(u=Re.t(" for input and network fee")),Re.t({id:"Needs \u2248 {requiredAmount} {symbol}{reason}, but you have {currentAmount} {symbol} in your {blockchain} wallet.",values:{requiredAmount:c,symbol:l,reason:u,currentAmount:p,blockchain:Ve(a.asset.blockchain,o)}})})}i(Gl,"generateBalanceWarnings");function Dn(t,e){return(t?new Me(t):Ne).multipliedBy(e||0)}i(Dn,"calcOutputUsdValue");function Ao(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==_n.NetworkChanged}i(Ao,"isNetworkStatusInWarningState");function Vl(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),Ao(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case _n.WaitingForConnectingWallet:n=n||Re.t("Waiting for connecting wallet");break;case _n.WaitingForQueue:n=n||Re.t("Waiting for other running tasks to be finished");break;case _n.WaitingForNetworkChange:n=n||Re.t("Waiting for changing wallet network");break;default:n=n||"";break}r=r||"",n=n||"";let a=n?.indexOf("code")!==-1&&n?.indexOf("reason")!==-1;return{shortMessage:n,detailedMessage:{content:r,long:a}}}i(Vl,"getSwapMessages");function jl(t){let e=null;if(t.status==="failed"){let o=t.steps.slice().reverse().filter(n=>n.status==="success")[0];o&&(e={blockchain:o.toBlockchain,symbol:o.toSymbol,outputAmount:o.outputAmount,address:o.toSymbolAddress})}return e}i(jl,"getLastConvertedTokenInFailedSwap");function Xl(t){return t.status==="failed"}i(Xl,"shouldRetrySwap");function Kl(t,e,o,n,r,s){return t||!e&&!ug(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!Mn(s,o)}i(Kl,"confirmSwapDisabled");function Yl(t,e){return t.blockchain===e.blockchain&&t.symbol===e.symbol&&t.address===e.address}i(Yl,"isTokensIdentical");function Fn(t){let e=t?.swaps||[];return e[e.length-1].to.usdPrice}i(Fn,"getQuoteToTokenUsdPrice");function xi(t,e){let o=t?.swaps||[],n=e?.swaps||[];return o.length!==n.length}i(xi,"isNumberOfSwapsChanged");function vi(t,e){let o=t?.swaps.map(r=>r.swapperId)||[],n=e?.swaps.map(r=>r.swapperId)||[];return!di(o,n)}i(vi,"isQuoteSwappersUpdated");function bi(t,e){let o=t?.swaps.map(r=>r.to.symbol)||[],n=e?.swaps.map(r=>r.to.symbol)||[];return!di(o,n)}i(bi,"isQuoteInternalCoinsUpdated");function Rl(t,e){return xi(t,e)||vi(t,e)||bi(t,e)}i(Rl,"isQuoteChanged");function Jl(t,e){if(e===null)return null;let o=e?.find(n=>n.blockchain===t.chain)?.wallets.find(n=>n.address?.toLowerCase()===t.address.toLowerCase());return o?o.requiredAssets:null}i(Jl,"getRequiredBalanceOfWallet");function Ct(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(Ct,"getPriceImpactLevel");function ep(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],s=gg(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=gi(s?s.toBlockchain:n.fromBlockchain,e),p=gi(r.toBlockchain,e),c=fi(s?{blockchain:l?.name??"",symbol:s.toSymbol,address:s.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),u=fi(a,o),f=s?s.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:c,toBlockchain:p,toToken:u,inputAmount:f}}i(ep,"createRetryQuote");function no(t,e){let{fromToken:o,toToken:n,tokens:r,userSlippage:s}=e,a=Qt(o,t.requestAmount),l=Qt(n,t?.outputAmount??"");if(t&&a&&l){let u=Xe(a.toString(),l.toString());if(!!u&&Ml(a,u)){let m=Pn(t?.swaps,r),d=Ct(u);return{type:0,inputUsdValue:a,outputUsdValue:l,priceImpact:u,totalFee:m,warningLevel:d}}}else if(t&&(!a||!l))return{type:1};let p=$n(t.swaps),c=s>yl;if(Ul(e.userSlippage.toString(),p)){if(c&&parseFloat(p??"0")<s)return{type:3,slippage:s.toString()}}else return{type:2,recommendedSlippages:Ol(t,s),minRequiredSlippage:p};return null}i(no,"generateQuoteWarnings");function Xe(t,e){let o=typeof e=="string"?parseFloat(e)<=0:!e?.gt(0),n=!t||!e||o?null:Ql(t.toString(),e.toString());return n&&n<0?n:null}i(Xe,"getPriceImpact");var tp=i(t=>{let e=new Set,o=[];return t.forEach(n=>{e.has(n.from.chain.displayName)||(e.add(n.from.chain.displayName),o.push(n.from.chain)),e.has(n.to.chain.displayName)||(e.add(n.to.chain.displayName),o.push(n.to.chain))}),o},"getUniqueBlockchains"),On=i((t,e)=>e.sort((o,n)=>{let r=i(c=>c.scores?.find(u=>u.preferenceType===t)?.score??0,"getScore"),s=r(o),a=r(n);if(s!==a)return a-s;let l=o.requestId.toLowerCase(),p=n.requestId.toLowerCase();return l.localeCompare(p)}),"sortQuotesBy"),op=i((t,e,o)=>{if(!e.length)return null;if(!t)return{requestAmount:o,...e[0]};let n=new Set(t.swaps.map(s=>s.swapperId)),r=e.find(s=>{let a=new Set(s.swaps.map(l=>l.swapperId));return Array.from(n).every(l=>a.has(l))});return{requestAmount:o,...r||e[0]}},"getDefaultQuote"),np=i(t=>{let e=i((o,n)=>{let r=Ti.indexOf(o.value),s=Ti.indexOf(n.value);return r!==-1&&s!==-1?r-s:r!==-1?-1:s!==-1?1:0},"customSort");return t.sort(e)},"sortTags");var Qt=i((t,e)=>t?.usdPrice?new Bt(e||Ne).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),H=Nt(hg()(yg(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new Bt(0),outputUsdValue:new Bt(0),toBlockchain:null,toToken:null,refetchQuote:!0,sortStrategy:"SMART",selectedQuote:null,quotes:null,error:null,warning:null,quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:null,quoteWarningsConfirmed:!1,updateQuotePartialState:(e,o)=>t(n=>({...n,[e]:o})),setSelectedQuote:e=>t(o=>{let n=null,r=Ne;return xo(o.inputAmount)?(e&&(n=e?.outputAmount?new Bt(e?.outputAmount):null,r=Dn(e?.outputAmount,Fn(e)||o.toToken?.usdPrice)),{selectedQuote:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetAlerts:()=>t(()=>({error:null,warning:null})),resetQuote:()=>t(()=>({selectedQuote:null,outputAmount:null,outputUsdValue:new Bt(0),quotes:null,refetchQuote:!0,error:null,warning:null})),setFromBlockchain:e=>{t(o=>o.fromBlockchain?.name===e?.name?{}:{fromBlockchain:e,...o.fromToken&&{selectedQuote:null,fromToken:null,outputAmount:null,outputUsdValue:null}})},setFromToken:e=>t(o=>({fromToken:e.token,...e.token&&{fromBlockchain:e.meta.blockchains.find(n=>n.name===e.token.blockchain)??null},...!!o.inputAmount&&{inputUsdValue:Qt(e.token,o.inputAmount)}})),setToBlockchain:e=>{t(o=>o.toBlockchain?.name===e?.name?{}:{toBlockchain:e,...o.toToken&&{selectedQuote:null,toToken:null,outputAmount:null,outputUsdValue:null}})},setToToken:e=>t(()=>({toToken:e.token,...e.token&&{toBlockchain:e.meta.blockchains.find(o=>o.name===e.token.blockchain)??null}})),setInputAmount:e=>{t(o=>({inputAmount:e,...!e&&{outputAmount:new Bt(0),outputUsdValue:new Bt(0),selectedQuote:null},...!!o.fromToken&&{inputUsdValue:Qt(o.fromToken,e)}}))},retry:(e,o)=>{let{tokens:n,blockchains:r}=o,{fromBlockchain:s,fromToken:a,toBlockchain:l,toToken:p,inputAmount:c}=ep(e,r,n);t({fromBlockchain:s,fromToken:a,inputAmount:c,outputAmount:null,inputUsdValue:Qt(a??null,c),outputUsdValue:new Bt(0),toBlockchain:l,toToken:p,selectedQuote:null})},switchFromAndTo:()=>t(e=>({fromBlockchain:e.toBlockchain,fromToken:e.toToken,toBlockchain:e.fromBlockchain,toToken:e.fromToken,inputAmount:e.outputAmount?.toString()||"",inputUsdValue:Qt(e.toToken,e.outputAmount?.toString()||"")})),resetFromBlockchain:()=>t(()=>({fromToken:null,fromBlockchain:null,outputAmount:null,outputUsdValue:null,selectedQuote:null})),resetToBlockchain:()=>t(()=>({toToken:null,toBlockchain:null,outputAmount:null,outputUsdValue:null,selectedQuote:null})),setQuoteWalletConfirmed:e=>t({quoteWalletsConfirmed:e}),setSelectedWallets:e=>t({selectedWallets:e}),setCustomDestination:e=>t({customDestination:e}),resetQuoteWallets:()=>t({quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:null}),setQuoteWarningsConfirmed:e=>t({quoteWarningsConfirmed:e})}))));function rp(){let{setInputAmount:t,setToToken:e,setToBlockchain:o,setFromBlockchain:n,setFromToken:r,fromToken:s,toToken:a,fromBlockchain:l,toBlockchain:p}=H(),c=h().config,u=h().fetchStatus,f=h().blockchains(),m=h().tokens(),{setAffiliateRef:d,setAffiliatePercent:S,setAffiliateWallets:C}=h(),g=c?.from?.tokens,y=c?.from?.blockchains,k=c?.to?.tokens,T=c?.to?.blockchains,x=Un(void 0),I=Un(void 0),E=Un(void 0),v=Un(void 0);ro(()=>{t(c?.amount?.toString()||"")},[c?.amount]),ro(()=>{if(u==="success"){let w=f.find(W=>W.name===c?.from?.blockchain),A=m.find(W=>Le(W,c?.from?.token||null));(w||!w&&E.current)&&n(w??null),A?r({token:A,meta:{blockchains:f,tokens:m}}):!A&&x.current&&r({token:null}),E.current=c?.from?.blockchain,x.current=c?.from?.token}},[c?.from?.token?.symbol,c?.from?.token?.address,c?.from?.token?.blockchain,c?.from?.blockchain,u]),ro(()=>{vo(s,g)&&r({token:null}),pi(l,y)&&n(null)},[g,y]),ro(()=>{vo(a,k)&&r({token:null}),pi(p,T)&&o(null)},[k,T]),ro(()=>{if(u==="success"){let w=f.find(W=>W.name===c?.to?.blockchain),A=m.find(W=>Le(W,c?.to?.token||null));(w||!w&&v.current)&&o(w??null),A?e({token:A,meta:{blockchains:f,tokens:m}}):!A&&I.current&&e({token:null}),v.current=c?.to?.blockchain,I.current=c?.to?.token}},[c?.to?.token?.symbol,c?.to?.token?.address,c?.to?.token?.blockchain,c?.to?.blockchain,u]),ro(()=>{d(c?.affiliate?.ref??null),S(c?.affiliate?.percent??null),C(c?.affiliate?.wallets??null)},[c?.affiliate?.ref,c?.affiliate?.percent,c?.affiliate?.wallets])}i(rp,"useSyncStoresWithConfig");import{useEffect as Ai,useRef as Sg}from"react";import{useInRouterContext as Cg,useLocation as Tg,useSearchParams as kg}from"react-router-dom";function Ii(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(Ii,"searchParamToToken");function Ei(t){if(t)return`${t.symbol}${t.address?`--${t.address}`:""}`}i(Ei,"tokenToSearchParam");function Wi(){let t=Tg(),[e,o]=kg(),{fromBlockchain:n,toBlockchain:r,fromToken:s,toToken:a,inputAmount:l,setFromBlockchain:p,setToBlockchain:c,setFromToken:u,setToToken:f,setInputAmount:m}=H(),d=h().fetchStatus,S=h().blockchains(),C=h().tokens(),g=Cg(),{updateIframe:y,updateCampaignMode:k}=h(),T=h().isInCampaignMode(),x=Sg(),I=i(()=>{let v=e.get("fromAmount"),w=e.get("fromBlockchain"),A=e.get("fromToken"),W=e.get("toBlockchain"),L=e.get("toToken"),z=e.get("autoConnect"),ee=e.get("clientUrl"),fe=e.get("liquiditySources");return{fromAmount:v,fromBlockchain:w,fromToken:A,toBlockchain:W,toToken:L,autoConnect:z,clientUrl:ee,liquiditySources:fe}},"getUrlSearchParams"),E=i(v=>{for(let w in v)v[w]||delete v[w];o(v,{replace:!0})},"updateUrlSearchParams");Ai(()=>{let{autoConnect:v,clientUrl:w}=I();g&&d==="success"&&E({fromBlockchain:n?.name,fromToken:Ei(s),toBlockchain:r?.name,toToken:Ei(a),fromAmount:l,autoConnect:v??void 0,clientUrl:w??void 0,liquiditySources:T?x.current:void 0})},[t.pathname,l,n,s,r,a,T]),Ai(()=>{if(!g)return;let v=I();if(!x.current&&v.liquiditySources&&(x.current=v.liquiditySources),v.fromAmount&&m(v.fromAmount),d==="success"){let w=S.find(z=>z.name===v.fromBlockchain),A=Ii(C,v.fromToken,w??null),W=S.find(z=>z.name===v.toBlockchain),L=Ii(C,v.toToken,W??null);w&&(p(w),A&&u({token:A,meta:{blockchains:S,tokens:C}})),W&&(c(W),L&&f({token:L,meta:{blockchains:S,tokens:C}}))}},[d]),Ai(()=>{let{clientUrl:v,liquiditySources:w}=I();y("clientUrl",v||void 0),k("liquiditySources",w?.split(",")??void 0)},[])}i(Wi,"useSyncUrlAndStore");import{i18n as Ar}from"@lingui/core";import{useManager as gS}from"@rango-dev/queue-manager-react";import{Alert as Ou,Button as hS,css as bs,Divider as vs,IconButton as Uu,SettingsIcon as yS,styled as SS,Tooltip as CS,Typography as TS,WalletIcon as kS}from"@rango-dev/ui";import de,{useEffect as Vo,useLayoutEffect as wS,useRef as xS,useState as jo}from"react";import{flushSync as vS}from"react-dom";import{useLocation as bS,useNavigate as IS}from"react-router-dom";import{i18n as dt}from"@lingui/core";import{Alert as os,BalanceErrors as ry,Button as Cc,ChevronDownIcon as iy,ChevronLeftIcon as sy,Divider as uo,MessageBox as ay,Typography as lr,WalletIcon as ly}from"@rango-dev/ui";import P,{useEffect as py,useState as mo}from"react";import{useNavigate as cy}from"react-router-dom";import{i18n as qn}from"@lingui/core";function zn(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(zn,"getQuoteUpdateWarningMessage");import{Modal as xg}from"@rango-dev/ui";import vg from"react";function pe(t){let{watermark:e}=oe();return vg.createElement(xg,{hasWatermark:e==="FULL",...t},t.children)}i(pe,"WatermarkedModal");import Vn,{useRef as Eg}from"react";import*as io from"@radix-ui/react-collapsible";import{keyframes as sp,styled as Qn}from"@rango-dev/ui";var Ni=300,bg=sp({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),Ig=sp({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),ap=Qn(io.Root,{borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),Li=Qn(io.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit",cursor:"pointer"}),Hn=Qn(io.Content,{overflow:"hidden",variants:{open:{true:{animation:`${bg} ${Ni}ms ease-out`},false:{animation:`${Ig} ${Ni}ms ease-out`}}}}),Gn=Qn("div",{transition:`all ${Ni}ms ease`,display:"flex",alignItems:"center",variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}});function jn(t){let{open:e,hasSelected:o,onOpenChange:n,children:r,onClickTrigger:s,trigger:a,triggerAnchor:l}=t,p=Eg(null);return Vn.createElement(ap,{ref:p,className:"collapsible_root",selected:o&&e,open:e,onOpenChange:n},l==="top"&&Vn.createElement(Li,{className:"collapsible_trigger",onClick:s},a),Vn.createElement(Hn,{className:"collapsible_content",open:e},r),l==="bottom"&&Vn.createElement(Li,{className:"collapsible_trigger",onClick:s},a))}i(jn,"CustomCollapsible");import{css as lp,darkTheme as so,IconButton as Ag,styled as Ke,TextField as Wg}from"@rango-dev/ui";var pp=Ke("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),cp=Ke("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Ng=Ke("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${so} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${so} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${so} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),up=Ke(Ng,{alignSelf:"stretch",minHeight:"93px"}),mp=Ke("div",{padding:"$20 $20 $15 $20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),dp=Ke(Ag,{position:"absolute",left:"$20"}),fp=Ke("div",{paddingTop:"$20"}),gp=lp({display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),hp=Ke("div",{padding:"$10 $0","& .button__content":{display:"flex",alignItems:"center"},"& .alarms":{paddingTop:"$5"},"& .collapsible_content":{backgroundColor:"$neutral100"},"& .collapsible_root":{backgroundColor:"$neutral200"}}),yp=lp({paddingTop:"$5"}),Sp=Ke("div",{display:"flex"}),Cp=Ke(Wg,{backgroundColor:"$neutral100",padding:"$0 $15 $15 $15"}),Tp=Ke("div",{overflow:"visible",width:"100%"}),kp=Ke("div",{width:"100%",borderRadius:"$sm",display:"flex",padding:"$15",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${so} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${so} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${so} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}});import{i18n as et}from"@lingui/core";import{Button as ey,Divider as es,Image as ty,MessageBox as sr,SelectableWallet as oy,Typography as hc,WalletState as yc}from"@rango-dev/ui";import ue,{useEffect as Sc,useState as Bo}from"react";import{WalletState as Xn}from"@rango-dev/ui";import{useWallets as Lg}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as Mg,WalletTypes as Wo}from"@rango-dev/wallets-shared";import{useCallback as Bg,useEffect as _g,useState as Pg}from"react";var $g=Object.values(Wo);function ao(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:l,connect:p}=Lg(),{connectedWallets:c}=X(),u=h().blockchains(),f=el(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||$g,m=Fa(s,l,f,o),d=Ga(m),[S,C]=Pg(""),g=i(I=>!c.find(E=>E.walletType===I&&E.chain===o),"isExperimentalChainNotAdded"),y=i(async I=>{let E=s(I);try{if(S&&C(""),E.connected)await a(I);else{let v=!!m.find(w=>w.state===Xn.CONNECTED);if(!e?.multiWallets&&v)return;n?.(I),await p(I),r?.(I)}}catch(v){C("Error: "+v?.message)}},"handleClick"),k=Bg(()=>{let I=m?.filter(E=>E.state===Xn.CONNECTING)||[];for(let E of I)a(E.type)},[Xa(m)]);_g(()=>()=>{k()},[]);let T=i(I=>{let E=I.find(w=>w.type===Wo.DEFAULT);return!E||E.state===Xn.NOT_INSTALLED?!1:I.filter(w=>w.state!=Xn.NOT_INSTALLED&&![Wo.DEFAULT,Wo.WALLET_CONNECT_2].includes(w.type)&&l(w.type).supportedChains.filter(A=>A.type=="EVM").length>0).length==0},"shouldShowDefaultInjectedWallet"),x=i((I,E,v)=>Cn(v,E)&&g(I)&&!Mg.includes(I)||I==Wo.DEFAULT&&!T(m),"shouldExcludeWallet");return{list:d.filter(I=>!x(I.type,o??"",u)),error:S,handleClick:y,disconnectConnectingWallets:k}}i(ao,"useWalletList");import{i18n as pc}from"@lingui/core";import{styled as uc,Typography as jh,Wallet as Xh,WalletState as Kh}from"@rango-dev/ui";import co,{useState as cc}from"react";import{useManager as Dh}from"@rango-dev/queue-manager-react";import{BottomLogo as Fh,Divider as tc,Header as Oh}from"@rango-dev/ui";import Ce,{useEffect as oc,useRef as nc}from"react";import{useRef as Dg}from"react";function Kn(){return window.self!==window.top}i(Kn,"isAppLoadedIntoIframe");function Mi(){let t=Dg(null),{iframe:e}=h(),o=Kn()&&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(Mi,"useIframe");import{useNavigate as Fg}from"react-router-dom";function ut(){let t=Fg();return()=>t(-1)}i(ut,"useNavigateBack");import{createTheme as Fi,darkTheme as Hg,lightTheme as Gg}from"@rango-dev/ui";import{useEffect as Ip,useState as Vg}from"react";import{theme as zg,darkColors as Qg}from"@rango-dev/ui";import $i from"react";function Og(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,S=u[m],C={[`${e}${d}`]:Yn(t,S)};Object.assign(f,C)}return{...f,[e]:t}}i(Og,"generateShades");function Yn(t,e){let[o,n,r]=wp(t);return`#${Bi(o+e)}${Bi(n+e)}${Bi(r+e)}`}i(Yn,"generateShade");function wp(t){let r=parseInt(t.slice(1,3),16),s=parseInt(t.slice(3,5),16),a=parseInt(t.slice(5,7),16);return[r,s,a]}i(wp,"convertToRGB");function Bi(t){return("0"+Math.max(0,Math.min(255,t)).toString(16)).slice(-2).toUpperCase()}i(Bi,"clamp");function xp(t){let[a,l,p]=wp(t);return(a*299+l*587+p*114)/1e3>188}i(xp,"isBright");var _i=i((t,e,o)=>{if(!o||!Object.entries(o).length)return{};let n=!1,r={...t};for(let s in o){let a=o[s];a&&a!==t[s]&&(n=!0,s==="background"||s==="foreground"?r={...r,[s]:a}:r={...r,...Og(a,s,s==="neutral"&&e)})}return n?r:{}},"generateColors");var vp=i(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),Ug=i(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=vp(o%52)+e;return vp(o%52)+e},"toAlphabeticName"),qg=i((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),Pi=i(t=>Ug(qg(5381,JSON.stringify(t))>>>0),"toHash");function Di(t){let e=zg.colors,o=_i({...e,...Qg},!0,t?.dark),n=_i(e,!1,t?.light),r=Object.keys(o).length>0,s=Object.keys(n).length>0,a,l;if(s){let p={colors:n};a={id:`${li}-light-${Pi(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${li}-dark-${Pi(p)}`,tokens:p}}return{light:a,dark:l}}i(Di,"customizedThemeTokens");function bp(t,e){if(t.length<=1)return t.map(({element:n,key:r})=>$i.cloneElement(n,{key:r}));let o=[];return t.forEach((n,r)=>{let{element:s,key:a}=n;if(o.push($i.cloneElement(s,{key:a})),r<t.length-1){let l=`divider-${r}`;o.push($i.cloneElement(e,{key:l}))}}),o}i(bp,"joinList");function Jn(t){let{colors:e,fontFamily:o=Za,borderRadius:n=Ya,secondaryBorderRadius:r=Ja,mode:s="auto"}=t,[a,l]=Vg("light"),{setTheme:p,theme:c}=h(),{dark:u,light:f}=Di(e),m=Fi({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),d=[m.className,Gg.className],S=[m.className,Hg.className];if(f){let g=Fi(f.id,f.tokens);d.push(g.className)}if(u){let g=Fi(u.id,u.tokens);S.push(g.className)}return Ip(()=>{let g=i(y=>{y.matches?l("dark"):l("light")},"switchThemeListener");return window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&l("dark"),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",g),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",g)}},[]),Ip(()=>{s!=="auto"&&p(s)},[s]),{activeTheme:i(()=>{let g=d.join(" "),y=S.join(" ");return c==="auto"?a==="dark"?y:g:c==="dark"?y:g},"getActiveTheme")}}i(Jn,"useTheme");var mt=i(t=>{let e=[];return t?.getAll().forEach((o,n)=>{let r=o.list.getStorage();r?.swapDetails&&e.push({id:n,swap:r?.swapDetails})}),e.sort((o,n)=>Number(n.swap.creationTime)-Number(o.swap.creationTime))},"getPendingSwaps");import{i18n as Ep}from"@lingui/core";import{Alert as jg,Button as Xg}from"@rango-dev/ui";import Ap from"react";function Oi(t){return Ap.createElement(jg,{action:Ap.createElement(Xg,{onClick:t.onActivateTab,variant:"contained",size:"xxsmall",type:"warning"},Ep.t("Activate this tab")),type:"warning",variant:"alarm",title:Ep.t("Another tab is open and handles transactions.")})}i(Oi,"ActivateTabAlert");import{i18n as Ui}from"@lingui/core";import{Button as Kg,Divider as Yg,MessageBox as Jg}from"@rango-dev/ui";import Zn from"react";function qi(t){let{open:e,onClose:o,onConfirm:n}=t;return Zn.createElement(pe,{open:e,dismissible:!0,onClose:o,container:M()},Zn.createElement(Jg,{title:Ui.t("Activate current tab"),type:"warning",description:Ui.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.")},Zn.createElement(Yg,{size:20}),Zn.createElement(Kg,{variant:"contained",size:"large",type:"primary",fullWidth:!0,onClick:n},Ui.t("Confirm"))))}i(qi,"ActivateTabModal");import{ChevronLeftIcon as eh}from"@rango-dev/ui";import $p from"react";import{css as Zg,darkTheme as Wp,IconButton as Rg,styled as Ht}from"@rango-dev/ui";var Ye=Ht(Rg,{width:"$24",position:"relative",padding:"0",overflow:"unset","&:hover":{backgroundColor:"$info100",[`.${Wp} &`]:{backgroundColor:"$neutral"}}}),Np=Ht("div",{position:"absolute",background:"$secondary500",[`.${Wp} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),lo=Ht("div",{display:"flex",justifyContent:"flex-end",minWidth:"$40",button:{padding:0}}),Lp=Ht("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"}}}}),Mp=Ht("div",{padding:"$2",variants:{isRefetched:{true:{transform:"rotate(360deg)",transition:"transform 1s ease-in-out"}}}}),Bp=Ht("div",{position:"absolute",right:"$4",top:"$4",backgroundColor:"$background",borderRadius:"100%"}),_p=Zg({display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center"}),Pp=Ht("div",{borderRadius:"100%",border:"1.5px transparent solid","&:not(:first-child)":{marginLeft:"-$6"},img:{borderRadius:"100%"}});function zi(t){return $p.createElement(Ye,{variant:"ghost",size:"small",onClick:t.onClick},$p.createElement(eh,{color:"black",size:16}))}i(zi,"BackButton");import{i18n as th}from"@lingui/core";import{Button as oh,Typography as nh}from"@rango-dev/ui";import Qi from"react";function Hi(t){return Qi.createElement(lo,null,Qi.createElement(oh,{variant:"ghost",onClick:t.onClick,size:"xsmall"},Qi.createElement(nh,{variant:"label",size:"medium",color:"error500"},th.t("Cancel"))))}i(Hi,"CancelButton");import{i18n as rh}from"@lingui/core";import{Image as ih,Tooltip as sh,WalletIcon as ah}from"@rango-dev/ui";import Gt from"react";function Gi(t){let{list:e}=ao({}),o=e.filter(r=>r.state==="connected"),n=o.length?Gt.createElement("div",{className:_p()},o.map(r=>Gt.createElement(Pp,{key:r.title},Gt.createElement(ih,{src:r.image,size:14})))):rh.t("Connect Wallet");return Gt.createElement(sh,{container:t.container,side:"bottom",content:n},Gt.createElement(Ye,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&Gt.createElement(Np,null),Gt.createElement(ah,{size:18,color:"black"})))}i(Gi,"WalletButton");import{i18n as tr}from"@lingui/core";import{NotificationsIcon as Mh,Popover as Bh,SettingsIcon as _h,Tooltip as or,TransactionIcon as Ph}from"@rango-dev/ui";import ve from"react";import{i18n as yh}from"@lingui/core";import{EventSeverity as Qp}from"@rango-dev/queue-manager-rango-preset";import{ChainToken as Hp,ChevronRightIcon as Sh,Divider as Ch,Typography as Th}from"@rango-dev/ui";import Ue from"react";import{useNavigate as kh}from"react-router-dom";import{create as lh}from"zustand";import{persist as ph,subscribeWithSelector as ch}from"zustand/middleware";var Oe=Nt(lh()(ph(ch((t,e)=>({notifications:[],setNotification:(o,n)=>{let r=n.steps[0],s=n.steps[n.steps.length-1],a={event:o,creationTime:Date.now(),read:!1,requestId:n.requestId,route:{from:{blockchain:r.fromBlockchain,address:r.fromSymbolAddress,symbol:r.fromSymbol},to:{blockchain:s.toBlockchain,address:s.toSymbolAddress,symbol:s.toSymbol}}},l=e().notifications.filter(p=>p.requestId!==n.requestId);t(()=>({notifications:[...l,a]}))},setAsRead:o=>{t(n=>({notifications:n.notifications.map(r=>r.requestId===o?{...r,read:!0}:r)}))},getUnreadNotifications:()=>e().notifications.filter(o=>!o.read)})),{name:"notification",skipHydration:!0})));import{darkTheme as uh,ListItemButton as mh,styled as No}from"@rango-dev/ui";var Dp=No("div",{padding:"$10",width:"350px",maxWidth:"90vw",minHeight:"150px"}),Fp=No("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),Op=No(mh,{variants:{actionRequired:{true:{backgroundColor:"$error300",[`.${uh} &`]:{backgroundColor:"$error600"}}}}}),Up=No("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),qp=No("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as dh}from"@lingui/core";import{Divider as fh,NoNotificationIcon as gh,Typography as hh}from"@rango-dev/ui";import Rn from"react";function zp(){return Rn.createElement(qp,null,Rn.createElement(gh,{color:"secondary",size:26}),Rn.createElement(fh,{size:12}),Rn.createElement(hh,{variant:"body",size:"medium",color:"neutral700"},dh.t("There are no notifications.")))}i(zp,"NotificationNotFound");var wh=4;function Vi(){let t=kh(),{getUnreadNotifications:e}=Oe(),o=e(),n=h().blockchains(),r=h().tokens(),s=o.sort((l,p)=>p.creationTime-l.creationTime).slice(0,wh),a=i(l=>{t(`${D.swaps}/${l}`)},"handleOnClick");return Ue.createElement(Dp,null,s.length?Ue.createElement(Fp,null,s.map((l,p)=>{let{route:c,requestId:u,event:f}=l,m=r.find(g=>Le(g,c.from)),d=n.find(g=>g.name===c.from.blockchain),S=r.find(g=>Le(g,c.to)),C=n.find(g=>g.name===c.to.blockchain);return Ue.createElement(Ue.Fragment,{key:u},p>0&&Ue.createElement(Ch,{size:4}),Ue.createElement(Op,{onClick:()=>a(u),actionRequired:f.messageSeverity===Qp.WARNING,title:Ue.createElement(Th,{variant:"body",size:"small",color:f.messageSeverity===Qp.WARNING?"$foreground":"$neutral700"},yh.t(f.message)),id:u,start:Ue.createElement(Up,null,Ue.createElement("div",{className:"from-chain-token"},Ue.createElement(Hp,{tokenImage:m?m.image:"",chainImage:d?d.logo:"",size:"small"})),Ue.createElement("div",{className:"to-chain-token"},Ue.createElement(Hp,{tokenImage:S?S.image:"",chainImage:C?C.logo:"",size:"small"}))),end:Ue.createElement(Sh,{size:12,color:"gray"})}))})):Ue.createElement(zp,null))}i(Vi,"NotificationContent");import{useManager as xh}from"@rango-dev/queue-manager-react";import{InProgressIcon as vh}from"@rango-dev/ui";import Gp from"react";var bh=i(()=>{let{manager:t}=xh();return mt(t).map(({swap:o})=>o).find(o=>o.status==="running")?Gp.createElement(Bp,null,Gp.createElement(vh,{color:"info",size:6})):null},"InProgressTransactionBadge"),Vp=bh;import{RefreshProgressButton as Ih}from"@rango-dev/ui";import ji,{useEffect as Eh,useState as jp}from"react";var Ah=1e3,Xp=60,Wh=100;function er({onClick:t}){let[e,o]=jp(0),[n,r]=jp(!1),s=i(p=>{document.hidden&&p&&a(p)},"handleVisibilityChange");Eh(()=>{let p;return t?p=window.setInterval(()=>{o(c=>c+1),e===Xp&&l()},Ah):a(p),document.addEventListener("visibilitychange",()=>s(p)),()=>{document.removeEventListener("visibilitychange",()=>s(p)),p&&clearInterval(p)}},[e,t]);let a=i(p=>{p&&clearInterval(p),o(0)},"clearTimeout"),l=i(()=>{t?.(),o(0),r(!0)},"handleRefreshClick");return ji.createElement(Ye,{variant:"ghost",size:"small",style:{paddingTop:0,paddingBottom:0},onClick:l,disabled:!t},ji.createElement(Mp,{onTransitionEnd:()=>r(!1),isRefetched:n},ji.createElement(Ih,{size:22,color:t?"black":"gray",progress:e/Xp*Wh})))}i(er,"RefreshButton");import{EventSeverity as Nh}from"@rango-dev/queue-manager-rango-preset";import{Typography as Lh}from"@rango-dev/ui";import Kp from"react";function Yp(){let{getUnreadNotifications:t}=Oe(),e=t(),o=e.length,n=!!e.find(r=>r.event.messageSeverity===Nh.WARNING);return o?Kp.createElement(Lp,{isSever:n},Kp.createElement(Lh,{variant:"body",size:"xsmall",color:"$background"},o)):null}i(Yp,"UnreadNotificationsBadge");function Vt(t){let{onClickRefresh:e,onClickHistory:o,onClickSettings:n,hidden:r=[]}=t,{config:{features:s}}=h(),a=je("notification",s)||r.includes("notifications");return ve.createElement(ve.Fragment,null,!r.includes("refresh")&&ve.createElement(or,{container:M(),side:"top",content:tr.t("Refresh")},ve.createElement(er,{onClick:e})),!a&&ve.createElement(Bh,{align:"end",alignOffset:-88,collisionPadding:{right:20,left:20},container:M(),content:ve.createElement(Vi,null)},ve.createElement("div",null,ve.createElement(or,{container:M(),side:"top",content:tr.t("Notifications")},ve.createElement(Ye,{size:"small",variant:"ghost"},ve.createElement(Mh,{size:18,color:"black"}),ve.createElement(Yp,null))))),!r.includes("settings")&&ve.createElement(or,{container:M(),side:"top",content:tr.t("Settings")},ve.createElement(Ye,{size:"small",variant:"ghost",onClick:n},ve.createElement(_h,{size:18,color:"black"}))),!r.includes("history")&&ve.createElement(or,{container:M(),side:"top",content:tr.t("Transactions History")},ve.createElement(Ye,{size:"small",variant:"ghost",onClick:o},ve.createElement(Ph,{size:18,color:"black"}),ve.createElement(Vp,null))))}i(Vt,"HeaderButtons");function Xi(t){let e=t.target;if(e){let o=e.scrollTop,n=M();o>1?n.classList.add("rng-scrolled"):n.classList.remove("rng-scrolled")}}i(Xi,"onScrollContentAttachStatusToContainer");import{css as $h,styled as Ki}from"@rango-dev/ui";var Jp="700px",nr=$h({borderRadius:"$primary",display:"flex",flexDirection:"column",overflow:"hidden",boxShadow:"15px 15px 15px 0px rgba(0, 0, 0, 0.05)"}),Zp=Ki("div",{position:"relative",width:"100vw",minWidth:"300px",maxWidth:"390px",backgroundColor:"$background",variants:{height:{auto:{height:"auto",maxHeight:Jp},fixed:{height:Jp}}}}),Rp=Ki("div",{position:"relative",overflow:"hidden",flexGrow:1,display:"flex",flexDirection:"column",padding:0,overflowY:"auto"}),ec=Ki("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 ae(t){let{connectHeightObserver:e,disconnectHeightObserver:o}=Mi(),{children:n,header:r,footer:s,height:a="fixed"}=t,l=X.use.connectedWallets(),{config:{features:p,theme:c}}=h(),{watermark:u}=oe(),f=u==="FULL",{activeTheme:m}=Jn(c||{}),d=je("connectWalletButton",p),{isActiveTab:S,tabManagerInitiated:C,showActivateTabModal:g,setShowActivateTabModal:y,activateCurrentTab:k}=oe(),T=ut(),{manager:x}=Dh(),E=mt(x).map(({swap:z})=>z).some(z=>z.status==="running"),v=i(()=>k(qt.forceClaim,E),"onActivateTab"),w=i(()=>{r.onWallet?.()},"onConnectWallet"),A=typeof r.hasBackButton>"u"||r.hasBackButton,W=nc(null),L=nc(null);return oc(()=>(Kn()&&L.current&&e(L.current),()=>{o()}),[]),oc(()=>(W.current?.addEventListener("scroll",Xi),()=>{W.current?.removeEventListener("scroll",Xi)}),[]),Ce.createElement(Zp,{height:a,id:ke.SWAP_BOX_ID,className:`${m()} ${nr()}`,ref:L},Ce.createElement(Oh,{prefix:Ce.createElement(Ce.Fragment,null,A&&Ce.createElement(zi,{onClick:()=>{T(),r.onBack&&r.onBack()}})),title:r.title,suffix:Ce.createElement(Ce.Fragment,null,r.suffix,r.onWallet&&!d&&Ce.createElement(Gi,{container:M(),onClick:w,isConnected:!!l?.length}),r.onCancel&&Ce.createElement(Hi,{onClick:r.onCancel}))}),Ce.createElement(Rp,{ref:W},n),Ce.createElement(qi,{open:g,onClose:()=>y(!1),onConfirm:v}),Ce.createElement(ec,null,Ce.createElement("div",{className:"footer__content"},C&&!S&&Ce.createElement("div",{className:"footer__alert"},Ce.createElement(Oi,{onActivateTab:v}),Ce.createElement(tc,{size:10})),s),Ce.createElement(tc,{size:12}),Ce.createElement("div",{className:`footer__logo ${f?"logo__show":"logo__hidden"}`},Ce.createElement(Fh,null))))}i(ae,"Layout");import{styled as Uh}from"@rango-dev/ui";var rc="$20 $20 $10 $20",Lo=Uh("div",{padding:rc,overflowY:"auto",flexGrow:1});import{styled as qh}from"@rango-dev/ui";var ce=qh("div",{display:"flex",flexDirection:"column",padding:"20px 20px 10px",flexGrow:1,variants:{view:{true:{flexGrow:1,overflow:"hidden"}},compact:{true:{padding:0}}}});import{Divider as Vh}from"@rango-dev/ui";import Ji from"react";import{i18n as po}from"@lingui/core";import{Image as Hh,MessageBox as Yi,WalletState as Gh}from"@rango-dev/ui";import jt from"react";import{keyframes as zh,styled as rr}from"@rango-dev/ui";var W0=rr("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),ic=rr("div",{position:"relative"}),Qh=zh({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),sc=rr("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Qh} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),ac=rr("div",{"& img":{borderRadius:"50%"}});function lc(t){let{state:e,image:o,error:n}=t;return e===Gh.CONNECTED?jt.createElement(Yi,{type:"success",title:po.t("Wallet Connected"),description:po.t("Your wallet is connected, you can use it to swap.")}):n?jt.createElement(Yi,{type:"error",title:po.t("Failed to Connect"),description:n||po.t("Your wallet is not connected. Please try again.")}):jt.createElement(Yi,{type:"loading",title:po.t("Connecting to your wallet"),description:po.t("Click connect in your wallet popup."),icon:jt.createElement(ic,null,jt.createElement(ac,null,jt.createElement(Hh,{src:o,size:45})),jt.createElement(sc,null))})}i(lc,"ModalContent");function Mo(t){let{open:e,onClose:o,...n}=t;return Ji.createElement(pe,{open:e,onClose:o,container:document.getElementById(ke.SWAP_BOX_ID)||document.body},Ji.createElement(lc,{...n}),Ji.createElement(Vh,{direction:"vertical",size:32}))}i(Mo,"WalletModal");var Yh=uc("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Jh=uc(ce,{textAlign:"center"}),ir=3e3,Zi=300;function mc(){let{config:t,fetchStatus:e}=h(),[o,n]=cc(!1),[r,s]=cc(""),a=null,l=oe.use.isActiveTab(),{list:p,handleClick:c,error:u,disconnectConnectingWallets:f}=ao({config:t,onBeforeConnect:g=>{a=setTimeout(()=>{n(!0),s(g)},Zi)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},ir)}}),m=i(()=>{f(),n(!1)},"handleCloseWalletModal"),d=p.find(g=>g.type===r),S=d?.image||"",C=d?.state||Kh.NOT_INSTALLED;return co.createElement(ae,{header:{title:pc.t("Connect Wallets")}},co.createElement(Jh,null,co.createElement(jh,{variant:"title",size:"xmedium",align:"center"},pc.t("Choose a wallet to connect.")),co.createElement(Yh,null,p.map((g,y)=>{let k=`wallet-${y}-${g.type}`;return co.createElement(Xh,{key:k,...g,container:M(),onClick:T=>{c(T)},isLoading:e==="loading",disabled:!l})}),co.createElement(Mo,{open:!!o,onClose:m,image:S,state:C,error:u}))))}i(mc,"WalletsPage");import{keyframes as Zh,styled as Ri}from"@rango-dev/ui";var dc=Ri("div",{position:"relative"}),Rh=Zh({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),fc=Ri("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Rh} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),gc=Ri("div",{"& img":{borderRadius:"50%"}});var ny=7;function ts(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:s}=t,{config:a}=h(),l=oe.use.isActiveTab(),p=X.use.connectedWallets(),{blockchains:c}=h(),[u,f]=Bo(""),[m,d]=Bo(null),[S,C]=Bo(!1),[g,y]=Bo(null),{suggestAndConnect:k}=ar(),T=null,{list:x,error:I,handleClick:E,disconnectConnectingWallets:v}=ao({config:a,chain:e,onBeforeConnect:U=>{T=setTimeout(()=>{f(U)},Zi)},onConnect:()=>{T&&clearTimeout(T),setTimeout(()=>{f("")},ir)}}),[w,A]=Bo(x),W=x.length,L=r&&W-r>0,z=i(async U=>{C(!1),y("in-progress");try{await k(U.walletType,U.chain),y("completed")}catch{y("rejected")}},"addExperimentalChain");Sc(()=>{A(U=>{let Z=x.findIndex(ne=>o(ne.type,e));return L&&Z>1?[x[Z]].concat(x.filter((ne,Q)=>Q!==Z)):U.map(ne=>x.find(Q=>Q.type===ne.type)??ne)})},[JSON.stringify(x)]);let ee=document.getElementById(ke.SWAP_BOX_ID);Sc(()=>{let U=null;return(g==="completed"||g==="rejected")&&(U=setTimeout(()=>y(null),ir)),()=>{U&&clearTimeout(U)}},[g]);let fe=i(()=>{v(),f("")},"handleCloseWalletModal");return ue.createElement(ue.Fragment,null,w.slice(0,r).map(U=>{let Z=Va({connectedWallets:p,walletType:U.type,chain:e}),ne=Z?kn(Z,ny):"",Q=Cn(c(),e),B=!p.find(re=>re.walletType===U.type&&re.chain===e),b=Q&&B&&U.state===yc.CONNECTED,K=b?et.t({id:"Add {chain} chain",values:{chain:e}}):ne,me=i(()=>{U.state===yc.DISCONNECTED?E(U.type):b?(d({walletType:U.type,chain:e,address:Z??""}),C(!0)):n({walletType:U.type,chain:e,address:Z??""})},"onClick"),Y=m?.chain?cl(m.chain,c()):void 0;return ue.createElement(ue.Fragment,{key:`${U.title}_${Y}`},ue.createElement(Mo,{open:u===U.type,onClose:fe,image:U.image,state:U.state,error:I}),!!m&&ue.createElement(pe,{open:!!m&&S,container:ee,onClose:()=>{d(null)}},ue.createElement(sr,{title:et.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:Y}}),type:"warning",description:et.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:Y}})},ue.createElement(es,{size:18}),ue.createElement(es,{size:32}),ue.createElement(ey,{onClick:z.bind(null,m),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},et.t("Confirm")))),g&&ue.createElement(pe,{open:!!g,onClose:y.bind(null,null),container:ee},g==="in-progress"&&ue.createElement(sr,{type:"loading",title:et.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:Y}}),description:et.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:Y}}),icon:ue.createElement(dc,null,ue.createElement(gc,null,ue.createElement(ty,{src:U.image,size:45})),ue.createElement(fc,null))}),g==="completed"&&ue.createElement(sr,{type:"success",title:et.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:Y}}),description:et.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:Y}})}),g==="rejected"&&ue.createElement(sr,{type:"error",title:et.t("Request Rejected"),description:et.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:Y}})}),ue.createElement(es,{direction:"vertical",size:32})),ue.createElement(oy,{key:U.type,description:K,onClick:me,selected:o(U.type,e),disabled:!l,...U}))}),L&&ue.createElement(up,{selected:!1,onClick:s},ue.createElement(hc,{variant:"label",size:"medium"},et.t("Show more wallets"),ue.createElement(hc,{variant:"label",size:"medium",color:"$primary"},"\xA0+",W-(r??0)))))}i(ts,"WalletList");var uy=2;function Tc(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,loading:s}=t,a=h().config,l=h().blockchains(),{selectedQuote:p,setSelectedWallets:c,quoteWalletsConfirmed:u,setQuoteWalletConfirmed:f,customDestination:m,setCustomDestination:d}=H(),{connectedWallets:S,selectWallets:C}=X(),[g,y]=mo(""),[k,T]=mo([]),[x,I]=mo(""),[E,v]=mo(null),[w,A]=mo(!!m),W=Ln(p?.swaps||null),L=l.find(G=>G.name===p?.swaps[p?.swaps.length-1].to.blockchain),z=i(G=>!!p?.swaps.find(j=>j.from.blockchain===G),"isWalletRequiredFor"),ee=i(()=>S.filter(G=>G.selected&&W.includes(G.chain)),"getInitialSelectableWallets"),[fe,U]=mo(ee()),Z=l.find(G=>G.name===L?.name),ne=k.length>0,Q=i((G,j)=>!!fe.find(R=>R.walletType===G&&R.chain===j&&R.selected&&(z(j)||!z(j)&&!m)),"isSelected"),B=!!m&&w&&Z&&!Mn(Z,m),b=i(()=>{A(!1),d(null),U(G=>{let j=!1;return G.map(R=>!j&&R.chain===L?.name?(j=!0,{...R,selected:!0}):R)})},"resetCustomDestination"),K=i(G=>{if(g&&y(""),Q(G.walletType,G.chain))return;let R=S.find(Ie=>Ie.walletType===G.walletType&&Ie.chain===G.chain);R&&(n(),G.chain===L?.name&&w&&(A(!1),d(null)),U(Ie=>Ie.filter(Ze=>Ze.chain!==G.chain).concat({...R,selected:!0})))},"onChange"),me=i(()=>{let G=fe.filter(j=>j.selected);C(G),c(G),f(!0),o()},"onConfirmBalance"),Y=i(async()=>{T([]),I(""),v(null);let G=S.filter(Ie=>fe.find(Ze=>Ze.chain===Ie.chain&&Ze.walletType===Ie.walletType)),j=await r?.({selectedWallets:G,customDestination:m}),R=j.warnings;R?.balance?.messages&&T(R.balance.messages),R?.quoteUpdate&&v(R.quoteUpdate),j.error&&I(Ll(j.error)),!j.error&&!R?.balance?.messages.length?me():T(R?.balance?.messages??[])},"onConfirmWallets");py(()=>{U(G=>G.concat(S.filter(j=>!!!G.find(Ie=>Ie.chain===j.chain)&&j.selected&&W.includes(j.chain))))},[S.length]);let re=document.getElementById(ke.SWAP_BOX_ID),to=cy();return P.createElement(pe,{open:e,onClose:()=>{u||to("../",{replace:!0}),o()},dismissible:!g,container:re,...!g&&{footer:P.createElement(Sp,null,P.createElement(Cc,{loading:s,disabled:Kl(s,w,m,p,fe,L),onClick:Y,variant:"contained",type:"primary",fullWidth:!0,size:"large"},dt.t("Confirm")))},...g&&{styles:{container:{padding:"$0"}},header:P.createElement(mp,null,P.createElement(dp,{variant:"ghost",onClick:y.bind(null,"")},P.createElement(sy,{size:16})),P.createElement(lr,{variant:"headline",size:"small"},dt.t({id:"Your {blockchainName} wallets",values:{blockchainName:Ve(g,l)}})))},anchor:"center"},P.createElement(pe,{open:ne,onClose:T.bind(null,[]),container:re},P.createElement(ay,{title:dt.t("Insufficient account balance"),type:"error",description:P.createElement(ry,{messages:k??[]})},P.createElement(Cc,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:me},dt.t("Proceed anyway")))),g&&P.createElement(fp,null,P.createElement("div",{className:gp()},P.createElement(ts,{chain:g,isSelected:Q,selectWallet:K,onShowMore:y.bind(null,g)}))),!g&&P.createElement(P.Fragment,null,x&&P.createElement(P.Fragment,null,P.createElement(os,{variant:"alarm",type:"error",title:dt.t(x)}),P.createElement(uo,{size:12})),E&&P.createElement(P.Fragment,null,P.createElement(os,{variant:"alarm",type:"warning",title:zn(E)}),P.createElement(uo,{size:12})),P.createElement(Tp,null,W.map((G,j)=>{let R=l.find($e=>$e.name===G),Ie=`wallet-${j}`,Ze=j===W.length-1;return P.createElement("div",{key:Ie},P.createElement(pp,null,P.createElement(lr,{variant:"title",size:"xmedium"},dt.t({id:"Your {blockchainName} wallets",values:{blockchainName:R?.shortName}})),P.createElement(lr,{variant:"label",color:"$neutral700",size:"medium"},dt.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:R?.shortName}}))),P.createElement(uo,{size:24}),P.createElement(cp,null,P.createElement(ts,{chain:G,isSelected:Q,selectWallet:K,limit:uy,onShowMore:()=>y(R?.name??"")})),!Ze&&P.createElement(uo,{size:32}),Ze&&a?.customDestination&&P.createElement(hp,null,P.createElement(jn,{onOpenChange:$e=>{$e?z(L?.name??"")||U(De=>De.map(ye=>ye.chain===L?.name?{...ye,selected:!1}:ye)):b()},hasSelected:!0,open:w,triggerAnchor:"top",trigger:P.createElement(kp,null,P.createElement("div",{className:"button__content"},P.createElement(ly,{size:18,color:"info"}),P.createElement(uo,{size:4,direction:"horizontal"}),P.createElement(lr,{variant:"label",size:"medium"},dt.t("Send to a different address"))),P.createElement(Gn,{orientation:w?"up":"down"},P.createElement(iy,{size:10,color:"gray"}))),onClickTrigger:()=>A($e=>!$e)},P.createElement(uo,{size:4}),P.createElement(Cp,{autoFocus:!0,placeholder:dt.t("Your destination address"),value:m||"",onChange:$e=>{let De=$e.target.value;De.length?d(De.length?De:null):(A(!1),d(null))}})),B&&P.createElement("div",{className:yp()},P.createElement(os,{variant:"alarm",type:"error",title:dt.t({values:{destination:m},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(Tc,"ConfirmWalletsModal");import{i18n as Ny}from"@lingui/core";import{Alert as Ly,Button as My,InfoIcon as By}from"@rango-dev/ui";import He from"react";import{Alert as fy,Button as gy,Divider as is,NoRouteIcon as hy,RefreshIcon as yy,Typography as Ec}from"@rango-dev/ui";import Qe from"react";import{i18n as kc}from"@lingui/core";var my=24,dy=60;function wc(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:J().genericServerError,action:{onClick:n,title:kc.t("Retry")}},description:""}:e.length?{alert:{type:"warning",text:J().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:kc.t("Reset")}},description:J().liquiditySourcesError.description}:t?.type===0&&t.diagnosisMessage?{alert:{type:"error",text:t.diagnosisMessage,action:null},description:""}:{alert:null,description:J().noResultError.description}}i(wc,"makeInfo");var ns=(o=>(o[o.small=my]="small",o[o.large=dy]="large",o))(ns||{}),rs=(o=>(o.small="small",o.large="medium",o))(rs||{});import{styled as pr}from"@rango-dev/ui";var xc=pr("div",{display:"flex",flexDirection:"column",alignItems:"center"}),vc=pr("div",{variants:{size:{small:{},large:{maxWidth:"316px"}}}}),bc=pr("div",{variants:{size:{small:{width:"100%"},large:{}}}}),Ic=pr("div",{padding:"$6 $0"});function _o(t){let{fetch:e,error:o,size:n="small"}=t,r=h().getDisabledLiquiditySources(),s=h().toggleAllLiquiditySources,a=h().swappers(),l=wc(o,r,()=>s(a,!0),e);return Qe.createElement(xc,null,Qe.createElement(hy,{size:ns[n],color:"gray"}),Qe.createElement(is,{size:4}),Qe.createElement(Ec,{variant:"title",size:rs[n]},J().noResultError.title),n==="large"&&Qe.createElement(is,{size:4}),!!l.description&&Qe.createElement(vc,{size:n},Qe.createElement(Ec,{variant:"body",size:"small",align:"center",color:"neutral700"},l.description)),Qe.createElement(is,{size:n==="large"?"24":"4"}),!!l.alert&&Qe.createElement(bc,{size:n},Qe.createElement(fy,{type:l.alert.type,title:l.alert.text,titleAlign:"left",action:l.alert.action&&Qe.createElement(gy,{size:"xsmall",type:l.alert.type,prefix:Qe.createElement(Ic,null,Qe.createElement(yy,{size:8})),onClick:l.alert.action.onClick},l.alert.action.title),variant:"alarm"})))}i(_o,"NoResult");import{i18n as Po}from"@lingui/core";import{Button as Cy,Divider as Ty,MessageBox as ky,Typography as wy,WarningIcon as xy}from"@rango-dev/ui";import Tt from"react";import{Typography as Lc}from"@rango-dev/ui";import as from"react";import{darkTheme as Sy,styled as cr}from"@rango-dev/ui";var Ac=cr("div",{width:"100%"}),ss=cr("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:"$5",width:"100%"}),Wc=cr("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${Sy} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Nc=cr("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function Mc(t){let{title:e,value:o,valueColor:n}=t;return as.createElement(Wc,null,as.createElement(Lc,{size:"medium",variant:"label",className:"_title"},e),as.createElement(Lc,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(Mc,"QuoteErrorsModalItem");function Bc(t){let{open:e,onClose:o,onConfirm:n,warning:r,confirmationDisabled:s}=t,a=r.warningLevel==="high"?"error":"warning",l=[{title:Po.t("Swapping"),value:N(r.inputUsdValue,4,4)},{title:Po.t("Gas cost"),value:N(r.totalFee,2,2)},{title:Po.t("Receiving"),value:N(r.outputUsdValue,4,4)},{title:Po.t("Price impact"),value:N(r.priceImpact,2,2),valueColor:`${a}500`}];return Tt.createElement(pe,{footer:Tt.createElement(Cy,{type:"primary",size:"large",prefix:Tt.createElement(xy,null),fullWidth:!0,disabled:s,onClick:n},J().highValueLossError.confirmMessage),open:e,onClose:o,container:M()},Tt.createElement(ky,{type:a,title:J().highValueLossError.impactTitle,description:J().highValueLossError.description}),Tt.createElement(ss,null,Tt.createElement(Ty,{size:"4"}),Tt.createElement(wy,{size:"small",variant:"title"},Po.t("Details")),Tt.createElement(ss,null,l.map((p,c)=>Tt.createElement(Mc,{key:c,...p})))))}i(Bc,"HighValueLossWarningModal");import{i18n as ls}from"@lingui/core";function _c(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=ls.t({id:"You need to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:e.minRequiredSlippage}}),o.action="change-settings"),o):t?(t.type===0&&(Ct(t.priceImpact)==="high"&&(o.alertType="error"),o.action="show-info",o.title=J().highValueLossError.title),t.type===1&&(o.title=J().unknownPriceError.title),t.type===2&&(o.title=ls.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=ls.t("Caution, your slippage is high."),o.action="change-settings"),o):null}i(_c,"makeAlerts");import{i18n as fo}from"@lingui/core";import{Button as Pc,Divider as $c,MessageBox as vy,Typography as by}from"@rango-dev/ui";import Yt from"react";import{useNavigate as Iy}from"react-router-dom";function Dc(t){let{customSlippage:e,slippage:o}=h(),{open:n,onClose:r,onConfirm:s,warning:a,confirmationDisabled:l}=t,p=Iy(),c=e??o;return Yt.createElement(pe,{anchor:"bottom",open:n,prefix:Yt.createElement(Pc,{size:"small",variant:"ghost",onClick:()=>p("../"+D.settings)},Yt.createElement(by,{variant:"label",size:"medium",color:"$neutral900"},fo.t("Change settings"))),container:M(),onClose:r},Yt.createElement(vy,{type:"warning",title:a.type===3?fo.t("High slippage"):fo.t("Low slippage"),description:a.type===3?fo.t({id:" Caution, your slippage is high (={userSlippage}). Your trade may be front run.",values:{userSlippage:c}}):fo.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:a.minRequiredSlippage}})},Yt.createElement($c,{size:18}),Yt.createElement($c,{size:32}),Yt.createElement(Pc,{size:"large",type:"primary",variant:"contained",fullWidth:!0,disabled:l,onClick:s},fo.t("Confirm anyway"))))}i(Dc,"SlippageWarningModal");import{Button as Ey,MessageBox as Ay,WarningIcon as Wy}from"@rango-dev/ui";import ur from"react";function Fc(t){let{open:e,onClose:o,onConfirm:n,confirmationDisabled:r}=t;return ur.createElement(pe,{footer:ur.createElement(Ey,{type:"primary",size:"large",prefix:ur.createElement(Wy,null),fullWidth:!0,disabled:r,onClick:n},J().unknownPriceError.confirmMessage),open:e,onClose:o,container:M()},ur.createElement(Ay,{type:"warning",title:J().unknownPriceError.impactTitle,description:J().unknownPriceError.description}))}i(Fc,"UnknownPriceWarningModal");function $o(t){let{warning:e,error:o,showWarningModal:n,confirmationDisabled:r,refetchQuote:s,onOpenWarningModal:a,onCloseWarningModal:l,onConfirmWarningModal:p,onChangeSettings:c}=t,u={confirmationDisabled:r,open:n,onClose:l,onConfirm:p},f=o?.type===0||o?.type===1,m=_c(e,o?.type===3||o?.type===4?o:null);return He.createElement(He.Fragment,null,f&&He.createElement(_o,{error:o,fetch:s}),!!m&&He.createElement(Ac,null,He.createElement(Ly,{title:m.title,type:m.alertType,variant:"alarm",...m.action==="show-info"&&{action:He.createElement(Nc,{onClick:a},He.createElement(By,{size:12,color:"gray"}))},...m.action==="change-settings"&&{action:He.createElement(My,{size:"xxsmall",type:m.alertType,onClick:c},Ny.t("Change"))}})),e&&He.createElement(He.Fragment,null,e.type===0&&He.createElement(Bc,{...u,warning:e}),(e.type===3||e.type===2)&&He.createElement(Dc,{...u,warning:e}),e.type===1&&He.createElement(Fc,{...u,warning:e})))}i($o,"QuoteWarningsAndErrors");import cS from"bignumber.js";import vr from"react";import{i18n as qo}from"@lingui/core";import{Alert as Jy,Divider as zo,FullExpandedQuote as Zy,InfoIcon as Ry,QuoteTag as eS,StepDetails as tS,TokenAmount as oS,Tooltip as yu,Typography as ho}from"@rango-dev/ui";import ys from"bignumber.js";import _,{useRef as nS,useState as rS}from"react";import{styled as ps}from"@rango-dev/ui";var cs=ps("div",{width:"100%","& .position-top__skeleton":{paddingTop:"$10"}}),Oc=ps("div",{paddingBottom:"$15"}),Uc=ps("div",{width:"100%",display:"flex"});import*as mr from"@radix-ui/react-collapsible";import{Button as _y,css as Do,darkTheme as Ae,Image as qc,styled as Be,Typography as Py}from"@rango-dev/ui";var $y=300,zc=Be(mr.Root,{display:"flex",flexDirection:"column",alignItems:"start",overflowX:"auto",overflowY:"hidden",width:"100%",borderRadius:"$xm",variants:{selected:{true:{},false:{$$color:"$colors$neutral400",[`.${Ae} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}},listItem:{true:{$$color:"$colors$neutral400",[`.${Ae} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"},false:{}}},compoundVariants:[{listItem:!1,selected:!0,css:{$$color:"$colors$info300",[`.${Ae} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"}}]}),Qc=Do({padding:"$10 $15"}),Hc=Be(_y,{backgroundColor:"transparent",border:"1px solid $secondary"}),Gc=Be("div",{borderRadius:"$xm",display:"flex",flexDirection:"column",alignItems:"start",justifyContent:"space-between",color:"$foreground",boxSizing:"border-box",position:"relative",variants:{selected:{true:{},false:{$$color:"$colors$neutral200",[`.${Ae} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color"}},basic:{true:{borderTopRightRadius:"0",borderTopLeftRadius:"0"}},listItem:{true:{$$color:"$colors$neutral200",[`.${Ae} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color","&:hover":{"& .quote_container":{"& button":{backgroundColor:"$neutral500",[`.${Ae} &`]:{backgroundColor:"$neutral200"}},backgroundColor:"$neutral500",[`.${Ae} &`]:{backgroundColor:"$neutral200"}},backgroundColor:"$neutral300",[`.${Ae} &`]:{backgroundColor:"$neutral400"}},cursor:"pointer"},false:{}}},compoundVariants:[{listItem:!0,selected:!0,css:{outline:"1px solid $secondary"}},{listItem:!1,selected:!0,css:{$$color:"$colors$info100",[`.${Ae} &`]:{$$color:"$colors$secondary600"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}}},{listItem:!0,selected:!1,css:{cursor:"pointer","&:hover":{backgroundColor:"$neutral300",[`.${Ae} &`]:{backgroundColor:"$neutral400"}}}}]}),Vc=Do({width:"100%",padding:"$15 $15 $10 $15"}),jc=Do({display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",paddingBottom:"$10",position:"relative"}),go=Do({display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",".blockchainImage":{marginLeft:"-$8"}}),Xc=Do({display:"flex",alignItems:"center",".usd-value":{$$color:"$colors$neutral600",[`.${Ae} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Kc=Be(mr.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:{[`& ${qc}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${qc}`]:{border:"1px transparent solid",borderRadius:"100%"}}},selected:{true:{},false:{$$color:"$colors$neutral400",[`.${Ae} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}},listItem:{true:{$$color:"$colors$neutral400",[`.${Ae} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"},false:{}}},compoundVariants:[{listItem:!1,selected:!0,css:{$$color:"$colors$info300",[`.${Ae} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"}}],".blockchains_section":{display:"none"},"@xs":{".blockchains_section":{display:"block"}}}),Yc=Be("div",{width:"18px",height:"18px",borderRadius:"100%",display:"flex",justifyContent:"center",alignItems:"center",border:"1.5px transparent solid",img:{borderRadius:"100%"},variants:{state:{error:{borderColor:"$error500"},warning:{borderColor:"$warning500"}}}}),Jc=Be(Hn,{width:"100%",background:"inherit"}),us=Be("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${$y}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),dL=Be("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),Zc=Be("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${Ae} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),Rc=Be("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"}),ms=Be(Py,{overflow:"hidden",textOverflow:"ellipsis",letterSpacing:.4}),eu=Be("div",{display:"flex",flexWrap:"wrap"}),ds=Be("div",{width:"18px",height:"18px",borderRadius:"100%",backgroundColor:"$background",cursor:"default",display:"flex",justifyContent:"center",alignItems:"center",border:"1.5px transparent solid",variants:{state:{error:{borderColor:"$error500"},warning:{borderColor:"$warning500"}}}}),tu=Be("div",{display:"flex"}),dr=Be("div",{width:"100%",borderTopWidth:"1px",borderTopStyle:"solid",borderTopColor:"$neutral",margin:"$5 0",[`.${Ae} &`]:{borderTopColor:"$neutral800"}});import{i18n as $t}from"@lingui/core";import{ChevronDownIcon as Fy,CloseIcon as Oy,Divider as hr,IconButton as Uy,QuoteCost as qy,Tooltip as zy,Typography as tt}from"@rango-dev/ui";import V,{useState as iu}from"react";import{css as Dy,styled as fr}from"@rango-dev/ui";var gr=fr("div",{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"$5 0","&.total_payable_fee":{padding:"$12 0"}}),fs=fr("div",{width:"100%",borderTop:"1px solid $neutral300",margin:"$10 0"}),ou=fr("div",{padding:"$20 0",display:"flex",flexDirection:"column","& .collapsible_trigger":{display:"flex",alignItems:"center"}}),nu=fr("div",{padding:"$20 $20 $10",textAlign:"center",position:"relative","._icon-button":{position:"absolute",zIndex:10,top:"$16",right:"$16"}}),ru=Dy({display:"flex",flexDirection:"row",alignItems:"center",padding:"$5","&:hover":{"& ._typography, & svg":{color:"$secondary"}}});var Qy=i(t=>t.fee.isZero()?null:V.createElement(gr,null,V.createElement(tt,{variant:"label",size:"medium",color:"neutral600"},t.label),V.createElement(tt,{variant:"label",size:"medium"},"$",N(t.fee,4,4))),"NonPayableFee");function su(t){let[e,o]=iu(!1),[n,r]=iu(!1),{steps:s,quote:a,fee:l,time:p,feeWarning:c,showModalFee:u}=t,f=a?.swaps??[],m=M(),d=Dl(f);return V.createElement(V.Fragment,null,V.createElement(qy,{onClickFee:u?S=>{S.stopPropagation(),o(!e)}:void 0,fee:l,feeWarning:c,time:p,steps:s,tooltipGas:u?$t.t("View more info"):void 0,tooltipContainer:m}),V.createElement(pe,{container:m,open:e,header:V.createElement(nu,null,V.createElement(tt,{variant:"title",size:"medium"},$t.t("Gas & Fee Explanation")),V.createElement(Uy,{onClick:()=>o(!1),variant:"ghost"},V.createElement(Oy,{color:"gray",size:14}))),onClose:()=>{o(!1)}},V.createElement(ou,null,V.createElement(tt,{variant:"title",size:"small"},$t.t("Details")),V.createElement(hr,{size:10}),Object.entries(d.payable).flatMap(([S,C])=>C.map((g,y)=>{let k=`payable-fee-${y}`,T=wi(g);return V.createElement(gr,{key:k},V.createElement(tt,{variant:"label",size:"medium",color:"neutral600"},Ci[S]),V.createElement(zy,{content:le(g.amount),container:m},V.createElement(tt,{variant:"label",size:"medium"},N(g.amount,2,2)," ",g.asset.symbol," ($",N(T,4,4),")")))})),V.createElement(gr,{className:"total_payable_fee"},V.createElement(tt,{variant:"label",size:"medium"},$t.t("Total Payable Fee")),V.createElement(tt,{variant:"label",size:"medium"},"$",N(l,4,4))),V.createElement(fs,null),Object.keys(d.nonePayable).length&&V.createElement(jn,{triggerAnchor:"bottom",onClickTrigger:()=>r(S=>!S),trigger:V.createElement("div",{className:ru()},V.createElement(tt,{size:"small",variant:"body",color:"neutral700"},n?$t.t("Hide non-payable fees"):$t.t("Show non-payable fees")),V.createElement(hr,{size:4,direction:"horizontal"}),V.createElement(Gn,{orientation:n?"up":"down"},V.createElement(Fy,{size:12,color:"gray"}))),open:n},V.createElement(tt,{size:"small",variant:"title"},$t.t("Description")),V.createElement(hr,{size:4}),V.createElement(tt,{size:"small",variant:"body",color:"neutral700"},$t.t(`The following fees are considered in the transaction output and
|
|
2
|
-
you won\u2019t need to pay extra gas for them.`)),V.createElement(hr,{size:10}),Object.entries(d.nonePayable).map(([S,C],g)=>{let y=$l(C),k=Ci[S],T=`non-payable-fee-${g}`;return V.createElement(Qy,{key:T,fee:y,label:k})}),V.createElement(fs,null)))))}i(su,"QuoteCostDetails");import{i18n as pu}from"@lingui/core";import{TokenAmount as cu}from"@rango-dev/ui";import yr from"react";import{css as Hy,styled as Gy}from"@rango-dev/ui";var au=Gy("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%"}),lu=Hy({height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"});function Fo(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return yr.createElement(au,null,yr.createElement(cu,{direction:"horizontal",label:pu.t("Swap input"),type:"input",tooltipContainer:M(),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}}),yr.createElement("div",{className:lu()}),yr.createElement(cu,{direction:"horizontal",tooltipContainer:M(),label:pu.t("Estimated output"),type:"output",price:{value:o.price.value,usdValue:o.price.usdValue,realValue:o.price.realValue,realUsdValue:o.price.realUsdValue},token:{displayName:o.token.displayName,image:o.token.image},chain:{image:o.chain.image},percentageChange:n,warningLevel:r}))}i(Fo,"QuoteSummary");import{i18n as gu}from"@lingui/core";import{ChevronDownIcon as Xy,ChevronRightIcon as Ky,Divider as gs,Image as Yy,Tooltip as hs,Typography as Cr}from"@rango-dev/ui";import $ from"react";import{useEffect as Vy,useState as Oo}from"react";var uu=480,mu=768,du=1024,fu=1200,jy=i(()=>{let[t,e]=Oo(!1),[o,n]=Oo(!1),[r,s]=Oo(!1),[a,l]=Oo(!1),[p,c]=Oo(!1),u=i(()=>{e(window.innerWidth<=uu),n(window.innerWidth>uu&&window.innerWidth<=mu),s(window.innerWidth>mu&&window.innerWidth<=du),l(window.innerWidth>du&&window.innerWidth<=fu),c(window.innerWidth>fu)},"handleResize");return Vy(()=>(u(),window.addEventListener("resize",u),()=>window.removeEventListener("resize",u)),[]),{isMobile:t,isTablet:o,isNotebook:r,isLargeScreen:a,isExtraLargeScreen:p}},"useScreenDetect"),Sr=jy;var Tr=4,kr=6,Uo=i(t=>{let e=M(),{content:o,src:n,className:r,open:s,state:a}=t;return $.createElement(hs,{container:e,side:"bottom",sideOffset:4,open:s,content:o},$.createElement(Yc,{className:r,state:a},$.createElement(Yy,{src:n,size:16})))},"ImageComponent");function hu(t){let{quoteRef:e,selected:o,setExpanded:n,steps:r,expanded:s,type:a}=t,l=M(),p=r.length,c=tp(r),{isTablet:u,isMobile:f}=Sr();return $.createElement(Kc,{listItem:a==="list-item",ref:m=>e.current=m,selected:o,onClick:m=>{m.stopPropagation(),n(d=>!d)}},$.createElement("div",{className:go()},$.createElement(Cr,{variant:"body",size:"xsmall"},gu.t("Via:")),$.createElement(gs,{direction:"horizontal",size:4}),r.map((m,d)=>{let S=`item-${d}`,C=$.createElement(us,null,$.createElement(Ky,{size:12,color:"black"}));return f||u?$.createElement($.Fragment,{key:S},$.createElement(Uo,{content:m.swapper.displayName,src:m.swapper.image,state:m.state}),d!==p-1&&$.createElement($.Fragment,null,C)):$.createElement($.Fragment,{key:S},p<=Tr||p>Tr&&d<Tr-1?$.createElement($.Fragment,null,$.createElement(Uo,{content:m.swapper.displayName,src:m.swapper.image,state:m.state}),d!==p-1&&$.createElement($.Fragment,null,C)):d===Tr-1&&$.createElement(hs,{container:l,side:"bottom",align:"right",sideOffset:4,content:$.createElement("div",{className:go()},C,r.map((g,y)=>{let k=`image-${y}`;return y>=d&&$.createElement($.Fragment,{key:k},$.createElement(Uo,{content:g.swapper.displayName,src:g.swapper.image,state:g.state,open:!1}),y!==p-1&&$.createElement($.Fragment,null,C))}))},$.createElement(ds,{state:r.find((g,y)=>y>=d&&(g.state==="error"||g.state==="warning"))?.state},$.createElement(Cr,{size:"xsmall",variant:"body"},"+",p-d))))})),$.createElement("div",{className:go()},$.createElement("div",{className:"blockchains_section"},$.createElement("div",{className:go()},$.createElement(Cr,{variant:"body",size:"xsmall"},gu.t("Chains:")),$.createElement(gs,{direction:"horizontal",size:4}),c.map((m,d)=>$.createElement($.Fragment,{key:m.displayName},c.length<=kr||c.length>kr&&d<kr-1?$.createElement(Uo,{content:"",src:m.image,open:!1,className:d!==0?"blockchainImage":""}):d===kr-1&&$.createElement(hs,{container:l,side:"bottom",align:"right",sideOffset:4,content:$.createElement("div",{className:go()},c.map((S,C)=>C>=d&&$.createElement(Uo,{key:S.displayName,content:"",src:S.image,open:!1,className:C>d?"blockchainImage":""})))},$.createElement(ds,{className:"blockchainImage"},$.createElement(Cr,{size:"xsmall",variant:"body"},"+",c.length-d))))),$.createElement(gs,{direction:"horizontal",size:32}))),$.createElement(us,{orientation:s?"up":"down"},$.createElement(Xy,{size:12,color:"black"}))))}i(hu,"QuoteTrigger");function Ss(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}=t,m=h().blockchains(),d=h().tokens(),S=h().swappers(),[C,g]=rS(t.expanded),y=nS(null),k=N(o.value,6,6),T=N(n.value,6,6),x=n.usdValue?N(n.usdValue,4,4):"",I=Xe(o.usdValue,n.usdValue??null),E=N(I,2,2),v=Ct(I??0),A=i(Q=>Q.map((B,b)=>{let K,me=r?.type===3&&r.swap.swapperId===B.swapperId||r?.type===4&&r.recommendedSlippages?.has(b),Y=s?.type===2&&s.recommendedSlippages?.has(b);me?K="error":Y&&(K="warning");let re=me?qo.t("Slippage Error"):qo.t("Slippage Warning");return r?.type===3&&(re=r?.recommendation),{swapper:{displayName:bo(B.swapperId,S),image:B.swapperLogo},from:{token:{displayName:B.from.symbol,image:B.from.logo},chain:{displayName:Ve(B.from.blockchain,m),image:B.from.blockchainLogo},price:{value:b===0?N(o.value,6,6):N(B.fromAmount,6,6),usdValue:N((B.from.usdPrice??0)*parseFloat(B.fromAmount),4,4),realValue:le(b===0?o.value:B.fromAmount),realUsdValue:le(new ys(B.from.usdPrice??0).multipliedBy(B.fromAmount))}},to:{token:{displayName:B.to.symbol,image:B.to.logo},chain:{displayName:Ve(B.to.blockchain,m),image:B.to.blockchainLogo},price:{value:N(B.toAmount,6,6),usdValue:N((B.to.usdPrice??0)*parseFloat(B.toAmount),4,4),realValue:le(B.toAmount),realUsdValue:le(new ys(B.to.usdPrice??0).multipliedBy(B.toAmount))}},state:K,alerts:me||Y?_.createElement(Oc,null,_.createElement(Jy,{variant:"alarm",type:me?"error":"warning",title:re,footer:_.createElement(Uc,null,r?.type===3&&_.createElement(_.Fragment,null,_.createElement(ho,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),_.createElement(zo,{direction:"horizontal",size:8}),_.createElement(ho,{size:"xsmall",variant:"body",color:"neutral900"},"|"),_.createElement(zo,{direction:"horizontal",size:8}),_.createElement(ho,{size:"xsmall",variant:"body",color:"neutral900"},qo.t({id:"Yours: {amount} {symbol}",values:{amount:N(B.fromAmount,6,6),symbol:B?.from.symbol}}))),(r?.type===4||s?.type===2)&&_.createElement(ho,{size:"xsmall",variant:"body",color:"neutral900"},qo.t({id:"Minimum required slippage is {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get(b)},...s?.type===2&&{minRequiredSlippage:s.recommendedSlippages?.get(b)}}})))})):void 0}}),"getQuoteSteps")(e?.swaps??[]),W=A.length,L=M(),z=np(t.quote.tags||[]),ee=!!u,fe=dn(fn(e?.swaps)),U=Pn(e?.swaps??[],d),Z=N(U,2,2),ne=U.gte(new ys(Nl));return f?_.createElement(Zy,{selected:l,fee:Z,time:fe,tooltipContainer:In(),steps:A,tags:z,feeWarning:ne,percentageChange:E,warningLevel:v,outputPrice:{value:T,usdValue:x,realValue:le(n.value),realUsdValue:le(n.usdValue)}}):_.createElement(Gc,{selected:l,listItem:a==="list-item",basic:a==="basic"},_.createElement("div",{className:Vc()},!p&&z.length?_.createElement(_.Fragment,null,_.createElement(tu,null,z.map((Q,B)=>{let b=`${Q.value}_${B}`;return _.createElement(_.Fragment,{key:b},_.createElement(eS,{label:Q.label,value:Q.value}),_.createElement(zo,{size:4,direction:"horizontal"}))})),_.createElement(dr,null),!ee&&_.createElement(zo,{size:4})):null,_.createElement("div",{id:"portal-root",className:jc()},_.createElement(su,{quote:e,time:fe,fee:Z,feeWarning:ne,showModalFee:c,steps:W}),ee&&_.createElement(Hc,{onClick:Q=>{Q.stopPropagation(),u()},size:"xxsmall",type:"secondary",variant:"default"},_.createElement(ho,{color:"secondary",variant:"label",size:"medium"},qo.t("See All Routes")))),a==="basic"&&_.createElement("div",{className:Xc()},_.createElement(Rc,null,_.createElement(Ry,{size:12,color:"gray"})),_.createElement(eu,null,_.createElement(ms,{size:"small",variant:"body"},`${k} ${A[0].from.token.displayName} = `),_.createElement(yu,{content:le(n.value),container:L,open:n.value?void 0:!1},_.createElement(ms,{size:"small",variant:"body"},"\xA0",`${T} ${A[A.length-1].to.token.displayName}`))),_.createElement(yu,{content:le(n.usdValue),container:L,style:{display:"flex"}},_.createElement(ho,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${x})`))),a==="list-item"&&_.createElement(oS,{tooltipContainer:L,type:"output",direction:"vertical",price:{value:T,usdValue:x,realValue:le(n.value),realUsdValue:le(n.usdValue)},token:{displayName:A[W-1].to.token.displayName,image:A[W-1].to.token.image},chain:{image:A[W-1].to.chain.image},percentageChange:E,warningLevel:v}),a==="swap-preview"&&_.createElement(_.Fragment,null,_.createElement(Fo,{from:A[0].from,to:A[W-1].to,percentageChange:E,warningLevel:v}),_.createElement(zo,{size:4}))),_.createElement(zc,{selected:l,listItem:a==="list-item",open:C,className:"quote_container",onOpenChange:g},_.createElement(hu,{type:a,quoteRef:y,selected:l,setExpanded:g,expanded:C,steps:A}),_.createElement(Jc,{open:C},_.createElement(Zc,null),_.createElement("div",{className:Qc()},A.map((Q,B)=>{let b=`item-${B}`;return _.createElement(tS,{type:"quote-details",key:b,tooltipContainer:L,step:Q,hasSeparator:B!==A.length-1,state:Q.state})})))))}i(Ss,"Quote");import{Divider as lS,Skeleton as pS}from"@rango-dev/ui";import wt from"react";import{darkTheme as iS,styled as wr}from"@rango-dev/ui";var Su=wr("div",{$$color:"$colors$neutral100",[`.${iS} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15",variants:{rounded:{true:{borderRadius:"$xm"}},expanded:{true:{paddingBottom:"3px"},false:{paddingBottom:"$12"}}}}),Cu=wr("div",{paddingTop:"$2"}),Tu=wr("div",{paddingLeft:"$8"}),ku=wr("div",{borderLeft:"1px dashed $foreground",minHeight:" 0",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});import{ChainToken as Lu,Divider as ot,Skeleton as Ge}from"@rango-dev/ui";import F from"react";import{css as sS,styled as kt}from"@rango-dev/ui";var Cs=kt("div",{display:"flex"}),wu=kt("div",{padding:"$10 $0 $20"}),xu=kt("div",{padding:"14px $0 $20 $0",display:"flex",flexDirection:"column"}),vu=kt("div",{display:"flex",justifyContent:"start",alignItems:"center"}),bu=kt("div",{display:"flex",justifyContent:"space-between",alignItems:"end"}),Iu=kt("div",{height:"$24",marginLeft:"13px",borderLeft:"1px solid $neutral700"}),Eu=kt("div",{width:"65%",display:"flex",justifyContent:"start"}),Au=kt("div",{display:"flex",flexDirection:"column",alignItems:"start",flexGrow:1,maxWidth:"148px"}),Wu=kt("div",{padding:"$15 $0 $15 $0"}),Nu=sS({display:"flex",justifyContent:"space-between",alignItems:"center"});function Qo(t){let{type:e,tagHidden:o=!0}=t,n=F.createElement(bu,null,F.createElement(Eu,null,F.createElement(Lu,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),F.createElement(ot,{size:8,direction:"horizontal"}),F.createElement(Au,null,F.createElement(Ge,{height:10,width:60,variant:"rounded"}),F.createElement(ot,{size:4}),F.createElement(Ge,{height:15,variant:"rounded"}))),F.createElement(Ge,{height:12,width:64,variant:"rounded"})),r=e==="basic"&&!o;return F.createElement("div",null,!o&&F.createElement(F.Fragment,null,F.createElement(Cs,null,F.createElement(Ge,{width:65,height:20,variant:"rounded"}),F.createElement(ot,{size:4,direction:"horizontal"}),F.createElement(Ge,{width:65,height:20,variant:"rounded"}),F.createElement(ot,{size:4,direction:"horizontal"}),F.createElement(Ge,{width:65,height:20,variant:"rounded"})),F.createElement(dr,null),!r&&F.createElement(ot,{size:4})),F.createElement("div",{className:Nu()},F.createElement(Cs,null,F.createElement(Ge,{width:60,height:10,variant:"rounded"}),F.createElement(ot,{size:4,direction:"horizontal"}),F.createElement(Ge,{width:60,height:10,variant:"rounded"}),F.createElement(ot,{size:4,direction:"horizontal"}),F.createElement(Ge,{width:60,height:10,variant:"rounded"})),r&&F.createElement(Ge,{width:85,height:24,variant:"rounded"})),e==="basic"&&F.createElement(wu,null,F.createElement(Ge,{height:15,width:148,variant:"rounded"})),e==="list-item"&&F.createElement(xu,null,F.createElement(vu,null,F.createElement(Lu,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),F.createElement(ot,{direction:"horizontal",size:4}),F.createElement(Ge,{height:15,width:150,variant:"rounded"})),F.createElement(ot,{size:10}),F.createElement(Ge,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&F.createElement(F.Fragment,null,F.createElement(ot,{size:4}),F.createElement(Wu,null,n,F.createElement(Iu,null),n),F.createElement(ot,{size:12})))}i(Qo,"QuoteSummarySkeleton");import{ChainToken as $u,Divider as ks,NextIcon as aS,Skeleton as xr}from"@rango-dev/ui";import Te from"react";import{styled as Ho}from"@rango-dev/ui";var Mu=Ho("div",{display:"flex",alignItems:"start"}),Bu=Ho("div",{flexGrow:1,paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center",variants:{extraSpace:{true:{paddingBottom:"$40"}}}}),Ts=Ho("div",{display:"flex",alignItems:"center",flexGrow:1}),_u=Ho("div",{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}),Pu=Ho("div",{display:"flex",alignItems:"center"});function ft(t){let{separator:e=!0}=t;return Te.createElement(Te.Fragment,null,Te.createElement(Pu,null,Te.createElement(xr,{height:22,width:22,variant:"circular"}),Te.createElement(ks,{direction:"horizontal",size:8}),Te.createElement(xr,{height:15,width:148,variant:"rounded"})),Te.createElement(Mu,null,Te.createElement(ku,{hideSeparator:!e}),Te.createElement(Bu,{extraSpace:e},Te.createElement(Ts,null,Te.createElement($u,{size:"small",loading:!0,chainImage:"",tokenImage:""}),Te.createElement(ks,{direction:"horizontal",size:8}),Te.createElement(xr,{height:12,variant:"rounded"})),Te.createElement(_u,null,Te.createElement(aS,{color:"gray",size:16})),Te.createElement(Ts,null,Te.createElement($u,{size:"small",loading:!0,chainImage:"",tokenImage:""}),Te.createElement(ks,{direction:"horizontal",size:8}),Te.createElement(xr,{height:12,variant:"rounded"})))))}i(ft,"StepSkeleton");function Go(t){let{type:e,expanded:o,tagHidden:n=!1}=t;return wt.createElement(Su,{expanded:o,rounded:e!=="basic"},wt.createElement(Qo,{type:e,tagHidden:n}),wt.createElement(Cu,null,wt.createElement(pS,{height:15,variant:"rounded"})),o&&wt.createElement(Tu,null,wt.createElement(lS,{size:24}),wt.createElement(ft,null),wt.createElement(ft,null),wt.createElement(ft,{separator:!1})))}i(Go,"QuoteSkeleton");function Jt(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}=t,{inputAmount:d,inputUsdValue:S,toToken:C}=H(),g=e?.outputAmount?new cS(e?.outputAmount):null,y=e?.outputAmount?Dn(e?.outputAmount,Fn(e)||C?.usdPrice):null,T=!(r&&(r.type===0||r.type===1))&&e&&!n;return n?vr.createElement(cs,null,vr.createElement(Go,{tagHidden:l,type:o,expanded:a})):T?vr.createElement(cs,{onClick:()=>p?.(e)},vr.createElement(Ss,{quote:e,error:r,showModalFee:c,warning:s,tagHidden:l,selected:u,type:o,expanded:a,onClickAllRoutes:f,fullExpandedMode:m,input:{value:d,usdValue:S?.toString()??""},output:{value:g?.toString()??"",usdValue:y?.toString()??""}})):null}i(Jt,"QuoteInfo");import{calculatePendingSwap as dS}from"@rango-dev/queue-manager-rango-preset";import{useEffect as fS}from"react";import{useRef as uS,useState as mS}from"react";function br({request:t}){let[e,o]=mS(!1),n=uS(null),r=i(()=>n.current?.abort(),"cancelFetch");return{fetch:i(async a=>{r(),n.current=new AbortController,o(!0);try{let l=await t(a,{signal:n.current.signal});return n.current=null,l}catch(l){throw l}finally{o(!1)}},"fetch"),loading:e,cancelFetch:r}}i(br,"useFetch");function Du(){let{fetch:t,loading:e,cancelFetch:o}=br({request:async(n,r)=>await Wt().confirmRouteRequest(n,r)});return{fetch:t,loading:e,cancelFetch:o}}i(Du,"useFetchConfirmQuote");function Ir(t){if(!t.swaps)throw new Error(J().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});let e=ws(t.swaps);if(e)throw new Error(e.message,{cause:e.options})}i(Ir,"throwErrorIfResponseIsNotValid");function ws(t){if(Bl(t)){let{swap:n,recommendation:r,fromAmountRangeError:s}=_l(t);return{message:"bridge limit error",options:{type:3,swap:n,recommendation:r,fromAmountRangeError:s}}}let o=Fl(t);if(o){let n=$n(t);return{message:"",options:{type:4,recommendedSlippages:o,minRequiredSlippage:n}}}return null}i(ws,"getQuoteError");function Fu(t,e,o){let n=!1;t&&(n=Rl(t,e));let r={quote:null,quoteUpdate:null,balance:null},s=no(e,{fromToken:o.fromToken,toToken:o.toToken,tokens:o.meta.tokens,userSlippage:o.userSlippage});s&&(r.quote=s),t&&n&&(Hl(t,e)?r.quoteUpdate={type:3,newOutputAmount:N(oo(e)),percentageChange:N(Xe(oo(t)??"",oo(e)??""),null,2)}:xi(t,e)?r.quoteUpdate={type:0}:vi(t,e)?r.quoteUpdate={type:1}:bi(t,e)&&(r.quoteUpdate={type:2}));let a=Gl(e,o.selectedWallets,o.meta.blockchains);return a.length===0||(r.balance={messages:a}),r}i(Fu,"generateWarnings");function Er(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(Er,"handleQuoteErrors");function xs(){let{fromToken:t,toToken:e,inputAmount:o,setSelectedQuote:n,selectedQuote:r,customDestination:s,setQuoteWarningsConfirmed:a,resetAlerts:l}=H(),{slippage:p,customSlippage:c}=h(),u=h().getDisabledLiquiditySources(),f=h().blockchains(),m=h().tokens(),d=c||p,{fetch:S,cancelFetch:C,loading:g}=Du();return fS(()=>C,[]),{loading:g,fetch:i(async k=>{let T=k.selectedWallets,x=k?.customDestination??s;if(!t||!e||!o)return{quote:null,swap:null,error:null,warnings:null};let I=T.reduce((v,w)=>(v[w.chain]=w.address,v),{}),E={requestId:r?.requestId||"",selectedWallets:I,destination:x||void 0};try{return await S(E).then(v=>{let{result:w}=v;Ir({diagnosisMessages:w.diagnosisMessages,requestId:w.requestId,swaps:w.result?.swaps});let A={outputAmount:w.result?.outputAmount,requestId:w.requestId,resultType:w.result?.resultType,swaps:w.result?.swaps||[],validationStatus:w.validationStatus,requestAmount:w.requestAmount};n(A);let W={slippage:d.toString(),disabledSwappersGroups:u},L=dS(o.toString(),w,zl(T),W,!1,{blockchains:f,tokens:m}),z=Fu(r??void 0,A,{fromToken:t,toToken:e,meta:{blockchains:f,tokens:m},selectedWallets:T,userSlippage:d});return z.quoteUpdate&&a(!1),l(),{quote:A,swap:L,error:null,warnings:z}})}catch(v){return Er(v)}},"fetch"),cancelFetch:C}}i(xs,"useConfirmSwap");var ES=SS("div",{width:"100%",display:"flex",justifyContent:"space-between",[`& ${Uu}`]:{width:"$48",height:"$48"}}),AS=bs({flexGrow:1,paddingRight:"$10"}),WS=bs({width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}),NS=bs({display:"flex",justifyContent:"space-between",alignItems:"center"});function qu(){let{selectedQuote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:s,quoteWarningsConfirmed:a}=H(),l=IS(),p=bS(),[c,u]=jo(""),{connectedWallets:f}=X(),m=!n,[d,S]=jo(!1),[C,g]=jo(!1),{isActiveTab:y}=oe(),k=h().getDisabledLiquiditySources(),T=xS(k),{manager:x}=gS(),{fetch:I,loading:E,cancelFetch:v}=xs(),[w,A]=jo({swap:null,error:null,warnings:null}),[W,L]=jo(!1),z=i(async({selectedWallets:b,customDestination:K})=>{let me=await I?.({selectedWallets:b,customDestination:K});return A(me),me},"onConfirmSwap"),ee=i(async()=>{if(w.swap&&n)try{await x?.create("swap",{swapDetails:w.swap},{id:w.swap.requestId});let b=`../${D.swaps}/${w.swap.requestId}`;l(b,{replace:!0}),setTimeout(()=>{e("")},0)}catch(b){u("Error: "+b?.message)}},"addNewSwap"),fe=i(async()=>{g(!0),await ee(),g(!1)},"onConfirm"),U=i(async()=>{w?.warnings?.quote&&!a?L(!0):await fe()},"onStartConfirmSwap"),Z=i(async()=>{A({error:null,swap:null,warnings:null}),I({selectedWallets:o,customDestination:s}).then(b=>{A(b)}).catch(b=>console.error(b))},"onRefresh");Vo(()=>{!!T.current.length&&!k.length&&Z(),T.current=k},[k.length]),Vo(()=>{m&&v()},[m]),Vo(()=>{m&&S(m)},[m]),Vo(()=>{m||I({selectedWallets:o,customDestination:s}).then(b=>A(b)).catch(b=>console.error(b))},[]),Vo(()=>{let b=w.warnings?.quote?.type&&Object.values(Lt).includes(w.warnings?.quote?.type),K=o.length<1||!o.every(Y=>f.find(re=>Y.address===re.address&&Y.walletType===re.walletType&&Y.chain===re.chain)),me=!1;if(b){let Y=Ln(t?.swaps||null),re=t?.swaps[t.swaps.length-1].to.blockchain;!!t?.swaps.find(j=>j.from.blockchain===re)||(Y=Y.slice(-Y.length,Y.length-1)),Y.every(j=>o.find(R=>R.chain===j))||(me=!0)}t&&(K||me)&&(queueMicrotask(()=>vS(S.bind(null,!0))),r(!1))},[w.warnings?.quote,o.length,f.length]),wS(()=>{t||l(`../${p.search}`)},[]);let ne=w.warnings?.quote??null,Q=w.error,B=[];if(c&&B.push(de.createElement(Ou,{type:"error",variant:"alarm",title:c})),w.warnings?.quoteUpdate&&B.push(de.createElement(Ou,{variant:"alarm",type:"warning",title:w.warnings.quoteUpdate&&zn(w.warnings.quoteUpdate)})),ne||Q){let b=`../${D.settings}`;B.push(de.createElement($o,{warning:ne,error:Q,refetchQuote:Z,showWarningModal:W,confirmationDisabled:!y,onOpenWarningModal:()=>L(!0),onCloseWarningModal:()=>L(!1),onConfirmWarningModal:async()=>{L(!1),await ee()},onChangeSettings:()=>l(b)}))}return de.createElement(ae,{header:{title:Ar.t("Confirm Swap"),onWallet:()=>{let b=`../${D.wallets}`;l(b)},suffix:de.createElement(CS,{container:M(),side:"bottom",content:Ar.t("Settings")},de.createElement(Ye,{size:"small",variant:"ghost",onClick:()=>l("../"+D.settings)},de.createElement(yS,{size:18,color:"black"})))},footer:de.createElement(ES,null,de.createElement("div",{className:AS()},de.createElement(hS,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:E||C,disabled:!!w.error||!y,onClick:U},Ar.t("Start Swap"))),de.createElement(Uu,{variant:"contained",type:"primary",size:"large",loading:E||C,disabled:!y,onClick:S.bind(null,!0)},de.createElement(kS,{size:24})))},d&&de.createElement(Tc,{open:d,onClose:()=>S(!1),onCancel:v,loading:E,onCheckBalance:z}),de.createElement(ce,null,de.createElement("div",{className:NS()},de.createElement(TS,{variant:"title",size:"small"},Ar.t("You get")),de.createElement("div",{className:WS()},de.createElement(er,{onClick:!E&&!d&&!W?Z:void 0}))),de.createElement(vs,{size:"12"}),bp(B.map((b,K)=>({element:b,key:`alert-${K}`})),de.createElement(vs,{size:10})),B.length>0?de.createElement(vs,{size:10}):null,de.createElement(Jt,{quote:t,type:"swap-preview",expanded:!0,tagHidden:!0,error:w.error,loading:E,warning:w.warnings?.quote??null})))}i(qu,"ConfirmSwapPage");import{i18n as Nr}from"@lingui/core";import{useManager as VS}from"@rango-dev/queue-manager-react";import{Divider as Zu,NotFound as jS,styled as XS}from"@rango-dev/ui";import vt,{useState as KS}from"react";import{useNavigate as YS}from"react-router-dom";import{i18n as BS}from"@lingui/core";import{Divider as Vu,GroupedVirtualizedList as _S,Skeleton as PS,SwapListItem as ju,Typography as $S}from"@rango-dev/ui";import _e,{useCallback as Xu,useEffect as DS,useRef as FS,useState as OS}from"react";function zu(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(zu,"calculateGroupsSoFar");import{css as LS,darkTheme as MS,styled as Xo}from"@rango-dev/ui";var Is=LS(),Qu=Xo("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$5"}),Es=Xo("div",{width:"100%",display:"flex",flexDirection:"column",backgroundColor:"$background",padding:"$10 $5 0 $5",[`& .${Is}`]:{$$color:"$colors$neutral600",[`.${MS} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),As=Xo("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),Hu=Xo("div",{gap:"$10",display:"flex",flexDirection:"column"}),Gu=Xo("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});var US=10;function Ws(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,[s,a]=OS([]),l=FS(0),{swaps:p,groupCounts:c,groups:u}=n(e),f=Xu(zu,[]),m=Xu(()=>{let d=e.length-l.current;d&&(l.current+=Math.min(d,US),a(f(c,l.current)))},[e.length]);if(DS(()=>{r||m()},[r,m]),r){let d=[1,2];return _e.createElement(_e.Fragment,null,[d,d].map((C,g)=>_e.createElement(Es,{key:g},_e.createElement(As,null,_e.createElement(PS,{variant:"text",width:60,size:"small"}),_e.createElement(Vu,{size:16})),_e.createElement(Vu,{size:4}),_e.createElement(Hu,null,C.map((k,T)=>_e.createElement(ju,{isLoading:!0,key:T}))))))}return _e.createElement(_S,{endReached:()=>{l.current<e.length&&m()},groupCounts:s,groupContent:d=>_e.createElement(Es,null,_e.createElement(As,null,_e.createElement($S,{variant:"label",size:"medium",className:Is()},u[d]))),itemContent:(d,S)=>{let C=p[d];if(!C)return null;let g=C.steps[0],y=C.steps[C.steps.length-1];return _e.createElement(Qu,{key:C.requestId},_e.createElement(ju,{requestId:C.requestId,creationTime:C.creationTime,status:C.status,onClick:o,tooltipContainer:M(),onlyShowTime:u[S]===BS.t("Today"),swapTokenData:{from:{token:{image:g.fromLogo,displayName:g.fromSymbol},blockchain:{image:g.fromBlockchainLogo||""},amount:N(C.inputAmount,6,6),realAmount:le(C.inputAmount)},to:{token:{image:y.toLogo,displayName:y.toSymbol},blockchain:{image:y.toBlockchainLogo||""},amount:N(y.outputAmount||y.expectedOutputAmountHumanReadable||"",6,6),realAmount:le(y.outputAmount||y.expectedOutputAmountHumanReadable)}}}))}})}i(Ws,"HistoryGroupedList");import{CloseIcon as zS,IconButton as QS,SearchIcon as HS,TextField as GS}from"@rango-dev/ui";import Ko from"react";import{styled as qS}from"@rango-dev/ui";var Ku=qS("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function xt(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:s,value:a,setValue:l,...p}=t;return Ko.createElement(GS,{prefix:Ko.createElement(Ku,null,Ko.createElement(HS,{color:"black"})),suffix:!!a.length&&Ko.createElement(QS,{variant:"ghost",onClick:()=>l?.(""),size:"small"},Ko.createElement(zS,{color:"gray",size:10})),fullWidth:o,color:n,variant:e,style:{padding:10,borderRadius:25,alignItems:"center"},size:r,value:a,onChange:s,...p})}i(xt,"SearchInput");import{i18n as Wr}from"@lingui/core";import Yu from"dayjs";var Ju=i(t=>{let e=new Map([["today",{title:Wr.t("Today"),swaps:[]}],["week",{title:Wr.t("This week"),swaps:[]}],["month",{title:Wr.t("This month"),swaps:[]}],["year",{title:Wr.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=Yu();t.forEach(p=>{let c=Number(p.creationTime),u=Yu(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 JS=XS("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),ZS=i((t,e)=>t?.length?t.filter(o=>lt(o.fromBlockchain,e)||lt(o.toBlockchain,e)||lt(o.toSymbol,e)||lt(o.fromSymbol,e)).length:!1,"isStepContainsText");function Ru(){let t=YS(),{manager:e,state:o}=VS(),n=mt(e).map(({swap:u})=>u),[r,s]=KS(""),a=!o.loadedFromPersistor,l=i(u=>{let f=u.target.value;s(f)},"searchHandler"),p=n;r&&(p=n.filter(u=>lt(u.inputAmount,r)||lt(u.status,r)||ZS(u.steps,r)||lt(u.requestId,r)));let c=!p?.length&&!a;return vt.createElement(ae,{header:{title:Nr.t("History")}},vt.createElement(ce,null,vt.createElement(xt,{setValue:s,fullWidth:!0,variant:"contained",placeholder:Nr.t("Search Transaction"),autoFocus:!0,onChange:l,value:r}),vt.createElement(Zu,{size:"16"}),vt.createElement(JS,null,c&&vt.createElement(Gu,null,vt.createElement(Zu,{size:32}),vt.createElement(jS,{title:Nr.t("No results found"),description:r?Nr.t("Try using different keywords"):""})),!c&&vt.createElement(Ws,{list:p,onSwapClick:t,groupBy:Ju,isLoading:a}))))}i(Ru,"HistoryPage");import{i18n as hC}from"@lingui/core";import{Button as yC,Divider as hm,styled as SC,WarningIcon as CC}from"@rango-dev/ui";import qe,{useEffect as ym,useState as Sm}from"react";import{useNavigate as TC}from"react-router-dom";import{i18n as rC}from"@lingui/core";import{Header as iC}from"@rango-dev/ui";import Dt,{useEffect as sC,useState as aC}from"react";import{i18n as eC}from"@lingui/core";import{Divider as Ls,FullExpandedQuote as tC,Typography as oC}from"@rango-dev/ui";import ge from"react";import{styled as Ns}from"@rango-dev/ui";var em=Ns("div",{display:"flex",justifyContent:"center",flexDirection:"column",height:"100%"}),tm=Ns("div",{display:"flex",justifyContent:"space-between",alignItems:"center"}),om=Ns("div",{width:"146px"});import{Select as RS}from"@rango-dev/ui";import nm from"react";function Lr(t){let{updateQuotePartialState:e,sortStrategy:o}=H();return nm.createElement(om,null,nm.createElement(RS,{container:t.container,options:Wl,value:o,handleItemClick:n=>{e("sortStrategy",n.value)},variant:"filled"}))}i(Lr,"SelectStrategy");var rm=3;function Yo(t){let{loading:e,onClickOnQuote:o,fetch:n,showModalFee:r,hasSort:s=!0,fullExpandedMode:a=!1}=t,{selectedQuote:l,quotes:p,updateQuotePartialState:c,fromToken:u,toToken:f,sortStrategy:m,error:d}=H(),{slippage:S,customSlippage:C}=h(),g=h().tokens(),y=!!p&&p.results.length,k=C??S,T=i(E=>{if(!u||!f||!p)return null;let v={requestAmount:p.requestAmount,...E};return no(v,{fromToken:u,toToken:f,userSlippage:k,tokens:g})},"getQuoteWarning"),x=d?.type===0||d?.type===1,I=p?.results?On(m,p?.results):[];return ge.createElement(ge.Fragment,null,s&&ge.createElement(ge.Fragment,null,ge.createElement(tm,null,ge.createElement(oC,{size:"xmedium",variant:"title"},eC.t("Sort by")),ge.createElement(Lr,{container:M()})),ge.createElement(Ls,{size:"10"})),e&&Array.from({length:rm},(E,v)=>ge.createElement(ge.Fragment,{key:v},a?ge.createElement(tC,{loading:!0}):ge.createElement(Go,{tagHidden:!1,type:"list-item",expanded:!1}),v!==rm-1&&ge.createElement(Ls,{size:16}))),!e&&ge.createElement(ge.Fragment,null,y?I.map((E,v)=>{let w=T(E),A=ws(E.swaps),W=I.length-1===v;return ge.createElement(ge.Fragment,{key:E.requestId},ge.createElement(Jt,{showModalFee:r,selected:l?.requestId===E.requestId,tagHidden:!1,quote:{...E,requestAmount:p.requestAmount},loading:e,error:A?.options||null,warning:w,fullExpandedMode:a,onClick:L=>{A||c("warning",w),c("error",A?.options||null),o(L)},type:"list-item"}),!W&&ge.createElement(Ls,{size:16}))}):x&&ge.createElement(em,null,ge.createElement(_o,{size:a?"large":"small",error:d,fetch:n}))))}i(Yo,"Quotes");import{darkTheme as nC,styled as im}from"@rango-dev/ui";var sm=im("div",{transition:"width 0.2s, opacity 0.2s, margin-left 0.2s",height:"700px",width:"390px",opacity:1,marginLeft:"$16",backgroundColor:"$neutral100",[`.${nC} &`]:{backgroundColor:"$neutral300"},variants:{expandMode:{default:{width:"390px"},full:{width:"719px"}}},"&.is-hidden":{width:0,height:0,opacity:0,marginLeft:0}}),am=im("div",{position:"relative",overflow:"hidden",padding:"$20",flexGrow:1,display:"flex",flexDirection:"column",overflowY:"auto",borderRadius:"$primary",backgroundColor:"$background"});var lC=100;function Ms(t){let{fetch:e,loading:o,onClickOnQuote:n,onClickRefresh:r,isVisible:s}=t,[a,l]=aC(!1),p=a?"":"is-hidden",{config:c}=h(),u=c?.variant==="full-expanded";return sC(()=>{let f=null;return s?f=setTimeout(()=>{l(!0)},lC):(l(!1),f&&clearTimeout(f)),()=>{f&&clearTimeout(f)}},[s]),Dt.createElement(sm,{expandMode:c?.variant==="full-expanded"?"full":"default",className:`${p} ${nr()}`,id:ke.EXPANDED_BOX_ID},Dt.createElement(iC,{title:rC.t("Routes"),suffix:Dt.createElement(Dt.Fragment,null,Dt.createElement(Lr,{container:In()}),Dt.createElement(Vt,{onClickRefresh:r,hidden:["history","notifications","settings"]}))}),Dt.createElement(am,null,Dt.createElement(Yo,{showModalFee:!1,fetch:e,hasSort:!1,loading:o,onClickOnQuote:n,fullExpandedMode:u})))}i(Ms,"ExpandedQuotes");import{i18n as dm}from"@lingui/core";import{SwapInput as fm}from"@rango-dev/ui";import Jo from"react";import{ReverseIcon as pC,styled as lm}from"@rango-dev/ui";import Bs from"react";var cC=lm("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),uC=lm("div",{borderRadius:"$md",border:"3px solid $background",background:"$neutral100",width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center",color:"$foreground","&:hover":{color:"$secondary500"}});function pm(){let t=H.use.switchFromAndTo();return Bs.createElement(cC,null,Bs.createElement(uC,{onClick:()=>{t()}},Bs.createElement(pC,{size:12})))}i(pm,"SwitchFromAndToButton");import{styled as cm}from"@rango-dev/ui";var um=cm("div",{display:"flex",flexDirection:"column",gap:"$5",alignSelf:"stretch"}),mm=cm("div",{position:"relative"});function _s(t){let{fetchingQuote:e,fetchMetaStatus:o,onClickToken:n}=t,{fromToken:r,fromBlockchain:s,toToken:a,toBlockchain:l,setInputAmount:p,inputAmount:c,inputUsdValue:u,outputAmount:f,outputUsdValue:m,selectedQuote:d}=H(),{connectedWallets:S,getBalanceFor:C}=X(),{config:{variant:g}}=h(),y=r?C(r):null,k=Tn(y)?.amount??"0",T=s&&r?N(y?.amount,y?.decimals):"0",x=!!s&&ja(S,s.name),I=!ki(d,c,u),E=!ki(d,c,m),v=!u||!m||!m.gt(0)?null:Xe(u.toString(),m.toString());return Jo.createElement(um,null,Jo.createElement(mm,null,Jo.createElement(fm,{label:dm.t("From"),mode:"From",onInputChange:p,balance:k,chain:{displayName:s?.displayName||"",image:s?.logo||""},token:{displayName:r?.symbol||"",image:r?.image||""},onClickToken:()=>n("from"),price:{value:c,usdValue:I?void 0:N(u,4,4),realUsdValue:I?void 0:le(u),error:I?J().unknownPriceError.impactTitle:void 0},disabled:o==="failed",loading:o==="loading",loadingBalance:x,tooltipContainer:M(),onSelectMaxBalance:()=>{k!=="0"&&p(T.split(",").join(""))}}),Jo.createElement(pm,null)),Jo.createElement(fm,{sharpBottomStyle:g==="default"&&(!!d||e),label:dm.t("To"),mode:"To",fetchingQuote:e,chain:{displayName:l?.displayName||"",image:l?.logo||""},token:{displayName:a?.symbol||"",image:a?.image||""},percentageChange:N(Xe(u,m),2,2),warningLevel:Ct(v??0),price:{value:N(f,6,6),usdValue:E?void 0:N(m,4,4),realValue:le(f),realUsdValue:E?void 0:le(m),error:E?J().unknownPriceError.impactTitle:void 0},onClickToken:()=>n("to"),disabled:o==="failed",loading:o==="loading",tooltipContainer:M()}))}i(_s,"Inputs");import{useCallback as mC,useEffect as dC,useState as fC}from"react";function gm(){let{fetch:t,loading:e,cancelFetch:o}=br({request:async(n,r)=>await Wt().getAllRoutes(n,r)});return{fetch:t,loading:e,cancelFetch:o}}i(gm,"useFetchAllQuotes");var gC=600;function Mr({refetchQuote:t}){let{fetch:e,cancelFetch:o}=gm(),{excludeLiquiditySources:n,features:r,enableCentralizedSwappers:s}=h().config,a=X.use.connectedWallets(),l=h().tokens(),{fromToken:p,toToken:c,inputAmount:u,inputUsdValue:f,selectedQuote:m,sortStrategy:d,resetQuote:S,error:C,warning:g,setSelectedQuote:y,updateQuotePartialState:k}=H(),{slippage:T,customSlippage:x,affiliatePercent:I,affiliateRef:E,affiliateWallets:v,fetchStatus:w}=h(),A=h().getLiquiditySources(),W=h().getDisabledLiquiditySources(),L=h().excludeLiquiditySources(),[z,ee]=fC(!0),fe=x??T,Z=!p||!c||Le(p,c)||!xo(u),ne=i(b=>{ee(b)},"resetState"),Q=i(b=>{let{fromToken:K,toToken:me,inputAmount:Y,liquiditySources:re,excludeLiquiditySources:to,disabledLiquiditySources:G,slippage:j,affiliateRef:R,affiliatePercent:Ie,affiliateWallets:Ze}=b;if(z||ne(!0),!Z&&K&&me){S();let $e=ql({fromToken:K,toToken:me,inputAmount:Y,liquiditySources:re,excludeLiquiditySources:to,disabledLiquiditySources:G,wallets:a,slippage:j,affiliateRef:R,affiliatePercent:Ie,affiliateWallets:Ze,enableCentralizedSwappers:s});ml("experimentalRoute",r)&&($e.experimental=!0),e($e).then(De=>{let ye=On(d,De.results),Fe=op(m,ye,De.requestAmount);ee(!1),k("quotes",De),y(Fe),Ir({diagnosisMessages:De.diagnosisMessages,requestId:Fe?.requestId||"",swaps:Fe?.swaps});let un=Fe&&no(Fe,{fromToken:K,toToken:me,userSlippage:fe,tokens:l});k("warning",un)}).catch(De=>{let{error:ye}=Er(De);(ye?.type===0||ye?.type===1)&&S(),ye?.type!==2&&(k("error",ye),ee(!1))})}},"fetch"),B=mC(ll(b=>{Z||Q(b)},gC),[Z]);return dC(()=>{if(!t){ee(!1);return}if(w==="success"){if(Z){ee(!1),(m||C||g)&&S();return}if(!xo(u)||f?.eq(0)){ne(!1),o();return}return S(),ne(!0),B({inputAmount:u,fromToken:p,toToken:c,liquiditySources:A,excludeLiquiditySources:L,disabledLiquiditySources:W,slippage:fe,affiliateRef:E,affiliatePercent:I,affiliateWallets:v}),o}},[w,u,p?.symbol,p?.address,p?.blockchain,c?.symbol,c?.address,c?.blockchain,Z,A?.length,n,W.length,fe,E,I,JSON.stringify(v)]),{fetch:()=>Q({inputAmount:u,fromToken:p,toToken:c,liquiditySources:A,excludeLiquiditySources:L,disabledLiquiditySources:W,slippage:fe,affiliateRef:E,affiliatePercent:I,affiliateWallets:v}),loading:z}}i(Mr,"useSwapInput");var kC=SC("div",{display:"grid",gridTemplateColumns:"auto auto",alignItems:"flex-start",maxHeight:700,"& .footer__alert":{paddingTop:"0"}}),wC=300;function Cm(){let t=TC(),{fromToken:e,toToken:o,inputAmount:n,selectedQuote:r,refetchQuote:s,error:a,warning:l,quotes:p,setSelectedQuote:c,resetQuoteWallets:u,setQuoteWarningsConfirmed:f,updateQuotePartialState:m}=H(),[d,S]=Sm(!1),{isLargeScreen:C,isExtraLargeScreen:g}=Sr(),{fetch:y,loading:k}=Mr({refetchQuote:s}),{config:T,fetchStatus:x}=h(),{connectedWallets:I}=X(),{isActiveTab:E}=oe(),[v,w]=Sm(!1),W=Pl({fetchMetaStatus:x,fetchingQuote:k,inputAmount:n,quote:r,anyWalletConnected:I.length>0,error:a,warning:l,needsToWarnEthOnPath:!1}),L=Ra(C,g,T?.variant),z=!!n&&!!e&&!!o&&n!=="0"&&!Yl(e,o),ee=z&&x==="success"&&k,Z=(!L||L&&p?.results.length)&&(l||a);ym(()=>{u(),m("refetchQuote",!0)},[]),ym(()=>{S(z)},[z]);let ne=(r||a)&&!v?y:void 0,Q=i(b=>{L&&d?(S(!1),setTimeout(()=>{t(b)},wC)):t(b)},"onHandleNavigation"),B=i(b=>{r?.requestId!==b.requestId&&(w(!1),c(b))},"onClickOnQuote");return qe.createElement(kC,null,qe.createElement(ae,{height:"auto",footer:qe.createElement(yC,{type:"primary",size:"large",disabled:W.disabled||!E,prefix:W.action==="confirm-warning"&&qe.createElement(CC,null),fullWidth:!0,onClick:()=>{W.action==="connect-wallet"?Q(D.wallets):W.action==="confirm-warning"?w(!0):Q(D.confirmSwap)}},W.title),header:{onWallet:()=>{Q(D.wallets)},hasBackButton:!1,title:T.title||hC.t("Swap"),suffix:qe.createElement(Vt,{hidden:L?["refresh"]:void 0,onClickRefresh:ne,onClickHistory:()=>Q(D.swaps),onClickSettings:()=>{Q(D.settings)}})}},qe.createElement(ce,null,qe.createElement(_s,{fetchingQuote:ee,fetchMetaStatus:x,onClickToken:b=>{Q(b==="from"?D.fromSwap:D.toSwap)}}),qe.createElement(hm,{size:"2"}),L?null:qe.createElement(Jt,{quote:r,loading:ee,error:a,tagHidden:!1,warning:l,type:"basic",onClickAllRoutes:p&&p.results.length>1?()=>{m("refetchQuote",!1),Q(D.routes)}:void 0}),Z?qe.createElement(qe.Fragment,null,qe.createElement(hm,{size:"10"}),qe.createElement($o,{warning:l,error:a,refetchQuote:y,showWarningModal:v,confirmationDisabled:!E,onOpenWarningModal:()=>w(!0),onCloseWarningModal:()=>w(!1),onConfirmWarningModal:()=>{w(!1),f(!0),Q(D.confirmSwap)},onChangeSettings:()=>Q(D.settings)})):null)),L?qe.createElement(Ms,{loading:ee,onClickOnQuote:B,fetch:y,onClickRefresh:ne,isVisible:d}):null)}i(Cm,"Home");import{i18n as Tm}from"@lingui/core";import{Alert as xC,Divider as vC,List as bC,ListItemButton as IC,Radio as EC,RadioRoot as AC,Typography as WC}from"@rango-dev/ui";import gt from"react";function yo(){let{setLanguage:t,language:e,config:o}=h(),n=fl,r=o?.language||Io;return{activeLanguage:e||r,languages:n,defaultLanguage:r,changeLanguage:s=>t(s||Io),resetLanguage:()=>t(null)}}i(yo,"useLanguage");function km(){let{activeLanguage:t,changeLanguage:e,languages:o}=yo(),n=o.map(r=>{let{local:s,label:a,SVGFlag:l}=r;return{id:s,value:s,title:gt.createElement(WC,{variant:"title",size:"xmedium"},a),onClick:()=>e(r.local),end:gt.createElement(EC,{value:s}),start:gt.createElement(l,null)}});return gt.createElement(ae,{header:{title:Tm.t("Language")}},gt.createElement(ce,null,gt.createElement(xC,{type:"warning",variant:"alarm",title:"Important Notice: Machine translations are in use"}),gt.createElement(vC,{size:"8"}),gt.createElement(AC,{value:t},gt.createElement(bC,{type:gt.createElement(IC,{title:Tm.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}i(km,"LanguagePage");import{i18n as bt}from"@lingui/core";import{Button as _C,Checkbox as PC,Image as $C,ListItemButton as DC,NotFound as FC,Typography as OC}from"@rango-dev/ui";import Pe,{useState as UC}from"react";import{Checkbox as MC,Skeleton as xm}from"@rango-dev/ui";import Ro from"react";import{styled as Ps}from"@rango-dev/ui";var Zo=Ps("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto",variants:{disabled:{true:{pointerEvents:"none"}}}}),$s=Ps("div",{width:80,display:"flex",justifyContent:"flex-end"}),Ds=Ps("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});import{ListItem as NC,styled as LC}from"@rango-dev/ui";var wm=LC(NC,{height:61});var BC=30;function Fs(){return Ro.createElement(Zo,null,Array.from(Array(BC),(t,e)=>Ro.createElement(wm,{hasDivider:!0,key:e,start:Ro.createElement(xm,{variant:"circular",width:35,height:35}),title:Ro.createElement(xm,{variant:"text",size:"large",width:90}),end:Ro.createElement(MC,{checked:!1})})))}i(Fs,"LoadingLiquiditySourceList");function Os({sourceType:t}){let e=h().fetchStatus,o=h().swappers(),n=h().getDisabledLiquiditySources(),[r,s]=UC(""),a=h().toggleLiquiditySource,l=h().isInCampaignMode(),p=En(o,n),c={Exchanges:bt.t("Exchanges"),Bridges:bt.t("Bridges")},u=[];t==="Exchanges"&&u.push("DEX"),t==="Bridges"&&u.push("BRIDGE","AGGREGATOR","OFF_CHAIN");let 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"),S=f.map(y=>{let{selected:k,groupTitle:T,logo:x}=y;return{start:Pe.createElement($C,{src:x,size:22,type:"circular"}),onClick:()=>{l||a(T)},end:Pe.createElement(PC,{checked:k,disabled:l}),title:Pe.createElement(OC,{variant:"title",size:"xmedium"},bt.t(T)),...y}}),C=i(y=>{let k=y.target.value;s(k)},"searchHandler"),g=S;return r&&(g=S.filter(y=>lt(y.groupTitle,r))),Pe.createElement(ae,{header:{title:bt.t(t),suffix:Pe.createElement($s,null,Pe.createElement(_C,{variant:"ghost",size:"xsmall",onClick:d},m?bt.t("Deselect all"):bt.t("Select all")))}},Pe.createElement(ce,{view:!0},Pe.createElement(xt,{value:r,setValue:s,fullWidth:!0,color:"light",variant:"contained",placeholder:bt.t("Search {sourceType}",{sourceType:c[t]}),onChange:C}),e==="loading"&&Pe.createElement(Fs,null),!g.length&&r?Pe.createElement(Ds,null,Pe.createElement(FC,{title:bt.t("No results found"),description:bt.t("Try using different keywords")})):e==="success"&&Pe.createElement(Zo,{disabled:l},g.map(y=>{let{groupTitle:k,...T}=y;return Pe.createElement(Pe.Fragment,{key:y.id},Pe.createElement(DC,{style:{height:"61px"},...T,selected:!1,hasDivider:!0}))}))))}i(Os,"LiquiditySourcePage");import{i18n as qC}from"@lingui/core";import Br from"react";import{useNavigate as zC}from"react-router-dom";function vm(){let t=zC(),e=ut(),{selectedQuote:o,refetchQuote:n,setSelectedQuote:r,updateQuotePartialState:s,error:a}=H(),{fetch:l,loading:p}=Mr({refetchQuote:n}),c=i(m=>{r(m),s("refetchQuote",!1),e()},"onClickOnQuote"),u=`../${D.settings}`,f=`../${D.wallets}`;return Br.createElement(ae,{header:{onWallet:()=>{t(f)},onBack:()=>{s("refetchQuote",!1)},title:qC.t("Routes"),suffix:Br.createElement(Vt,{onClickRefresh:o||a?l:void 0,hidden:["notifications","history"],onClickSettings:()=>t(u)})}},Br.createElement(ce,null,Br.createElement(Yo,{fetch:l,loading:p,onClickOnQuote:c})))}i(vm,"RoutesPage");import{i18n as Mm}from"@lingui/core";import{Divider as Bm,getCountCategories as ZC,SelectableCategoryList as RC}from"@rango-dev/ui";import It,{useState as _m}from"react";import{i18n as qs}from"@lingui/core";import{Divider as Nm,Image as jC,ListItemButton as XC,NotFound as KC,Typography as Lm}from"@rango-dev/ui";import Je,{useEffect as YC,useState as JC}from"react";import{BlockchainCategories as Us}from"@rango-dev/ui";import{TransactionType as _r}from"rango-sdk";var QC=i((t,e)=>{switch(e){case Us.ALL:return!0;case Us.UTXO:return t.type===_r.TRANSFER;case Us.OTHER:return t.type!==_r.TRANSFER&&t.type!==_r.COSMOS&&t.type!==_r.EVM;default:return t.type===e}},"filterByType"),bm=i((t,e,o)=>t.filter(n=>QC(n,o)).filter(n=>St(n.name,e)||St(n.displayName,e)),"filterBlockchains");import{ImageContainer as HC,styled as Im}from"@rango-dev/ui";var Em=Im("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),Pr=Im(Lo,{padding:0,margin:0,listStyle:"none",[`& ${HC}`]:{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as GC,Skeleton as Am}from"@rango-dev/ui";import $r from"react";var VC=20;function Wm(){return $r.createElement(Pr,null,Array.from(Array(VC),t=>$r.createElement(GC,{key:t,hasDivider:!0,start:$r.createElement(Am,{variant:"circular",width:35,height:35}),title:$r.createElement(Am,{variant:"text",size:"large",width:90})})))}i(Wm,"LoadingBlockchainList");function zs(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=JC(e),{fetchStatus:l}=h();YC(()=>{a([...bm(e,o,r)])},[e,o,r]);let p=i(()=>!s.length&&o?Je.createElement(Je.Fragment,null,Je.createElement(Nm,{size:32}),Je.createElement(KC,{title:qs.t("No results found"),description:qs.t("Try using different keywords")})):Je.createElement(Pr,{as:"ul",key:`${r}-${o}`},s.map(c=>Je.createElement(XC,{key:`${c.name}-${c.chainId}`,hasDivider:!0,onClick:()=>n(c),start:Je.createElement(jC,{src:c.logo,size:30}),title:Je.createElement(Lm,{variant:"title",size:"medium"},c.displayName),id:c.chainId}))),"renderList");return Je.createElement(Em,null,Je.createElement(Lm,{variant:"label",size:"large"},qs.t("Select Blockchain")),Je.createElement(Nm,{size:4}),l==="loading"&&Je.createElement(Wm,null),l==="success"&&p())}i(zs,"BlockchainList");function Qs(t){let{type:e}=t,o=ut(),[n,r]=_m(""),[s,a]=_m("ALL"),l=H.use.setToBlockchain(),p=H.use.setFromBlockchain(),c=h().fetchStatus,u=h().blockchains({type:e}),m=ZC(u)!==1;return It.createElement(ae,{header:{title:Mm.t("Select Blockchain")}},It.createElement(ce,{view:!0},m&&It.createElement(It.Fragment,null,It.createElement(RC,{setCategory:a,category:s,blockchains:u,isLoading:c==="loading"}),It.createElement(Bm,{size:24})),It.createElement(xt,{value:n,autoFocus:!0,placeholder:Mm.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:d=>r(d.target.value)}),It.createElement(Bm,{size:16}),It.createElement(zs,{list:u,searchedFor:n,blockchainCategory:s,onChange:d=>{e==="source"?p(d):l(d),o()}})))}i(Qs,"SelectBlockchainPage");import{i18n as qr}from"@lingui/core";import{Divider as ed}from"@rango-dev/ui";import Zt,{useState as hT}from"react";import{useNavigate as yT}from"react-router-dom";import{i18n as Vs}from"@lingui/core";import{BlockchainsChip as Dr,Divider as Fm,Image as Om,Skeleton as rT,Tooltip as iT,Typography as js}from"@rango-dev/ui";import be from"react";import{useEffect as oT}from"react";var Pm=["ETH","COSMOS","OSMOSIS"];function Hs(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(eT),o?.limit&&t.length>o.limit){let s=o.limit,a=e;if(e.length<=o.limit){let l=o.limit-e.length;for(let p=0;p<=l;p++){let c=n[p];a=a.filter(u=>c.name!==u)}}n.sort(tT(a)),r=n.splice(s)}return{list:n,more:r}}i(Hs,"prepare");function eT(t,e){let o=Pm,n=o.findIndex(l=>l===t.name),r=o.findIndex(l=>l===e.name),s=n>-1,a=r>-1;return s&&a?n>r?1:-1:s?-1:a?1:0}i(eT,"sortByMostUsedBlockchains");function tT(t){return i(function(o,n){let r=t.findIndex(p=>p===o.name),s=t.findIndex(p=>p===n.name),a=r>-1,l=s>-1;return a&&l?r>s?1:-1:t.includes(o.name)?-1:t.includes(n.name)?1:0},"sortByPreferred")}i(tT,"generateSortByPreferredBlockchainsFor");function $m(t,e){return!!e.list.find(o=>o.name===t)}i($m,"isInVisibleList");function Gs(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=h();oT(()=>{if(e?.selected){let s=Hs(t,o,e);$m(e.selected,s)||n(e?.selected)}},[e?.selected]);let r=Hs(t,o,e);return{list:r.list,more:r.more,history:[]}}i(Gs,"usePrepareBlockchainList");import{styled as nT}from"@rango-dev/ui";var Dm=nT("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var sT=12;function Xs(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:s}=t,a=Gs(e,{limit:10,selected:n?.name}),{fetchStatus:l}=h(),p=H.use.resetToBlockchain(),c=H.use.resetFromBlockchain(),u=a.more.length>0,f=a.more.length===1,m=!f&&u;return be.createElement(be.Fragment,null,be.createElement(Fm,{size:12}),be.createElement(js,{variant:"label",size:"large"},Vs.t("Select Blockchain")),be.createElement(Fm,{size:12}),be.createElement(Dm,null,l==="loading"&&Array.from(Array(sT),d=>be.createElement(rT,{key:d,variant:"rounded",height:50})),l==="success"&&be.createElement(be.Fragment,null,be.createElement(Dr,{selected:!n,onClick:()=>{o==="from"?c():p()}},be.createElement(js,{variant:"body",size:"xsmall",color:"secondary500"},Vs.t("All"))),a.list.map(d=>be.createElement(iT,{key:d.name,content:d.shortName,side:"bottom",sideOffset:2,container:M()},be.createElement(Dr,{key:d.name,selected:!!n&&n.name===d.name,onClick:()=>r(d)},be.createElement(Om,{src:d.logo,size:30})))),f?be.createElement(Dr,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},be.createElement(Om,{src:a.more[0].logo,size:30})):null,m?be.createElement(Dr,{onClick:s,key:"more-blockchains"},be.createElement(js,{variant:"body",size:"xsmall",color:"secondary500"},Vs._("More +{count}",{count:a.more.length}))):null)))}i(Xs,"BlockchainsSection");import{i18n as ra}from"@lingui/core";import{darkTheme as Km,Divider as Co,ExternalLinkIcon as pT,Image as cT,ListItemButton as uT,NotFound as mT,PinIcon as dT,Skeleton as Ym,Typography as Ur,VirtualizedList as fT}from"@rango-dev/ui";import q,{useEffect as Jm,useState as Zm}from"react";import{Divider as jm,ListItem as lT,Skeleton as en}from"@rango-dev/ui";import rt from"react";import{css as So,darkTheme as Um,ImageContainer as aT,styled as nt,Typography as qm}from"@rango-dev/ui";var Ks=So({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}),Ys=So({position:"relative",height:12,width:"30%",maxWidth:"150px"}),Js=So({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"}),Zs=So({transform:"translateY(12px)",visibility:"hidden","& a":{display:"flex",justifyContent:"center",alignItems:"center",fontSize:"$12",lineHeight:"$16",$$color:"$colors$neutral600",[`.${Um} &`]:{$$color:"$colors$neutral700"},color:"$$color",textDecoration:"none"}}),Rs=So({}),ea=So(),zm=nt("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),ta=nt("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),Fr=nt("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none","&:hover":{[`& .${Ys}`]:{[`& .${Zs}`]:{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},[`& .${Rs}`]:{bottom:"-15px"},[`& .${Ks}`]:{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},[`& .${Js}`]:{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),oa=nt("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),na=nt(qm,{}),Qm=nt("div",{textAlign:"right",width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",[`& .${ea}`]:{$$color:"$colors$neutral600",[`.${Um} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Or=nt("div",{display:"flex",alignItems:"end",flexDirection:"column"}),R1=nt("div",{display:"flex",alignItems:"center"}),Hm=nt("div",{position:"relative",[`& ${aT}`]:{borderRadius:"$xm",overflow:"hidden"}}),Gm=nt("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6}),Vm=nt(qm,{width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"});function Xm(t){return rt.createElement(Fr,null,Array.from(Array(t.size),e=>rt.createElement(lT,{key:e,hasDivider:!0,start:rt.createElement(en,{variant:"circular",width:35,height:35}),end:rt.createElement(Or,null,rt.createElement(en,{variant:"text",size:"large",width:70}),rt.createElement(jm,{size:4}),rt.createElement(en,{variant:"text",size:"medium",width:50})),title:rt.createElement("div",null,rt.createElement(en,{variant:"text",size:"large",width:90}),rt.createElement(jm,{size:4}),rt.createElement(en,{variant:"text",size:"medium",width:90}))})))}i(Xm,"LoadingTokenList");var ia=20,gT=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:s,customCssForTagTitle:a}=t,l=e.length;return q.createElement("div",{className:Ys()},o?q.createElement("div",{className:Ks()},o):q.createElement(ta,{className:Js()},q.createElement(Ur,{variant:"title",size:"xmedium"},r.symbol),q.createElement(Co,{direction:"horizontal",size:4}),q.createElement(oa,{css:s},q.createElement(na,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&q.createElement("div",{className:`${Zs()} ${!o&&Rs()}`},q.createElement("a",{href:n,target:"_blank",rel:"nofollow noreferrer",onClick:p=>p.stopPropagation()},l>10?`${e.slice(0,5)}...${e.slice(l-6,l)}`:e," ",q.createElement(Co,{size:4,direction:"horizontal"}),q.createElement(pT,{color:"gray",size:12}))))},"renderDesc");function Rm(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=Zm(e),l=h().fetchStatus,p=h().blockchains(),[c,u]=Zm(!0),{getBalanceFor:f,loading:m}=X(),{isTokenPinned:d}=h(),S=i(()=>{a(e.slice(0,s.length+ia))},"loadNextPage");Jm(()=>{u(e.length>s.length)},[s.length]),Jm(()=>{a(e.slice(0,ia))},[e]);let C=i(()=>!s.length&&o?q.createElement(q.Fragment,null,q.createElement(Co,{size:32}),q.createElement(mT,{title:ra.t("No results found"),description:ra.t("Try using different keywords")})):q.createElement(fT,{endReached:c?S:void 0,itemContent:g=>{let y=s[g],k=Tn(f(y)),T=y.address||"",x=p.find(A=>A.name===y.blockchain),I=Yn(x?.color||"",xp(x?.color||"")?5:125),E=Yn(x?.color||"",-100),v={$$color:I,[`.${Km} &`]:{$$color:E},backgroundColor:"$$color"},w={$$color:E,[`.${Km} &`]:{$$color:I},color:"$$color"};return q.createElement("div",{style:{paddingRight:5}},q.createElement(uT,{style:{width:"100%",overflow:"hidden"},"tab-index":g,key:`${y.symbol}${y.address}`,id:`${y.symbol}${y.address}`,hasDivider:!0,onClick:()=>n(s[g]),start:q.createElement(Hm,null,q.createElement(cT,{src:y.image,size:30}),d(y,t.type)&&q.createElement(Gm,null,q.createElement(dT,{size:12,color:"gray"}))),title:x?.type==="COSMOS"||y.name||!y.name&&!T?q.createElement(ta,null,q.createElement(Ur,{variant:"title",size:"xmedium"},y.symbol),q.createElement(Co,{direction:"horizontal",size:4}),q.createElement(oa,{css:v},q.createElement(na,{variant:"body",size:"xsmall",css:w},y.blockchain))):void 0,description:x?.info&&T&&x.type!=="COSMOS"?gT({address:T,token:s[g],customCssForTag:v,customCssForTagTitle:w,name:y.name,url:x.info.addressUrl.split("{wallet}").join(T)}):y.name||void 0,end:m?q.createElement(Or,null,q.createElement(Ym,{variant:"text",size:"large",width:70}),q.createElement(Co,{size:4}),q.createElement(Ym,{variant:"text",size:"medium",width:50})):k&&q.createElement(Qm,null,q.createElement(Vm,{variant:"title",size:"small"},k.amount),q.createElement("div",null),k.usdValue&&q.createElement(Ur,{variant:"body",className:ea(),size:"xsmall"},`$${k.usdValue}`))}))},totalCount:s.length,key:`${r}-${o}`}),"renderList");return q.createElement(zm,null,q.createElement(Ur,{variant:"label",size:"large"},ra.t("Select Token")),q.createElement(Co,{size:4}),l==="loading"&&q.createElement(Xm,{size:ia}),l==="success"&&q.createElement(Fr,{as:"ul"},C()))}i(Rm,"TokenList");function sa(t){let{type:e}=t,o=yT(),n=ut(),{fromBlockchain:r,toBlockchain:s,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:c}=H(),u=X.use.getBalanceFor(),[f,m]=hT(""),S=(e==="source"?r:s)?.name??"",C=h().blockchains({type:e}),g=h().tokens({type:e,blockchain:S,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:g}}):l({token:x,meta:{blockchains:C,tokens:g}})},"updateToken"),T={source:qr.t("Source"),destination:qr.t("Destination")};return Zt.createElement(ae,{header:{title:qr.t("Swap {type}",{type:T[e]})}},Zt.createElement(ce,null,Zt.createElement(Xs,{blockchains:C,type:e=="source"?"from":"to",blockchain:e==="source"?r:s,onMoreClick:()=>o(D.blockchains),onChange:x=>{y(x)}}),Zt.createElement(ed,{size:24}),Zt.createElement(xt,{value:f,autoFocus:!0,placeholder:qr.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>m(""),onChange:x=>m(x.target.value)}),Zt.createElement(ed,{size:16}),Zt.createElement(Rm,{list:g,selectedBlockchain:S,searchedFor:f,type:e,onChange:x=>{k(x);let I=C.find(E=>x.blockchain===E.name);I&&y(I),n()}})))}i(sa,"SelectSwapItemsPage");import{i18n as ua}from"@lingui/core";import{Alert as zT,Button as QT,styled as HT}from"@rango-dev/ui";import Rt from"react";import{useInRouterContext as GT,useSearchParams as VT}from"react-router-dom";import{i18n as sd}from"@lingui/core";import{Divider as kT,InfoIcon as wT,TextField as xT,Tooltip as vT,Typography as ad}from"@rango-dev/ui";import it from"react";import{Chip as ST,styled as tn,TextField as CT}from"@rango-dev/ui";var td=tn("div",{paddingTop:"$5",padding:"$10 $5"}),od=tn("div",{display:"flex",flexWrap:"wrap",gap:"$10",[`& ${CT}`]:{flex:"1 1 0",maxWidth:"127px",minWidth:"85px"}}),nd=tn("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),zr=tn("div",{maxWidth:"280px",padding:"$10"}),rd=tn(ST,{width:"61px",flexShrink:0});import{i18n as aa}from"@lingui/core";import{Typography as TT}from"@rango-dev/ui";import on from"react";function id(){return on.createElement(zr,null,on.createElement(TT,{variant:"label",size:"medium",color:"neutral700"},aa.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),on.createElement("br",null),on.createElement("br",null),on.createElement("b",null,aa.t("Warning")),":",aa.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(id,"SlippageTooltipContent");function la(){let{slippage:t,setSlippage:e,customSlippage:o,setCustomSlippage:n}=h();return it.createElement(td,null,it.createElement(nd,null,it.createElement(ad,{variant:"title",size:"xmedium"},sd.t("Slippage tolerance per swap")),it.createElement(kT,{direction:"horizontal",size:4}),it.createElement(vT,{container:M(),side:"top",sideOffset:4,content:it.createElement(id,null)},it.createElement(wT,{color:"gray"}))),it.createElement(od,null,gl.map((r,s)=>{let a=`slippage-${s}`;return it.createElement(rd,{key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`})}),it.createElement(xT,{type:"number",min:"0.01",max:"30",step:"0.01",fullWidth:!0,variant:"contained",value:o||"",color:"dark",onChange:r=>{let s=r.target.value,a=parseFloat(s);a>=Cl&&a<=Sl?n(a):n(null)},suffix:o&&it.createElement(ad,{variant:"body",size:"small"},"%"),placeholder:sd.t("Custom")})))}i(la,"Slippage");import{i18n as ht}from"@lingui/core";import{AutoThemeIcon as ld,BridgeIcon as bT,ChevronRightIcon as pa,DarkModeIcon as pd,Divider as ca,DoneIcon as IT,ExchangeIcon as ET,InfoIcon as AT,LanguageIcon as WT,LightModeIcon as cd,List as NT,ListItem as LT,ListItemButton as MT,Skeleton as BT,styled as _T,Switch as PT,Tabs as $T,Tooltip as DT,Typography as st}from"@rango-dev/ui";import O from"react";import{useNavigate as FT}from"react-router-dom";var OT=_T("div",{width:"202px",height:"$40"}),UT=[{id:"light",icon:O.createElement(cd,{color:"black",size:16}),tooltip:O.createElement(st,{size:"xsmall",variant:"body"},ht.t("Light"))},{id:"dark",icon:O.createElement(pd,{color:"black",size:14}),tooltip:O.createElement(st,{size:"xsmall",variant:"body"},ht.t("Dark"))},{id:"auto",icon:O.createElement(ld,{color:"black",size:16}),tooltip:O.createElement(st,{size:"xsmall",variant:"body"},ht.t("Auto"))}],qT=i(t=>{let e={color:"gray",size:14};switch(t){case"auto":return O.createElement(ld,{...e});case"dark":return O.createElement(pd,{...e});default:return O.createElement(cd,{...e})}},"getThemeIcon");function ud(){let t=FT(),{theme:e}=h().config,{setTheme:o,theme:n}=h(),r=h().fetchStatus,s=h().swappers(),a=h().getDisabledLiquiditySources(),{config:{features:l}}=h(),p=je("theme",l),c=je("liquiditySource",l),u=je("language",l),f=h().infiniteApprove,m=h().toggleInfiniteApprove,d=En(s,a),S=d.filter(L=>["BRIDGE","AGGREGATOR","OFF_CHAIN"].includes(L.type)),C=S.length,g=S.filter(L=>L.selected).length,y=d.filter(L=>L.type==="DEX"),k=y.length,T=y.filter(L=>L.selected).length,x=i((L,z)=>{switch(r){case"loading":return O.createElement(BT,{variant:"text",size:"medium",width:50});case"failed":return O.createElement(st,{variant:"body",size:"medium",color:"$error500"},ht.t("Loading failed"));default:return O.createElement(st,{variant:"body",size:"medium"},`${L} / ${z}`)}},"handleEndItem"),I={id:"bridge-item",title:O.createElement(st,{variant:"title",size:"xmedium"},ht.t("Enabled bridges")),end:O.createElement(O.Fragment,null,x(g,C),O.createElement(ca,{direction:"horizontal",size:8}),O.createElement(pa,{color:"black"})),onClick:()=>t(D.bridges),start:O.createElement(bT,{color:"gray",size:14})},E={id:"exchange-item",title:O.createElement(st,{variant:"title",size:"xmedium"},ht.t("Enabled exchanges")),end:O.createElement(O.Fragment,null,x(T,k),O.createElement(ca,{direction:"horizontal",size:8}),O.createElement(pa,{color:"gray"})),start:O.createElement(ET,{color:"gray",size:14}),onClick:()=>t(D.exchanges)},v={id:"language-item",title:O.createElement(st,{variant:"title",size:"xmedium"},ht.t("Language")),start:O.createElement(WT,{color:"gray",size:14}),end:O.createElement(pa,{color:"gray"}),onClick:()=>t(D.languages)},w={id:"infinite-approval-item",title:O.createElement(O.Fragment,null,O.createElement(st,{variant:"title",size:"xmedium"},ht.t("Infinite approval")),O.createElement(ca,{direction:"horizontal",size:4}),O.createElement(DT,{side:"top",sideOffset:4,container:M(),content:O.createElement(zr,null,O.createElement(st,{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.")))},O.createElement(AT,{color:"gray"}))),start:O.createElement(IT,{color:"gray",size:14}),end:O.createElement(PT,{checked:f}),onClick:m},A={id:"theme-item",type:O.createElement(LT,null),title:O.createElement(st,{variant:"title",size:"xmedium"},ht.t("Theme")),end:O.createElement(OT,null,O.createElement($T,{container:M(),items:UT,value:n,onChange:L=>o(L.id),type:"primary",borderRadius:"small"})),start:qT(n)},W=c?[]:[I,E];return u||W.push(v),W.push(w),!e?.singleTheme&&!p&&W.push(A),O.createElement(NT,{type:O.createElement(MT,{hasDivider:!0,id:"_",onClick:()=>console.log()}),items:W})}i(ud,"SettingsLists");var jT=HT("div",{paddingLeft:"$8"});function md(){let{isInCampaignMode:t,updateCampaignMode:e}=h(),o=t(),[,n]=VT(),r=GT(),s=i(()=>{r&&o&&(n(a=>(a.delete("liquiditySources"),a),{replace:!0}),e("liquiditySources",void 0))},"onClick");return Rt.createElement(ae,{header:{title:ua.t("Settings")}},Rt.createElement(ce,null,o&&Rt.createElement(zT,{type:"info",variant:"alarm",title:ua.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:Rt.createElement(jT,null,Rt.createElement(QT,{type:"secondary",size:"small",onClick:s},ua.t("Reset")))}),Rt.createElement(la,null),Rt.createElement(ud,null)))}i(md,"SettingsPage");import{i18n as Pk}from"@lingui/core";import{cancelSwap as $k}from"@rango-dev/queue-manager-rango-preset";import{useManager as Dk}from"@rango-dev/queue-manager-react";import{Alert as Fk}from"@rango-dev/ui";import Ea from"react";import{useParams as Ok}from"react-router-dom";import{i18n as At}from"@lingui/core";import{getCurrentBlockchainOfOrNull as yk,getCurrentStep as Sk,getRelatedWalletOrNull as Ck}from"@rango-dev/queue-manager-rango-preset";import{Button as Fd,CopyIcon as Tk,Divider as kk,IconButton as wk,LinkIcon as xk,QuoteCost as vk,StepDetails as bk,Typography as ko,useCopyToClipboard as Ik}from"@rango-dev/ui";import{useWallets as Ek}from"@rango-dev/wallets-react";import Od from"bignumber.js";import{PendingSwapNetworkStatus as Jr}from"rango-types";import te,{useEffect as Ud,useRef as Ak,useState as qd}from"react";import{useNavigate as Wk}from"react-router-dom";import{i18n as Ft}from"@lingui/core";var XT=[Ft.t("Sunday"),Ft.t("Monday"),Ft.t("Tuesday"),Ft.t("Wednesday"),Ft.t("Thursday"),Ft.t("Friday"),Ft.t("Saturday")];function dd(t){let e=new Date(t),o=e.getDate(),n=e.toLocaleString("default",{month:"long"}),r=e.getFullYear();return`${e.getDay()===new Date().getDay()?Ft.t("Today"):`${XT[e.getDay()]} ${o} ${n} ${r}`}, ${new Date(t).toLocaleTimeString()}`}i(dd,"timeSince");function fd(t){return t.finishTime?dd(parseInt(t.finishTime)):dd(parseInt(t.creationTime))}i(fd,"getSwapDate");import{PendingSwapNetworkStatus as Gr}from"rango-types";import Vr from"react";import{i18n as Qr}from"@lingui/core";import{Button as gd,Divider as ma,MessageBox as KT}from"@rango-dev/ui";import Ot from"react";var hd=i(({onCancel:t,onClose:e})=>Ot.createElement(Ot.Fragment,null,Ot.createElement(ma,{size:20}),Ot.createElement(KT,{type:"error",title:Qr.t("Cancel Swap"),description:Qr.t("Are you sure you want to cancel this swap?")}),Ot.createElement(ma,{size:32}),Ot.createElement(gd,{variant:"contained",type:"primary",size:"large",onClick:t},Qr.t("Yes, Cancel it")),Ot.createElement(ma,{size:12}),Ot.createElement(gd,{variant:"outlined",type:"primary",size:"large",onClick:e},Qr.t("No, Continue"))),"CancelContent");import{i18n as Hr}from"@lingui/core";import{Button as yd,Divider as da,MessageBox as YT,Typography as JT}from"@rango-dev/ui";import Et from"react";var Sd=i(({onDelete:t,onClose:e})=>Et.createElement(Et.Fragment,null,Et.createElement(da,{size:20}),Et.createElement(YT,{type:"error",title:Hr.t("Delete Transaction"),description:Hr.t("Are you sure you want to delete this swap?")}),Et.createElement(da,{size:32}),Et.createElement(yd,{variant:"contained",type:"primary",size:"large",onClick:t},Hr.t("Yes, Delete it")),Et.createElement(da,{size:12}),Et.createElement(yd,{variant:"outlined",type:"primary",size:"large",onClick:e},Et.createElement(JT,{variant:"title",size:"medium",color:"primary"},Hr.t("No, Cancel")))),"DeleteContent");import{i18n as fa}from"@lingui/core";import{PendingSwapNetworkStatus as ga}from"rango-types";var ha={[ga.WaitingForNetworkChange]:{type:"loading",title:fa.t("Change Network")},[ga.WaitingForConnectingWallet]:{type:"warning",title:fa.t("Connect Wallet")},[ga.NetworkChanged]:{type:"success",title:fa.t("Network Changed")}};import{debug as RT}from"@rango-dev/logging-core";import{MessageBox as ek,Wallet as tk}from"@rango-dev/ui";import{useWallets as ok}from"@rango-dev/wallets-react";import nn from"react";import{styled as ZT}from"@rango-dev/ui";var Cd=ZT("div",{display:"flex",justifyContent:"center"});var Td=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:s,walletButtonDisabled:a}=t,{connect:l,getWalletInfo:p,state:c}=ok(),u=n?.walletType,f=u?ii(c(u)):null,m=u?p(u):null;return nn.createElement(nn.Fragment,null,nn.createElement(ek,{type:e,title:o,description:r}),s&&!!u&&!!f&&!!m&&nn.createElement(Cd,null,nn.createElement(tk,{container:M(),title:m.name,image:m.img,type:u,state:f,link:m.installLink,disabled:a,onClick:async()=>l(u).catch(S=>RT(S))})))},"WalletStateContent");function ya(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:s,message:a,walletButtonDisabled:l}=t,p=e===Gr.WaitingForNetworkChange||e===Gr.WaitingForConnectingWallet||e===Gr.NetworkChanged;return Vr.createElement(pe,{open:!!e,onClose:o,container:document.getElementById(ke.SWAP_BOX_ID)||document.body},p&&Vr.createElement(Td,{type:ha[e].type,title:ha[e].title,currentStepWallet:s,message:a,walletButtonDisabled:l,showWalletButton:e!==Gr.WaitingForNetworkChange}),e==="delete"&&Vr.createElement(Sd,{onClose:o,onDelete:n}),e==="cancel"&&Vr.createElement(hd,{onClose:o,onCancel:r}))}i(ya,"SwapDetailsModal");import{i18n as rn}from"@lingui/core";import{Button as Sa,Divider as jr,MessageBox as kd,TokenAmount as nk,Typography as Ca}from"@rango-dev/ui";import We from"react";import{useNavigate as rk}from"react-router-dom";function Ta(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=rk();return We.createElement(pe,{open:e,onClose:o,container:document.getElementById(ke.SWAP_BOX_ID)||document.body},n==="success"?We.createElement(kd,{type:"success",title:rn.t("Swap Successful")},We.createElement(nk,{direction:"vertical",tooltipContainer:M(),type:"output",centerAlign:!0,price:{value:r,usdValue:s,realUsdValue:a,realValue:l},token:p,chain:c,percentageChange:u}),We.createElement(jr,{size:12}),We.createElement(Ca,{variant:"body",size:"medium",color:"neutral700",align:"center"},f)):We.createElement(kd,{type:"error",title:rn.t("Transaction Failed"),description:f}),We.createElement(jr,{size:32}),n==="success"&&We.createElement(Sa,{variant:"contained",type:"primary",size:"large",onClick:()=>{d("../../")}},We.createElement(Ca,{variant:"title",size:"medium",color:"neutral100"},rn.t("Done"))),We.createElement(jr,{size:12}),m&&We.createElement(We.Fragment,null,We.createElement(Sa,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(m,"_blank")},rn.t("Diagnosis")),We.createElement(jr,{size:12})),We.createElement(Sa,{variant:"outlined",type:"primary",size:"large",onClick:o},We.createElement(Ca,{variant:"title",size:"medium",color:"primary"},rn.t("See Details"))))}i(Ta,"SwapDetailsCompleteModal");import gk from"react";import{i18n as uk}from"@lingui/core";import{Alert as Ed,IconButton as mk,LinkIcon as dk}from"@rango-dev/ui";import Ut,{Fragment as fk}from"react";import{Alert as ik,ChevronDownIcon as sk,ChevronUpIcon as ak,IconButton as lk}from"@rango-dev/ui";import Xr,{useState as pk}from"react";function wd(t){let{message:e}=t,[o,n]=pk(!1);return Xr.createElement(ik,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Xr.createElement(lk,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Xr.createElement(ak,{size:12,color:"gray"}):Xr.createElement(sk,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(wd,"FailedAlert");import{styled as ck}from"@rango-dev/ui";var xd=ck("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as vd}from"@lingui/core";import{Alert as ka,Button as bd}from"@rango-dev/ui";import{PendingSwapNetworkStatus as wa}from"rango-types";import sn from"react";function Id(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?sn.createElement(ka,{type:"warning",title:n.shortMessage,action:sn.createElement(bd,{size:"xxsmall",type:"warning",onClick:()=>{o(wa.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},vd.t("Change"))}):r===wa.WaitingForConnectingWallet?sn.createElement(ka,{type:"warning",title:n.shortMessage,action:sn.createElement(bd,{size:"xxsmall",type:"warning",onClick:()=>{o(wa.WaitingForConnectingWallet)}},vd.t("Connect"))}):sn.createElement(ka,{type:"warning",title:n.shortMessage})}i(Id,"WarningAlert");function xa(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:s,hasAlreadyProceededToSign:a}=t,l=Ao(s),p=s.status==="waitingForApproval"&&!l,c=s.status==="running"&&!l,u=c&&!a||p&&!s.explorerUrl?.length;return Ut.createElement(xd,null,s.explorerUrl?.map((f,m,d)=>{let S=m+f.url,C=m===d.length-1,g=(C&&c||p)&&!u,y=C&&s.status==="failed";return Ut.createElement(fk,{key:S},Ut.createElement(Ed,{type:C&&(g&&"loading"||y&&"error")||"success",title:f.description?`${f.description} Tx`:uk.t("View transaction"),action:f.url&&Ut.createElement(mk,{variant:"ghost",size:"xsmall",onClick:()=>window.open(f.url,"_blank")},Ut.createElement(dk,{size:12}))}))}),u&&Ut.createElement(Ed,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&l&&Ut.createElement(Id,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&Ut.createElement(wd,{message:r}))}i(xa,"SwapDetailsAlerts");var Ad=2e3;var Wd=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:bo(s.swapperId,o),image:s.swapperLogo??"",type:s.swapperType},internalSwaps:s.internalSwaps?s.internalSwaps.map(p=>({from:{blockchain:Ve(p.fromBlockchain,e)??""},to:{blockchain:Ve(p.toBlockchain,e)??""},swapper:{displayName:bo(p.swapperId,o),image:p.swapperLogo??"",type:p.swapperType}})):[],alerts:gk.createElement(xa,{step:s,hasAlreadyProceededToSign:r,...n})}})},"getSteps");function Nd(t){if(Ao(t)&&t.status!=="failed"&&t.status!=="success")return"warning";switch(t.status){case"created":return"default";case"approved":case"waitingForApproval":case"running":return"in-progress";case"failed":return"error";case"success":return"completed"}}i(Nd,"getStepState");import{css as an,darkTheme as hk,styled as eo}from"@rango-dev/ui";var Ld=eo("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),Kr=eo("div",{width:"100%"}),Md=eo(Lo,{padding:"$0 $20 $20 $20"}),JU=eo("div",{display:"flex",flexDirection:"column",gap:"$10"}),Bd=eo("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),ZU=eo("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1}),To=an({display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${hk} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"}),_d=an({padding:"$5 0"}),Yr=an({display:"flex",justifyContent:"center",alignItems:"center",height:"$24"}),Pd=an({display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"}),$d=an({width:"100%",padding:"0 $20 $10"}),Dd=eo("a",{fontSize:"$16",fontWeight:"$400",color:"$neutral700",display:"flex",alignItems:"center",justifyContent:"center"});function va(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:s,connect:a,getWalletInfo:l}=Ek(),p=h().blockchains(),c=h().swappers(),u=h().tokens(),f=H.use.retry(),m=oe.use.isActiveTab(),d=Wk(),[S,C]=Ik(Ad),g=Ak(null),[y,k]=qd(null),[T,x]=qd(null),I=i(()=>{r(),k(null)},"onCancel"),E=Oe.use.getUnreadNotifications(),v=Oe.use.setAsRead(),w=E(),A=Sk(e),W=A?.networkStatus;Ud(()=>{w.find(Fe=>Fe.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(x(e.status),v(e.requestId))},[e.status,e.requestId]),Ud(()=>{ne?k(Jr.WaitingForNetworkChange):W===Jr.WaitingForConnectingWallet||W===Jr.NetworkChanged?k(W):k(null)},[W]);let L=jl(e),z=A?yk(e,A):null,ee=A?Ck(e,A):null,fe=fd(e),U=Xl(e),Z=i(ye=>!!l(ye)?.mobileWallet,"isMobileWallet"),ne=W===Jr.WaitingForNetworkChange&&!!z&&!!ee?.walletType&&(Z(ee.walletType)||s(ee.walletType,z)),Q=ne?a.bind(null,ee.walletType,z):void 0,B=Vl(e,A),b=Wd({swap:e,switchNetwork:Q,showNetworkModal:W,setNetworkModal:k,message:B,blockchains:p,swappers:c}),K=b.length,[me,Y]=[e.steps[0],e.steps[K-1]],re=Y.outputAmount||Y.expectedOutputAmountHumanReadable,to=e.steps.reduce((ye,Fe)=>ye+parseFloat(Fe.feeInUsd||""),0),G=e.steps.find(ye=>ye.diagnosisUrl)?.diagnosisUrl,j=N(parseFloat(N(re,6,6))*(Y.toUsdPrice||0),4,4),R=N(parseFloat(e.inputAmount)*(me.fromUsdPrice||0),4,4),Ie=re?le(new Od(re).multipliedBy(Y.toUsdPrice||0)):"",Ze=le(new Od(e.inputAmount).multipliedBy(me.fromUsdPrice||0)),$e=Xe(R,j),De=e.status==="success"?At.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:N(re,6,6),token:b[K-1].to.token.displayName,conciseAddress:kn(e.wallets[b[K-1].to.chain.displayName]?.address||""),chain:b[K-1].to.chain.displayName}}):`${At.t("Transaction was not sent.")} ${L?At.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:L.outputAmount,symbol:L.symbol,blockchain:L.blockchain}}):""}`;return te.createElement(ae,{header:{title:At.t("Swap and Bridge"),onCancel:e.status==="running"?()=>k("cancel"):void 0,suffix:e.status!=="running"&&te.createElement(lo,null,te.createElement(Fd,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>k("delete")},te.createElement(ko,{size:"medium",variant:"label",color:"error"},At.t("Delete"))))},footer:U&&!T&&te.createElement(Fd,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{f(e,{blockchains:p,tokens:u}),setTimeout(()=>{d("../../")},0)}},At.t("Try again"))},te.createElement(ce,{compact:!0,view:!0},te.createElement(Kr,null,te.createElement("div",{className:To()},te.createElement(ko,{variant:"label",size:"large",color:"neutral700"},`${At.t("Request ID")}:`),te.createElement("div",{className:Yr()},te.createElement(ko,{variant:"label",size:"small",color:"neutral700"},o),te.createElement(wk,{variant:"ghost",onClick:C.bind(null,o||"")},te.createElement(Tk,{size:16,color:"gray"})),te.createElement(Dd,{target:"_blank",href:`${Ba}/swap/${o}`},te.createElement(xk,{size:16})))),te.createElement("div",{className:To()},te.createElement(ko,{variant:"label",size:"large",color:"neutral700"},`${At.t(e.finishTime?"Finished at":"Created at")}:`),te.createElement(ko,{variant:"label",size:"small",color:"neutral700"},fe))),te.createElement("div",{className:Pd()},te.createElement(vk,{fee:N(String(to),2,2),time:dn(fn(e.steps)),steps:K}),te.createElement(Fo,{from:{price:{value:N(e.inputAmount,6,6),usdValue:R,realUsdValue:Ze,realValue:e.inputAmount},token:{displayName:b[0].from.token.displayName,image:b[0].from.token.image},chain:{image:b[0].from.chain.image,displayName:b[0].from.chain.displayName}},to:{price:{value:N(re,6,6),usdValue:j,realUsdValue:Ie,realValue:re},token:{displayName:b[K-1].to.token.displayName,image:b[K-1].to.token.image},chain:{image:b[K-1].to.chain.image,displayName:b[K-1].to.chain.displayName}},percentageChange:N($e,2,2),warningLevel:Ct($e??0)})),te.createElement("div",{className:$d()},te.createElement(ko,{variant:"title",size:"small"},At.t("Swaps steps"))),te.createElement(kk,{size:8}),te.createElement(Md,{ref:g},b.map((ye,Fe)=>{let un=Fe,wo=Nd(e.steps[Fe]),pf=wo==="error"||wo==="in-progress"||wo==="warning"||wo==="completed"&&Fe===b.length-1;return te.createElement(bk,{key:un,step:ye,type:"swap-progress",ref:g,state:wo,hasSeparator:Fe!==0,tabIndex:un,isFocused:pf,tooltipContainer:M()})}))),te.createElement(ya,{state:y,onClose:()=>k(null),onCancel:I,onDelete:n,message:B.detailedMessage.content,currentStepWallet:ee,walletButtonDisabled:!m}),te.createElement(Ta,{open:!!T,diagnosisUrl:G,onClose:()=>x(null),status:e.status==="success"?"success":"failed",priceValue:N(re,6,6),usdValue:j,realUsdValue:Ie,realValue:le(re),percentageChange:N($e,2,2),token:{displayName:b[K-1].to.token.displayName,image:b[K-1].to.token.image},chain:{image:b[K-1].to.chain.image},description:De}))}i(va,"SwapDetails");import{i18n as Rr}from"@lingui/core";import{Divider as Hd,NotFound as _k,Skeleton as pn,Typography as ei}from"@rango-dev/ui";import he from"react";import{i18n as Nk}from"@lingui/core";import{Divider as Lk,Skeleton as Mk,Typography as Bk}from"@rango-dev/ui";import Se from"react";import{css as at,styled as ba}from"@rango-dev/ui";var zd=ba("div",{width:"100%",height:"100%",padding:"$10 $20"}),ln=ba("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15"}),Zr=ba("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"}),Lq=at({display:"flex",justifyContent:"space-between",alignItems:"center"}),Mq=at({display:"flex",justifyContent:"space-between",alignItems:"center"}),Bq=at({paddingTop:"$15",display:"flex"}),_q=at({padding:"$15 $0"}),Pq=at({width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"}),$q=at({paddingBottom:"$10"}),Dq=at({display:"flex",justifyContent:"start",alignItems:"center"}),Fq=at({paddingTop:"$5",display:"flex",alignItems:"center"}),Oq=at({display:"flex",alignItems:"center"}),Uq=at({padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"}),Qd=at({display:"flex",paddingTop:"$10",paddingBottom:"$5"});function Ia(){return Se.createElement(zd,null,Se.createElement(Qo,{type:"swap-preview"}),Se.createElement("div",{className:"swaps-steps"},Se.createElement(Bk,{variant:"title",size:"small"},Nk.t("Swaps steps"))),Se.createElement(Se.Fragment,null,Se.createElement(ln,null,Se.createElement(ft,{separator:!1}),Se.createElement("div",{className:Qd()},Se.createElement(Lk,{direction:"horizontal",size:20}),Se.createElement(Mk,{height:22,variant:"rectangular"}))),Se.createElement(Zr,null),Se.createElement(ln,null,Se.createElement(ft,{separator:!1})),Se.createElement(Zr,null),Se.createElement(ln,null,Se.createElement(ft,{separator:!1})),Se.createElement(Zr,null),Se.createElement(ln,null,Se.createElement(ft,{separator:!1}))))}i(Ia,"LoadingSwapDetails");function Gd(t){let{requestId:e,showSkeleton:o}=t;return he.createElement(ae,{header:{title:Rr.t("Swap and Bridge"),suffix:he.createElement(lo,null)}},o&&he.createElement(Ld,null,he.createElement(Kr,null,he.createElement("div",{className:To()},he.createElement(ei,{variant:"label",size:"large",color:"neutral700"},`${Rr.t("Request ID")}:`),he.createElement("div",{className:Yr()},he.createElement(ei,{variant:"label",size:"small",color:"neutral700"},he.createElement(pn,{width:60,height:10,variant:"rounded"})),he.createElement(Hd,{direction:"horizontal",size:4}),he.createElement(pn,{width:16,height:16,variant:"rectangular"}),he.createElement(Hd,{direction:"horizontal",size:4}),he.createElement(pn,{width:16,height:16,variant:"rectangular"}))),he.createElement("div",{className:To()},he.createElement(ei,{className:_d(),variant:"label",size:"large",color:"neutral700"},he.createElement(pn,{width:60,height:10,variant:"rounded"})),he.createElement(ei,{variant:"label",size:"small",color:"neutral700"},he.createElement(pn,{width:60,height:10,variant:"rounded"})))),he.createElement(Ia,null)),!o&&he.createElement(Bd,null,he.createElement(_k,{title:Rr.t("Not found"),description:Rr.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}i(Gd,"SwapDetailsPlaceholder");function Vd(){let{manager:t,state:e}=Dk(),o=!e.loadedFromPersistor,n=mt(t),{requestId:r}=Ok(),s=ut(),{fetchStatus:a}=h();if(!r)return Ea.createElement(Fk,{containerStyles:{margin:"20px"},type:"error",title:Pk.t("The request ID is necessary to display the swap details.")});let l=o||a==="loading",p=r?n.find(({swap:m})=>m.requestId===r):void 0,c=i(()=>{if(p?.id){let m=t?.get(p.id);m&&$k(m)}},"onCancel"),u=i(async()=>{if(p?.id)try{t?.deleteQueue(p.id),s()}catch(m){console.log(m)}},"onDelete"),f=p?.swap;return!f||l?Ea.createElement(Gd,{requestId:r,showSkeleton:l}):Ea.createElement(va,{swap:f,requestId:r,onCancel:c,onDelete:u})}i(Vd,"SwapDetailsPage");function jd(){return rp(),Wi(),Uk([{path:D.home,element:ze.createElement(Cm,null)},{path:D.routes,element:ze.createElement(vm,null)},{path:D.fromSwap,children:[{index:!0,element:ze.createElement(sa,{type:"source"})},{path:D.blockchains,element:ze.createElement(Qs,{type:"source"})}]},{path:D.toSwap,children:[{index:!0,element:ze.createElement(sa,{type:"destination"})},{path:D.blockchains,element:ze.createElement(Qs,{type:"destination"})}]},{path:D.settings,children:[{index:!0,element:ze.createElement(md,null)},{path:D.languages,element:ze.createElement(km,null)},{path:D.exchanges,element:ze.createElement(Os,{sourceType:"Exchanges"})},{path:D.bridges,element:ze.createElement(Os,{sourceType:"Bridges"})}]},{path:D.swaps,children:[{index:!0,element:ze.createElement(Ru,null)},{path:D.swapDetails,element:ze.createElement(Vd,null)}]},{path:D.wallets,element:ze.createElement(mc,null)},{path:D.confirmSwap,element:ze.createElement(qu,null)}])}i(jd,"AppRoutes");import{isApprovalTX as qk,MainEvents as Xd,RouteEventType as Kd,StepEventType as Yd,StepExecutionEventStatus as zk,useEvents as Qk}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Jd}from"react";function Zd(){let t=h().tokens(),e=X.use.connectedWallets(),o=X.use.getWalletsDetails(),n=Oe.use.setNotification(),r=Qk();return Jd(()=>(r.on(Xd.StepEvent,s=>{let{event:a,step:l,route:p}=s;if(a.type===Yd.TX_EXECUTION&&a.status===zk.TX_SENT&&!qk(l)||a.type===Yd.SUCCEEDED){let u=e.find(m=>m.chain===l?.fromBlockchain),f=l?.fromBlockchain!==l?.toBlockchain&&e.find(m=>m.chain===l?.toBlockchain);u&&o([u],t),f&&o([f],t)}n(a,p)}),()=>r.all.clear()),[r,e.length]),Jd(()=>(r.on(Xd.RouteEvent,s=>{let{event:a,route:l}=s;(a.type===Kd.FAILED||a.type===Kd.SUCCEEDED)&&n(a,l)}),()=>r.all.clear()),[r,e.length]),null}i(Zd,"WidgetEvents");import{useQueueManager as Xk}from"@rango-dev/queue-manager-rango-preset";import{splitWalletNetwork as Kk}from"@rango-dev/wallets-shared";import{isEvmBlockchain as Yk}from"rango-sdk";import{useContext as Jk,useEffect as Zk,useState as of}from"react";import{globalCss as Hk}from"@rango-dev/ui";var Rd=i(()=>Hk({"@import":["url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap')","url('https://fonts.cdnfonts.com/css/times-new-roman')"]})(),"globalFont");function ef(){let{setWatermark:t}=oe();return{fetchApiConfig:i(async()=>{let o=await fetch(`${yt("BASE_URL")}/meta/dapp/config?apiKey=${yt("API_KEY")}`);if(!o.ok)throw new Error(`Request failed with status: ${o.status} `);let n=await o.json();t(n.config.watermark)},"fetchApiConfig")}}i(ef,"useFetchApiConfig");import{useWallets as Gk}from"@rango-dev/wallets-react";import{useEffect as Vk,useRef as jk}from"react";function tf(){let{connect:t,state:e}=Gk(),o=jk({}),{fetchStatus:n}=h(),r=new URLSearchParams(location.search).get("autoConnect")||"",s=e(r);Vk(()=>{n==="success"&&r&&s.installed&&!s.connecting&&!s.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[s,n])}i(tf,"useForceAutoConnect");function Aa(){Rd(),tf();let t=h().blockchains(),{canSwitchNetworkTo:e}=ar(),[o,n]=of(""),[r,s]=of(),a=Jk(Wn),l=t.filter(Yk),{fetchApiConfig:p}=ef();Xk({lastConnectedWallet:o,clearDisconnectedWallet:()=>{s(void 0)},disconnectedWallet:r,evmChains:l,canSwitchNetworkTo:e}),Zk(()=>(qt.init(),Oe.persist.hasHydrated()||Oe.persist.rehydrate(),a.onConnectWallet(n),a.onDisconnectWallet(c=>{s(c),c===Kk(o)?.[0]&&n("")}),p().catch(console.log),qt.destroy),[])}i(Aa,"useBootstrap");import{styled as Rk}from"@rango-dev/ui";var nf=Rk("div",{fontFamily:"$widget",boxSizing:"border-box",textAlign:"left","& *, *::before, *::after":{boxSizing:"inherit"},"& *:focus-visible":{outlineColor:"$info500",transition:"none"},"& ul, ol, li":{listStyleType:"none"}});function ti(){Aa();let{config:t}=h(),{activeTheme:e}=Jn(t?.theme||{}),{activeLanguage:o}=yo();return cn.createElement(ew,{language:o},cn.createElement(nf,{id:"swap-container",className:e()},cn.createElement(Zd,null),cn.createElement(Al,null,cn.createElement(jd,null))))}i(ti,"Main");import Na,{useMemo as Sw}from"react";import{checkWaitingForNetworkChange as tw,makeQueueDefinition as ow}from"@rango-dev/queue-manager-rango-preset";import{Provider as nw}from"@rango-dev/queue-manager-react";import{useWallets as rw}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as iw}from"@rango-dev/wallets-shared";import{isEvmBlockchain as sw}from"rango-types";import aw,{useMemo as lw}from"react";function pw(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=rw(),l=lw(()=>ow({API_KEY:t.apiKey||yt("API_KEY"),BASE_URL:yt("BASE_URL")}),[t.apiKey]),p=h().blockchains(),u={blockchains:X.use.connectedWallets().map(T=>({accounts:[T],name:T.chain}))},f=i(async(T,x)=>{if(s(T,x))return r(T,x)},"switchNetwork"),m=i(T=>!!a(T).mobileWallet,"isMobileWallet"),d=p.filter(T=>T.enabled).reduce((T,x)=>(T[x.name]=x,T),{}),S=p.filter(sw),C=i(T=>{let{supportedChains:x}=a(T);return yn(x)},"getSupportedChainNames"),g=e(),y={meta:{blockchains:d,evmBasedChains:S,evmNetworkChainInfo:iw(S),getSupportedChainNames:C},getSigners:o,wallets:u,providers:g,switchNetwork:f,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:m},k=oe.use.isActiveTab();return aw.createElement(nw,{queuesDefs:[l],context:y,onPersistedDataLoaded:T=>{tw(T)},isPaused:!k},t.children)}i(pw,"QueueManager");var rf=pw;import{useManager as fw}from"@rango-dev/queue-manager-react";import gw,{createContext as hw,useContext as yw}from"react";import{cancelSwap as cw,getCurrentBlockchainOfOrNull as uw,getCurrentStep as mw,getRelatedWalletOrNull as dw}from"@rango-dev/queue-manager-rango-preset";var oi=class{static{i(this,"WidgetHistory")}manager;actions;constructor(e,o){this.manager=e,this.actions=o}getAllSwaps(){return mt(this.manager)}getCurrentStep(e){return this.getCurrentStepInfo(e).step}getCurrentStepWallet(e){return this.getCurrentStepInfo(e).wallet}getCurrentStepNetwork(e){return this.getCurrentStepInfo(e).network}retry(e,o){return this.actions.retrySwap(e,o)}cancel(e){let o=this.manager?.get(e);o&&cw(o)}getCurrentStepInfo(e){let o=mw(e);return{step:o,wallet:o?dw(e,o):null,network:o?uw(e,o):null}}};var sf=hw(void 0);function Wa(t){let{manager:e}=fw(),o=oe.use.isActiveTab(),n=H.use.retry(),r=new oi(e,{retrySwap:n}),s=X.use.connectedWallets(),a=X.use.loading(),l=Qa(s),p=X.use.getWalletsDetails(),c=h().blockchains(),u=h().tokens(),f=h().swappers(),m=h().fetchStatus,d=yo().resetLanguage,S=Oe().getUnreadNotifications(),C={isActiveTab:o,setCurrentTabAsActive:qt.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:S}};return gw.createElement(sf.Provider,{value:C},t.children)}i(Wa,"WidgetInfo");function af(){let t=yw(sf);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}i(af,"useWidget");function ni(t){let{onUpdateState:e,config:o}=t;return Sw(()=>{Ka({API_KEY:o?.apiKey||mn,BASE_URL:o?.apiUrl||Ma})},[o.apiKey,o.apiUrl]),Na.createElement(Nn,{config:o,onUpdateState:e},Na.createElement(rf,{apiKey:o.apiKey},Na.createElement(Wa,null,t.children)))}i(ni,"WidgetProvider");function lf(t){return t.config?.externalWallets?La.createElement(ti,null):La.createElement(ni,{config:t.config??ci},La.createElement(ti,null))}i(lf,"Widget");export{LH as EventSeverity,MH as MainEvents,zH as Networks,GH as PendingSwapNetworkStatus,BH as RouteEventType,_H as StepEventType,PH as StepExecutionBlockedEventStatus,$H as StepExecutionEventStatus,ke as UI_ID,UH as WalletEvents,QH as WalletTypes,lf as Widget,ni as WidgetProvider,Nn as WidgetWallets,Di as customizedThemeTokens,OH as readAccountAddress,ar as useWallets,af as useWidget,DH as useWidgetEvents};
|
|
1
|
+
var cf=Object.defineProperty;var i=(t,e)=>cf(t,"name",{value:e,configurable:!0});import{EventSeverity as BH,MainEvents as _H,RouteEventType as PH,StepEventType as $H,StepExecutionBlockedEventStatus as DH,StepExecutionEventStatus as FH,useEvents as OH}from"@rango-dev/queue-manager-rango-preset";import{readAccountAddress as qH,useWallets as ar,Events as zH}from"@rango-dev/wallets-react";import{Networks as HH,WalletTypes as GH}from"@rango-dev/wallets-shared";import{PendingSwapNetworkStatus as jH}from"rango-types";import{UI_ID as uf}from"@rango-dev/ui";var mn="c6381a79-2817-4602-83bf-6a641a409e32",Ma="https://api.rango.exchange",Ba="https://explorer.rango.exchange",ke={SWAP_BOX_ID:"rango-swap-box",EXPANDED_BOX_ID:"rango-expanded-box",...uf};import{Events as Ci,Provider as og}from"@rango-dev/wallets-react";import{isEvmBlockchain as ng}from"rango-sdk";import An,{createContext as rg,useEffect as Il,useMemo as ig,useRef as El}from"react";import{useEffect as If}from"react";import{create as xf}from"zustand";import{subscribeWithSelector as vf}from"zustand/middleware";import{RangoClient as kf}from"rango-sdk";import{WalletState as ct}from"@rango-dev/ui";import{readAccountAddress as ff}from"@rango-dev/wallets-react";import{detectInstallLink as gf,getCosmosExperimentalChainInfo as hf,isEvmAddress as yf,KEPLR_COMPATIBLE_WALLETS as _w,Networks as Da}from"@rango-dev/wallets-shared";import ii from"bignumber.js";import{isCosmosBlockchain as Sf}from"rango-types";import mf from"bignumber.js";var Ne=new mf(0);import{WalletTypes as df}from"@rango-dev/wallets-shared";var _a=[df.LEAP];import{BigNumber as $a}from"bignumber.js";var dn=i(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),W=i((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new $a(t),r=1,s=1e3;for(let a=0;a<60;a++)if(new $a(n.toFixed(a,r)).eq(n)){s=a;break}if(n.gte(1e4))return n.toFormat(0,r);if(n.gte(1e3)||n.gte(100))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,1))),r);if(n.gte(1))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,2))),r);if(n.gte(.01))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,4))),r);for(let a=e||4;a<17;a++)if(n.gte(Math.pow(10,-a)))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,a))),r);return n.isEqualTo(0)?"0":n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,8))),r)},"numberToString");var fn=i(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var pt=i((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),xo=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function pe(t){return W(t,12,12).replace(/(?:\.0*|(\.\d+?)0*)$/,"$1")}i(pe,"formatTooltipNumbers");function si(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(si,"mapStatusToWalletState");function Fa(t,e,o,n){return o.filter(r=>!_a.includes(r)).filter(r=>{let{supportedChains:s,isContractWallet:a}=e(r),{installed:l,network:p}=t(r);return a&&(!l||!!n&&p!==n)?!1:n?!!s.find(u=>u.name===n):!0}).map(r=>{let{name:s,img:a,installLink:l}=e(r),p=si(t(r));return{title:s,image:a,link:gf(l),state:p,type:r}})}i(Fa,"mapWalletTypesToWalletInfo");function yn(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(yn,"walletAndSupportedChainsNames");function Oa(t,e,o,n,r){let s=[];function a(p,c){if(!!!s.find(d=>d.chain===p)){let d={address:c,chain:p,walletType:t};s.push(d)}}i(a,"addAccount");let l=n||[];return e.forEach(p=>{let{address:c,network:u}=ff(p),d=l.length>0,m=l.includes(u),f=u===Da.Unknown;if(d&&!m&&!f)return;let S=u===Da.Unknown&&yf(c);if(f&&!S)return;o.includes(u)||S?r?a(u,c.toLowerCase()):l.filter(k=>o.includes(k)).forEach(k=>{a(k,c.toLowerCase())}):a(u,c)}),s}i(Oa,"prepareAccountsForWalletStore");function Ua(t){let e=[];return t?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain;e.includes(n)||e.push(n),e.includes(r)||e.push(r),o.internalSwaps&&Array.isArray(o.internalSwaps)&&o.internalSwaps.forEach(s=>{let a=s.from.blockchain,l=s.to.blockchain;e.includes(a)||e.push(a),e.includes(l)||e.push(l)})}),e}i(Ua,"getRequiredChains");function Sn(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(Sn,"isAccountAndWalletMatched");function qa(t,e){let{blockChain:o,balances:n=[]}=t;return n?.map(r=>({chain:o,symbol:r.asset.symbol,ticker:r.asset.symbol,address:r.asset.address||null,rawAmount:r.amount.amount,decimal:r.amount.decimals,amount:new ii(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:Tf(o,r.asset.symbol,r.asset.address,e)||null}))||[]}i(qa,"makeBalanceFor");function za(t){return{...t,loading:!1,error:!0}}i(za,"resetConnectedWalletState");var Qa=i(t=>{let e=new Set,n=t?.reduce((s,a)=>s.findIndex(l=>l.address===a.address&&l.chain===a.chain)===-1?[...s,a]:s,[])?.map(s=>{let a={name:s.chain,accounts:[]};return e.has(s.address)||e.add(s.address),e.forEach(l=>{s.address===l&&a.accounts.push(s)}),a}),r=W(n?.flatMap(s=>s.accounts)?.flatMap(s=>s?.balances)?.map(s=>new ii(s?.amount||Ne).multipliedBy(s?.usdPrice||0))?.reduce((s,a)=>s.plus(a),Ne)||Ne).toString();return Cf(r)},"calculateWalletUsdValue");function Cf(t){let e=t.toString().split(".");return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),e.join(".")}i(Cf,"numberWithThousandSeparator");var Tf=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice"),Cn=i((t,e)=>{let o=hf(Object.entries(t).map(([,n])=>n).filter(Sf));return o&&o[e]?.experimental},"isExperimentalChain");function Tn(t){return t?{...t,amount:W(t.amount,8,8),usdValue:W(t.usdValue,4,4)}:null}i(Tn,"formatBalance");function Ha(t,e){return t?.usdValue||e?.usdValue?parseFloat(e?.usdValue||"0")-parseFloat(t?.usdValue||"0"):t?.amount||e?.amount?parseFloat(e?.amount||"0")-parseFloat(t?.amount||"0"):0}i(Ha,"compareTokenBalance");function Le(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(Le,"areTokensEqual");function Ga(t){return t.sort((e,o)=>+(o.state===ct.CONNECTED)-+(e.state===ct.CONNECTED)||+(o.state===ct.DISCONNECTED||o.state===ct.CONNECTING)-+(e.state===ct.DISCONNECTED||e.state===ct.CONNECTING))}i(Ga,"sortWalletsBasedOnConnectionState");function kn(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(kn,"getConciseAddress");function Va({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(Va,"getAddress");function ai(t){return`${t.blockchain}-${t.symbol}-${t.address??""}`}i(ai,"createTokenHash");function wn(t){return t.flatMap(e=>e.balances).reduce((e,o)=>{let n={amount:o?.amount??"",decimals:o?.decimal??0,usdValue:o?.usdPrice?new ii(o?.usdPrice??Ne).multipliedBy(o?.amount).toString():""},r=o?ai({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(wn,"makeTokensBalance");var ja=i((t,e)=>!!t.find(o=>o.chain===e&&o.loading),"isFetchingBalance");function Xa(t){return t.map(e=>e.state).join("-")}i(Xa,"hashWalletsState");var li={API_KEY:mn};function yt(t){return li[t]||""}i(yt,"getConfig");function Ka(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),li=e,li}i(Ka,"initConfig");var Ya=20,Ja=25,Za="Roboto",pi="theme-widget",vo=i((t,e)=>{let o=!1;if(e&&t){if(Array.isArray(e))o=!e.some(n=>Le(n,t));else if(!Array.isArray(e)&&e[t.blockchain]){o=e[t.blockchain].tokens.some(r=>Le(r,t));let n=e[t.blockchain].isExcluded;return!n&&!o||n&&o}}return o},"isTokenExcludedInConfig"),ci=i((t,e)=>t&&e&&!e.includes(t.name),"isBlockchainExcludedInConfig"),Ra=i((t,e,o)=>o==="expanded"&&(t||e)||o==="full-expanded"&&e,"isVariantExpandable");var xn,Wt=i(()=>xn||(xn=new kf(yt("API_KEY"),yt("BASE_URL")),xn),"httpService");var wf=i(t=>{let e=t;e.use={};for(let o of Object.keys(e.getState()))e.use[o]=()=>e(n=>n[o]);return e},"createSelectors"),Nt=wf;var Y=Nt(xf()(vf((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:wn(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=>Sn(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:c,chain:u})=>({address:c,blockchain:u})),p=(await Wt().getWalletsDetails(a)).wallets;if(p)t(c=>{let u=c.connectedWallets.map(m=>{let f=o.find(S=>Sn(S,m)),C=p.find(S=>S.address===m.address&&S.blockChain===m.chain);return C?.failed&&f&&r&&s([f],n,!1),f&&C?{...m,explorerUrl:C.explorerUrl,balances:qa(C,n),loading:!1}:m});return{loading:!1,balances:wn(u),connectedWallets:u}});else throw new Error("Wallet not found")}catch{t(l=>{let p=l.connectedWallets.map(u=>o.find(d=>Sn(d,u))?za(u):u);return{loading:!1,balances:wn(p),connectedWallets:p}})}},getBalanceFor:o=>{let{balances:n}=e(),r=ai(o);return n[r]??null}}))));import{allProviders as bf}from"@rango-dev/provider-all";function vn(t,e){let o=bf({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(vn,"matchAndGenerateProviders");function el(t,e){return vn(t,e).map(r=>r.config.type)}i(el,"configWalletsToWalletName");function tl(t,e){let o=Y.use.clearConnectedWallet(),n=vn(void 0,e);return If(()=>{o(),n=vn(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}i(tl,"useWalletProviders");import Kf,{createContext as Yf,useContext as Jf,useEffect as Zf,useRef as Rf}from"react";import{create as jf}from"zustand";import{persist as Xf}from"zustand/middleware";var ui={apiKey:"",title:void 0,multiWallets:!0,excludeLiquiditySources:!0,customDestination:!0},Ef={clientUrl:void 0},Af={liquiditySources:void 0},ol=i((t,e,o)=>({config:{...ui,...t},iframe:Ef,campaignMode:Af,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 bn(t){return Array.from(new Set(t))}i(bn,"removeDuplicateFrom");function fi(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(fi,"areEqual");function ll(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i(ll,"debounce");function St(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(St,"containsText");function il(t,e){return t.toLowerCase()===e.toLowerCase()}i(il,"exactText");function sl(t,e){return t.toLowerCase().startsWith(e.toLowerCase())}i(sl,"startWithText");var L=i(()=>document.getElementById(ke.SWAP_BOX_ID),"getContainer"),In=i(()=>document.getElementById(ke.EXPANDED_BOX_ID),"getExpanded");function al(t,e,o){let n=!!e&&il(e,t),r=!!o&&il(o,t);return n!==r?n?-1:1:0}i(al,"compareExactMatchText");function mi(t,e,o){let n=!!e&&St(e,t),r=!!o&&St(o,t);return n!==r?n?-1:1:n&&r&&e?.length!==o?.length?e?.length-o?.length:0}i(mi,"compareContainsText");function di(t,e,o){let n=!!e&&sl(e,t),r=!!o&&sl(o,t);return n!==r?n?-1:1:n&&r&&e?.length!==o?.length?e?.length-o?.length:0}i(di,"compareStartWithText");function pl(t,e,o){if(!o)return 0;let n=al(o,t.symbol,e.symbol);if(n)return n;if(o.length>=3){let r=al(o,t.name,e.name);if(r)return r}if(o.length>=2){let r=di(o,t.symbol,e.symbol);if(r)return r}if(o.length>=3){let r=mi(o,t.symbol,e.symbol);if(r)return r}if(o.length>=3){let r=di(o,t.name,e.name);if(r)return r}if(o.length>=3){let r=mi(o,t.name,e.name);if(r!==0)return r}if(o.length>=4){let r=di(o,t.address,e.address);if(r)return r}if(o.length>=4){let r=mi(o,t.address,e.address);if(r!==0)return r}return 0}i(pl,"compareWithSearchFor");function cl(t,e){return e.find(o=>o.name===t)?.displayName}i(cl,"getBlockchainDisplayNameFor");function Ve(t,e){return e.find(o=>o.name===t)?.shortName}i(Ve,"getBlockchainShortNameFor");function bo(t,e){return e.find(o=>o.id===t)?.swapperGroup}i(bo,"getSwapperDisplayName");function gi(t,e){return e.find(o=>Le(o,t))??null}i(gi,"findToken");function hi(t,e){return e.find(o=>o.name===t)??null}i(hi,"findBlockchain");function yi(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(yi,"isTokenNative");function En(t,e){let o=t.map(s=>s.swapperGroup),n=[];return bn(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(En,"getUniqueSwappersGroups");function ul(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}i(ul,"sortLiquiditySourcesByGroupTitle");function je(t,e){return e?.[t]==="hidden"}i(je,"isFeatureHidden");function ml(t,e){return e?.[t]==="enabled"}i(ml,"isFeatureEnabled");var dl=i((t,e)=>({_blockchainsMapByName:new Map,_tokens:[],_popularTokens:[],_swappers:[],fetchStatus:"loading",blockchains:o=>{let n=e()._blockchainsMapByName,r=Array.from(n?.values()||[]);if(!o||!o?.type)return r;let s=e().config,a=(o.type==="source"?s.from?.blockchains:s.to?.blockchains)??[];return r.filter(p=>!(a.length>0&&!a.includes(p.name)))},tokens:o=>{let n=e()._tokens,r=e()._blockchainsMapByName;if(!o||!o?.type)return n;let s=e().config,a=(o.type==="source"?s.from?.tokens:s.to?.tokens)??{},l=e().blockchains({type:o.type});return n.filter(c=>a&&vo(c,a)||o.blockchain&&c.blockchain!==o.blockchain||!l.some(u=>u.name===c.blockchain)?!1:o.searchFor?!!(St(c.symbol,o.searchFor)||St(c.address||"",o.searchFor)||St(c.name||"",o.searchFor)):!0).sort((c,u)=>{let d=e().isTokenPinned(c,o.type),m=e().isTokenPinned(u,o.type);if(d!==m)return d?-1:1;if(o.getBalanceFor){let y=o.getBalanceFor(c),k=o.getBalanceFor(u),T=Ha(y,k);if(T!==0)return T}if(c.isPopular!==u.isPopular)return c.isPopular?-1:1;if(o.searchFor){let y=pl(c,u,o.searchFor);if(y)return y}let f=r.get(c.blockchain),C=r.get(u.blockchain),S=yi(c,f),g=yi(u,C);return S!==g?S?-1:1:c.isSecondaryCoin!==u.isSecondaryCoin?c.isSecondaryCoin?1:-1:f&&C?f.sort-C.sort:0})},isTokenPinned:(o,n)=>!!(n==="source"?e().config.from?.pinnedTokens:e().config.to?.pinnedTokens)?.some(a=>Le(a,o)),swappers:()=>{let{config:o,campaignMode:n}=e(),r=n.liquiditySources?.length?n.liquiditySources:null,s=r??o.liquiditySources,a=r?!1:o.excludeLiquiditySources;return e()._swappers.filter(c=>{let u=s?.includes(c.swapperGroup);return a||!s||s.length===0?!u:u}).sort(ul)},fetch:async()=>{try{let{enableCentralizedSwappers:o}=e().config,n=await Wt().getAllMetadata({enableCentralizedSwappers:o});t({fetchStatus:"success"});let r=new Map,s=[],a=n.popularTokens,l=n.swappers,p=new Set;n.tokens.forEach(u=>{p.add(u.blockchain),s.push(u)}),n.blockchains.sort((u,d)=>u.sort-d.sort).forEach(u=>{u.enabled&&p.has(u.name)&&r.set(u.name,u)}),t({_blockchainsMapByName:r,_tokens:s,_popularTokens:a,_swappers:l})}catch(o){throw t({fetchStatus:"failed"}),o}}}),"createDataSlice");import{Chinese as Mf,English as Bf,Finland as _f,French as Pf,German as $f,Greece as Df,Italian as Ff,Japanese as Of,Netherlands as Uf,Poland as qf,Portuguese as zf,Russian as Qf,Spanish as Hf,Swedish as Gf,Ukrainian as Vf}from"@rango-dev/ui";var fl=[{title:"English",label:"English",local:"en",SVGFlag:Bf},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:Hf},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:Pf},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:Of},{title:"Portuguese",label:"Portugu\xEAs",local:"pt",SVGFlag:zf},{title:"Chinese",label:"\u4E2D\u56FD\u4EBA",local:"zh",SVGFlag:Mf},{title:"Russian",label:"\u0420\u0443\u0441\u0441\u043A\u0438\u0439",local:"ru",SVGFlag:Qf},{title:"German",label:"Deutsch",local:"de",SVGFlag:$f},{title:"Ukrainian",label:"\u0423\u043A\u0440\u0430\u0457\u043D\u0456",local:"uk",SVGFlag:Vf},{title:"Swedish",label:"svenska",local:"sv",SVGFlag:Gf},{title:"Finnish",label:"Suomalainen",local:"fi",SVGFlag:_f},{title:"Dutch",label:"Nederlands",local:"nl",SVGFlag:Uf},{title:"Greek",label:"Grieks",local:"el",SVGFlag:Df},{title:"Italian",label:"Italiana",local:"it",SVGFlag:Ff},{title:"Polish",label:"Polski",local:"pl",SVGFlag:qf}],Io="en";var gl=[.5,1,3],hl=1,yl=5,Sl=100,Cl=0;var Tl=i((t,e)=>({disabledLiquiditySources:[],theme:"auto",language:null,preferredBlockchains:[],slippage:hl,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,addPreferredBlockchain:o=>{let n=e().preferredBlockchains;if(n.find((a,l)=>{let p=a===o,c=l<=9;return p&&c}))return;let s=n.filter(a=>!(a===o));t(()=>({preferredBlockchains:[o,...s]}))},setSlippage:o=>t(()=>({slippage:o})),setCustomSlippage:o=>t(()=>({customSlippage:o})),setAffiliateRef:o=>t(()=>({affiliateRef:o})),setAffiliatePercent:o=>t(()=>({affiliatePercent:o})),setAffiliateWallets:o=>t(()=>({affiliateWallets:o})),toggleAllLiquiditySources:(o,n)=>t(r=>{if(n)return{disabledLiquiditySources:[]};let s=bn(o.map(a=>a.swapperGroup));return s.length===r.disabledLiquiditySources.length?{disabledLiquiditySources:[]}:{disabledLiquiditySources:s}}),toggleInfiniteApprove:()=>t(o=>({infiniteApprove:!o.infiniteApprove})),toggleLiquiditySource:o=>t(n=>n.disabledLiquiditySources.includes(o)?{disabledLiquiditySources:n.disabledLiquiditySources.filter(r=>r!=o)}:{disabledLiquiditySources:n.disabledLiquiditySources.concat(o)}),setTheme:o=>t(()=>({theme:o})),setLanguage:o=>t(()=>({language:o})),updateSettings:o=>{let{features:n}=o,r=je("theme",n),s=je("language",n),a=je("liquiditySource",n);t({...r&&{theme:o.theme?.mode||"auto"},...s&&{language:o.language||Io},...a&&{disabledLiquiditySources:o.liquiditySources||[]}})}}),"createSettingsSlice");function kl(t){return jf()(Xf((...e)=>({...dl(...e),...Tl(...e),...ol(t,...e)}),{name:"user-settings",skipHydration:!0,partialize:e=>({theme:e.theme,language:e.language,affiliatePercent:e.affiliatePercent,affiliateRef:e.affiliateRef,affiliateWallets:e.affiliateWallets,slippage:e.slippage,customSlippage:e.customSlippage,infiniteApprove:e.infiniteApprove,preferredBlockchains:e.preferredBlockchains,disabledLiquiditySources:e.disabledLiquiditySources})}))}i(kl,"createAppStore");var wl=Yf(null);function h(){let t=Jf(wl);if(Zf(()=>{t&&!t.persist.hasHydrated()&&t.persist.rehydrate()},[]),!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}i(h,"useAppStore");function xl(t){let e=Rf();return e.current||(e.current=kl(t.config)),Kf.createElement(wl.Provider,{value:e.current},t.children)}i(xl,"AppStoreProvider");import{create as tg}from"zustand";var vl="rango-widget";var Eo=class{static{i(this,"TabManager")}tabId;state="not-initiated";lastTryClaim;events={};channel;constructor(e){this.channel=new BroadcastChannel(vl),this.tabId=Math.trunc(Math.random()*1e5),this.events=e}init=()=>{this.initEvents(),this.tryClaim()};forceClaim=()=>{if(!this.isClaimed()){let e={name:"force-claim",candidateId:this.tabId};this.channel.postMessage(e),setTimeout(()=>{this.isClaimed()||this.claim()},300)}};isClaimed=()=>this.state==="claimed";destroy=()=>{this.channel.removeEventListener("message",this.handleMessageEvent),document.removeEventListener("visibilitychange",this.handleVisibilityChange),document.removeEventListener("resume",this.handleResume)};initEvents(){this.channel.addEventListener("message",this.handleMessageEvent),document.addEventListener("visibilitychange",this.handleVisibilityChange),document.addEventListener("resume",this.handleResume)}claimedByCurrentTab(e){let o=this.lastTryClaim&&this.lastTryClaim<e;if(this.isClaimed()||o){let n={name:"pong"};this.channel.postMessage(n);return}}handleMessageEvent=e=>{let o=e.data.name;switch(o){case"ping":this.claimedByCurrentTab(e.data.pingAt);break;case"pong":this.alreadyClaimedByAnotherTab();break;case"force-claim":this.forceRelease(e.data.candidateId);break;case"force-release":this.tabId===e.data.candidateId&&this.claim();break;default:throw new Error(`${o} is not supported.`)}};handleVisibilityChange=async()=>{document.visibilityState==="visible"&&await this.tryClaim()};handleResume=async()=>{this.isClaimed()&&(await this.tryClaim(),this.isClaimed()||this.events.onRelease?.())};alreadyClaimedByAnotherTab(){this.resetLastCheck()}async tryClaim(){return this.setLastCheck(),new Promise(e=>{setTimeout(()=>{this.check(),e()},300)})}check(){this.state==="not-initiated"&&this.events.onInit?.(),this.lastTryClaim?(this.claim(),this.resetLastCheck()):this.state="not-claimed"}claim(){this.state="claimed",this.events.onClaim?.()}setLastCheck(){this.lastTryClaim=Date.now();let e={name:"ping",pingAt:this.lastTryClaim};this.channel.postMessage(e)}resetLastCheck(){this.lastTryClaim=void 0}forceRelease(e){if(this.isClaimed()){this.state="not-claimed",this.events.onRelease?.();let o={name:"force-release",candidateId:e};this.channel.postMessage(o)}}};var ne=Nt(tg()((t,e)=>({isActiveTab:!1,tabManagerInitiated:!1,showActivateTabModal:!1,watermark:"NONE",fetchingApiConfig:!1,activateCurrentTab:(o,n)=>{let{showActivateTabModal:r}=e();!r&&n?t({showActivateTabModal:!0}):(r||!n)&&o()},setShowActivateTabModal:o=>{t({showActivateTabModal:o})},setWatermark:o=>{t({watermark:o})}}))),zt=new Eo({onInit:()=>ne.setState({tabManagerInitiated:!0}),onClaim:()=>ne.setState({isActiveTab:!0,showActivateTabModal:!1}),onRelease:()=>ne.setState({isActiveTab:!1})});var Wn=rg({onConnectWallet:()=>{},onDisconnectWallet:()=>{}});function sg(t){let{updateConfig:e,updateSettings:o,fetch:n}=h(),r=h().blockchains(),s=h().tokens(),a={walletConnectProjectId:t.config?.walletConnectProjectId},{providers:l}=tl(t.config.wallets,a),{connectWallet:p,disconnectWallet:c}=Y(),u=El(),d=El();Il(()=>{n().catch(console.log)},[]),Il(()=>{t.config&&(e(t.config),o(t.config))},[t.config]);let m=r.filter(ng).map(g=>g.name),f=i((g,y,k,T,x)=>{if(y===Ci.ACCOUNTS)if(k){let I=yn(x.supportedBlockchains),E=Oa(g,k,m,I,x.isContractWallet);E.length&&p(E,s)}else c(g),d.current?d.current(g):console.warn("onDisconnectWallet handler hasn't been set. Are you sure?");if(y===Ci.ACCOUNTS&&T.connected){let I=`${g}-${T.network}-${k}`;T.connected&&(u.current?u.current(I):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(y===Ci.NETWORK&&T.network){let I=`${g}-${T.network}`;u.current?u.current(I):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(g,y,k,T,x)},"onUpdateState"),C=ne.use.isActiveTab(),S=ig(()=>({onConnectWallet:g=>{u.current=g},onDisconnectWallet:g=>{d.current=g}}),[]);return An.createElement(Wn.Provider,{value:S},An.createElement(og,{allBlockChains:r,providers:l,onUpdateState:f,autoConnect:!!C},t.children))}i(sg,"Main");function Nn(t){let{config:e,...o}=t;return An.createElement(xl,{config:e},An.createElement(sg,{...o,config:e}))}i(Nn,"WidgetWallets");import La from"react";import{I18nManager as ew}from"@rango-dev/ui";import cn from"react";import ag,{Fragment as lg}from"react";import{MemoryRouter as pg,useInRouterContext as cg}from"react-router";function Al({children:t}){let o=cg()?lg:pg;return ag.createElement(o,null,t)}i(Al,"AppRouter");import ze from"react";import{useRoutes as Uk}from"react-router-dom";var F={home:"/",fromSwap:"from-swap",toSwap:"to-swap",blockchains:"blockchains",settings:"settings",liquiditySources:"liquidity-sources",bridges:"bridges",exchanges:"exchanges",languages:"languages",swaps:"swaps",wallets:"wallets",confirmSwap:"confirm-swap",swapDetails:":requestId",routes:"routes"};import{useEffect as io,useRef as Un}from"react";import Bt from"bignumber.js";import{create as hg}from"zustand";import{subscribeWithSelector as yg}from"zustand/middleware";import{getLastSuccessfulStep as gg}from"@rango-dev/queue-manager-rango-preset";import lb from"bignumber.js";import{i18n as ut}from"@lingui/core";var Ti={"Network Fee":ut.t("Network Fee"),"Swapper Fee":ut.t("Protocol Fee"),"Affiliate Fee":ut.t("Affiliate Fee"),"Outbound network fee":ut.t("Outbound Fee"),"Rango Fee":ut.t("Rango Fee")},Wl=[{value:"SMART",label:ut.t("Smart Routing")},{value:"FEE",label:ut.t("Lowest Fee")},{value:"SPEED",label:ut.t("Fastest Transfer")},{value:"NET_OUTPUT",label:ut.t("Maximum Return")},{value:"PRICE",label:ut.t("Maximum Output")}],ki=["RECOMMENDED","CENTRALIZED","LOWEST_FEE","FASTEST","HIGH_IMPACT"],Nl=30;var Lt=(r=>(r[r.HIGH_VALUE_LOSS=0]="HIGH_VALUE_LOSS",r[r.UNKNOWN_PRICE=1]="UNKNOWN_PRICE",r[r.INSUFFICIENT_SLIPPAGE=2]="INSUFFICIENT_SLIPPAGE",r[r.HIGH_SLIPPAGE=3]="HIGH_SLIPPAGE",r))(Lt||{});import{i18n as tt}from"@lingui/core";import Me from"bignumber.js";import{PendingSwapNetworkStatus as _n}from"rango-types";function Ln(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(Ln,"getRequiredWallets");function Mn(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(Mn,"isValidAddress");import{i18n as Ee}from"@lingui/core";var R=i(()=>({genericServerError:Ee.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:Ee.t("Please reset your liquidity sources."),description:Ee.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources.")},noResultError:{title:Ee.t("No Routes Found."),description:Ee.t("Reasons why Rango couldn't find a route: low liquidity on token, very low input amount or no routes available for the selected input/output token combination.")},bridgeLimitErrors:{increaseAmount:Ee.t("Bridge Limit Error: Please increase your amount."),decreaseAmount:Ee.t("Bridge Limit Error: Please decrease your amount.")},highValueLossError:{impactTitle:Ee.t("High Price Impact"),title:Ee.t("Price impact is too high!"),description:Ee.t("The price impact is significantly higher than the allowed amount."),confirmMessage:Ee.t("Confirm high price impact")},quoteUpdatedWithHighValueLoss:{title:Ee.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:Ee.t("USD Price Unknown"),title:Ee.t("USD Price Unknown, Cannot calculate Price Impact."),description:Ee.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:Ee.t("Confirm USD Price Unknown")}}),"errorMessages");function Ll(t){switch(t.type){case 0:return t.diagnosisMessage??R().noResultError.title;case 1:return R().genericServerError;default:return""}}i(Ll,"getQuoteErrorMessage");import{i18n as Bn}from"@lingui/core";var Qt=i(()=>({connectWallet:Bn.t("Connect Wallet"),swap:Bn.t("Swap"),swapAnyway:Bn.t("Swap anyway"),ethWarning:Bn.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function Ml(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new Me(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new Me(1e3)))??!1}i(Ml,"hasHighValueLoss");function Bl(t){return(t||[]).filter(e=>{let o=e.fromAmountMinValue?new Me(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Me(e.fromAmountMaxValue):null;return e.fromAmountRestrictionType==="EXCLUSIVE"?o?.gte(e.fromAmount)||n?.lte(e.fromAmount):o?.gt(e.fromAmount)||n?.lt(e.fromAmount)}).length>0}i(Bl,"hasLimitError");function _l(t){let e=(t||[]).filter(l=>{let p=l.fromAmountMinValue?new Me(l.fromAmountMinValue):null,c=l.fromAmountMaxValue?new Me(l.fromAmountMaxValue):null;return l.fromAmountRestrictionType==="EXCLUSIVE"?p?.gte(l.fromAmount)||c?.lte(l.fromAmount):p?.gt(l.fromAmount)||c?.lt(l.fromAmount)})[0],o=e.fromAmountMinValue?new Me(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Me(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",s="",a="";return!r&&o&&o.gt(e.fromAmount)?(s=tt.t({id:"Required: >= {min} {symbol}",values:{min:W(o,6,6),symbol:e.from.symbol}}),a=R().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(s=tt.t({id:"Required: > {min} {symbol}",values:{min:W(o,6,6),symbol:e.from.symbol}}),a=R().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(s=tt.t({id:"Required: <= {max} {symbol}",values:{max:W(n,6,6),symbol:e.from.symbol}}),a=R().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(s=tt.t({id:"Required: < {max} {symbol}",values:{max:W(n,6,6),symbol:e.from.symbol}}),a=R().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:s,recommendation:a}}i(_l,"getLimitErrorMessage");function Pl(t){let{fetchMetaStatus:e,anyWalletConnected:o,fetchingQuote:n,inputAmount:r,quote:s,warning:a,error:l,needsToWarnEthOnPath:p}=t;return e!=="success"?{title:Qt().connectWallet,action:"connect-wallet",disabled:!0}:o?n||!s||l||!r||r==="0"?{title:Qt().swap,action:"confirm-swap",disabled:!0}:a?{title:Qt().swapAnyway,action:"confirm-warning",disabled:!1}:p?{title:Qt().ethWarning,action:"confirm-warning",disabled:!1}:{title:Qt().swap,action:"confirm-swap",disabled:!1}:{title:Qt().connectWallet,action:"connect-wallet",disabled:!1}}i(Pl,"getSwapButtonState");function wi(t,e,o){return!((!o||o.lte(Ne))&&t&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t)}i(wi,"canComputePriceImpact");function ug(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(ug,"requiredWallets");var mg=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice");function dg(t,e){let o=Ne;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let s=mg(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new Me(r.amount).multipliedBy(s||0))}return o}i(dg,"getUsdFeeOfStep");function Pn(t,e){return t.reduce((o,n)=>o.plus(dg(n,e)),Ne)}i(Pn,"getTotalFeeInUsd");function xi(t){let e=Ne;return e=e.plus(new Me(t.amount).multipliedBy(t.price||0)),e}i(xi,"getUsdFee");function $l(t){return t.reduce((e,o)=>e.plus(xi(o)),Ne)}i($l,"getTotalFeesInUsd");function Dl(t){return t.reduce((e,o)=>{for(let n of o.fee){let r=n.name,s=n.expenseType!=="DECREASE_FROM_OUTPUT"?e.payable:e.nonePayable;s[r]=[...s[r]||[],n]}return e},{payable:{},nonePayable:{}})}i(Dl,"getFeesGroup");function Fl(t){let e=new Map;return t.forEach((o,n)=>{o.recommendedSlippage?.error&&e.set(n,o.recommendedSlippage.slippage)}),e.size>0?e:null}i(Fl,"checkSlippageErrors");function Ol(t,e){let o=new Map;return t?.swaps.forEach((n,r)=>{n.recommendedSlippage?.slippage&&parseFloat(n.recommendedSlippage.slippage)>e&&o.set(r,n.recommendedSlippage.slippage)}),o.size>0?o:null}i(Ol,"checkSlippageWarnings");function $n(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($n,"getMinRequiredSlippage");function Ul(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(Ul,"hasProperSlippage");function ql(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:s,disabledLiquiditySources:a,liquiditySources:l,excludeLiquiditySources:p,slippage:c,affiliateRef:u,affiliatePercent:d,affiliateWallets:m,destination:f,enableCentralizedSwappers:C}=t,S=s?.reduce((k,T)=>(k[T.chain]=T.address,k),{}),g=[];return r?.forEach(k=>{g.push({blockchain:k.chain,addresses:[k.address]})}),{amount:n.toString(),affiliateRef:u??void 0,affiliatePercent:d??void 0,affiliateWallets:m??void 0,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:g,selectedWallets:S??{},slippage:c.toString(),...f&&{destination:f},...p&&{swapperGroups:a.concat(l??[]),swappersGroupsExclude:!0},...!p&&{swapperGroups:l?.filter(k=>!a.includes(k)),swappersGroupsExclude:!1},enableCentralizedSwappers:C}}i(ql,"createQuoteRequestBody");function zl(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(zl,"getWalletsForNewSwap");function no(t){return t?.outputAmount||null}i(no,"getQuoteOutputAmount");function Ql(t,e){return new Me(e).div(new Me(t)).minus(1).multipliedBy(100).toNumber()}i(Ql,"getPercentageChange");function Hl(t,e){let o=no(t),n=no(e);if(!o||!n)return!1;let r=Xe(o,n);return r?r<=-1:!0}i(Hl,"isOutputAmountChangedALot");function Gl(t,e,o){let n=t.validationStatus,r=Ua(t);return e.sort((a,l)=>r.indexOf(a.chain)-r.indexOf(l.chain)).flatMap(a=>Jl(a,n)||[]).filter(a=>!a.ok).map(a=>{let l=a.asset.symbol,p=W(new Me(a.currentAmount.amount).shiftedBy(-a.currentAmount.decimals),8,8),c=W(new Me(a.requiredAmount.amount).shiftedBy(-a.requiredAmount.decimals),8,8),u="";return a.reason==="FEE"&&(u=tt.t(" for network fee")),a.reason==="INPUT_ASSET"&&(u=tt.t(" for swap")),a.reason==="FEE_AND_INPUT_ASSET"&&(u=tt.t(" for input and network fee")),tt.t({id:"Needs \u2248 {requiredAmount} {symbol}{reason}, but you have {currentAmount} {symbol} in your {blockchain} wallet.",values:{requiredAmount:c,symbol:l,reason:u,currentAmount:p,blockchain:Ve(a.asset.blockchain,o)}})})}i(Gl,"generateBalanceWarnings");function Dn(t,e){return(t?new Me(t):Ne).multipliedBy(e||0)}i(Dn,"calcOutputUsdValue");function Ao(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==_n.NetworkChanged}i(Ao,"isNetworkStatusInWarningState");function Vl(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),Ao(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case _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(Vl,"getSwapMessages");function jl(t){let e=null;if(t.status==="failed"){let o=t.steps.slice().reverse().filter(n=>n.status==="success")[0];o&&(e={blockchain:o.toBlockchain,symbol:o.toSymbol,outputAmount:o.outputAmount,address:o.toSymbolAddress})}return e}i(jl,"getLastConvertedTokenInFailedSwap");function Xl(t){return t.status==="failed"}i(Xl,"shouldRetrySwap");function Kl(t,e,o,n,r,s){return t||!e&&!ug(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!Mn(s,o)}i(Kl,"confirmSwapDisabled");function Yl(t,e){return t.blockchain===e.blockchain&&t.symbol===e.symbol&&t.address===e.address}i(Yl,"isTokensIdentical");function Fn(t){let e=t?.swaps||[];return e[e.length-1].to.usdPrice}i(Fn,"getQuoteToTokenUsdPrice");function vi(t,e){let o=t?.swaps||[],n=e?.swaps||[];return o.length!==n.length}i(vi,"isNumberOfSwapsChanged");function bi(t,e){let o=t?.swaps.map(r=>r.swapperId)||[],n=e?.swaps.map(r=>r.swapperId)||[];return!fi(o,n)}i(bi,"isQuoteSwappersUpdated");function Ii(t,e){let o=t?.swaps.map(r=>r.to.symbol)||[],n=e?.swaps.map(r=>r.to.symbol)||[];return!fi(o,n)}i(Ii,"isQuoteInternalCoinsUpdated");function Rl(t,e){return vi(t,e)||bi(t,e)||Ii(t,e)}i(Rl,"isQuoteChanged");function Jl(t,e){if(e===null)return null;let o=e?.find(n=>n.blockchain===t.chain)?.wallets.find(n=>n.address?.toLowerCase()===t.address.toLowerCase());return o?o.requiredAssets:null}i(Jl,"getRequiredBalanceOfWallet");function Ct(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(Ct,"getPriceImpactLevel");function ep(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],s=gg(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=hi(s?s.toBlockchain:n.fromBlockchain,e),p=hi(r.toBlockchain,e),c=gi(s?{blockchain:l?.name??"",symbol:s.toSymbol,address:s.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),u=gi(a,o),d=s?s.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:c,toBlockchain:p,toToken:u,inputAmount:d}}i(ep,"createRetryQuote");function ro(t,e){let{fromToken:o,toToken:n,tokens:r,userSlippage:s}=e,a=Ht(o,t.requestAmount),l=Ht(n,t?.outputAmount??"");if(t&&a&&l){let u=Xe(a.toString(),l.toString());if(!!u&&Ml(a,u)){let m=Pn(t?.swaps,r),f=Ct(u);return{type:0,inputUsdValue:a,outputUsdValue:l,priceImpact:u,totalFee:m,warningLevel:f}}}else if(t&&(!a||!l))return{type:1};let p=$n(t.swaps),c=s>yl;if(Ul(e.userSlippage.toString(),p)){if(c&&parseFloat(p??"0")<s)return{type:3,slippage:s.toString()}}else return{type:2,recommendedSlippages:Ol(t,s),minRequiredSlippage:p};return null}i(ro,"generateQuoteWarnings");function Xe(t,e){let o=typeof e=="string"?parseFloat(e)<=0:!e?.gt(0),n=!t||!e||o?null:Ql(t.toString(),e.toString());return n&&n<0?n:null}i(Xe,"getPriceImpact");var tp=i(t=>{let e=new Set,o=[];return t.forEach(n=>{e.has(n.from.chain.displayName)||(e.add(n.from.chain.displayName),o.push(n.from.chain)),e.has(n.to.chain.displayName)||(e.add(n.to.chain.displayName),o.push(n.to.chain))}),o},"getUniqueBlockchains"),On=i((t,e)=>e.sort((o,n)=>{let r=i(c=>c.scores?.find(u=>u.preferenceType===t)?.score??0,"getScore"),s=r(o),a=r(n);if(s!==a)return a-s;let l=o.requestId.toLowerCase(),p=n.requestId.toLowerCase();return l.localeCompare(p)}),"sortQuotesBy"),op=i((t,e,o)=>{if(!e.length)return null;if(!t)return{requestAmount:o,...e[0]};let n=new Set(t.swaps.map(s=>s.swapperId)),r=e.find(s=>{let a=new Set(s.swaps.map(l=>l.swapperId));return Array.from(n).every(l=>a.has(l))});return{requestAmount:o,...r||e[0]}},"getDefaultQuote"),np=i(t=>{let e=i((o,n)=>{let r=ki.indexOf(o.value),s=ki.indexOf(n.value);return r!==-1&&s!==-1?r-s:r!==-1?-1:s!==-1?1:0},"customSort");return t.sort(e)},"sortTags");var Ht=i((t,e)=>t?.usdPrice?new Bt(e||Ne).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),H=Nt(hg()(yg(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new Bt(0),outputUsdValue:new Bt(0),toBlockchain:null,toToken:null,refetchQuote:!0,sortStrategy:"SMART",selectedQuote:null,quotes:null,error:null,warning:null,quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:null,quoteWarningsConfirmed:!1,updateQuotePartialState:(e,o)=>t(n=>({...n,[e]:o})),setSelectedQuote:e=>t(o=>{let n=null,r=Ne;return xo(o.inputAmount)?(e&&(n=e?.outputAmount?new Bt(e?.outputAmount):null,r=Dn(e?.outputAmount,Fn(e)||o.toToken?.usdPrice)),{selectedQuote:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetAlerts:()=>t(()=>({error:null,warning:null})),resetQuote:()=>t(()=>({selectedQuote:null,outputAmount:null,outputUsdValue:new Bt(0),quotes:null,refetchQuote:!0,error:null,warning:null})),setFromBlockchain:e=>{t(o=>o.fromBlockchain?.name===e?.name?{}:{fromBlockchain:e,...o.fromToken&&{selectedQuote:null,fromToken:null,outputAmount:null,outputUsdValue:null}})},setFromToken:e=>t(o=>({fromToken:e.token,...e.token&&{fromBlockchain:e.meta.blockchains.find(n=>n.name===e.token.blockchain)??null},...!!o.inputAmount&&{inputUsdValue:Ht(e.token,o.inputAmount)}})),setToBlockchain:e=>{t(o=>o.toBlockchain?.name===e?.name?{}:{toBlockchain:e,...o.toToken&&{selectedQuote:null,toToken:null,outputAmount:null,outputUsdValue:null}})},setToToken:e=>t(()=>({toToken:e.token,...e.token&&{toBlockchain:e.meta.blockchains.find(o=>o.name===e.token.blockchain)??null}})),setInputAmount:e=>{t(o=>({inputAmount:e,...!e&&{outputAmount:new Bt(0),outputUsdValue:new Bt(0),selectedQuote:null},...!!o.fromToken&&{inputUsdValue:Ht(o.fromToken,e)}}))},retry:(e,o)=>{let{tokens:n,blockchains:r}=o,{fromBlockchain:s,fromToken:a,toBlockchain:l,toToken:p,inputAmount:c}=ep(e,r,n);t({fromBlockchain:s,fromToken:a,inputAmount:c,outputAmount:null,inputUsdValue:Ht(a??null,c),outputUsdValue:new Bt(0),toBlockchain:l,toToken:p,selectedQuote:null})},switchFromAndTo:()=>t(e=>({fromBlockchain:e.toBlockchain,fromToken:e.toToken,toBlockchain:e.fromBlockchain,toToken:e.fromToken,inputAmount:e.outputAmount?.toString()||"",inputUsdValue:Ht(e.toToken,e.outputAmount?.toString()||"")})),resetFromBlockchain:()=>t(()=>({fromToken:null,fromBlockchain:null,outputAmount:null,outputUsdValue:null,selectedQuote:null})),resetToBlockchain:()=>t(()=>({toToken:null,toBlockchain:null,outputAmount:null,outputUsdValue:null,selectedQuote:null})),setQuoteWalletConfirmed:e=>t({quoteWalletsConfirmed:e}),setSelectedWallets:e=>t({selectedWallets:e}),setCustomDestination:e=>t({customDestination:e}),resetQuoteWallets:()=>t({quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:null}),setQuoteWarningsConfirmed:e=>t({quoteWarningsConfirmed:e})}))));function rp(){let{setInputAmount:t,setToToken:e,setToBlockchain:o,setFromBlockchain:n,setFromToken:r,fromToken:s,toToken:a,fromBlockchain:l,toBlockchain:p}=H(),c=h().config,u=h().fetchStatus,d=h().blockchains(),m=h().tokens(),{setAffiliateRef:f,setAffiliatePercent:C,setAffiliateWallets:S}=h(),g=c?.from?.tokens,y=c?.from?.blockchains,k=c?.to?.tokens,T=c?.to?.blockchains,x=Un(void 0),I=Un(void 0),E=Un(void 0),v=Un(void 0);io(()=>{t(c?.amount?.toString()||"")},[c?.amount]),io(()=>{if(u==="success"){let w=d.find(N=>N.name===c?.from?.blockchain),A=m.find(N=>Le(N,c?.from?.token||null));(w||!w&&E.current)&&n(w??null),A?r({token:A,meta:{blockchains:d,tokens:m}}):!A&&x.current&&r({token:null}),E.current=c?.from?.blockchain,x.current=c?.from?.token}},[c?.from?.token?.symbol,c?.from?.token?.address,c?.from?.token?.blockchain,c?.from?.blockchain,u]),io(()=>{vo(s,g)&&r({token:null}),ci(l,y)&&n(null)},[g,y]),io(()=>{vo(a,k)&&r({token:null}),ci(p,T)&&o(null)},[k,T]),io(()=>{if(u==="success"){let w=d.find(N=>N.name===c?.to?.blockchain),A=m.find(N=>Le(N,c?.to?.token||null));(w||!w&&v.current)&&o(w??null),A?e({token:A,meta:{blockchains:d,tokens:m}}):!A&&I.current&&e({token:null}),v.current=c?.to?.blockchain,I.current=c?.to?.token}},[c?.to?.token?.symbol,c?.to?.token?.address,c?.to?.token?.blockchain,c?.to?.blockchain,u]),io(()=>{f(c?.affiliate?.ref??null),C(c?.affiliate?.percent??null),S(c?.affiliate?.wallets??null)},[c?.affiliate?.ref,c?.affiliate?.percent,c?.affiliate?.wallets])}i(rp,"useSyncStoresWithConfig");import{useEffect as Wi,useRef as Sg}from"react";import{useInRouterContext as Cg,useLocation as Tg,useSearchParams as kg}from"react-router-dom";function Ei(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(Ei,"searchParamToToken");function Ai(t){if(t)return`${t.symbol}${t.address?`--${t.address}`:""}`}i(Ai,"tokenToSearchParam");function Ni(){let t=Tg(),[e,o]=kg(),{fromBlockchain:n,toBlockchain:r,fromToken:s,toToken:a,inputAmount:l,setFromBlockchain:p,setToBlockchain:c,setFromToken:u,setToToken:d,setInputAmount:m}=H(),f=h().fetchStatus,C=h().blockchains(),S=h().tokens(),g=Cg(),{updateIframe:y,updateCampaignMode:k}=h(),T=h().isInCampaignMode(),x=Sg(),I=i(()=>{let v=e.get("fromAmount"),w=e.get("fromBlockchain"),A=e.get("fromToken"),N=e.get("toBlockchain"),M=e.get("toToken"),z=e.get("autoConnect"),X=e.get("clientUrl"),V=e.get("liquiditySources");return{fromAmount:v,fromBlockchain:w,fromToken:A,toBlockchain:N,toToken:M,autoConnect:z,clientUrl:X,liquiditySources:V}},"getUrlSearchParams"),E=i(v=>{for(let w in v)v[w]||delete v[w];o(v,{replace:!0})},"updateUrlSearchParams");Wi(()=>{let{autoConnect:v,clientUrl:w}=I();g&&f==="success"&&E({fromBlockchain:n?.name,fromToken:Ai(s),toBlockchain:r?.name,toToken:Ai(a),fromAmount:l,autoConnect:v??void 0,clientUrl:w??void 0,liquiditySources:T?x.current:void 0})},[t.pathname,l,n,s,r,a,T]),Wi(()=>{if(!g)return;let v=I();if(!x.current&&v.liquiditySources&&(x.current=v.liquiditySources),v.fromAmount&&m(v.fromAmount),f==="success"){let w=C.find(z=>z.name===v.fromBlockchain),A=Ei(S,v.fromToken,w??null),N=C.find(z=>z.name===v.toBlockchain),M=Ei(S,v.toToken,N??null);w&&(p(w),A&&u({token:A,meta:{blockchains:C,tokens:S}})),N&&(c(N),M&&d({token:M,meta:{blockchains:C,tokens:S}}))}},[f]),Wi(()=>{let{clientUrl:v,liquiditySources:w}=I();y("clientUrl",v||void 0),k("liquiditySources",w?.split(",")??void 0)},[])}i(Ni,"useSyncUrlAndStore");import{i18n as Ar}from"@lingui/core";import{useManager as gS}from"@rango-dev/queue-manager-react";import{Alert as Ou,Button as hS,css as Is,Divider as bs,IconButton as Uu,SettingsIcon as yS,styled as SS,Tooltip as CS,Typography as TS,WalletIcon as kS}from"@rango-dev/ui";import fe,{useEffect as Vo,useLayoutEffect as wS,useRef as xS,useState as jo}from"react";import{flushSync as vS}from"react-dom";import{useLocation as bS,useNavigate as IS}from"react-router-dom";import{i18n as dt}from"@lingui/core";import{Alert as ns,BalanceErrors as ry,Button as Cc,ChevronDownIcon as iy,ChevronLeftIcon as sy,Divider as mo,MessageBox as ay,Typography as lr,WalletIcon as ly}from"@rango-dev/ui";import $,{useEffect as py,useState as fo}from"react";import{useNavigate as cy}from"react-router-dom";import{i18n as qn}from"@lingui/core";function zn(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(zn,"getQuoteUpdateWarningMessage");import{Modal as xg}from"@rango-dev/ui";import vg from"react";function ce(t){let{watermark:e}=ne();return vg.createElement(xg,{hasWatermark:e==="FULL",...t},t.children)}i(ce,"WatermarkedModal");import Vn,{useRef as Eg}from"react";import*as so from"@radix-ui/react-collapsible";import{keyframes as sp,styled as Qn}from"@rango-dev/ui";var Li=300,bg=sp({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),Ig=sp({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),ap=Qn(so.Root,{borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),Mi=Qn(so.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit",cursor:"pointer"}),Hn=Qn(so.Content,{overflow:"hidden",variants:{open:{true:{animation:`${bg} ${Li}ms ease-out`},false:{animation:`${Ig} ${Li}ms ease-out`}}}}),Gn=Qn("div",{transition:`all ${Li}ms ease`,display:"flex",alignItems:"center",variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}});function jn(t){let{open:e,hasSelected:o,onOpenChange:n,children:r,onClickTrigger:s,trigger:a,triggerAnchor:l}=t,p=Eg(null);return Vn.createElement(ap,{ref:p,className:"collapsible_root",selected:o&&e,open:e,onOpenChange:n},l==="top"&&Vn.createElement(Mi,{className:"collapsible_trigger",onClick:s},a),Vn.createElement(Hn,{className:"collapsible_content",open:e},r),l==="bottom"&&Vn.createElement(Mi,{className:"collapsible_trigger",onClick:s},a))}i(jn,"CustomCollapsible");import{css as lp,darkTheme as ao,IconButton as Ag,styled as Ke,TextField as Wg}from"@rango-dev/ui";var pp=Ke("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),cp=Ke("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Ng=Ke("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${ao} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${ao} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${ao} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),up=Ke(Ng,{alignSelf:"stretch",minHeight:"93px"}),mp=Ke("div",{padding:"$20 $20 $15 $20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),dp=Ke(Ag,{position:"absolute",left:"$20"}),fp=Ke("div",{paddingTop:"$20"}),gp=lp({display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),hp=Ke("div",{padding:"$10 $0","& .button__content":{display:"flex",alignItems:"center"},"& .alarms":{paddingTop:"$5"},"& .collapsible_content":{backgroundColor:"$neutral100"},"& .collapsible_root":{backgroundColor:"$neutral200"}}),yp=lp({paddingTop:"$5"}),Sp=Ke("div",{display:"flex"}),Cp=Ke(Wg,{backgroundColor:"$neutral100",padding:"$0 $15 $15 $15"}),Tp=Ke("div",{overflow:"visible",width:"100%"}),kp=Ke("div",{width:"100%",borderRadius:"$sm",display:"flex",padding:"$15",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${ao} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${ao} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${ao} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}});import{i18n as ot}from"@lingui/core";import{Button as ey,Divider as ts,Image as ty,MessageBox as sr,SelectableWallet as oy,Typography as hc,WalletState as yc}from"@rango-dev/ui";import me,{useEffect as Sc,useState as Bo}from"react";import{WalletState as Xn}from"@rango-dev/ui";import{useWallets as Lg}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as Mg,WalletTypes as Wo}from"@rango-dev/wallets-shared";import{useCallback as Bg,useEffect as _g,useState as Pg}from"react";var $g=Object.values(Wo);function lo(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:l,connect:p}=Lg(),{connectedWallets:c}=Y(),u=h().blockchains(),d=el(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||$g,m=Fa(s,l,d,o),f=Ga(m),[C,S]=Pg(""),g=i(I=>!c.find(E=>E.walletType===I&&E.chain===o),"isExperimentalChainNotAdded"),y=i(async I=>{let E=s(I);try{if(C&&S(""),E.connected)await a(I);else{let v=!!m.find(w=>w.state===Xn.CONNECTED);if(!e?.multiWallets&&v)return;n?.(I),await p(I),r?.(I)}}catch(v){S("Error: "+v?.message)}},"handleClick"),k=Bg(()=>{let I=m?.filter(E=>E.state===Xn.CONNECTING)||[];for(let E of I)a(E.type)},[Xa(m)]);_g(()=>()=>{k()},[]);let T=i(I=>{let E=I.find(w=>w.type===Wo.DEFAULT);return!E||E.state===Xn.NOT_INSTALLED?!1:I.filter(w=>w.state!=Xn.NOT_INSTALLED&&![Wo.DEFAULT,Wo.WALLET_CONNECT_2].includes(w.type)&&l(w.type).supportedChains.filter(A=>A.type=="EVM").length>0).length==0},"shouldShowDefaultInjectedWallet"),x=i((I,E,v)=>Cn(v,E)&&g(I)&&!Mg.includes(I)||I==Wo.DEFAULT&&!T(m),"shouldExcludeWallet");return{list:f.filter(I=>!x(I.type,o??"",u)),error:C,handleClick:y,disconnectConnectingWallets:k}}i(lo,"useWalletList");import{i18n as pc}from"@lingui/core";import{styled as uc,Typography as jh,Wallet as Xh,WalletState as Kh}from"@rango-dev/ui";import uo,{useState as cc}from"react";import{useManager as Dh}from"@rango-dev/queue-manager-react";import{BottomLogo as Fh,Divider as tc,Header as Oh}from"@rango-dev/ui";import Ce,{useEffect as oc,useRef as nc}from"react";import{useRef as Dg}from"react";function Kn(){return window.self!==window.top}i(Kn,"isAppLoadedIntoIframe");function Bi(){let t=Dg(null),{iframe:e}=h(),o=Kn()&&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(Bi,"useIframe");import{useNavigate as Fg}from"react-router-dom";function Ye(){let t=Fg();return()=>t(-1)}i(Ye,"useNavigateBack");import{createTheme as Oi,darkTheme as Hg,lightTheme as Gg}from"@rango-dev/ui";import{useEffect as Ip,useState as Vg}from"react";import{theme as zg,darkColors as Qg}from"@rango-dev/ui";import Di from"react";function Og(t,e,o){let p=[],c=90;for(let m=0;m<9;m++)p.push(c),m+1===4?c=0:c-=m>=4?6:10;let u=o?p.slice().reverse():p,d={};for(let m=0;m<9;m++){let f=100+m*100,C=u[m],S={[`${e}${f}`]:Yn(t,C)};Object.assign(d,S)}return{...d,[e]:t}}i(Og,"generateShades");function Yn(t,e){let[o,n,r]=wp(t);return`#${_i(o+e)}${_i(n+e)}${_i(r+e)}`}i(Yn,"generateShade");function wp(t){let r=parseInt(t.slice(1,3),16),s=parseInt(t.slice(3,5),16),a=parseInt(t.slice(5,7),16);return[r,s,a]}i(wp,"convertToRGB");function _i(t){return("0"+Math.max(0,Math.min(255,t)).toString(16)).slice(-2).toUpperCase()}i(_i,"clamp");function xp(t){let[a,l,p]=wp(t);return(a*299+l*587+p*114)/1e3>188}i(xp,"isBright");var Pi=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,...Og(a,s,s==="neutral"&&e)})}return n?r:{}},"generateColors");var vp=i(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),Ug=i(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=vp(o%52)+e;return vp(o%52)+e},"toAlphabeticName"),qg=i((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),$i=i(t=>Ug(qg(5381,JSON.stringify(t))>>>0),"toHash");function Fi(t){let e=zg.colors,o=Pi({...e,...Qg},!0,t?.dark),n=Pi(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:`${pi}-light-${$i(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${pi}-dark-${$i(p)}`,tokens:p}}return{light:a,dark:l}}i(Fi,"customizedThemeTokens");function bp(t,e){if(t.length<=1)return t.map(({element:n,key:r})=>Di.cloneElement(n,{key:r}));let o=[];return t.forEach((n,r)=>{let{element:s,key:a}=n;if(o.push(Di.cloneElement(s,{key:a})),r<t.length-1){let l=`divider-${r}`;o.push(Di.cloneElement(e,{key:l}))}}),o}i(bp,"joinList");function Jn(t){let{colors:e,fontFamily:o=Za,borderRadius:n=Ya,secondaryBorderRadius:r=Ja,mode:s="auto"}=t,[a,l]=Vg("light"),{setTheme:p,theme:c}=h(),{dark:u,light:d}=Fi(e),m=Oi({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),f=[m.className,Gg.className],C=[m.className,Hg.className];if(d){let g=Oi(d.id,d.tokens);f.push(g.className)}if(u){let g=Oi(u.id,u.tokens);C.push(g.className)}return Ip(()=>{let g=i(y=>{y.matches?l("dark"):l("light")},"switchThemeListener");return window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&l("dark"),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",g),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",g)}},[]),Ip(()=>{s!=="auto"&&p(s)},[s]),{activeTheme:i(()=>{let g=f.join(" "),y=C.join(" ");return c==="auto"?a==="dark"?y:g:c==="dark"?y:g},"getActiveTheme")}}i(Jn,"useTheme");var mt=i(t=>{let e=[];return t?.getAll().forEach((o,n)=>{let r=o.list.getStorage();r?.swapDetails&&e.push({id:n,swap:r?.swapDetails})}),e.sort((o,n)=>Number(n.swap.creationTime)-Number(o.swap.creationTime))},"getPendingSwaps");import{i18n as Ep}from"@lingui/core";import{Alert as jg,Button as Xg}from"@rango-dev/ui";import Ap from"react";function Ui(t){return Ap.createElement(jg,{action:Ap.createElement(Xg,{onClick:t.onActivateTab,variant:"contained",size:"xxsmall",type:"warning"},Ep.t("Activate this tab")),type:"warning",variant:"alarm",title:Ep.t("Another tab is open and handles transactions.")})}i(Ui,"ActivateTabAlert");import{i18n as qi}from"@lingui/core";import{Button as Kg,Divider as Yg,MessageBox as Jg}from"@rango-dev/ui";import Zn from"react";function zi(t){let{open:e,onClose:o,onConfirm:n}=t;return Zn.createElement(ce,{open:e,dismissible:!0,onClose:o,container:L()},Zn.createElement(Jg,{title:qi.t("Activate current tab"),type:"warning",description:qi.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.")},Zn.createElement(Yg,{size:20}),Zn.createElement(Kg,{variant:"contained",size:"large",type:"primary",fullWidth:!0,onClick:n},qi.t("Confirm"))))}i(zi,"ActivateTabModal");import{ChevronLeftIcon as eh}from"@rango-dev/ui";import $p from"react";import{css as Zg,darkTheme as Wp,IconButton as Rg,styled as Gt}from"@rango-dev/ui";var Je=Gt(Rg,{width:"$24",position:"relative",padding:"0",overflow:"unset","&:hover":{backgroundColor:"$info100",[`.${Wp} &`]:{backgroundColor:"$neutral"}}}),Np=Gt("div",{position:"absolute",background:"$secondary500",[`.${Wp} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),po=Gt("div",{display:"flex",justifyContent:"flex-end",minWidth:"$40",button:{padding:0}}),Lp=Gt("div",{position:"absolute",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0",variants:{isSever:{true:{backgroundColor:"$error500"},false:{backgroundColor:"$secondary500"}}}}),Mp=Gt("div",{padding:"$2",variants:{isRefetched:{true:{transform:"rotate(360deg)",transition:"transform 1s ease-in-out"}}}}),Bp=Gt("div",{position:"absolute",right:"$4",top:"$4",backgroundColor:"$background",borderRadius:"100%"}),_p=Zg({display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center"}),Pp=Gt("div",{borderRadius:"100%",border:"1.5px transparent solid","&:not(:first-child)":{marginLeft:"-$6"},img:{borderRadius:"100%"}});function Qi(t){return $p.createElement(Je,{variant:"ghost",size:"small",onClick:t.onClick},$p.createElement(eh,{color:"black",size:16}))}i(Qi,"BackButton");import{i18n as th}from"@lingui/core";import{Button as oh,Typography as nh}from"@rango-dev/ui";import Hi from"react";function Gi(t){return Hi.createElement(po,null,Hi.createElement(oh,{variant:"ghost",onClick:t.onClick,size:"xsmall"},Hi.createElement(nh,{variant:"label",size:"medium",color:"error500"},th.t("Cancel"))))}i(Gi,"CancelButton");import{i18n as rh}from"@lingui/core";import{Image as ih,Tooltip as sh,WalletIcon as ah}from"@rango-dev/ui";import Vt from"react";function Vi(t){let{list:e}=lo({}),o=e.filter(r=>r.state==="connected"),n=o.length?Vt.createElement("div",{className:_p()},o.map(r=>Vt.createElement(Pp,{key:r.title},Vt.createElement(ih,{src:r.image,size:14})))):rh.t("Connect Wallet");return Vt.createElement(sh,{container:t.container,side:"bottom",content:n},Vt.createElement(Je,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&Vt.createElement(Np,null),Vt.createElement(ah,{size:18,color:"black"})))}i(Vi,"WalletButton");import{i18n as tr}from"@lingui/core";import{NotificationsIcon as Mh,Popover as Bh,SettingsIcon as _h,Tooltip as or,TransactionIcon as Ph}from"@rango-dev/ui";import ve from"react";import{i18n as yh}from"@lingui/core";import{EventSeverity as Qp}from"@rango-dev/queue-manager-rango-preset";import{ChainToken as Hp,ChevronRightIcon as Sh,Divider as Ch,Typography as Th}from"@rango-dev/ui";import Ue from"react";import{useNavigate as kh}from"react-router-dom";import{create as lh}from"zustand";import{persist as ph,subscribeWithSelector as ch}from"zustand/middleware";var Oe=Nt(lh()(ph(ch((t,e)=>({notifications:[],setNotification:(o,n)=>{let r=n.steps[0],s=n.steps[n.steps.length-1],a={event:o,creationTime:Date.now(),read:!1,requestId:n.requestId,route:{from:{blockchain:r.fromBlockchain,address:r.fromSymbolAddress,symbol:r.fromSymbol},to:{blockchain:s.toBlockchain,address:s.toSymbolAddress,symbol:s.toSymbol}}},l=e().notifications.filter(p=>p.requestId!==n.requestId);t(()=>({notifications:[...l,a]}))},setAsRead:o=>{t(n=>({notifications:n.notifications.map(r=>r.requestId===o?{...r,read:!0}:r)}))},getUnreadNotifications:()=>e().notifications.filter(o=>!o.read)})),{name:"notification",skipHydration:!0})));import{darkTheme as uh,ListItemButton as mh,styled as No}from"@rango-dev/ui";var Dp=No("div",{padding:"$10",width:"350px",maxWidth:"90vw",minHeight:"150px"}),Fp=No("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),Op=No(mh,{variants:{actionRequired:{true:{backgroundColor:"$error300",[`.${uh} &`]:{backgroundColor:"$error600"}}}}}),Up=No("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),qp=No("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as dh}from"@lingui/core";import{Divider as fh,NoNotificationIcon as gh,Typography as hh}from"@rango-dev/ui";import Rn from"react";function zp(){return Rn.createElement(qp,null,Rn.createElement(gh,{color:"secondary",size:26}),Rn.createElement(fh,{size:12}),Rn.createElement(hh,{variant:"body",size:"medium",color:"neutral700"},dh.t("There are no notifications.")))}i(zp,"NotificationNotFound");var wh=4;function ji(){let t=kh(),{getUnreadNotifications:e}=Oe(),o=e(),n=h().blockchains(),r=h().tokens(),s=o.sort((l,p)=>p.creationTime-l.creationTime).slice(0,wh),a=i(l=>{t(`${F.swaps}/${l}`)},"handleOnClick");return Ue.createElement(Dp,null,s.length?Ue.createElement(Fp,null,s.map((l,p)=>{let{route:c,requestId:u,event:d}=l,m=r.find(g=>Le(g,c.from)),f=n.find(g=>g.name===c.from.blockchain),C=r.find(g=>Le(g,c.to)),S=n.find(g=>g.name===c.to.blockchain);return Ue.createElement(Ue.Fragment,{key:u},p>0&&Ue.createElement(Ch,{size:4}),Ue.createElement(Op,{onClick:()=>a(u),actionRequired:d.messageSeverity===Qp.WARNING,title:Ue.createElement(Th,{variant:"body",size:"small",color:d.messageSeverity===Qp.WARNING?"$foreground":"$neutral700"},yh.t(d.message)),id:u,start:Ue.createElement(Up,null,Ue.createElement("div",{className:"from-chain-token"},Ue.createElement(Hp,{tokenImage:m?m.image:"",chainImage:f?f.logo:"",size:"small"})),Ue.createElement("div",{className:"to-chain-token"},Ue.createElement(Hp,{tokenImage:C?C.image:"",chainImage:S?S.logo:"",size:"small"}))),end:Ue.createElement(Sh,{size:12,color:"gray"})}))})):Ue.createElement(zp,null))}i(ji,"NotificationContent");import{useManager as xh}from"@rango-dev/queue-manager-react";import{InProgressIcon as vh}from"@rango-dev/ui";import Gp from"react";var bh=i(()=>{let{manager:t}=xh();return mt(t).map(({swap:o})=>o).find(o=>o.status==="running")?Gp.createElement(Bp,null,Gp.createElement(vh,{color:"info",size:6})):null},"InProgressTransactionBadge"),Vp=bh;import{RefreshProgressButton as Ih}from"@rango-dev/ui";import Xi,{useEffect as Eh,useState as jp}from"react";var Ah=1e3,Xp=60,Wh=100;function er({onClick:t}){let[e,o]=jp(0),[n,r]=jp(!1),s=i(p=>{document.hidden&&p&&a(p)},"handleVisibilityChange");Eh(()=>{let p;return t?p=window.setInterval(()=>{o(c=>c+1),e===Xp&&l()},Ah):a(p),document.addEventListener("visibilitychange",()=>s(p)),()=>{document.removeEventListener("visibilitychange",()=>s(p)),p&&clearInterval(p)}},[e,t]);let a=i(p=>{p&&clearInterval(p),o(0)},"clearTimeout"),l=i(()=>{t?.(),o(0),r(!0)},"handleRefreshClick");return Xi.createElement(Je,{variant:"ghost",size:"small",style:{paddingTop:0,paddingBottom:0},onClick:l,disabled:!t},Xi.createElement(Mp,{onTransitionEnd:()=>r(!1),isRefetched:n},Xi.createElement(Ih,{size:22,color:t?"black":"gray",progress:e/Xp*Wh})))}i(er,"RefreshButton");import{EventSeverity as Nh}from"@rango-dev/queue-manager-rango-preset";import{Typography as Lh}from"@rango-dev/ui";import Kp from"react";function Yp(){let{getUnreadNotifications:t}=Oe(),e=t(),o=e.length,n=!!e.find(r=>r.event.messageSeverity===Nh.WARNING);return o?Kp.createElement(Lp,{isSever:n},Kp.createElement(Lh,{variant:"body",size:"xsmall",color:"$background"},o)):null}i(Yp,"UnreadNotificationsBadge");function jt(t){let{onClickRefresh:e,onClickHistory:o,onClickSettings:n,hidden:r=[]}=t,{config:{features:s}}=h(),a=je("notification",s)||r.includes("notifications");return ve.createElement(ve.Fragment,null,!r.includes("refresh")&&ve.createElement(or,{container:L(),side:"top",content:tr.t("Refresh")},ve.createElement(er,{onClick:e})),!a&&ve.createElement(Bh,{align:"end",alignOffset:-88,collisionPadding:{right:20,left:20},container:L(),content:ve.createElement(ji,null)},ve.createElement("div",null,ve.createElement(or,{container:L(),side:"top",content:tr.t("Notifications")},ve.createElement(Je,{size:"small",variant:"ghost"},ve.createElement(Mh,{size:18,color:"black"}),ve.createElement(Yp,null))))),!r.includes("settings")&&ve.createElement(or,{container:L(),side:"top",content:tr.t("Settings")},ve.createElement(Je,{size:"small",variant:"ghost",onClick:n},ve.createElement(_h,{size:18,color:"black"}))),!r.includes("history")&&ve.createElement(or,{container:L(),side:"top",content:tr.t("Transactions History")},ve.createElement(Je,{size:"small",variant:"ghost",onClick:o},ve.createElement(Ph,{size:18,color:"black"}),ve.createElement(Vp,null))))}i(jt,"HeaderButtons");function Ki(t){let e=t.target;if(e){let o=e.scrollTop,n=L();o>1?n.classList.add("rng-scrolled"):n.classList.remove("rng-scrolled")}}i(Ki,"onScrollContentAttachStatusToContainer");import{css as $h,styled as Yi}from"@rango-dev/ui";var Jp="700px",nr=$h({borderRadius:"$primary",display:"flex",flexDirection:"column",overflow:"hidden",boxShadow:"15px 15px 15px 0px rgba(0, 0, 0, 0.05)"}),Zp=Yi("div",{position:"relative",width:"100vw",minWidth:"300px",maxWidth:"390px",backgroundColor:"$background",variants:{height:{auto:{height:"auto",maxHeight:Jp},fixed:{height:Jp}}}}),Rp=Yi("div",{position:"relative",overflow:"hidden",flexGrow:1,display:"flex",flexDirection:"column",padding:0,overflowY:"auto"}),ec=Yi("div",{padding:"0 $20 $10","& .footer__alert":{paddingTop:"$10"},"& .footer__logo":{opacity:0,transition:"opacity 1s ease-in-out","&.logo__show":{opacity:1},"&.logo__hidden":{visibility:"hidden"}}});function le(t){let{connectHeightObserver:e,disconnectHeightObserver:o}=Bi(),{children:n,header:r,footer:s,height:a="fixed"}=t,l=Y.use.connectedWallets(),{config:{features:p,theme:c}}=h(),{watermark:u}=ne(),d=u==="FULL",{activeTheme:m}=Jn(c||{}),f=je("connectWalletButton",p),{isActiveTab:C,tabManagerInitiated:S,showActivateTabModal:g,setShowActivateTabModal:y,activateCurrentTab:k}=ne(),T=Ye(),{manager:x}=Dh(),E=mt(x).map(({swap:z})=>z).some(z=>z.status==="running"),v=i(()=>k(zt.forceClaim,E),"onActivateTab"),w=i(()=>{r.onWallet?.()},"onConnectWallet"),A=typeof r.hasBackButton>"u"||r.hasBackButton,N=nc(null),M=nc(null);return oc(()=>(Kn()&&M.current&&e(M.current),()=>{o()}),[]),oc(()=>(N.current?.addEventListener("scroll",Ki),()=>{N.current?.removeEventListener("scroll",Ki)}),[]),Ce.createElement(Zp,{height:a,id:ke.SWAP_BOX_ID,className:`${m()} ${nr()}`,ref:M},Ce.createElement(Oh,{prefix:Ce.createElement(Ce.Fragment,null,A&&Ce.createElement(Qi,{onClick:()=>{T(),r.onBack&&r.onBack()}})),title:r.title,suffix:Ce.createElement(Ce.Fragment,null,r.suffix,r.onWallet&&!f&&Ce.createElement(Vi,{container:L(),onClick:w,isConnected:!!l?.length}),r.onCancel&&Ce.createElement(Gi,{onClick:r.onCancel}))}),Ce.createElement(Rp,{ref:N},n),Ce.createElement(zi,{open:g,onClose:()=>y(!1),onConfirm:v}),Ce.createElement(ec,null,Ce.createElement("div",{className:"footer__content"},S&&!C&&Ce.createElement("div",{className:"footer__alert"},Ce.createElement(Ui,{onActivateTab:v}),Ce.createElement(tc,{size:10})),s),Ce.createElement(tc,{size:12}),Ce.createElement("div",{className:`footer__logo ${d?"logo__show":"logo__hidden"}`},Ce.createElement(Fh,null))))}i(le,"Layout");import{styled as Uh}from"@rango-dev/ui";var rc="$20 $20 $10 $20",Lo=Uh("div",{padding:rc,overflowY:"auto",flexGrow:1});import{styled as qh}from"@rango-dev/ui";var ue=qh("div",{display:"flex",flexDirection:"column",padding:"20px 20px 10px",flexGrow:1,variants:{view:{true:{flexGrow:1,overflow:"hidden"}},compact:{true:{padding:0}}}});import{Divider as Vh}from"@rango-dev/ui";import Zi from"react";import{i18n as co}from"@lingui/core";import{Image as Hh,MessageBox as Ji,WalletState as Gh}from"@rango-dev/ui";import Xt from"react";import{keyframes as zh,styled as rr}from"@rango-dev/ui";var W0=rr("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),ic=rr("div",{position:"relative"}),Qh=zh({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),sc=rr("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Qh} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),ac=rr("div",{"& img":{borderRadius:"50%"}});function lc(t){let{state:e,image:o,error:n}=t;return e===Gh.CONNECTED?Xt.createElement(Ji,{type:"success",title:co.t("Wallet Connected"),description:co.t("Your wallet is connected, you can use it to swap.")}):n?Xt.createElement(Ji,{type:"error",title:co.t("Failed to Connect"),description:n||co.t("Your wallet is not connected. Please try again.")}):Xt.createElement(Ji,{type:"loading",title:co.t("Connecting to your wallet"),description:co.t("Click connect in your wallet popup."),icon:Xt.createElement(ic,null,Xt.createElement(ac,null,Xt.createElement(Hh,{src:o,size:45})),Xt.createElement(sc,null))})}i(lc,"ModalContent");function Mo(t){let{open:e,onClose:o,...n}=t;return Zi.createElement(ce,{open:e,onClose:o,container:document.getElementById(ke.SWAP_BOX_ID)||document.body},Zi.createElement(lc,{...n}),Zi.createElement(Vh,{direction:"vertical",size:32}))}i(Mo,"WalletModal");var Yh=uc("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Jh=uc(ue,{textAlign:"center"}),ir=3e3,Ri=300;function mc(){let{config:t,fetchStatus:e}=h(),[o,n]=cc(!1),[r,s]=cc(""),a=null,l=ne.use.isActiveTab(),{list:p,handleClick:c,error:u,disconnectConnectingWallets:d}=lo({config:t,onBeforeConnect:g=>{a=setTimeout(()=>{n(!0),s(g)},Ri)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},ir)}}),m=i(()=>{d(),n(!1)},"handleCloseWalletModal"),f=p.find(g=>g.type===r),C=f?.image||"",S=f?.state||Kh.NOT_INSTALLED;return uo.createElement(le,{header:{title:pc.t("Connect Wallets")}},uo.createElement(Jh,null,uo.createElement(jh,{variant:"title",size:"xmedium",align:"center"},pc.t("Choose a wallet to connect.")),uo.createElement(Yh,null,p.map((g,y)=>{let k=`wallet-${y}-${g.type}`;return uo.createElement(Xh,{key:k,...g,container:L(),onClick:T=>{c(T)},isLoading:e==="loading",disabled:!l})}),uo.createElement(Mo,{open:!!o,onClose:m,image:C,state:S,error:u}))))}i(mc,"WalletsPage");import{keyframes as Zh,styled as es}from"@rango-dev/ui";var dc=es("div",{position:"relative"}),Rh=Zh({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),fc=es("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Rh} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),gc=es("div",{"& img":{borderRadius:"50%"}});var ny=7;function os(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:s}=t,{config:a}=h(),l=ne.use.isActiveTab(),p=Y.use.connectedWallets(),{blockchains:c}=h(),[u,d]=Bo(""),[m,f]=Bo(null),[C,S]=Bo(!1),[g,y]=Bo(null),{suggestAndConnect:k}=ar(),T=null,{list:x,error:I,handleClick:E,disconnectConnectingWallets:v}=lo({config:a,chain:e,onBeforeConnect:U=>{T=setTimeout(()=>{d(U)},Ri)},onConnect:()=>{T&&clearTimeout(T),setTimeout(()=>{d("")},ir)}}),[w,A]=Bo(x),N=x.length,M=r&&N-r>0,z=i(async U=>{S(!1),y("in-progress");try{await k(U.walletType,U.chain),y("completed")}catch{y("rejected")}},"addExperimentalChain");Sc(()=>{A(U=>{let ee=x.findIndex(re=>o(re.type,e));return M&&ee>1?[x[ee]].concat(x.filter((re,Q)=>Q!==ee)):U.map(re=>x.find(Q=>Q.type===re.type)??re)})},[JSON.stringify(x)]);let X=document.getElementById(ke.SWAP_BOX_ID);Sc(()=>{let U=null;return(g==="completed"||g==="rejected")&&(U=setTimeout(()=>y(null),ir)),()=>{U&&clearTimeout(U)}},[g]);let V=i(()=>{v(),d("")},"handleCloseWalletModal");return me.createElement(me.Fragment,null,w.slice(0,r).map(U=>{let ee=Va({connectedWallets:p,walletType:U.type,chain:e}),re=ee?kn(ee,ny):"",Q=Cn(c(),e),B=!p.find(ie=>ie.walletType===U.type&&ie.chain===e),b=Q&&B&&U.state===yc.CONNECTED,J=b?ot.t({id:"Add {chain} chain",values:{chain:e}}):re,de=i(()=>{U.state===yc.DISCONNECTED?E(U.type):b?(f({walletType:U.type,chain:e,address:ee??""}),S(!0)):n({walletType:U.type,chain:e,address:ee??""})},"onClick"),Z=m?.chain?cl(m.chain,c()):void 0;return me.createElement(me.Fragment,{key:`${U.title}_${Z}`},me.createElement(Mo,{open:u===U.type,onClose:V,image:U.image,state:U.state,error:I}),!!m&&me.createElement(ce,{open:!!m&&C,container:X,onClose:()=>{f(null)}},me.createElement(sr,{title:ot.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:Z}}),type:"warning",description:ot.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:Z}})},me.createElement(ts,{size:18}),me.createElement(ts,{size:32}),me.createElement(ey,{onClick:z.bind(null,m),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},ot.t("Confirm")))),g&&me.createElement(ce,{open:!!g,onClose:y.bind(null,null),container:X},g==="in-progress"&&me.createElement(sr,{type:"loading",title:ot.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:Z}}),description:ot.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:Z}}),icon:me.createElement(dc,null,me.createElement(gc,null,me.createElement(ty,{src:U.image,size:45})),me.createElement(fc,null))}),g==="completed"&&me.createElement(sr,{type:"success",title:ot.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:Z}}),description:ot.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:Z}})}),g==="rejected"&&me.createElement(sr,{type:"error",title:ot.t("Request Rejected"),description:ot.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:Z}})}),me.createElement(ts,{direction:"vertical",size:32})),me.createElement(oy,{key:U.type,description:J,onClick:de,selected:o(U.type,e),disabled:!l,...U}))}),M&&me.createElement(up,{selected:!1,onClick:s},me.createElement(hc,{variant:"label",size:"medium"},ot.t("Show more wallets"),me.createElement(hc,{variant:"label",size:"medium",color:"$primary"},"\xA0+",N-(r??0)))))}i(os,"WalletList");var uy=2;function Tc(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,loading:s}=t,a=h().config,l=h().blockchains(),{selectedQuote:p,setSelectedWallets:c,quoteWalletsConfirmed:u,setQuoteWalletConfirmed:d,customDestination:m,setCustomDestination:f}=H(),{connectedWallets:C,selectWallets:S}=Y(),[g,y]=fo(""),[k,T]=fo([]),[x,I]=fo(""),[E,v]=fo(null),[w,A]=fo(!!m),N=Ln(p?.swaps||null),M=l.find(G=>G.name===p?.swaps[p?.swaps.length-1].to.blockchain),z=i(G=>!!p?.swaps.find(K=>K.from.blockchain===G),"isWalletRequiredFor"),X=i(()=>C.filter(G=>G.selected&&N.includes(G.chain)),"getInitialSelectableWallets"),[V,U]=fo(X()),ee=l.find(G=>G.name===M?.name),re=k.length>0,Q=i((G,K)=>!!V.find(te=>te.walletType===G&&te.chain===K&&te.selected&&(z(K)||!z(K)&&!m)),"isSelected"),B=!!m&&w&&ee&&!Mn(ee,m),b=i(()=>{A(!1),f(null),U(G=>{let K=!1;return G.map(te=>!K&&te.chain===M?.name?(K=!0,{...te,selected:!0}):te)})},"resetCustomDestination"),J=i(G=>{if(g&&y(""),Q(G.walletType,G.chain))return;let te=C.find(Ie=>Ie.walletType===G.walletType&&Ie.chain===G.chain);te&&(n(),G.chain===M?.name&&w&&(A(!1),f(null)),U(Ie=>Ie.filter(et=>et.chain!==G.chain).concat({...te,selected:!0})))},"onChange"),de=i(()=>{let G=V.filter(K=>K.selected);S(G),c(G),d(!0),o()},"onConfirmBalance"),Z=i(async()=>{T([]),I(""),v(null);let G=C.filter(Ie=>V.find(et=>et.chain===Ie.chain&&et.walletType===Ie.walletType)),K=await r?.({selectedWallets:G,customDestination:m}),te=K.warnings;te?.balance?.messages&&T(te.balance.messages),te?.quoteUpdate&&v(te.quoteUpdate),K.error&&I(Ll(K.error)),!K.error&&!te?.balance?.messages.length?de():T(te?.balance?.messages??[])},"onConfirmWallets");py(()=>{U(G=>G.concat(C.filter(K=>!!!G.find(Ie=>Ie.chain===K.chain)&&K.selected&&N.includes(K.chain))))},[C.length]);let ie=document.getElementById(ke.SWAP_BOX_ID),oo=cy();return $.createElement(ce,{open:e,onClose:()=>{u||oo("../",{replace:!0}),o()},dismissible:!g,container:ie,...!g&&{footer:$.createElement(Sp,null,$.createElement(Cc,{loading:s,disabled:Kl(s,w,m,p,V,M),onClick:Z,variant:"contained",type:"primary",fullWidth:!0,size:"large"},dt.t("Confirm")))},...g&&{styles:{container:{padding:"$0"}},header:$.createElement(mp,null,$.createElement(dp,{variant:"ghost",onClick:y.bind(null,"")},$.createElement(sy,{size:16})),$.createElement(lr,{variant:"headline",size:"small"},dt.t({id:"Your {blockchainName} wallets",values:{blockchainName:Ve(g,l)}})))},anchor:"center"},$.createElement(ce,{open:re,onClose:T.bind(null,[]),container:ie},$.createElement(ay,{title:dt.t("Insufficient account balance"),type:"error",description:$.createElement(ry,{messages:k??[]})},$.createElement(Cc,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:de},dt.t("Proceed anyway")))),g&&$.createElement(fp,null,$.createElement("div",{className:gp()},$.createElement(os,{chain:g,isSelected:Q,selectWallet:J,onShowMore:y.bind(null,g)}))),!g&&$.createElement($.Fragment,null,x&&$.createElement($.Fragment,null,$.createElement(ns,{variant:"alarm",type:"error",title:dt.t(x)}),$.createElement(mo,{size:12})),E&&$.createElement($.Fragment,null,$.createElement(ns,{variant:"alarm",type:"warning",title:zn(E)}),$.createElement(mo,{size:12})),$.createElement(Tp,null,N.map((G,K)=>{let te=l.find($e=>$e.name===G),Ie=`wallet-${K}`,et=K===N.length-1;return $.createElement("div",{key:Ie},$.createElement(pp,null,$.createElement(lr,{variant:"title",size:"xmedium"},dt.t({id:"Your {blockchainName} wallets",values:{blockchainName:te?.shortName}})),$.createElement(lr,{variant:"label",color:"$neutral700",size:"medium"},dt.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:te?.shortName}}))),$.createElement(mo,{size:24}),$.createElement(cp,null,$.createElement(os,{chain:G,isSelected:Q,selectWallet:J,limit:uy,onShowMore:()=>y(te?.name??"")})),!et&&$.createElement(mo,{size:32}),et&&a?.customDestination&&$.createElement(hp,null,$.createElement(jn,{onOpenChange:$e=>{$e?z(M?.name??"")||U(De=>De.map(ye=>ye.chain===M?.name?{...ye,selected:!1}:ye)):b()},hasSelected:!0,open:w,triggerAnchor:"top",trigger:$.createElement(kp,null,$.createElement("div",{className:"button__content"},$.createElement(ly,{size:18,color:"info"}),$.createElement(mo,{size:4,direction:"horizontal"}),$.createElement(lr,{variant:"label",size:"medium"},dt.t("Send to a different address"))),$.createElement(Gn,{orientation:w?"up":"down"},$.createElement(iy,{size:10,color:"gray"}))),onClickTrigger:()=>A($e=>!$e)},$.createElement(mo,{size:4}),$.createElement(Cp,{autoFocus:!0,placeholder:dt.t("Your destination address"),value:m||"",onChange:$e=>{let De=$e.target.value;De.length?f(De.length?De:null):(A(!1),f(null))}})),B&&$.createElement("div",{className:yp()},$.createElement(ns,{variant:"alarm",type:"error",title:dt.t({values:{destination:m},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(Tc,"ConfirmWalletsModal");import{i18n as Ny}from"@lingui/core";import{Alert as Ly,Button as My,InfoIcon as By}from"@rango-dev/ui";import He from"react";import{Alert as fy,Button as gy,Divider as ss,NoRouteIcon as hy,RefreshIcon as yy,Typography as Ec}from"@rango-dev/ui";import Qe from"react";import{i18n as kc}from"@lingui/core";var my=24,dy=60;function wc(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:R().genericServerError,action:{onClick:n,title:kc.t("Retry")}},description:""}:e.length?{alert:{type:"warning",text:R().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:kc.t("Reset")}},description:R().liquiditySourcesError.description}:t?.type===0&&t.diagnosisMessage?{alert:{type:"error",text:t.diagnosisMessage,action:null},description:""}:{alert:null,description:R().noResultError.description}}i(wc,"makeInfo");var rs=(o=>(o[o.small=my]="small",o[o.large=dy]="large",o))(rs||{}),is=(o=>(o.small="small",o.large="medium",o))(is||{});import{styled as pr}from"@rango-dev/ui";var xc=pr("div",{display:"flex",flexDirection:"column",alignItems:"center"}),vc=pr("div",{variants:{size:{small:{},large:{maxWidth:"316px"}}}}),bc=pr("div",{variants:{size:{small:{width:"100%"},large:{}}}}),Ic=pr("div",{padding:"$6 $0"});function _o(t){let{fetch:e,error:o,size:n="small"}=t,r=h().getDisabledLiquiditySources(),s=h().toggleAllLiquiditySources,a=h().swappers(),l=wc(o,r,()=>s(a,!0),e);return Qe.createElement(xc,null,Qe.createElement(hy,{size:rs[n],color:"gray"}),Qe.createElement(ss,{size:4}),Qe.createElement(Ec,{variant:"title",size:is[n]},R().noResultError.title),n==="large"&&Qe.createElement(ss,{size:4}),!!l.description&&Qe.createElement(vc,{size:n},Qe.createElement(Ec,{variant:"body",size:"small",align:"center",color:"neutral700"},l.description)),Qe.createElement(ss,{size:n==="large"?"24":"4"}),!!l.alert&&Qe.createElement(bc,{size:n},Qe.createElement(fy,{type:l.alert.type,title:l.alert.text,titleAlign:"left",action:l.alert.action&&Qe.createElement(gy,{size:"xsmall",type:l.alert.type,prefix:Qe.createElement(Ic,null,Qe.createElement(yy,{size:8})),onClick:l.alert.action.onClick},l.alert.action.title),variant:"alarm"})))}i(_o,"NoResult");import{i18n as Po}from"@lingui/core";import{Button as Cy,Divider as Ty,MessageBox as ky,Typography as wy,WarningIcon as xy}from"@rango-dev/ui";import Tt from"react";import{Typography as Lc}from"@rango-dev/ui";import ls from"react";import{darkTheme as Sy,styled as cr}from"@rango-dev/ui";var Ac=cr("div",{width:"100%"}),as=cr("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:"$5",width:"100%"}),Wc=cr("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${Sy} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Nc=cr("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function Mc(t){let{title:e,value:o,valueColor:n}=t;return ls.createElement(Wc,null,ls.createElement(Lc,{size:"medium",variant:"label",className:"_title"},e),ls.createElement(Lc,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(Mc,"QuoteErrorsModalItem");function Bc(t){let{open:e,onClose:o,onConfirm:n,warning:r,confirmationDisabled:s}=t,a=r.warningLevel==="high"?"error":"warning",l=[{title:Po.t("Swapping"),value:W(r.inputUsdValue,4,4)},{title:Po.t("Gas cost"),value:W(r.totalFee,2,2)},{title:Po.t("Receiving"),value:W(r.outputUsdValue,4,4)},{title:Po.t("Price impact"),value:W(r.priceImpact,2,2),valueColor:`${a}500`}];return Tt.createElement(ce,{footer:Tt.createElement(Cy,{type:"primary",size:"large",prefix:Tt.createElement(xy,null),fullWidth:!0,disabled:s,onClick:n},R().highValueLossError.confirmMessage),open:e,onClose:o,container:L()},Tt.createElement(ky,{type:a,title:R().highValueLossError.impactTitle,description:R().highValueLossError.description}),Tt.createElement(as,null,Tt.createElement(Ty,{size:"4"}),Tt.createElement(wy,{size:"small",variant:"title"},Po.t("Details")),Tt.createElement(as,null,l.map((p,c)=>Tt.createElement(Mc,{key:c,...p})))))}i(Bc,"HighValueLossWarningModal");import{i18n as ps}from"@lingui/core";function _c(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=ps.t({id:"You need to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:e.minRequiredSlippage}}),o.action="change-settings"),o):t?(t.type===0&&(Ct(t.priceImpact)==="high"&&(o.alertType="error"),o.action="show-info",o.title=R().highValueLossError.title),t.type===1&&(o.title=R().unknownPriceError.title),t.type===2&&(o.title=ps.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=ps.t("Caution, your slippage is high."),o.action="change-settings"),o):null}i(_c,"makeAlerts");import{i18n as go}from"@lingui/core";import{Button as Pc,Divider as $c,MessageBox as vy,Typography as by}from"@rango-dev/ui";import Jt from"react";import{useNavigate as Iy}from"react-router-dom";function Dc(t){let{customSlippage:e,slippage:o}=h(),{open:n,onClose:r,onConfirm:s,warning:a,confirmationDisabled:l}=t,p=Iy(),c=e??o;return Jt.createElement(ce,{anchor:"bottom",open:n,prefix:Jt.createElement(Pc,{size:"small",variant:"ghost",onClick:()=>p("../"+F.settings)},Jt.createElement(by,{variant:"label",size:"medium",color:"$neutral900"},go.t("Change settings"))),container:L(),onClose:r},Jt.createElement(vy,{type:"warning",title:a.type===3?go.t("High slippage"):go.t("Low slippage"),description:a.type===3?go.t({id:" Caution, your slippage is high (={userSlippage}). Your trade may be front run.",values:{userSlippage:c}}):go.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:a.minRequiredSlippage}})},Jt.createElement($c,{size:18}),Jt.createElement($c,{size:32}),Jt.createElement(Pc,{size:"large",type:"primary",variant:"contained",fullWidth:!0,disabled:l,onClick:s},go.t("Confirm anyway"))))}i(Dc,"SlippageWarningModal");import{Button as Ey,MessageBox as Ay,WarningIcon as Wy}from"@rango-dev/ui";import ur from"react";function Fc(t){let{open:e,onClose:o,onConfirm:n,confirmationDisabled:r}=t;return ur.createElement(ce,{footer:ur.createElement(Ey,{type:"primary",size:"large",prefix:ur.createElement(Wy,null),fullWidth:!0,disabled:r,onClick:n},R().unknownPriceError.confirmMessage),open:e,onClose:o,container:L()},ur.createElement(Ay,{type:"warning",title:R().unknownPriceError.impactTitle,description:R().unknownPriceError.description}))}i(Fc,"UnknownPriceWarningModal");function $o(t){let{warning:e,error:o,showWarningModal:n,confirmationDisabled:r,refetchQuote:s,onOpenWarningModal:a,onCloseWarningModal:l,onConfirmWarningModal:p,onChangeSettings:c}=t,u={confirmationDisabled:r,open:n,onClose:l,onConfirm:p},d=o?.type===0||o?.type===1,m=_c(e,o?.type===3||o?.type===4?o:null);return He.createElement(He.Fragment,null,d&&He.createElement(_o,{error:o,fetch:s}),!!m&&He.createElement(Ac,null,He.createElement(Ly,{title:m.title,type:m.alertType,variant:"alarm",...m.action==="show-info"&&{action:He.createElement(Nc,{onClick:a},He.createElement(By,{size:12,color:"gray"}))},...m.action==="change-settings"&&{action:He.createElement(My,{size:"xxsmall",type:m.alertType,onClick:c},Ny.t("Change"))}})),e&&He.createElement(He.Fragment,null,e.type===0&&He.createElement(Bc,{...u,warning:e}),(e.type===3||e.type===2)&&He.createElement(Dc,{...u,warning:e}),e.type===1&&He.createElement(Fc,{...u,warning:e})))}i($o,"QuoteWarningsAndErrors");import cS from"bignumber.js";import vr from"react";import{i18n as qo}from"@lingui/core";import{Alert as Jy,Divider as zo,FullExpandedQuote as Zy,InfoIcon as Ry,QuoteTag as eS,StepDetails as tS,TokenAmount as oS,Tooltip as yu,Typography as yo}from"@rango-dev/ui";import Ss from"bignumber.js";import _,{useRef as nS,useState as rS}from"react";import{styled as cs}from"@rango-dev/ui";var us=cs("div",{width:"100%","& .position-top__skeleton":{paddingTop:"$10"}}),Oc=cs("div",{paddingBottom:"$15"}),Uc=cs("div",{width:"100%",display:"flex"});import*as mr from"@radix-ui/react-collapsible";import{Button as _y,css as Do,darkTheme as Ae,Image as qc,styled as Be,Typography as Py}from"@rango-dev/ui";var $y=300,zc=Be(mr.Root,{display:"flex",flexDirection:"column",alignItems:"start",overflowX:"auto",overflowY:"hidden",width:"100%",borderRadius:"$xm",variants:{selected:{true:{},false:{$$color:"$colors$neutral400",[`.${Ae} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}},listItem:{true:{$$color:"$colors$neutral400",[`.${Ae} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"},false:{}}},compoundVariants:[{listItem:!1,selected:!0,css:{$$color:"$colors$info300",[`.${Ae} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"}}]}),Qc=Do({padding:"$10 $15"}),Hc=Be(_y,{backgroundColor:"transparent",border:"1px solid $secondary"}),Gc=Be("div",{borderRadius:"$xm",display:"flex",flexDirection:"column",alignItems:"start",justifyContent:"space-between",color:"$foreground",boxSizing:"border-box",position:"relative",variants:{selected:{true:{},false:{$$color:"$colors$neutral200",[`.${Ae} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color"}},basic:{true:{borderTopRightRadius:"0",borderTopLeftRadius:"0"}},listItem:{true:{$$color:"$colors$neutral200",[`.${Ae} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color","&:hover":{"& .quote_container":{"& button":{backgroundColor:"$neutral500",[`.${Ae} &`]:{backgroundColor:"$neutral200"}},backgroundColor:"$neutral500",[`.${Ae} &`]:{backgroundColor:"$neutral200"}},backgroundColor:"$neutral300",[`.${Ae} &`]:{backgroundColor:"$neutral400"}},cursor:"pointer"},false:{}}},compoundVariants:[{listItem:!0,selected:!0,css:{outline:"1px solid $secondary"}},{listItem:!1,selected:!0,css:{$$color:"$colors$info100",[`.${Ae} &`]:{$$color:"$colors$secondary600"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}}},{listItem:!0,selected:!1,css:{cursor:"pointer","&:hover":{backgroundColor:"$neutral300",[`.${Ae} &`]:{backgroundColor:"$neutral400"}}}}]}),Vc=Do({width:"100%",padding:"$15 $15 $10 $15"}),jc=Do({display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",paddingBottom:"$10",position:"relative"}),ho=Do({display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",".blockchainImage":{marginLeft:"-$8"}}),Xc=Do({display:"flex",alignItems:"center",".usd-value":{$$color:"$colors$neutral600",[`.${Ae} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Kc=Be(mr.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:{[`& ${qc}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${qc}`]:{border:"1px transparent solid",borderRadius:"100%"}}},selected:{true:{},false:{$$color:"$colors$neutral400",[`.${Ae} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}},listItem:{true:{$$color:"$colors$neutral400",[`.${Ae} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"},false:{}}},compoundVariants:[{listItem:!1,selected:!0,css:{$$color:"$colors$info300",[`.${Ae} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"}}],".blockchains_section":{display:"none"},"@xs":{".blockchains_section":{display:"block"}}}),Yc=Be("div",{width:"18px",height:"18px",borderRadius:"100%",display:"flex",justifyContent:"center",alignItems:"center",border:"1.5px transparent solid",img:{borderRadius:"100%"},variants:{state:{error:{borderColor:"$error500"},warning:{borderColor:"$warning500"}}}}),Jc=Be(Hn,{width:"100%",background:"inherit"}),ms=Be("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${$y}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),dL=Be("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),Zc=Be("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${Ae} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),Rc=Be("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"}),ds=Be(Py,{overflow:"hidden",textOverflow:"ellipsis",letterSpacing:.4}),eu=Be("div",{display:"flex",flexWrap:"wrap"}),fs=Be("div",{width:"18px",height:"18px",borderRadius:"100%",backgroundColor:"$background",cursor:"default",display:"flex",justifyContent:"center",alignItems:"center",border:"1.5px transparent solid",variants:{state:{error:{borderColor:"$error500"},warning:{borderColor:"$warning500"}}}}),tu=Be("div",{display:"flex"}),dr=Be("div",{width:"100%",borderTopWidth:"1px",borderTopStyle:"solid",borderTopColor:"$neutral",margin:"$5 0",[`.${Ae} &`]:{borderTopColor:"$neutral800"}});import{i18n as $t}from"@lingui/core";import{ChevronDownIcon as Fy,CloseIcon as Oy,Divider as hr,IconButton as Uy,QuoteCost as qy,Tooltip as zy,Typography as nt}from"@rango-dev/ui";import j,{useState as iu}from"react";import{css as Dy,styled as fr}from"@rango-dev/ui";var gr=fr("div",{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"$5 0","&.total_payable_fee":{padding:"$12 0"}}),gs=fr("div",{width:"100%",borderTop:"1px solid $neutral300",margin:"$10 0"}),ou=fr("div",{padding:"$20 0",display:"flex",flexDirection:"column","& .collapsible_trigger":{display:"flex",alignItems:"center"}}),nu=fr("div",{padding:"$20 $20 $10",textAlign:"center",position:"relative","._icon-button":{position:"absolute",zIndex:10,top:"$16",right:"$16"}}),ru=Dy({display:"flex",flexDirection:"row",alignItems:"center",padding:"$5","&:hover":{"& ._typography, & svg":{color:"$secondary"}}});var Qy=i(t=>t.fee.isZero()?null:j.createElement(gr,null,j.createElement(nt,{variant:"label",size:"medium",color:"neutral600"},t.label),j.createElement(nt,{variant:"label",size:"medium"},"$",W(t.fee,4,4))),"NonPayableFee");function su(t){let[e,o]=iu(!1),[n,r]=iu(!1),{steps:s,quote:a,fee:l,time:p,feeWarning:c,showModalFee:u}=t,d=a?.swaps??[],m=L(),f=Dl(d);return j.createElement(j.Fragment,null,j.createElement(qy,{onClickFee:u?C=>{C.stopPropagation(),o(!e)}:void 0,fee:l,feeWarning:c,time:p,steps:s,tooltipGas:u?$t.t("View more info"):void 0,tooltipContainer:m}),j.createElement(ce,{container:m,open:e,header:j.createElement(nu,null,j.createElement(nt,{variant:"title",size:"medium"},$t.t("Gas & Fee Explanation")),j.createElement(Uy,{onClick:()=>o(!1),variant:"ghost"},j.createElement(Oy,{color:"gray",size:14}))),onClose:()=>{o(!1)}},j.createElement(ou,null,j.createElement(nt,{variant:"title",size:"small"},$t.t("Details")),j.createElement(hr,{size:10}),Object.entries(f.payable).flatMap(([C,S])=>S.map((g,y)=>{let k=`payable-fee-${y}`,T=xi(g);return j.createElement(gr,{key:k},j.createElement(nt,{variant:"label",size:"medium",color:"neutral600"},Ti[C]),j.createElement(zy,{content:pe(g.amount),container:m},j.createElement(nt,{variant:"label",size:"medium"},W(g.amount,2,2)," ",g.asset.symbol," ($",W(T,4,4),")")))})),j.createElement(gr,{className:"total_payable_fee"},j.createElement(nt,{variant:"label",size:"medium"},$t.t("Total Payable Fee")),j.createElement(nt,{variant:"label",size:"medium"},"$",W(l,4,4))),j.createElement(gs,null),Object.keys(f.nonePayable).length&&j.createElement(jn,{triggerAnchor:"bottom",onClickTrigger:()=>r(C=>!C),trigger:j.createElement("div",{className:ru()},j.createElement(nt,{size:"small",variant:"body",color:"neutral700"},n?$t.t("Hide non-payable fees"):$t.t("Show non-payable fees")),j.createElement(hr,{size:4,direction:"horizontal"}),j.createElement(Gn,{orientation:n?"up":"down"},j.createElement(Fy,{size:12,color:"gray"}))),open:n},j.createElement(nt,{size:"small",variant:"title"},$t.t("Description")),j.createElement(hr,{size:4}),j.createElement(nt,{size:"small",variant:"body",color:"neutral700"},$t.t(`The following fees are considered in the transaction output and
|
|
2
|
+
you won\u2019t need to pay extra gas for them.`)),j.createElement(hr,{size:10}),Object.entries(f.nonePayable).map(([C,S],g)=>{let y=$l(S),k=Ti[C],T=`non-payable-fee-${g}`;return j.createElement(Qy,{key:T,fee:y,label:k})}),j.createElement(gs,null)))))}i(su,"QuoteCostDetails");import{i18n as pu}from"@lingui/core";import{TokenAmount as cu}from"@rango-dev/ui";import yr from"react";import{css as Hy,styled as Gy}from"@rango-dev/ui";var au=Gy("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%"}),lu=Hy({height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"});function Fo(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return yr.createElement(au,null,yr.createElement(cu,{direction:"horizontal",label:pu.t("Swap input"),type:"input",tooltipContainer:L(),price:{value:e.price.value,usdValue:e.price.usdValue,realValue:e.price.realValue,realUsdValue:e.price.realUsdValue},token:{displayName:e.token.displayName,image:e.token.image},chain:{image:e.chain.image}}),yr.createElement("div",{className:lu()}),yr.createElement(cu,{direction:"horizontal",tooltipContainer:L(),label:pu.t("Estimated output"),type:"output",price:{value:o.price.value,usdValue:o.price.usdValue,realValue:o.price.realValue,realUsdValue:o.price.realUsdValue},token:{displayName:o.token.displayName,image:o.token.image},chain:{image:o.chain.image},percentageChange:n,warningLevel:r}))}i(Fo,"QuoteSummary");import{i18n as gu}from"@lingui/core";import{ChevronDownIcon as Xy,ChevronRightIcon as Ky,Divider as hs,Image as Yy,Tooltip as ys,Typography as Cr}from"@rango-dev/ui";import D from"react";import{useEffect as Vy,useState as Oo}from"react";var uu=480,mu=768,du=1024,fu=1200,jy=i(()=>{let[t,e]=Oo(!1),[o,n]=Oo(!1),[r,s]=Oo(!1),[a,l]=Oo(!1),[p,c]=Oo(!1),u=i(()=>{e(window.innerWidth<=uu),n(window.innerWidth>uu&&window.innerWidth<=mu),s(window.innerWidth>mu&&window.innerWidth<=du),l(window.innerWidth>du&&window.innerWidth<=fu),c(window.innerWidth>fu)},"handleResize");return Vy(()=>(u(),window.addEventListener("resize",u),()=>window.removeEventListener("resize",u)),[]),{isMobile:t,isTablet:o,isNotebook:r,isLargeScreen:a,isExtraLargeScreen:p}},"useScreenDetect"),Sr=jy;var Tr=4,kr=6,Uo=i(t=>{let e=L(),{content:o,src:n,className:r,open:s,state:a}=t;return D.createElement(ys,{container:e,side:"bottom",sideOffset:4,open:s,content:o},D.createElement(Yc,{className:r,state:a},D.createElement(Yy,{src:n,size:16})))},"ImageComponent");function hu(t){let{quoteRef:e,selected:o,setExpanded:n,steps:r,expanded:s,type:a}=t,l=L(),p=r.length,c=tp(r),{isTablet:u,isMobile:d}=Sr();return D.createElement(Kc,{listItem:a==="list-item",ref:m=>e.current=m,selected:o,onClick:m=>{m.stopPropagation(),n(f=>!f)}},D.createElement("div",{className:ho()},D.createElement(Cr,{variant:"body",size:"xsmall"},gu.t("Via:")),D.createElement(hs,{direction:"horizontal",size:4}),r.map((m,f)=>{let C=`item-${f}`,S=D.createElement(ms,null,D.createElement(Ky,{size:12,color:"black"}));return d||u?D.createElement(D.Fragment,{key:C},D.createElement(Uo,{content:m.swapper.displayName,src:m.swapper.image,state:m.state}),f!==p-1&&D.createElement(D.Fragment,null,S)):D.createElement(D.Fragment,{key:C},p<=Tr||p>Tr&&f<Tr-1?D.createElement(D.Fragment,null,D.createElement(Uo,{content:m.swapper.displayName,src:m.swapper.image,state:m.state}),f!==p-1&&D.createElement(D.Fragment,null,S)):f===Tr-1&&D.createElement(ys,{container:l,side:"bottom",align:"right",sideOffset:4,content:D.createElement("div",{className:ho()},S,r.map((g,y)=>{let k=`image-${y}`;return y>=f&&D.createElement(D.Fragment,{key:k},D.createElement(Uo,{content:g.swapper.displayName,src:g.swapper.image,state:g.state,open:!1}),y!==p-1&&D.createElement(D.Fragment,null,S))}))},D.createElement(fs,{state:r.find((g,y)=>y>=f&&(g.state==="error"||g.state==="warning"))?.state},D.createElement(Cr,{size:"xsmall",variant:"body"},"+",p-f))))})),D.createElement("div",{className:ho()},D.createElement("div",{className:"blockchains_section"},D.createElement("div",{className:ho()},D.createElement(Cr,{variant:"body",size:"xsmall"},gu.t("Chains:")),D.createElement(hs,{direction:"horizontal",size:4}),c.map((m,f)=>D.createElement(D.Fragment,{key:m.displayName},c.length<=kr||c.length>kr&&f<kr-1?D.createElement(Uo,{content:"",src:m.image,open:!1,className:f!==0?"blockchainImage":""}):f===kr-1&&D.createElement(ys,{container:l,side:"bottom",align:"right",sideOffset:4,content:D.createElement("div",{className:ho()},c.map((C,S)=>S>=f&&D.createElement(Uo,{key:C.displayName,content:"",src:C.image,open:!1,className:S>f?"blockchainImage":""})))},D.createElement(fs,{className:"blockchainImage"},D.createElement(Cr,{size:"xsmall",variant:"body"},"+",c.length-f))))),D.createElement(hs,{direction:"horizontal",size:32}))),D.createElement(ms,{orientation:s?"up":"down"},D.createElement(Xy,{size:12,color:"black"}))))}i(hu,"QuoteTrigger");function Cs(t){let{quote:e,input:o,output:n,error:r,warning:s,type:a,selected:l=!1,tagHidden:p=!0,showModalFee:c=!0,onClickAllRoutes:u,fullExpandedMode:d=!1}=t,m=h().blockchains(),f=h().tokens(),C=h().swappers(),[S,g]=rS(t.expanded),y=nS(null),k=W(o.value,6,6),T=W(n.value,6,6),x=n.usdValue?W(n.usdValue,4,4):"",I=Xe(o.usdValue,n.usdValue??null),E=W(I,2,2),v=Ct(I??0),A=i(Q=>Q.map((B,b)=>{let J,de=r?.type===3&&r.swap.swapperId===B.swapperId||r?.type===4&&r.recommendedSlippages?.has(b),Z=s?.type===2&&s.recommendedSlippages?.has(b);de?J="error":Z&&(J="warning");let ie=de?qo.t("Slippage Error"):qo.t("Slippage Warning");return r?.type===3&&(ie=r?.recommendation),{swapper:{displayName:bo(B.swapperId,C),image:B.swapperLogo},from:{token:{displayName:B.from.symbol,image:B.from.logo},chain:{displayName:Ve(B.from.blockchain,m),image:B.from.blockchainLogo},price:{value:b===0?W(o.value,6,6):W(B.fromAmount,6,6),usdValue:W((B.from.usdPrice??0)*parseFloat(B.fromAmount),4,4),realValue:pe(b===0?o.value:B.fromAmount),realUsdValue:pe(new Ss(B.from.usdPrice??0).multipliedBy(B.fromAmount))}},to:{token:{displayName:B.to.symbol,image:B.to.logo},chain:{displayName:Ve(B.to.blockchain,m),image:B.to.blockchainLogo},price:{value:W(B.toAmount,6,6),usdValue:W((B.to.usdPrice??0)*parseFloat(B.toAmount),4,4),realValue:pe(B.toAmount),realUsdValue:pe(new Ss(B.to.usdPrice??0).multipliedBy(B.toAmount))}},state:J,alerts:de||Z?_.createElement(Oc,null,_.createElement(Jy,{variant:"alarm",type:de?"error":"warning",title:ie,footer:_.createElement(Uc,null,r?.type===3&&_.createElement(_.Fragment,null,_.createElement(yo,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),_.createElement(zo,{direction:"horizontal",size:8}),_.createElement(yo,{size:"xsmall",variant:"body",color:"neutral900"},"|"),_.createElement(zo,{direction:"horizontal",size:8}),_.createElement(yo,{size:"xsmall",variant:"body",color:"neutral900"},qo.t({id:"Yours: {amount} {symbol}",values:{amount:W(B.fromAmount,6,6),symbol:B?.from.symbol}}))),(r?.type===4||s?.type===2)&&_.createElement(yo,{size:"xsmall",variant:"body",color:"neutral900"},qo.t({id:"Minimum required slippage is {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get(b)},...s?.type===2&&{minRequiredSlippage:s.recommendedSlippages?.get(b)}}})))})):void 0}}),"getQuoteSteps")(e?.swaps??[]),N=A.length,M=L(),z=np(t.quote.tags||[]),X=!!u,V=dn(fn(e?.swaps)),U=Pn(e?.swaps??[],f),ee=W(U,2,2),re=U.gte(new Ss(Nl));return d?_.createElement(Zy,{selected:l,fee:ee,time:V,tooltipContainer:In(),steps:A,tags:z,feeWarning:re,percentageChange:E,warningLevel:v,outputPrice:{value:T,usdValue:x,realValue:pe(n.value),realUsdValue:pe(n.usdValue)}}):_.createElement(Gc,{selected:l,listItem:a==="list-item",basic:a==="basic"},_.createElement("div",{className:Vc()},!p&&z.length?_.createElement(_.Fragment,null,_.createElement(tu,null,z.map((Q,B)=>{let b=`${Q.value}_${B}`;return _.createElement(_.Fragment,{key:b},_.createElement(eS,{label:Q.label,value:Q.value}),_.createElement(zo,{size:4,direction:"horizontal"}))})),_.createElement(dr,null),!X&&_.createElement(zo,{size:4})):null,_.createElement("div",{id:"portal-root",className:jc()},_.createElement(su,{quote:e,time:V,fee:ee,feeWarning:re,showModalFee:c,steps:N}),X&&_.createElement(Hc,{onClick:Q=>{Q.stopPropagation(),u()},size:"xxsmall",type:"secondary",variant:"default"},_.createElement(yo,{color:"secondary",variant:"label",size:"medium"},qo.t("See All Routes")))),a==="basic"&&_.createElement("div",{className:Xc()},_.createElement(Rc,null,_.createElement(Ry,{size:12,color:"gray"})),_.createElement(eu,null,_.createElement(ds,{size:"small",variant:"body"},`${k} ${A[0].from.token.displayName} = `),_.createElement(yu,{content:pe(n.value),container:M,open:n.value?void 0:!1},_.createElement(ds,{size:"small",variant:"body"},"\xA0",`${T} ${A[A.length-1].to.token.displayName}`))),_.createElement(yu,{content:pe(n.usdValue),container:M,style:{display:"flex"}},_.createElement(yo,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${x})`))),a==="list-item"&&_.createElement(oS,{tooltipContainer:M,type:"output",direction:"vertical",price:{value:T,usdValue:x,realValue:pe(n.value),realUsdValue:pe(n.usdValue)},token:{displayName:A[N-1].to.token.displayName,image:A[N-1].to.token.image},chain:{image:A[N-1].to.chain.image},percentageChange:E,warningLevel:v}),a==="swap-preview"&&_.createElement(_.Fragment,null,_.createElement(Fo,{from:A[0].from,to:A[N-1].to,percentageChange:E,warningLevel:v}),_.createElement(zo,{size:4}))),_.createElement(zc,{selected:l,listItem:a==="list-item",open:S,className:"quote_container",onOpenChange:g},_.createElement(hu,{type:a,quoteRef:y,selected:l,setExpanded:g,expanded:S,steps:A}),_.createElement(Jc,{open:S},_.createElement(Zc,null),_.createElement("div",{className:Qc()},A.map((Q,B)=>{let b=`item-${B}`;return _.createElement(tS,{type:"quote-details",key:b,tooltipContainer:M,step:Q,hasSeparator:B!==A.length-1,state:Q.state})})))))}i(Cs,"Quote");import{Divider as lS,Skeleton as pS}from"@rango-dev/ui";import wt from"react";import{darkTheme as iS,styled as wr}from"@rango-dev/ui";var Su=wr("div",{$$color:"$colors$neutral100",[`.${iS} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15",variants:{rounded:{true:{borderRadius:"$xm"}},expanded:{true:{paddingBottom:"3px"},false:{paddingBottom:"$12"}}}}),Cu=wr("div",{paddingTop:"$2"}),Tu=wr("div",{paddingLeft:"$8"}),ku=wr("div",{borderLeft:"1px dashed $foreground",minHeight:" 0",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});import{ChainToken as Lu,Divider as rt,Skeleton as Ge}from"@rango-dev/ui";import O from"react";import{css as sS,styled as kt}from"@rango-dev/ui";var Ts=kt("div",{display:"flex"}),wu=kt("div",{padding:"$10 $0 $20"}),xu=kt("div",{padding:"14px $0 $20 $0",display:"flex",flexDirection:"column"}),vu=kt("div",{display:"flex",justifyContent:"start",alignItems:"center"}),bu=kt("div",{display:"flex",justifyContent:"space-between",alignItems:"end"}),Iu=kt("div",{height:"$24",marginLeft:"13px",borderLeft:"1px solid $neutral700"}),Eu=kt("div",{width:"65%",display:"flex",justifyContent:"start"}),Au=kt("div",{display:"flex",flexDirection:"column",alignItems:"start",flexGrow:1,maxWidth:"148px"}),Wu=kt("div",{padding:"$15 $0 $15 $0"}),Nu=sS({display:"flex",justifyContent:"space-between",alignItems:"center"});function Qo(t){let{type:e,tagHidden:o=!0}=t,n=O.createElement(bu,null,O.createElement(Eu,null,O.createElement(Lu,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),O.createElement(rt,{size:8,direction:"horizontal"}),O.createElement(Au,null,O.createElement(Ge,{height:10,width:60,variant:"rounded"}),O.createElement(rt,{size:4}),O.createElement(Ge,{height:15,variant:"rounded"}))),O.createElement(Ge,{height:12,width:64,variant:"rounded"})),r=e==="basic"&&!o;return O.createElement("div",null,!o&&O.createElement(O.Fragment,null,O.createElement(Ts,null,O.createElement(Ge,{width:65,height:20,variant:"rounded"}),O.createElement(rt,{size:4,direction:"horizontal"}),O.createElement(Ge,{width:65,height:20,variant:"rounded"}),O.createElement(rt,{size:4,direction:"horizontal"}),O.createElement(Ge,{width:65,height:20,variant:"rounded"})),O.createElement(dr,null),!r&&O.createElement(rt,{size:4})),O.createElement("div",{className:Nu()},O.createElement(Ts,null,O.createElement(Ge,{width:60,height:10,variant:"rounded"}),O.createElement(rt,{size:4,direction:"horizontal"}),O.createElement(Ge,{width:60,height:10,variant:"rounded"}),O.createElement(rt,{size:4,direction:"horizontal"}),O.createElement(Ge,{width:60,height:10,variant:"rounded"})),r&&O.createElement(Ge,{width:85,height:24,variant:"rounded"})),e==="basic"&&O.createElement(wu,null,O.createElement(Ge,{height:15,width:148,variant:"rounded"})),e==="list-item"&&O.createElement(xu,null,O.createElement(vu,null,O.createElement(Lu,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),O.createElement(rt,{direction:"horizontal",size:4}),O.createElement(Ge,{height:15,width:150,variant:"rounded"})),O.createElement(rt,{size:10}),O.createElement(Ge,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&O.createElement(O.Fragment,null,O.createElement(rt,{size:4}),O.createElement(Wu,null,n,O.createElement(Iu,null),n),O.createElement(rt,{size:12})))}i(Qo,"QuoteSummarySkeleton");import{ChainToken as $u,Divider as ws,NextIcon as aS,Skeleton as xr}from"@rango-dev/ui";import Te from"react";import{styled as Ho}from"@rango-dev/ui";var Mu=Ho("div",{display:"flex",alignItems:"start"}),Bu=Ho("div",{flexGrow:1,paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center",variants:{extraSpace:{true:{paddingBottom:"$40"}}}}),ks=Ho("div",{display:"flex",alignItems:"center",flexGrow:1}),_u=Ho("div",{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}),Pu=Ho("div",{display:"flex",alignItems:"center"});function ft(t){let{separator:e=!0}=t;return Te.createElement(Te.Fragment,null,Te.createElement(Pu,null,Te.createElement(xr,{height:22,width:22,variant:"circular"}),Te.createElement(ws,{direction:"horizontal",size:8}),Te.createElement(xr,{height:15,width:148,variant:"rounded"})),Te.createElement(Mu,null,Te.createElement(ku,{hideSeparator:!e}),Te.createElement(Bu,{extraSpace:e},Te.createElement(ks,null,Te.createElement($u,{size:"small",loading:!0,chainImage:"",tokenImage:""}),Te.createElement(ws,{direction:"horizontal",size:8}),Te.createElement(xr,{height:12,variant:"rounded"})),Te.createElement(_u,null,Te.createElement(aS,{color:"gray",size:16})),Te.createElement(ks,null,Te.createElement($u,{size:"small",loading:!0,chainImage:"",tokenImage:""}),Te.createElement(ws,{direction:"horizontal",size:8}),Te.createElement(xr,{height:12,variant:"rounded"})))))}i(ft,"StepSkeleton");function Go(t){let{type:e,expanded:o,tagHidden:n=!1}=t;return wt.createElement(Su,{expanded:o,rounded:e!=="basic"},wt.createElement(Qo,{type:e,tagHidden:n}),wt.createElement(Cu,null,wt.createElement(pS,{height:15,variant:"rounded"})),o&&wt.createElement(Tu,null,wt.createElement(lS,{size:24}),wt.createElement(ft,null),wt.createElement(ft,null),wt.createElement(ft,{separator:!1})))}i(Go,"QuoteSkeleton");function Zt(t){let{quote:e,type:o,loading:n,error:r,warning:s,expanded:a=!1,tagHidden:l,onClick:p,showModalFee:c,selected:u,onClickAllRoutes:d,fullExpandedMode:m=!1}=t,{inputAmount:f,inputUsdValue:C,toToken:S}=H(),g=e?.outputAmount?new cS(e?.outputAmount):null,y=e?.outputAmount?Dn(e?.outputAmount,Fn(e)||S?.usdPrice):null,T=!(r&&(r.type===0||r.type===1))&&e&&!n;return n?vr.createElement(us,null,vr.createElement(Go,{tagHidden:l,type:o,expanded:a})):T?vr.createElement(us,{onClick:()=>p?.(e)},vr.createElement(Cs,{quote:e,error:r,showModalFee:c,warning:s,tagHidden:l,selected:u,type:o,expanded:a,onClickAllRoutes:d,fullExpandedMode:m,input:{value:f,usdValue:C?.toString()??""},output:{value:g?.toString()??"",usdValue:y?.toString()??""}})):null}i(Zt,"QuoteInfo");import{calculatePendingSwap as dS}from"@rango-dev/queue-manager-rango-preset";import{useEffect as fS}from"react";import{useRef as uS,useState as mS}from"react";function br({request:t}){let[e,o]=mS(!1),n=uS(null),r=i(()=>n.current?.abort(),"cancelFetch");return{fetch:i(async a=>{r(),n.current=new AbortController,o(!0);try{let l=await t(a,{signal:n.current.signal});return n.current=null,l}catch(l){throw l}finally{o(!1)}},"fetch"),loading:e,cancelFetch:r}}i(br,"useFetch");function Du(){let{fetch:t,loading:e,cancelFetch:o}=br({request:async(n,r)=>await Wt().confirmRouteRequest(n,r)});return{fetch:t,loading:e,cancelFetch:o}}i(Du,"useFetchConfirmQuote");function Ir(t){if(!t.swaps)throw new Error(R().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});let e=xs(t.swaps);if(e)throw new Error(e.message,{cause:e.options})}i(Ir,"throwErrorIfResponseIsNotValid");function xs(t){if(Bl(t)){let{swap:n,recommendation:r,fromAmountRangeError:s}=_l(t);return{message:"bridge limit error",options:{type:3,swap:n,recommendation:r,fromAmountRangeError:s}}}let o=Fl(t);if(o){let n=$n(t);return{message:"",options:{type:4,recommendedSlippages:o,minRequiredSlippage:n}}}return null}i(xs,"getQuoteError");function Fu(t,e,o){let n=!1;t&&(n=Rl(t,e));let r={quote:null,quoteUpdate:null,balance:null},s=ro(e,{fromToken:o.fromToken,toToken:o.toToken,tokens:o.meta.tokens,userSlippage:o.userSlippage});s&&(r.quote=s),t&&n&&(Hl(t,e)?r.quoteUpdate={type:3,newOutputAmount:W(no(e)),percentageChange:W(Xe(no(t)??"",no(e)??""),null,2)}:vi(t,e)?r.quoteUpdate={type:0}:bi(t,e)?r.quoteUpdate={type:1}:Ii(t,e)&&(r.quoteUpdate={type:2}));let a=Gl(e,o.selectedWallets,o.meta.blockchains);return a.length===0||(r.balance={messages:a}),r}i(Fu,"generateWarnings");function Er(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(Er,"handleQuoteErrors");function vs(){let{fromToken:t,toToken:e,inputAmount:o,setSelectedQuote:n,selectedQuote:r,customDestination:s,setQuoteWarningsConfirmed:a,resetAlerts:l}=H(),{slippage:p,customSlippage:c}=h(),u=h().getDisabledLiquiditySources(),d=h().blockchains(),m=h().tokens(),f=c||p,{fetch:C,cancelFetch:S,loading:g}=Du();return fS(()=>S,[]),{loading:g,fetch:i(async k=>{let T=k.selectedWallets,x=k?.customDestination??s;if(!t||!e||!o)return{quote:null,swap:null,error:null,warnings:null};let I=T.reduce((v,w)=>(v[w.chain]=w.address,v),{}),E={requestId:r?.requestId||"",selectedWallets:I,destination:x||void 0};try{return await C(E).then(v=>{let{result:w}=v;Ir({diagnosisMessages:w.diagnosisMessages,requestId:w.requestId,swaps:w.result?.swaps});let A={outputAmount:w.result?.outputAmount,requestId:w.requestId,resultType:w.result?.resultType,swaps:w.result?.swaps||[],validationStatus:w.validationStatus,requestAmount:w.requestAmount};n(A);let N={slippage:f.toString(),disabledSwappersGroups:u},M=dS(o.toString(),w,zl(T),N,!1,{blockchains:d,tokens:m}),z=Fu(r??void 0,A,{fromToken:t,toToken:e,meta:{blockchains:d,tokens:m},selectedWallets:T,userSlippage:f});return z.quoteUpdate&&a(!1),l(),{quote:A,swap:M,error:null,warnings:z}})}catch(v){return Er(v)}},"fetch"),cancelFetch:S}}i(vs,"useConfirmSwap");var ES=SS("div",{width:"100%",display:"flex",justifyContent:"space-between",[`& ${Uu}`]:{width:"$48",height:"$48"}}),AS=Is({flexGrow:1,paddingRight:"$10"}),WS=Is({width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}),NS=Is({display:"flex",justifyContent:"space-between",alignItems:"center"});function qu(){let{selectedQuote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:s,quoteWarningsConfirmed:a}=H(),l=IS(),p=bS(),[c,u]=jo(""),{connectedWallets:d}=Y(),m=!n,[f,C]=jo(!1),[S,g]=jo(!1),{isActiveTab:y}=ne(),k=h().getDisabledLiquiditySources(),T=xS(k),{manager:x}=gS(),{fetch:I,loading:E,cancelFetch:v}=vs(),[w,A]=jo({swap:null,error:null,warnings:null}),[N,M]=jo(!1),z=i(async({selectedWallets:b,customDestination:J})=>{let de=await I?.({selectedWallets:b,customDestination:J});return A(de),de},"onConfirmSwap"),X=i(async()=>{if(w.swap&&n)try{await x?.create("swap",{swapDetails:w.swap},{id:w.swap.requestId});let b=`../${F.swaps}/${w.swap.requestId}`;l(b,{replace:!0}),setTimeout(()=>{e("")},0)}catch(b){u("Error: "+b?.message)}},"addNewSwap"),V=i(async()=>{g(!0),await X(),g(!1)},"onConfirm"),U=i(async()=>{w?.warnings?.quote&&!a?M(!0):await V()},"onStartConfirmSwap"),ee=i(async()=>{A({error:null,swap:null,warnings:null}),I({selectedWallets:o,customDestination:s}).then(b=>{A(b)}).catch(b=>console.error(b))},"onRefresh");Vo(()=>{!!T.current.length&&!k.length&&ee(),T.current=k},[k.length]),Vo(()=>{m&&v()},[m]),Vo(()=>{m&&C(m)},[m]),Vo(()=>{m||I({selectedWallets:o,customDestination:s}).then(b=>A(b)).catch(b=>console.error(b))},[]),Vo(()=>{let b=w.warnings?.quote?.type&&Object.values(Lt).includes(w.warnings?.quote?.type),J=o.length<1||!o.every(Z=>d.find(ie=>Z.address===ie.address&&Z.walletType===ie.walletType&&Z.chain===ie.chain)),de=!1;if(b){let Z=Ln(t?.swaps||null),ie=t?.swaps[t.swaps.length-1].to.blockchain;!!t?.swaps.find(K=>K.from.blockchain===ie)||(Z=Z.slice(-Z.length,Z.length-1)),Z.every(K=>o.find(te=>te.chain===K))||(de=!0)}t&&(J||de)&&(queueMicrotask(()=>vS(C.bind(null,!0))),r(!1))},[w.warnings?.quote,o.length,d.length]),wS(()=>{t||l(`../${p.search}`)},[]);let re=w.warnings?.quote??null,Q=w.error,B=[];if(c&&B.push(fe.createElement(Ou,{type:"error",variant:"alarm",title:c})),w.warnings?.quoteUpdate&&B.push(fe.createElement(Ou,{variant:"alarm",type:"warning",title:w.warnings.quoteUpdate&&zn(w.warnings.quoteUpdate)})),re||Q){let b=`../${F.settings}`;B.push(fe.createElement($o,{warning:re,error:Q,refetchQuote:ee,showWarningModal:N,confirmationDisabled:!y,onOpenWarningModal:()=>M(!0),onCloseWarningModal:()=>M(!1),onConfirmWarningModal:async()=>{M(!1),await X()},onChangeSettings:()=>l(b)}))}return fe.createElement(le,{header:{title:Ar.t("Confirm Swap"),onWallet:()=>{let b=`../${F.wallets}`;l(b)},suffix:fe.createElement(CS,{container:L(),side:"bottom",content:Ar.t("Settings")},fe.createElement(Je,{size:"small",variant:"ghost",onClick:()=>l("../"+F.settings)},fe.createElement(yS,{size:18,color:"black"})))},footer:fe.createElement(ES,null,fe.createElement("div",{className:AS()},fe.createElement(hS,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:E||S,disabled:!!w.error||!y,onClick:U},Ar.t("Start Swap"))),fe.createElement(Uu,{variant:"contained",type:"primary",size:"large",loading:E||S,disabled:!y,onClick:C.bind(null,!0)},fe.createElement(kS,{size:24})))},f&&fe.createElement(Tc,{open:f,onClose:()=>C(!1),onCancel:v,loading:E,onCheckBalance:z}),fe.createElement(ue,null,fe.createElement("div",{className:NS()},fe.createElement(TS,{variant:"title",size:"small"},Ar.t("You get")),fe.createElement("div",{className:WS()},fe.createElement(er,{onClick:!E&&!f&&!N?ee:void 0}))),fe.createElement(bs,{size:"12"}),bp(B.map((b,J)=>({element:b,key:`alert-${J}`})),fe.createElement(bs,{size:10})),B.length>0?fe.createElement(bs,{size:10}):null,fe.createElement(Zt,{quote:t,type:"swap-preview",expanded:!0,tagHidden:!0,error:w.error,loading:E,warning:w.warnings?.quote??null})))}i(qu,"ConfirmSwapPage");import{i18n as Nr}from"@lingui/core";import{useManager as VS}from"@rango-dev/queue-manager-react";import{Divider as Zu,NotFound as jS,styled as XS}from"@rango-dev/ui";import vt,{useState as KS}from"react";import{useNavigate as YS}from"react-router-dom";import{i18n as BS}from"@lingui/core";import{Divider as Vu,GroupedVirtualizedList as _S,Skeleton as PS,SwapListItem as ju,Typography as $S}from"@rango-dev/ui";import _e,{useCallback as Xu,useEffect as DS,useRef as FS,useState as OS}from"react";function zu(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(zu,"calculateGroupsSoFar");import{css as LS,darkTheme as MS,styled as Xo}from"@rango-dev/ui";var Es=LS(),Qu=Xo("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$5"}),As=Xo("div",{width:"100%",display:"flex",flexDirection:"column",backgroundColor:"$background",padding:"$10 $5 0 $5",[`& .${Es}`]:{$$color:"$colors$neutral600",[`.${MS} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Ws=Xo("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),Hu=Xo("div",{gap:"$10",display:"flex",flexDirection:"column"}),Gu=Xo("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});var US=10;function Ns(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,[s,a]=OS([]),l=FS(0),{swaps:p,groupCounts:c,groups:u}=n(e),d=Xu(zu,[]),m=Xu(()=>{let f=e.length-l.current;f&&(l.current+=Math.min(f,US),a(d(c,l.current)))},[e.length]);if(DS(()=>{r||m()},[r,m]),r){let f=[1,2];return _e.createElement(_e.Fragment,null,[f,f].map((S,g)=>_e.createElement(As,{key:g},_e.createElement(Ws,null,_e.createElement(PS,{variant:"text",width:60,size:"small"}),_e.createElement(Vu,{size:16})),_e.createElement(Vu,{size:4}),_e.createElement(Hu,null,S.map((k,T)=>_e.createElement(ju,{isLoading:!0,key:T}))))))}return _e.createElement(_S,{endReached:()=>{l.current<e.length&&m()},groupCounts:s,groupContent:f=>_e.createElement(As,null,_e.createElement(Ws,null,_e.createElement($S,{variant:"label",size:"medium",className:Es()},u[f]))),itemContent:(f,C)=>{let S=p[f];if(!S)return null;let g=S.steps[0],y=S.steps[S.steps.length-1];return _e.createElement(Qu,{key:S.requestId},_e.createElement(ju,{requestId:S.requestId,creationTime:S.creationTime,status:S.status,onClick:o,tooltipContainer:L(),onlyShowTime:u[C]===BS.t("Today"),swapTokenData:{from:{token:{image:g.fromLogo,displayName:g.fromSymbol},blockchain:{image:g.fromBlockchainLogo||""},amount:W(S.inputAmount,6,6),realAmount:pe(S.inputAmount)},to:{token:{image:y.toLogo,displayName:y.toSymbol},blockchain:{image:y.toBlockchainLogo||""},amount:W(y.outputAmount||y.expectedOutputAmountHumanReadable||"",6,6),realAmount:pe(y.outputAmount||y.expectedOutputAmountHumanReadable)}}}))}})}i(Ns,"HistoryGroupedList");import{CloseIcon as zS,IconButton as QS,SearchIcon as HS,TextField as GS}from"@rango-dev/ui";import Ko from"react";import{styled as qS}from"@rango-dev/ui";var Ku=qS("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function xt(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:s,value:a,setValue:l,...p}=t;return Ko.createElement(GS,{prefix:Ko.createElement(Ku,null,Ko.createElement(HS,{color:"black"})),suffix:!!a.length&&Ko.createElement(QS,{variant:"ghost",onClick:()=>l?.(""),size:"small"},Ko.createElement(zS,{color:"gray",size:10})),fullWidth:o,color:n,variant:e,style:{padding:10,borderRadius:25,alignItems:"center"},size:r,value:a,onChange:s,...p})}i(xt,"SearchInput");import{i18n as Wr}from"@lingui/core";import Yu from"dayjs";var Ju=i(t=>{let e=new Map([["today",{title:Wr.t("Today"),swaps:[]}],["week",{title:Wr.t("This week"),swaps:[]}],["month",{title:Wr.t("This month"),swaps:[]}],["year",{title:Wr.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=Yu();t.forEach(p=>{let c=Number(p.creationTime),u=Yu(c);if(n.isSame(u,"day"))e.get("today")?.swaps.push(p);else if(n.isSame(u,"week"))e.get("week")?.swaps.push(p);else if(n.isSame(u,"month"))e.get("month")?.swaps.push(p);else if(n.isSame(u,"year"))e.get("year")?.swaps.push(p);else{let d=new Date(c).getFullYear().toString();o(d,p)}});let r=Array.from(e.values()).filter(p=>p.swaps.length>0),s=r.flatMap(p=>p.swaps),a=r.map(p=>p.swaps.length),l=r.map(p=>p.title);return{swaps:s,groupCounts:a,groups:l}},"groupSwapsByDate");var JS=XS("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),ZS=i((t,e)=>t?.length?t.filter(o=>pt(o.fromBlockchain,e)||pt(o.toBlockchain,e)||pt(o.toSymbol,e)||pt(o.fromSymbol,e)).length:!1,"isStepContainsText");function Ru(){let t=YS(),{manager:e,state:o}=VS(),n=mt(e).map(({swap:u})=>u),[r,s]=KS(""),a=!o.loadedFromPersistor,l=i(u=>{let d=u.target.value;s(d)},"searchHandler"),p=n;r&&(p=n.filter(u=>pt(u.inputAmount,r)||pt(u.status,r)||ZS(u.steps,r)||pt(u.requestId,r)));let c=!p?.length&&!a;return vt.createElement(le,{header:{title:Nr.t("History")}},vt.createElement(ue,null,vt.createElement(xt,{setValue:s,fullWidth:!0,variant:"contained",placeholder:Nr.t("Search Transaction"),autoFocus:!0,onChange:l,value:r}),vt.createElement(Zu,{size:"16"}),vt.createElement(JS,null,c&&vt.createElement(Gu,null,vt.createElement(Zu,{size:32}),vt.createElement(jS,{title:Nr.t("No results found"),description:r?Nr.t("Try using different keywords"):""})),!c&&vt.createElement(Ns,{list:p,onSwapClick:t,groupBy:Ju,isLoading:a}))))}i(Ru,"HistoryPage");import{i18n as hC}from"@lingui/core";import{Button as yC,Divider as hm,styled as SC,WarningIcon as CC}from"@rango-dev/ui";import qe,{useEffect as ym,useState as Sm}from"react";import{useNavigate as TC}from"react-router-dom";import{i18n as rC}from"@lingui/core";import{Header as iC}from"@rango-dev/ui";import Dt,{useEffect as sC,useState as aC}from"react";import{i18n as eC}from"@lingui/core";import{Divider as Ms,FullExpandedQuote as tC,Typography as oC}from"@rango-dev/ui";import ge from"react";import{styled as Ls}from"@rango-dev/ui";var em=Ls("div",{display:"flex",justifyContent:"center",flexDirection:"column",height:"100%"}),tm=Ls("div",{display:"flex",justifyContent:"space-between",alignItems:"center"}),om=Ls("div",{width:"146px"});import{Select as RS}from"@rango-dev/ui";import nm from"react";function Lr(t){let{updateQuotePartialState:e,sortStrategy:o}=H();return nm.createElement(om,null,nm.createElement(RS,{container:t.container,options:Wl,value:o,handleItemClick:n=>{e("sortStrategy",n.value)},variant:"filled"}))}i(Lr,"SelectStrategy");var rm=3;function Yo(t){let{loading:e,onClickOnQuote:o,fetch:n,showModalFee:r,hasSort:s=!0,fullExpandedMode:a=!1}=t,{selectedQuote:l,quotes:p,updateQuotePartialState:c,fromToken:u,toToken:d,sortStrategy:m,error:f}=H(),{slippage:C,customSlippage:S}=h(),g=h().tokens(),y=!!p&&p.results.length,k=S??C,T=i(E=>{if(!u||!d||!p)return null;let v={requestAmount:p.requestAmount,...E};return ro(v,{fromToken:u,toToken:d,userSlippage:k,tokens:g})},"getQuoteWarning"),x=f?.type===0||f?.type===1,I=p?.results?On(m,p?.results):[];return ge.createElement(ge.Fragment,null,s&&ge.createElement(ge.Fragment,null,ge.createElement(tm,null,ge.createElement(oC,{size:"xmedium",variant:"title"},eC.t("Sort by")),ge.createElement(Lr,{container:L()})),ge.createElement(Ms,{size:"10"})),e&&Array.from({length:rm},(E,v)=>ge.createElement(ge.Fragment,{key:v},a?ge.createElement(tC,{loading:!0}):ge.createElement(Go,{tagHidden:!1,type:"list-item",expanded:!1}),v!==rm-1&&ge.createElement(Ms,{size:16}))),!e&&ge.createElement(ge.Fragment,null,y?I.map((E,v)=>{let w=T(E),A=xs(E.swaps),N=I.length-1===v;return ge.createElement(ge.Fragment,{key:E.requestId},ge.createElement(Zt,{showModalFee:r,selected:l?.requestId===E.requestId,tagHidden:!1,quote:{...E,requestAmount:p.requestAmount},loading:e,error:A?.options||null,warning:w,fullExpandedMode:a,onClick:M=>{A||c("warning",w),c("error",A?.options||null),o(M)},type:"list-item"}),!N&&ge.createElement(Ms,{size:16}))}):x&&ge.createElement(em,null,ge.createElement(_o,{size:a?"large":"small",error:f,fetch:n}))))}i(Yo,"Quotes");import{darkTheme as nC,styled as im}from"@rango-dev/ui";var sm=im("div",{transition:"width 0.2s, opacity 0.2s, margin-left 0.2s",height:"700px",width:"390px",opacity:1,marginLeft:"$16",backgroundColor:"$neutral100",[`.${nC} &`]:{backgroundColor:"$neutral300"},variants:{expandMode:{default:{width:"390px"},full:{width:"719px"}}},"&.is-hidden":{width:0,height:0,opacity:0,marginLeft:0}}),am=im("div",{position:"relative",overflow:"hidden",padding:"$20",flexGrow:1,display:"flex",flexDirection:"column",overflowY:"auto",borderRadius:"$primary",backgroundColor:"$background"});var lC=100;function Bs(t){let{fetch:e,loading:o,onClickOnQuote:n,onClickRefresh:r,isVisible:s}=t,[a,l]=aC(!1),p=a?"":"is-hidden",{config:c}=h(),u=c?.variant==="full-expanded";return sC(()=>{let d=null;return s?d=setTimeout(()=>{l(!0)},lC):(l(!1),d&&clearTimeout(d)),()=>{d&&clearTimeout(d)}},[s]),Dt.createElement(sm,{expandMode:c?.variant==="full-expanded"?"full":"default",className:`${p} ${nr()}`,id:ke.EXPANDED_BOX_ID},Dt.createElement(iC,{title:rC.t("Routes"),suffix:Dt.createElement(Dt.Fragment,null,Dt.createElement(Lr,{container:In()}),Dt.createElement(jt,{onClickRefresh:r,hidden:["history","notifications","settings"]}))}),Dt.createElement(am,null,Dt.createElement(Yo,{showModalFee:!1,fetch:e,hasSort:!1,loading:o,onClickOnQuote:n,fullExpandedMode:u})))}i(Bs,"ExpandedQuotes");import{i18n as dm}from"@lingui/core";import{SwapInput as fm}from"@rango-dev/ui";import Jo from"react";import{ReverseIcon as pC,styled as lm}from"@rango-dev/ui";import _s from"react";var cC=lm("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),uC=lm("div",{borderRadius:"$md",border:"3px solid $background",background:"$neutral100",width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center",color:"$foreground","&:hover":{color:"$secondary500"}});function pm(){let t=H.use.switchFromAndTo();return _s.createElement(cC,null,_s.createElement(uC,{onClick:()=>{t()}},_s.createElement(pC,{size:12})))}i(pm,"SwitchFromAndToButton");import{styled as cm}from"@rango-dev/ui";var um=cm("div",{display:"flex",flexDirection:"column",gap:"$5",alignSelf:"stretch"}),mm=cm("div",{position:"relative"});function Ps(t){let{fetchingQuote:e,fetchMetaStatus:o,onClickToken:n}=t,{fromToken:r,fromBlockchain:s,toToken:a,toBlockchain:l,setInputAmount:p,inputAmount:c,inputUsdValue:u,outputAmount:d,outputUsdValue:m,selectedQuote:f}=H(),{connectedWallets:C,getBalanceFor:S}=Y(),{config:{variant:g}}=h(),y=r?S(r):null,k=Tn(y)?.amount??"0",T=s&&r?W(y?.amount,y?.decimals):"0",x=!!s&&ja(C,s.name),I=!wi(f,c,u),E=!wi(f,c,m),v=!u||!m||!m.gt(0)?null:Xe(u.toString(),m.toString());return Jo.createElement(um,null,Jo.createElement(mm,null,Jo.createElement(fm,{label:dm.t("From"),mode:"From",onInputChange:p,balance:k,chain:{displayName:s?.displayName||"",image:s?.logo||""},token:{displayName:r?.symbol||"",image:r?.image||""},onClickToken:()=>n("from"),price:{value:c,usdValue:I?void 0:W(u,4,4),realUsdValue:I?void 0:pe(u),error:I?R().unknownPriceError.impactTitle:void 0},disabled:o==="failed",loading:o==="loading",loadingBalance:x,tooltipContainer:L(),onSelectMaxBalance:()=>{k!=="0"&&p(T.split(",").join(""))}}),Jo.createElement(pm,null)),Jo.createElement(fm,{sharpBottomStyle:g==="default"&&(!!f||e),label:dm.t("To"),mode:"To",fetchingQuote:e,chain:{displayName:l?.displayName||"",image:l?.logo||""},token:{displayName:a?.symbol||"",image:a?.image||""},percentageChange:W(Xe(u,m),2,2),warningLevel:Ct(v??0),price:{value:W(d,6,6),usdValue:E?void 0:W(m,4,4),realValue:pe(d),realUsdValue:E?void 0:pe(m),error:E?R().unknownPriceError.impactTitle:void 0},onClickToken:()=>n("to"),disabled:o==="failed",loading:o==="loading",tooltipContainer:L()}))}i(Ps,"Inputs");import{useCallback as mC,useEffect as dC,useState as fC}from"react";function gm(){let{fetch:t,loading:e,cancelFetch:o}=br({request:async(n,r)=>await Wt().getAllRoutes(n,r)});return{fetch:t,loading:e,cancelFetch:o}}i(gm,"useFetchAllQuotes");var gC=600;function Mr({refetchQuote:t}){let{fetch:e,cancelFetch:o}=gm(),{excludeLiquiditySources:n,features:r,enableCentralizedSwappers:s}=h().config,a=Y.use.connectedWallets(),l=h().tokens(),{fromToken:p,toToken:c,inputAmount:u,inputUsdValue:d,selectedQuote:m,sortStrategy:f,resetQuote:C,error:S,warning:g,setSelectedQuote:y,updateQuotePartialState:k}=H(),{slippage:T,customSlippage:x,affiliatePercent:I,affiliateRef:E,affiliateWallets:v,fetchStatus:w}=h(),A=h().getLiquiditySources(),N=h().getDisabledLiquiditySources(),M=h().excludeLiquiditySources(),[z,X]=fC(!0),V=x??T,ee=!p||!c||Le(p,c)||!xo(u),re=i(b=>{X(b)},"resetState"),Q=i(b=>{let{fromToken:J,toToken:de,inputAmount:Z,liquiditySources:ie,excludeLiquiditySources:oo,disabledLiquiditySources:G,slippage:K,affiliateRef:te,affiliatePercent:Ie,affiliateWallets:et}=b;if(z||re(!0),!ee&&J&&de){C();let $e=ql({fromToken:J,toToken:de,inputAmount:Z,liquiditySources:ie,excludeLiquiditySources:oo,disabledLiquiditySources:G,wallets:a,slippage:K,affiliateRef:te,affiliatePercent:Ie,affiliateWallets:et,enableCentralizedSwappers:s});ml("experimentalRoute",r)&&($e.experimental=!0),e($e).then(De=>{let ye=On(f,De.results),Fe=op(m,ye,De.requestAmount);X(!1),k("quotes",De),y(Fe),Ir({diagnosisMessages:De.diagnosisMessages,requestId:Fe?.requestId||"",swaps:Fe?.swaps});let un=Fe&&ro(Fe,{fromToken:J,toToken:de,userSlippage:V,tokens:l});k("warning",un)}).catch(De=>{let{error:ye}=Er(De);(ye?.type===0||ye?.type===1)&&C(),ye?.type!==2&&(k("error",ye),X(!1))})}},"fetch"),B=mC(ll(b=>{ee||Q(b)},gC),[ee]);return dC(()=>{if(!t){X(!1);return}if(w==="success"){if(ee){X(!1),(m||S||g)&&C();return}if(!xo(u)||d?.eq(0)){re(!1),o();return}return C(),re(!0),B({inputAmount:u,fromToken:p,toToken:c,liquiditySources:A,excludeLiquiditySources:M,disabledLiquiditySources:N,slippage:V,affiliateRef:E,affiliatePercent:I,affiliateWallets:v}),o}},[w,u,p?.symbol,p?.address,p?.blockchain,c?.symbol,c?.address,c?.blockchain,ee,A?.length,n,N.length,V,E,I,JSON.stringify(v)]),{fetch:()=>Q({inputAmount:u,fromToken:p,toToken:c,liquiditySources:A,excludeLiquiditySources:M,disabledLiquiditySources:N,slippage:V,affiliateRef:E,affiliatePercent:I,affiliateWallets:v}),loading:z}}i(Mr,"useSwapInput");var kC=SC("div",{display:"grid",gridTemplateColumns:"auto auto",alignItems:"flex-start",maxHeight:700,"& .footer__alert":{paddingTop:"0"}}),wC=300;function Cm(){let t=TC(),{fromToken:e,toToken:o,inputAmount:n,selectedQuote:r,refetchQuote:s,error:a,warning:l,quotes:p,setSelectedQuote:c,resetQuoteWallets:u,setQuoteWarningsConfirmed:d,updateQuotePartialState:m}=H(),[f,C]=Sm(!1),{isLargeScreen:S,isExtraLargeScreen:g}=Sr(),{fetch:y,loading:k}=Mr({refetchQuote:s}),{config:T,fetchStatus:x}=h(),{connectedWallets:I}=Y(),{isActiveTab:E}=ne(),[v,w]=Sm(!1),N=Pl({fetchMetaStatus:x,fetchingQuote:k,inputAmount:n,quote:r,anyWalletConnected:I.length>0,error:a,warning:l,needsToWarnEthOnPath:!1}),M=Ra(S,g,T?.variant),z=!!n&&!!e&&!!o&&n!=="0"&&!Yl(e,o),X=z&&x==="success"&&k,ee=(!M||M&&p?.results.length)&&(l||a);ym(()=>{u(),m("refetchQuote",!0)},[]),ym(()=>{C(z)},[z]);let re=(r||a)&&!v?y:void 0,Q=i(b=>{M&&f?(C(!1),setTimeout(()=>{t(b)},wC)):t(b)},"onHandleNavigation"),B=i(b=>{r?.requestId!==b.requestId&&(w(!1),c(b))},"onClickOnQuote");return qe.createElement(kC,null,qe.createElement(le,{height:"auto",footer:qe.createElement(yC,{type:"primary",size:"large",disabled:N.disabled||!E,prefix:N.action==="confirm-warning"&&qe.createElement(CC,null),fullWidth:!0,onClick:()=>{N.action==="connect-wallet"?Q(F.wallets):N.action==="confirm-warning"?w(!0):Q(F.confirmSwap)}},N.title),header:{onWallet:()=>{Q(F.wallets)},hasBackButton:!1,title:T.title||hC.t("Swap"),suffix:qe.createElement(jt,{hidden:M?["refresh"]:void 0,onClickRefresh:re,onClickHistory:()=>Q(F.swaps),onClickSettings:()=>{Q(F.settings)}})}},qe.createElement(ue,null,qe.createElement(Ps,{fetchingQuote:X,fetchMetaStatus:x,onClickToken:b=>{Q(b==="from"?F.fromSwap:F.toSwap)}}),qe.createElement(hm,{size:"2"}),M?null:qe.createElement(Zt,{quote:r,loading:X,error:a,tagHidden:!1,warning:l,type:"basic",onClickAllRoutes:p&&p.results.length>1?()=>{m("refetchQuote",!1),Q(F.routes)}:void 0}),ee?qe.createElement(qe.Fragment,null,qe.createElement(hm,{size:"10"}),qe.createElement($o,{warning:l,error:a,refetchQuote:y,showWarningModal:v,confirmationDisabled:!E,onOpenWarningModal:()=>w(!0),onCloseWarningModal:()=>w(!1),onConfirmWarningModal:()=>{w(!1),d(!0),Q(F.confirmSwap)},onChangeSettings:()=>Q(F.settings)})):null)),M?qe.createElement(Bs,{loading:X,onClickOnQuote:B,fetch:y,onClickRefresh:re,isVisible:f}):null)}i(Cm,"Home");import{i18n as Tm}from"@lingui/core";import{Alert as xC,Divider as vC,List as bC,ListItemButton as IC,Radio as EC,RadioRoot as AC,Typography as WC}from"@rango-dev/ui";import gt from"react";function Ft(){let{setLanguage:t,language:e,config:o}=h(),n=fl,r=o?.language||Io;return{activeLanguage:e||r,languages:n,defaultLanguage:r,changeLanguage:s=>t(s||Io),resetLanguage:()=>t(null)}}i(Ft,"useLanguage");function km(){let{activeLanguage:t,changeLanguage:e,languages:o}=Ft(),n=Ye(),r=o.map(s=>{let{local:a,label:l,SVGFlag:p}=s;return{id:a,value:a,title:gt.createElement(WC,{variant:"title",size:"xmedium"},l),onClick:()=>{e(s.local),n()},end:gt.createElement(EC,{value:a}),start:gt.createElement(p,null)}});return gt.createElement(le,{header:{title:Tm.t("Language")}},gt.createElement(ue,null,gt.createElement(xC,{type:"warning",variant:"alarm",title:"Important Notice: Machine translations are in use"}),gt.createElement(vC,{size:"8"}),gt.createElement(AC,{value:t},gt.createElement(bC,{type:gt.createElement(IC,{title:Tm.t("language"),id:"_",onClick:()=>console.log()}),items:r}))))}i(km,"LanguagePage");import{i18n as bt}from"@lingui/core";import{Button as _C,Checkbox as PC,Image as $C,ListItemButton as DC,NotFound as FC,Typography as OC}from"@rango-dev/ui";import Pe,{useState as UC}from"react";import{Checkbox as MC,Skeleton as xm}from"@rango-dev/ui";import Ro from"react";import{styled as $s}from"@rango-dev/ui";var Zo=$s("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto",variants:{disabled:{true:{pointerEvents:"none"}}}}),Ds=$s("div",{width:80,display:"flex",justifyContent:"flex-end"}),Fs=$s("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});import{ListItem as NC,styled as LC}from"@rango-dev/ui";var wm=LC(NC,{height:61});var BC=30;function Os(){return Ro.createElement(Zo,null,Array.from(Array(BC),(t,e)=>Ro.createElement(wm,{hasDivider:!0,key:e,start:Ro.createElement(xm,{variant:"circular",width:35,height:35}),title:Ro.createElement(xm,{variant:"text",size:"large",width:90}),end:Ro.createElement(MC,{checked:!1})})))}i(Os,"LoadingLiquiditySourceList");function Us({sourceType:t}){let e=h().fetchStatus,o=h().swappers(),n=h().getDisabledLiquiditySources(),[r,s]=UC(""),a=h().toggleLiquiditySource,l=h().isInCampaignMode(),p=En(o,n),c={Exchanges:bt.t("Exchanges"),Bridges:bt.t("Bridges")},u=[];t==="Exchanges"&&u.push("DEX"),t==="Bridges"&&u.push("BRIDGE","AGGREGATOR","OFF_CHAIN");let d=p.filter(y=>u.includes(y.type)),m=d.length===d.filter(y=>y.selected).length,f=i(()=>{d.forEach(y=>{m?a(y.groupTitle):y.selected||a(y.groupTitle)})},"toggleAllSources"),C=d.map(y=>{let{selected:k,groupTitle:T,logo:x}=y;return{start:Pe.createElement($C,{src:x,size:22,type:"circular"}),onClick:()=>{l||a(T)},end:Pe.createElement(PC,{checked:k,disabled:l}),title:Pe.createElement(OC,{variant:"title",size:"xmedium"},bt.t(T)),...y}}),S=i(y=>{let k=y.target.value;s(k)},"searchHandler"),g=C;return r&&(g=C.filter(y=>pt(y.groupTitle,r))),Pe.createElement(le,{header:{title:bt.t(t),suffix:Pe.createElement(Ds,null,Pe.createElement(_C,{variant:"ghost",size:"xsmall",onClick:f},m?bt.t("Deselect all"):bt.t("Select all")))}},Pe.createElement(ue,{view:!0},Pe.createElement(xt,{value:r,setValue:s,fullWidth:!0,color:"light",variant:"contained",placeholder:bt.t("Search {sourceType}",{sourceType:c[t]}),onChange:S}),e==="loading"&&Pe.createElement(Os,null),!g.length&&r?Pe.createElement(Fs,null,Pe.createElement(FC,{title:bt.t("No results found"),description:bt.t("Try using different keywords")})):e==="success"&&Pe.createElement(Zo,{disabled:l},g.map(y=>{let{groupTitle:k,...T}=y;return Pe.createElement(Pe.Fragment,{key:y.id},Pe.createElement(DC,{style:{height:"61px"},...T,selected:!1,hasDivider:!0}))}))))}i(Us,"LiquiditySourcePage");import{i18n as qC}from"@lingui/core";import Br from"react";import{useNavigate as zC}from"react-router-dom";function vm(){let t=zC(),e=Ye(),{selectedQuote:o,refetchQuote:n,setSelectedQuote:r,updateQuotePartialState:s,error:a}=H(),{fetch:l,loading:p}=Mr({refetchQuote:n}),c=i(m=>{r(m),s("refetchQuote",!1),e()},"onClickOnQuote"),u=`../${F.settings}`,d=`../${F.wallets}`;return Br.createElement(le,{header:{onWallet:()=>{t(d)},onBack:()=>{s("refetchQuote",!1)},title:qC.t("Routes"),suffix:Br.createElement(jt,{onClickRefresh:o||a?l:void 0,hidden:["notifications","history"],onClickSettings:()=>t(u)})}},Br.createElement(ue,null,Br.createElement(Yo,{fetch:l,loading:p,onClickOnQuote:c})))}i(vm,"RoutesPage");import{i18n as Mm}from"@lingui/core";import{Divider as Bm,getCountCategories as ZC,SelectableCategoryList as RC}from"@rango-dev/ui";import It,{useState as _m}from"react";import{i18n as zs}from"@lingui/core";import{Divider as Nm,Image as jC,ListItemButton as XC,NotFound as KC,Typography as Lm}from"@rango-dev/ui";import Ze,{useEffect as YC,useState as JC}from"react";import{BlockchainCategories as qs}from"@rango-dev/ui";import{TransactionType as _r}from"rango-sdk";var QC=i((t,e)=>{switch(e){case qs.ALL:return!0;case qs.UTXO:return t.type===_r.TRANSFER;case qs.OTHER:return t.type!==_r.TRANSFER&&t.type!==_r.COSMOS&&t.type!==_r.EVM;default:return t.type===e}},"filterByType"),bm=i((t,e,o)=>t.filter(n=>QC(n,o)).filter(n=>St(n.name,e)||St(n.displayName,e)),"filterBlockchains");import{ImageContainer as HC,styled as Im}from"@rango-dev/ui";var Em=Im("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),Pr=Im(Lo,{padding:0,margin:0,listStyle:"none",[`& ${HC}`]:{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as GC,Skeleton as Am}from"@rango-dev/ui";import $r from"react";var VC=20;function Wm(){return $r.createElement(Pr,null,Array.from(Array(VC),t=>$r.createElement(GC,{key:t,hasDivider:!0,start:$r.createElement(Am,{variant:"circular",width:35,height:35}),title:$r.createElement(Am,{variant:"text",size:"large",width:90})})))}i(Wm,"LoadingBlockchainList");function Qs(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=JC(e),{fetchStatus:l}=h();YC(()=>{a([...bm(e,o,r)])},[e,o,r]);let p=i(()=>!s.length&&o?Ze.createElement(Ze.Fragment,null,Ze.createElement(Nm,{size:32}),Ze.createElement(KC,{title:zs.t("No results found"),description:zs.t("Try using different keywords")})):Ze.createElement(Pr,{as:"ul",key:`${r}-${o}`},s.map(c=>Ze.createElement(XC,{key:`${c.name}-${c.chainId}`,hasDivider:!0,onClick:()=>n(c),start:Ze.createElement(jC,{src:c.logo,size:30}),title:Ze.createElement(Lm,{variant:"title",size:"medium"},c.displayName),id:c.chainId}))),"renderList");return Ze.createElement(Em,null,Ze.createElement(Lm,{variant:"label",size:"large"},zs.t("Select Blockchain")),Ze.createElement(Nm,{size:4}),l==="loading"&&Ze.createElement(Wm,null),l==="success"&&p())}i(Qs,"BlockchainList");function Hs(t){let{type:e}=t,o=Ye(),[n,r]=_m(""),[s,a]=_m("ALL"),l=H.use.setToBlockchain(),p=H.use.setFromBlockchain(),c=h().fetchStatus,u=h().blockchains({type:e}),m=ZC(u)!==1;return It.createElement(le,{header:{title:Mm.t("Select Blockchain")}},It.createElement(ue,{view:!0},m&&It.createElement(It.Fragment,null,It.createElement(RC,{setCategory:a,category:s,blockchains:u,isLoading:c==="loading"}),It.createElement(Bm,{size:24})),It.createElement(xt,{value:n,autoFocus:!0,placeholder:Mm.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:f=>r(f.target.value)}),It.createElement(Bm,{size:16}),It.createElement(Qs,{list:u,searchedFor:n,blockchainCategory:s,onChange:f=>{e==="source"?p(f):l(f),o()}})))}i(Hs,"SelectBlockchainPage");import{i18n as qr}from"@lingui/core";import{Divider as ed}from"@rango-dev/ui";import Rt,{useState as hT}from"react";import{useNavigate as yT}from"react-router-dom";import{i18n as js}from"@lingui/core";import{BlockchainsChip as Dr,Divider as Fm,Image as Om,Skeleton as rT,Tooltip as iT,Typography as Xs}from"@rango-dev/ui";import be from"react";import{useEffect as oT}from"react";var Pm=["ETH","COSMOS","OSMOSIS"];function Gs(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(eT),o?.limit&&t.length>o.limit){let s=o.limit,a=e;if(e.length<=o.limit){let l=o.limit-e.length;for(let p=0;p<=l;p++){let c=n[p];a=a.filter(u=>c.name!==u)}}n.sort(tT(a)),r=n.splice(s)}return{list:n,more:r}}i(Gs,"prepare");function eT(t,e){let o=Pm,n=o.findIndex(l=>l===t.name),r=o.findIndex(l=>l===e.name),s=n>-1,a=r>-1;return s&&a?n>r?1:-1:s?-1:a?1:0}i(eT,"sortByMostUsedBlockchains");function tT(t){return i(function(o,n){let r=t.findIndex(p=>p===o.name),s=t.findIndex(p=>p===n.name),a=r>-1,l=s>-1;return a&&l?r>s?1:-1:t.includes(o.name)?-1:t.includes(n.name)?1:0},"sortByPreferred")}i(tT,"generateSortByPreferredBlockchainsFor");function $m(t,e){return!!e.list.find(o=>o.name===t)}i($m,"isInVisibleList");function Vs(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=h();oT(()=>{if(e?.selected){let s=Gs(t,o,e);$m(e.selected,s)||n(e?.selected)}},[e?.selected]);let r=Gs(t,o,e);return{list:r.list,more:r.more,history:[]}}i(Vs,"usePrepareBlockchainList");import{styled as nT}from"@rango-dev/ui";var Dm=nT("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var sT=12;function Ks(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:s}=t,a=Vs(e,{limit:10,selected:n?.name}),{fetchStatus:l}=h(),p=H.use.resetToBlockchain(),c=H.use.resetFromBlockchain(),u=a.more.length>0,d=a.more.length===1,m=!d&&u;return be.createElement(be.Fragment,null,be.createElement(Fm,{size:12}),be.createElement(Xs,{variant:"label",size:"large"},js.t("Select Blockchain")),be.createElement(Fm,{size:12}),be.createElement(Dm,null,l==="loading"&&Array.from(Array(sT),f=>be.createElement(rT,{key:f,variant:"rounded",height:50})),l==="success"&&be.createElement(be.Fragment,null,be.createElement(Dr,{selected:!n,onClick:()=>{o==="from"?c():p()}},be.createElement(Xs,{variant:"body",size:"xsmall",color:"secondary500"},js.t("All"))),a.list.map(f=>be.createElement(iT,{key:f.name,content:f.shortName,side:"bottom",sideOffset:2,container:L()},be.createElement(Dr,{key:f.name,selected:!!n&&n.name===f.name,onClick:()=>r(f)},be.createElement(Om,{src:f.logo,size:30})))),d?be.createElement(Dr,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},be.createElement(Om,{src:a.more[0].logo,size:30})):null,m?be.createElement(Dr,{onClick:s,key:"more-blockchains"},be.createElement(Xs,{variant:"body",size:"xsmall",color:"secondary500"},js._("More +{count}",{count:a.more.length}))):null)))}i(Ks,"BlockchainsSection");import{i18n as ia}from"@lingui/core";import{darkTheme as Km,Divider as Co,ExternalLinkIcon as pT,Image as cT,ListItemButton as uT,NotFound as mT,PinIcon as dT,Skeleton as Ym,Typography as Ur,VirtualizedList as fT}from"@rango-dev/ui";import q,{useEffect as Jm,useState as Zm}from"react";import{Divider as jm,ListItem as lT,Skeleton as en}from"@rango-dev/ui";import st from"react";import{css as So,darkTheme as Um,ImageContainer as aT,styled as it,Typography as qm}from"@rango-dev/ui";var Ys=So({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}),Js=So({position:"relative",height:12,width:"30%",maxWidth:"150px"}),Zs=So({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"}),Rs=So({transform:"translateY(12px)",visibility:"hidden","& a":{display:"flex",justifyContent:"center",alignItems:"center",fontSize:"$12",lineHeight:"$16",$$color:"$colors$neutral600",[`.${Um} &`]:{$$color:"$colors$neutral700"},color:"$$color",textDecoration:"none"}}),ea=So({}),ta=So(),zm=it("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),oa=it("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),Fr=it("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none","&:hover":{[`& .${Js}`]:{[`& .${Rs}`]:{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},[`& .${ea}`]:{bottom:"-15px"},[`& .${Ys}`]:{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},[`& .${Zs}`]:{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),na=it("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),ra=it(qm,{}),Qm=it("div",{textAlign:"right",width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",[`& .${ta}`]:{$$color:"$colors$neutral600",[`.${Um} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Or=it("div",{display:"flex",alignItems:"end",flexDirection:"column"}),eF=it("div",{display:"flex",alignItems:"center"}),Hm=it("div",{position:"relative",[`& ${aT}`]:{borderRadius:"$xm",overflow:"hidden"}}),Gm=it("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6}),Vm=it(qm,{width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"});function Xm(t){return st.createElement(Fr,null,Array.from(Array(t.size),e=>st.createElement(lT,{key:e,hasDivider:!0,start:st.createElement(en,{variant:"circular",width:35,height:35}),end:st.createElement(Or,null,st.createElement(en,{variant:"text",size:"large",width:70}),st.createElement(jm,{size:4}),st.createElement(en,{variant:"text",size:"medium",width:50})),title:st.createElement("div",null,st.createElement(en,{variant:"text",size:"large",width:90}),st.createElement(jm,{size:4}),st.createElement(en,{variant:"text",size:"medium",width:90}))})))}i(Xm,"LoadingTokenList");var sa=20,gT=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:s,customCssForTagTitle:a}=t,l=e.length;return q.createElement("div",{className:Js()},o?q.createElement("div",{className:Ys()},o):q.createElement(oa,{className:Zs()},q.createElement(Ur,{variant:"title",size:"xmedium"},r.symbol),q.createElement(Co,{direction:"horizontal",size:4}),q.createElement(na,{css:s},q.createElement(ra,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&q.createElement("div",{className:`${Rs()} ${!o&&ea()}`},q.createElement("a",{href:n,target:"_blank",rel:"nofollow noreferrer",onClick:p=>p.stopPropagation()},l>10?`${e.slice(0,5)}...${e.slice(l-6,l)}`:e," ",q.createElement(Co,{size:4,direction:"horizontal"}),q.createElement(pT,{color:"gray",size:12}))))},"renderDesc");function Rm(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=Zm(e),l=h().fetchStatus,p=h().blockchains(),[c,u]=Zm(!0),{getBalanceFor:d,loading:m}=Y(),{isTokenPinned:f}=h(),C=i(()=>{a(e.slice(0,s.length+sa))},"loadNextPage");Jm(()=>{u(e.length>s.length)},[s.length]),Jm(()=>{a(e.slice(0,sa))},[e]);let S=i(()=>!s.length&&o?q.createElement(q.Fragment,null,q.createElement(Co,{size:32}),q.createElement(mT,{title:ia.t("No results found"),description:ia.t("Try using different keywords")})):q.createElement(fT,{endReached:c?C:void 0,itemContent:g=>{let y=s[g],k=Tn(d(y)),T=y.address||"",x=p.find(A=>A.name===y.blockchain),I=Yn(x?.color||"",xp(x?.color||"")?5:125),E=Yn(x?.color||"",-100),v={$$color:I,[`.${Km} &`]:{$$color:E},backgroundColor:"$$color"},w={$$color:E,[`.${Km} &`]:{$$color:I},color:"$$color"};return q.createElement("div",{style:{paddingRight:5}},q.createElement(uT,{style:{width:"100%",overflow:"hidden"},"tab-index":g,key:`${y.symbol}${y.address}`,id:`${y.symbol}${y.address}`,hasDivider:!0,onClick:()=>n(s[g]),start:q.createElement(Hm,null,q.createElement(cT,{src:y.image,size:30}),f(y,t.type)&&q.createElement(Gm,null,q.createElement(dT,{size:12,color:"gray"}))),title:x?.type==="COSMOS"||y.name||!y.name&&!T?q.createElement(oa,null,q.createElement(Ur,{variant:"title",size:"xmedium"},y.symbol),q.createElement(Co,{direction:"horizontal",size:4}),q.createElement(na,{css:v},q.createElement(ra,{variant:"body",size:"xsmall",css:w},y.blockchain))):void 0,description:x?.info&&T&&x.type!=="COSMOS"?gT({address:T,token:s[g],customCssForTag:v,customCssForTagTitle:w,name:y.name,url:x.info.addressUrl.split("{wallet}").join(T)}):y.name||void 0,end:m?q.createElement(Or,null,q.createElement(Ym,{variant:"text",size:"large",width:70}),q.createElement(Co,{size:4}),q.createElement(Ym,{variant:"text",size:"medium",width:50})):k&&q.createElement(Qm,null,q.createElement(Vm,{variant:"title",size:"small"},k.amount),q.createElement("div",null),k.usdValue&&q.createElement(Ur,{variant:"body",className:ta(),size:"xsmall"},`$${k.usdValue}`))}))},totalCount:s.length,key:`${r}-${o}`}),"renderList");return q.createElement(zm,null,q.createElement(Ur,{variant:"label",size:"large"},ia.t("Select Token")),q.createElement(Co,{size:4}),l==="loading"&&q.createElement(Xm,{size:sa}),l==="success"&&q.createElement(Fr,{as:"ul"},S()))}i(Rm,"TokenList");function aa(t){let{type:e}=t,o=yT(),n=Ye(),{fromBlockchain:r,toBlockchain:s,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:c}=H(),u=Y.use.getBalanceFor(),[d,m]=hT(""),C=(e==="source"?r:s)?.name??"",S=h().blockchains({type:e}),g=h().tokens({type:e,blockchain:C,searchFor:d,getBalanceFor:u}),y=i(x=>{e==="source"?p(x):c(x)},"updateBlockchain"),k=i(x=>{e==="source"?a({token:x,meta:{blockchains:S,tokens:g}}):l({token:x,meta:{blockchains:S,tokens:g}})},"updateToken"),T={source:qr.t("Source"),destination:qr.t("Destination")};return Rt.createElement(le,{header:{title:qr.t("Swap {type}",{type:T[e]})}},Rt.createElement(ue,null,Rt.createElement(Ks,{blockchains:S,type:e=="source"?"from":"to",blockchain:e==="source"?r:s,onMoreClick:()=>o(F.blockchains),onChange:x=>{y(x)}}),Rt.createElement(ed,{size:24}),Rt.createElement(xt,{value:d,autoFocus:!0,placeholder:qr.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>m(""),onChange:x=>m(x.target.value)}),Rt.createElement(ed,{size:16}),Rt.createElement(Rm,{list:g,selectedBlockchain:C,searchedFor:d,type:e,onChange:x=>{k(x);let I=S.find(E=>x.blockchain===E.name);I&&y(I),n()}})))}i(aa,"SelectSwapItemsPage");import{i18n as ua}from"@lingui/core";import{Alert as zT,Button as QT,styled as HT}from"@rango-dev/ui";import eo from"react";import{useInRouterContext as GT,useSearchParams as VT}from"react-router-dom";import{i18n as sd}from"@lingui/core";import{Divider as kT,InfoIcon as wT,TextField as xT,Tooltip as vT,Typography as ad}from"@rango-dev/ui";import at from"react";import{Chip as ST,styled as tn,TextField as CT}from"@rango-dev/ui";var td=tn("div",{paddingTop:"$5",padding:"$10 $5"}),od=tn("div",{display:"flex",flexWrap:"wrap",gap:"$10",[`& ${CT}`]:{flex:"1 1 0",maxWidth:"127px",minWidth:"85px"}}),nd=tn("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),zr=tn("div",{maxWidth:"280px",padding:"$10"}),rd=tn(ST,{width:"61px",flexShrink:0});import{i18n as la}from"@lingui/core";import{Typography as TT}from"@rango-dev/ui";import on from"react";function id(){return on.createElement(zr,null,on.createElement(TT,{variant:"label",size:"medium",color:"neutral700"},la.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),on.createElement("br",null),on.createElement("br",null),on.createElement("b",null,la.t("Warning")),":",la.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(id,"SlippageTooltipContent");function pa(){let{slippage:t,setSlippage:e,customSlippage:o,setCustomSlippage:n}=h();return at.createElement(td,null,at.createElement(nd,null,at.createElement(ad,{variant:"title",size:"xmedium"},sd.t("Slippage tolerance per swap")),at.createElement(kT,{direction:"horizontal",size:4}),at.createElement(vT,{container:L(),side:"top",sideOffset:4,content:at.createElement(id,null)},at.createElement(wT,{color:"gray"}))),at.createElement(od,null,gl.map((r,s)=>{let a=`slippage-${s}`;return at.createElement(rd,{key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`})}),at.createElement(xT,{type:"number",min:"0.01",max:"30",step:"0.01",fullWidth:!0,variant:"contained",value:o||"",color:"dark",onChange:r=>{let s=r.target.value,a=parseFloat(s);a>=Cl&&a<=Sl?n(a):n(null)},suffix:o&&at.createElement(ad,{variant:"body",size:"small"},"%"),placeholder:sd.t("Custom")})))}i(pa,"Slippage");import{i18n as ht}from"@lingui/core";import{AutoThemeIcon as ld,BridgeIcon as bT,ChevronRightIcon as ca,DarkModeIcon as pd,Divider as Qr,DoneIcon as IT,ExchangeIcon as ET,InfoIcon as AT,LanguageIcon as WT,LightModeIcon as cd,List as NT,ListItem as LT,ListItemButton as MT,Skeleton as BT,styled as _T,Switch as PT,Tabs as $T,Tooltip as DT,Typography as Re}from"@rango-dev/ui";import P from"react";import{useNavigate as FT}from"react-router-dom";var OT=_T("div",{width:"202px",height:"$40"}),UT=[{id:"light",icon:P.createElement(cd,{color:"black",size:16}),tooltip:P.createElement(Re,{size:"xsmall",variant:"body"},ht.t("Light"))},{id:"dark",icon:P.createElement(pd,{color:"black",size:14}),tooltip:P.createElement(Re,{size:"xsmall",variant:"body"},ht.t("Dark"))},{id:"auto",icon:P.createElement(ld,{color:"black",size:16}),tooltip:P.createElement(Re,{size:"xsmall",variant:"body"},ht.t("Auto"))}],qT=i(t=>{let e={color:"gray",size:14};switch(t){case"auto":return P.createElement(ld,{...e});case"dark":return P.createElement(pd,{...e});default:return P.createElement(cd,{...e})}},"getThemeIcon");function ud(){let t=FT(),{theme:e}=h().config,{setTheme:o,theme:n}=h(),{activeLanguage:r,languages:s}=Ft(),a=s.find(V=>V.local===r)?.label,l=h().fetchStatus,p=h().swappers(),c=h().getDisabledLiquiditySources(),{config:{features:u}}=h(),d=je("theme",u),m=je("liquiditySource",u),f=je("language",u),C=h().infiniteApprove,S=h().toggleInfiniteApprove,g=En(p,c),y=g.filter(V=>["BRIDGE","AGGREGATOR","OFF_CHAIN"].includes(V.type)),k=y.length,T=y.filter(V=>V.selected).length,x=g.filter(V=>V.type==="DEX"),I=x.length,E=x.filter(V=>V.selected).length,v=i((V,U)=>{switch(l){case"loading":return P.createElement(BT,{variant:"text",size:"medium",width:50});case"failed":return P.createElement(Re,{variant:"body",size:"medium",color:"$error500"},ht.t("Loading failed"));default:return P.createElement(Re,{variant:"body",size:"medium"},`${V} / ${U}`)}},"handleSwapperEndItem"),w={id:"bridge-item",title:P.createElement(Re,{variant:"title",size:"xmedium"},ht.t("Enabled bridges")),end:P.createElement(P.Fragment,null,v(T,k),P.createElement(Qr,{direction:"horizontal",size:8}),P.createElement(ca,{color:"black"})),onClick:()=>t(F.bridges),start:P.createElement(bT,{color:"gray",size:14})},A={id:"exchange-item",title:P.createElement(Re,{variant:"title",size:"xmedium"},ht.t("Enabled exchanges")),end:P.createElement(P.Fragment,null,v(E,I),P.createElement(Qr,{direction:"horizontal",size:8}),P.createElement(ca,{color:"gray"})),start:P.createElement(ET,{color:"gray",size:14}),onClick:()=>t(F.exchanges)},N={id:"language-item",title:P.createElement(Re,{variant:"title",size:"xmedium"},ht.t("Language")),start:P.createElement(WT,{color:"gray",size:14}),end:P.createElement(P.Fragment,null,P.createElement(Re,{variant:"body",size:"medium"},a),P.createElement(Qr,{direction:"horizontal",size:8}),P.createElement(ca,{color:"gray"}),","),onClick:()=>t(F.languages)},M={id:"infinite-approval-item",title:P.createElement(P.Fragment,null,P.createElement(Re,{variant:"title",size:"xmedium"},ht.t("Infinite approval")),P.createElement(Qr,{direction:"horizontal",size:4}),P.createElement(DT,{side:"top",sideOffset:4,container:L(),content:P.createElement(zr,null,P.createElement(Re,{variant:"label",size:"medium",color:"neutral700"},ht.t("Enabling the 'Infinite approval' mode grants unrestricted access to smart contracts of DEXes/Bridges, allowing them to utilize the approved token amount without limitations.")))},P.createElement(AT,{color:"gray"}))),start:P.createElement(IT,{color:"gray",size:14}),end:P.createElement(PT,{checked:C}),onClick:S},z={id:"theme-item",type:P.createElement(LT,null),title:P.createElement(Re,{variant:"title",size:"xmedium"},ht.t("Theme")),end:P.createElement(OT,null,P.createElement($T,{container:L(),items:UT,value:n,onChange:V=>o(V.id),type:"primary",borderRadius:"small"})),start:qT(n)},X=m?[]:[w,A];return f||X.push(N),X.push(M),!e?.singleTheme&&!d&&X.push(z),P.createElement(NT,{type:P.createElement(MT,{hasDivider:!0,id:"_",onClick:()=>console.log()}),items:X})}i(ud,"SettingsLists");var jT=HT("div",{paddingLeft:"$8"});function md(){let{isInCampaignMode:t,updateCampaignMode:e}=h(),o=t(),[,n]=VT(),r=GT(),s=i(()=>{r&&o&&(n(a=>(a.delete("liquiditySources"),a),{replace:!0}),e("liquiditySources",void 0))},"onClick");return eo.createElement(le,{header:{title:ua.t("Settings")}},eo.createElement(ue,null,o&&eo.createElement(zT,{type:"info",variant:"alarm",title:ua.t("Currently, you're in campaign mode with restrictions on liquidity sources. Would you like to switch out of this mode and make use of all available liquidity sources?"),action:eo.createElement(jT,null,eo.createElement(QT,{type:"secondary",size:"small",onClick:s},ua.t("Reset")))}),eo.createElement(pa,null),eo.createElement(ud,null)))}i(md,"SettingsPage");import{i18n as Pk}from"@lingui/core";import{cancelSwap as $k}from"@rango-dev/queue-manager-rango-preset";import{useManager as Dk}from"@rango-dev/queue-manager-react";import{Alert as Fk}from"@rango-dev/ui";import Ea from"react";import{useParams as Ok}from"react-router-dom";import{i18n as At}from"@lingui/core";import{getCurrentBlockchainOfOrNull as yk,getCurrentStep as Sk,getRelatedWalletOrNull as Ck}from"@rango-dev/queue-manager-rango-preset";import{Button as Fd,CopyIcon as Tk,Divider as kk,IconButton as wk,LinkIcon as xk,QuoteCost as vk,StepDetails as bk,Typography as ko,useCopyToClipboard as Ik}from"@rango-dev/ui";import{useWallets as Ek}from"@rango-dev/wallets-react";import Od from"bignumber.js";import{PendingSwapNetworkStatus as Zr}from"rango-types";import oe,{useEffect as Ud,useRef as Ak,useState as qd}from"react";import{useNavigate as Wk}from"react-router-dom";import{i18n as Ot}from"@lingui/core";var XT=[Ot.t("Sunday"),Ot.t("Monday"),Ot.t("Tuesday"),Ot.t("Wednesday"),Ot.t("Thursday"),Ot.t("Friday"),Ot.t("Saturday")];function dd(t){let e=new Date(t),o=e.getDate(),n=e.toLocaleString("default",{month:"long"}),r=e.getFullYear();return`${e.getDay()===new Date().getDay()?Ot.t("Today"):`${XT[e.getDay()]} ${o} ${n} ${r}`}, ${new Date(t).toLocaleTimeString()}`}i(dd,"timeSince");function fd(t){return t.finishTime?dd(parseInt(t.finishTime)):dd(parseInt(t.creationTime))}i(fd,"getSwapDate");import{PendingSwapNetworkStatus as Vr}from"rango-types";import jr from"react";import{i18n as Hr}from"@lingui/core";import{Button as gd,Divider as ma,MessageBox as KT}from"@rango-dev/ui";import Ut from"react";var hd=i(({onCancel:t,onClose:e})=>Ut.createElement(Ut.Fragment,null,Ut.createElement(ma,{size:20}),Ut.createElement(KT,{type:"error",title:Hr.t("Cancel Swap"),description:Hr.t("Are you sure you want to cancel this swap?")}),Ut.createElement(ma,{size:32}),Ut.createElement(gd,{variant:"contained",type:"primary",size:"large",onClick:t},Hr.t("Yes, Cancel it")),Ut.createElement(ma,{size:12}),Ut.createElement(gd,{variant:"outlined",type:"primary",size:"large",onClick:e},Hr.t("No, Continue"))),"CancelContent");import{i18n as Gr}from"@lingui/core";import{Button as yd,Divider as da,MessageBox as YT,Typography as JT}from"@rango-dev/ui";import Et from"react";var Sd=i(({onDelete:t,onClose:e})=>Et.createElement(Et.Fragment,null,Et.createElement(da,{size:20}),Et.createElement(YT,{type:"error",title:Gr.t("Delete Transaction"),description:Gr.t("Are you sure you want to delete this swap?")}),Et.createElement(da,{size:32}),Et.createElement(yd,{variant:"contained",type:"primary",size:"large",onClick:t},Gr.t("Yes, Delete it")),Et.createElement(da,{size:12}),Et.createElement(yd,{variant:"outlined",type:"primary",size:"large",onClick:e},Et.createElement(JT,{variant:"title",size:"medium",color:"primary"},Gr.t("No, Cancel")))),"DeleteContent");import{i18n as fa}from"@lingui/core";import{PendingSwapNetworkStatus as ga}from"rango-types";var ha={[ga.WaitingForNetworkChange]:{type:"loading",title:fa.t("Change Network")},[ga.WaitingForConnectingWallet]:{type:"warning",title:fa.t("Connect Wallet")},[ga.NetworkChanged]:{type:"success",title:fa.t("Network Changed")}};import{debug as RT}from"@rango-dev/logging-core";import{MessageBox as ek,Wallet as tk}from"@rango-dev/ui";import{useWallets as ok}from"@rango-dev/wallets-react";import nn from"react";import{styled as ZT}from"@rango-dev/ui";var Cd=ZT("div",{display:"flex",justifyContent:"center"});var Td=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:s,walletButtonDisabled:a}=t,{connect:l,getWalletInfo:p,state:c}=ok(),u=n?.walletType,d=u?si(c(u)):null,m=u?p(u):null;return nn.createElement(nn.Fragment,null,nn.createElement(ek,{type:e,title:o,description:r}),s&&!!u&&!!d&&!!m&&nn.createElement(Cd,null,nn.createElement(tk,{container:L(),title:m.name,image:m.img,type:u,state:d,link:m.installLink,disabled:a,onClick:async()=>l(u).catch(C=>RT(C))})))},"WalletStateContent");function ya(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:s,message:a,walletButtonDisabled:l}=t,p=e===Vr.WaitingForNetworkChange||e===Vr.WaitingForConnectingWallet||e===Vr.NetworkChanged;return jr.createElement(ce,{open:!!e,onClose:o,container:document.getElementById(ke.SWAP_BOX_ID)||document.body},p&&jr.createElement(Td,{type:ha[e].type,title:ha[e].title,currentStepWallet:s,message:a,walletButtonDisabled:l,showWalletButton:e!==Vr.WaitingForNetworkChange}),e==="delete"&&jr.createElement(Sd,{onClose:o,onDelete:n}),e==="cancel"&&jr.createElement(hd,{onClose:o,onCancel:r}))}i(ya,"SwapDetailsModal");import{i18n as rn}from"@lingui/core";import{Button as Sa,Divider as Xr,MessageBox as kd,TokenAmount as nk,Typography as Ca}from"@rango-dev/ui";import We from"react";import{useNavigate as rk}from"react-router-dom";function Ta(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:s,realUsdValue:a,realValue:l,token:p,chain:c,percentageChange:u,description:d,diagnosisUrl:m}=t,f=rk();return We.createElement(ce,{open:e,onClose:o,container:document.getElementById(ke.SWAP_BOX_ID)||document.body},n==="success"?We.createElement(kd,{type:"success",title:rn.t("Swap Successful")},We.createElement(nk,{direction:"vertical",tooltipContainer:L(),type:"output",centerAlign:!0,price:{value:r,usdValue:s,realUsdValue:a,realValue:l},token:p,chain:c,percentageChange:u}),We.createElement(Xr,{size:12}),We.createElement(Ca,{variant:"body",size:"medium",color:"neutral700",align:"center"},d)):We.createElement(kd,{type:"error",title:rn.t("Transaction Failed"),description:d}),We.createElement(Xr,{size:32}),n==="success"&&We.createElement(Sa,{variant:"contained",type:"primary",size:"large",onClick:()=>{f("../../")}},We.createElement(Ca,{variant:"title",size:"medium",color:"neutral100"},rn.t("Done"))),We.createElement(Xr,{size:12}),m&&We.createElement(We.Fragment,null,We.createElement(Sa,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(m,"_blank")},rn.t("Diagnosis")),We.createElement(Xr,{size:12})),We.createElement(Sa,{variant:"outlined",type:"primary",size:"large",onClick:o},We.createElement(Ca,{variant:"title",size:"medium",color:"primary"},rn.t("See Details"))))}i(Ta,"SwapDetailsCompleteModal");import gk from"react";import{i18n as uk}from"@lingui/core";import{Alert as Ed,IconButton as mk,LinkIcon as dk}from"@rango-dev/ui";import qt,{Fragment as fk}from"react";import{Alert as ik,ChevronDownIcon as sk,ChevronUpIcon as ak,IconButton as lk}from"@rango-dev/ui";import Kr,{useState as pk}from"react";function wd(t){let{message:e}=t,[o,n]=pk(!1);return Kr.createElement(ik,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Kr.createElement(lk,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Kr.createElement(ak,{size:12,color:"gray"}):Kr.createElement(sk,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(wd,"FailedAlert");import{styled as ck}from"@rango-dev/ui";var xd=ck("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as vd}from"@lingui/core";import{Alert as ka,Button as bd}from"@rango-dev/ui";import{PendingSwapNetworkStatus as wa}from"rango-types";import sn from"react";function Id(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?sn.createElement(ka,{type:"warning",title:n.shortMessage,action:sn.createElement(bd,{size:"xxsmall",type:"warning",onClick:()=>{o(wa.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},vd.t("Change"))}):r===wa.WaitingForConnectingWallet?sn.createElement(ka,{type:"warning",title:n.shortMessage,action:sn.createElement(bd,{size:"xxsmall",type:"warning",onClick:()=>{o(wa.WaitingForConnectingWallet)}},vd.t("Connect"))}):sn.createElement(ka,{type:"warning",title:n.shortMessage})}i(Id,"WarningAlert");function xa(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:s,hasAlreadyProceededToSign:a}=t,l=Ao(s),p=s.status==="waitingForApproval"&&!l,c=s.status==="running"&&!l,u=c&&!a||p&&!s.explorerUrl?.length;return qt.createElement(xd,null,s.explorerUrl?.map((d,m,f)=>{let C=m+d.url,S=m===f.length-1,g=(S&&c||p)&&!u,y=S&&s.status==="failed";return qt.createElement(fk,{key:C},qt.createElement(Ed,{type:S&&(g&&"loading"||y&&"error")||"success",title:d.description?`${d.description} Tx`:uk.t("View transaction"),action:d.url&&qt.createElement(mk,{variant:"ghost",size:"xsmall",onClick:()=>window.open(d.url,"_blank")},qt.createElement(dk,{size:12}))}))}),u&&qt.createElement(Ed,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&l&&qt.createElement(Id,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&qt.createElement(wd,{message:r}))}i(xa,"SwapDetailsAlerts");var Ad=2e3;var Wd=i(({swap:t,blockchains:e,swappers:o,...n})=>{let r=t.hasAlreadyProceededToSign!==!1;return t.steps.map((s,a)=>{let l=a===0?t.inputAmount:t.steps[a-1].outputAmount||t.steps[a-1].expectedOutputAmountHumanReadable;return{from:{token:{displayName:s.fromSymbol,image:s.fromLogo??""},chain:{displayName:Ve(s.fromBlockchain,e)??"",image:s.fromBlockchainLogo??""},price:{value:W(l,6,6),realValue:l}},to:{token:{displayName:s.toSymbol,image:s.toLogo},chain:{displayName:Ve(s.toBlockchain,e)??"",image:s.toBlockchainLogo??""},price:{value:W(s.outputAmount||s.expectedOutputAmountHumanReadable,6,6),realValue:s.outputAmount||s.expectedOutputAmountHumanReadable}},swapper:{displayName:bo(s.swapperId,o),image:s.swapperLogo??"",type:s.swapperType},internalSwaps:s.internalSwaps?s.internalSwaps.map(p=>({from:{blockchain:Ve(p.fromBlockchain,e)??""},to:{blockchain:Ve(p.toBlockchain,e)??""},swapper:{displayName:bo(p.swapperId,o),image:p.swapperLogo??"",type:p.swapperType}})):[],alerts:gk.createElement(xa,{step:s,hasAlreadyProceededToSign:r,...n})}})},"getSteps");function Nd(t){if(Ao(t)&&t.status!=="failed"&&t.status!=="success")return"warning";switch(t.status){case"created":return"default";case"approved":case"waitingForApproval":case"running":return"in-progress";case"failed":return"error";case"success":return"completed"}}i(Nd,"getStepState");import{css as an,darkTheme as hk,styled as to}from"@rango-dev/ui";var Ld=to("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),Yr=to("div",{width:"100%"}),Md=to(Lo,{padding:"$0 $20 $20 $20"}),RU=to("div",{display:"flex",flexDirection:"column",gap:"$10"}),Bd=to("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),eq=to("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1}),To=an({display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${hk} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"}),_d=an({padding:"$5 0"}),Jr=an({display:"flex",justifyContent:"center",alignItems:"center",height:"$24"}),Pd=an({display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"}),$d=an({width:"100%",padding:"0 $20 $10"}),Dd=to("a",{fontSize:"$16",fontWeight:"$400",color:"$neutral700",display:"flex",alignItems:"center",justifyContent:"center"});function va(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:s,connect:a,getWalletInfo:l}=Ek(),p=h().blockchains(),c=h().swappers(),u=h().tokens(),d=H.use.retry(),m=ne.use.isActiveTab(),f=Wk(),[C,S]=Ik(Ad),g=Ak(null),[y,k]=qd(null),[T,x]=qd(null),I=i(()=>{r(),k(null)},"onCancel"),E=Oe.use.getUnreadNotifications(),v=Oe.use.setAsRead(),w=E(),A=Sk(e),N=A?.networkStatus;Ud(()=>{w.find(Fe=>Fe.requestId===e.requestId)&&(e.status==="success"||e.status==="failed"?(x(e.status),v(e.requestId)):T&&x(null))},[e.status,e.requestId]),Ud(()=>{re?k(Zr.WaitingForNetworkChange):N===Zr.WaitingForConnectingWallet||N===Zr.NetworkChanged?k(N):k(null)},[N]);let M=jl(e),z=A?yk(e,A):null,X=A?Ck(e,A):null,V=fd(e),U=Xl(e),ee=i(ye=>!!l(ye)?.mobileWallet,"isMobileWallet"),re=N===Zr.WaitingForNetworkChange&&!!z&&!!X?.walletType&&(ee(X.walletType)||s(X.walletType,z)),Q=re?a.bind(null,X.walletType,z):void 0,B=Vl(e,A),b=Wd({swap:e,switchNetwork:Q,showNetworkModal:N,setNetworkModal:k,message:B,blockchains:p,swappers:c}),J=b.length,[de,Z]=[e.steps[0],e.steps[J-1]],ie=Z.outputAmount||Z.expectedOutputAmountHumanReadable,oo=e.steps.reduce((ye,Fe)=>ye+parseFloat(Fe.feeInUsd||""),0),G=e.steps.find(ye=>ye.diagnosisUrl)?.diagnosisUrl,K=W(parseFloat(W(ie,6,6))*(Z.toUsdPrice||0),4,4),te=W(parseFloat(e.inputAmount)*(de.fromUsdPrice||0),4,4),Ie=ie?pe(new Od(ie).multipliedBy(Z.toUsdPrice||0)):"",et=pe(new Od(e.inputAmount).multipliedBy(de.fromUsdPrice||0)),$e=Xe(te,K),De=e.status==="success"?At.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:W(ie,6,6),token:b[J-1].to.token.displayName,conciseAddress:kn(e.wallets[b[J-1].to.chain.displayName]?.address||""),chain:b[J-1].to.chain.displayName}}):`${At.t("Transaction was not sent.")} ${M?At.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:M.outputAmount,symbol:M.symbol,blockchain:M.blockchain}}):""}`;return oe.createElement(le,{header:{title:At.t("Swap and Bridge"),onCancel:e.status==="running"?()=>k("cancel"):void 0,suffix:e.status!=="running"&&oe.createElement(po,null,oe.createElement(Fd,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>k("delete")},oe.createElement(ko,{size:"medium",variant:"label",color:"error"},At.t("Delete"))))},footer:U&&!T&&oe.createElement(Fd,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{d(e,{blockchains:p,tokens:u}),setTimeout(()=>{f("../../")},0)}},At.t("Try again"))},oe.createElement(ue,{compact:!0,view:!0},oe.createElement(Yr,null,oe.createElement("div",{className:To()},oe.createElement(ko,{variant:"label",size:"large",color:"neutral700"},`${At.t("Request ID")}:`),oe.createElement("div",{className:Jr()},oe.createElement(ko,{variant:"label",size:"small",color:"neutral700"},o),oe.createElement(wk,{variant:"ghost",onClick:S.bind(null,o||"")},oe.createElement(Tk,{size:16,color:"gray"})),oe.createElement(Dd,{target:"_blank",href:`${Ba}/swap/${o}`},oe.createElement(xk,{size:16})))),oe.createElement("div",{className:To()},oe.createElement(ko,{variant:"label",size:"large",color:"neutral700"},`${At.t(e.finishTime?"Finished at":"Created at")}:`),oe.createElement(ko,{variant:"label",size:"small",color:"neutral700"},V))),oe.createElement("div",{className:Pd()},oe.createElement(vk,{fee:W(String(oo),2,2),time:dn(fn(e.steps)),steps:J}),oe.createElement(Fo,{from:{price:{value:W(e.inputAmount,6,6),usdValue:te,realUsdValue:et,realValue:e.inputAmount},token:{displayName:b[0].from.token.displayName,image:b[0].from.token.image},chain:{image:b[0].from.chain.image,displayName:b[0].from.chain.displayName}},to:{price:{value:W(ie,6,6),usdValue:K,realUsdValue:Ie,realValue:ie},token:{displayName:b[J-1].to.token.displayName,image:b[J-1].to.token.image},chain:{image:b[J-1].to.chain.image,displayName:b[J-1].to.chain.displayName}},percentageChange:W($e,2,2),warningLevel:Ct($e??0)})),oe.createElement("div",{className:$d()},oe.createElement(ko,{variant:"title",size:"small"},At.t("Swaps steps"))),oe.createElement(kk,{size:8}),oe.createElement(Md,{ref:g},b.map((ye,Fe)=>{let un=Fe,wo=Nd(e.steps[Fe]),pf=wo==="error"||wo==="in-progress"||wo==="warning"||wo==="completed"&&Fe===b.length-1;return oe.createElement(bk,{key:un,step:ye,type:"swap-progress",ref:g,state:wo,hasSeparator:Fe!==0,tabIndex:un,isFocused:pf,tooltipContainer:L()})}))),oe.createElement(ya,{state:y,onClose:()=>k(null),onCancel:I,onDelete:n,message:B.detailedMessage.content,currentStepWallet:X,walletButtonDisabled:!m}),oe.createElement(Ta,{open:!!T,diagnosisUrl:G,onClose:()=>x(null),status:e.status==="success"?"success":"failed",priceValue:W(ie,6,6),usdValue:K,realUsdValue:Ie,realValue:pe(ie),percentageChange:W($e,2,2),token:{displayName:b[J-1].to.token.displayName,image:b[J-1].to.token.image},chain:{image:b[J-1].to.chain.image},description:De}))}i(va,"SwapDetails");import{i18n as ei}from"@lingui/core";import{Divider as Hd,NotFound as _k,Skeleton as pn,Typography as ti}from"@rango-dev/ui";import he from"react";import{i18n as Nk}from"@lingui/core";import{Divider as Lk,Skeleton as Mk,Typography as Bk}from"@rango-dev/ui";import Se from"react";import{css as lt,styled as ba}from"@rango-dev/ui";var zd=ba("div",{width:"100%",height:"100%",padding:"$10 $20"}),ln=ba("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15"}),Rr=ba("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"}),Bq=lt({display:"flex",justifyContent:"space-between",alignItems:"center"}),_q=lt({display:"flex",justifyContent:"space-between",alignItems:"center"}),Pq=lt({paddingTop:"$15",display:"flex"}),$q=lt({padding:"$15 $0"}),Dq=lt({width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"}),Fq=lt({paddingBottom:"$10"}),Oq=lt({display:"flex",justifyContent:"start",alignItems:"center"}),Uq=lt({paddingTop:"$5",display:"flex",alignItems:"center"}),qq=lt({display:"flex",alignItems:"center"}),zq=lt({padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"}),Qd=lt({display:"flex",paddingTop:"$10",paddingBottom:"$5"});function Ia(){return Se.createElement(zd,null,Se.createElement(Qo,{type:"swap-preview"}),Se.createElement("div",{className:"swaps-steps"},Se.createElement(Bk,{variant:"title",size:"small"},Nk.t("Swaps steps"))),Se.createElement(Se.Fragment,null,Se.createElement(ln,null,Se.createElement(ft,{separator:!1}),Se.createElement("div",{className:Qd()},Se.createElement(Lk,{direction:"horizontal",size:20}),Se.createElement(Mk,{height:22,variant:"rectangular"}))),Se.createElement(Rr,null),Se.createElement(ln,null,Se.createElement(ft,{separator:!1})),Se.createElement(Rr,null),Se.createElement(ln,null,Se.createElement(ft,{separator:!1})),Se.createElement(Rr,null),Se.createElement(ln,null,Se.createElement(ft,{separator:!1}))))}i(Ia,"LoadingSwapDetails");function Gd(t){let{requestId:e,showSkeleton:o}=t;return he.createElement(le,{header:{title:ei.t("Swap and Bridge"),suffix:he.createElement(po,null)}},o&&he.createElement(Ld,null,he.createElement(Yr,null,he.createElement("div",{className:To()},he.createElement(ti,{variant:"label",size:"large",color:"neutral700"},`${ei.t("Request ID")}:`),he.createElement("div",{className:Jr()},he.createElement(ti,{variant:"label",size:"small",color:"neutral700"},he.createElement(pn,{width:60,height:10,variant:"rounded"})),he.createElement(Hd,{direction:"horizontal",size:4}),he.createElement(pn,{width:16,height:16,variant:"rectangular"}),he.createElement(Hd,{direction:"horizontal",size:4}),he.createElement(pn,{width:16,height:16,variant:"rectangular"}))),he.createElement("div",{className:To()},he.createElement(ti,{className:_d(),variant:"label",size:"large",color:"neutral700"},he.createElement(pn,{width:60,height:10,variant:"rounded"})),he.createElement(ti,{variant:"label",size:"small",color:"neutral700"},he.createElement(pn,{width:60,height:10,variant:"rounded"})))),he.createElement(Ia,null)),!o&&he.createElement(Bd,null,he.createElement(_k,{title:ei.t("Not found"),description:ei.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}i(Gd,"SwapDetailsPlaceholder");function Vd(){let{manager:t,state:e}=Dk(),o=!e.loadedFromPersistor,n=mt(t),{requestId:r}=Ok(),s=Ye(),{fetchStatus:a}=h();if(!r)return Ea.createElement(Fk,{containerStyles:{margin:"20px"},type:"error",title:Pk.t("The request ID is necessary to display the swap details.")});let l=o||a==="loading",p=r?n.find(({swap:m})=>m.requestId===r):void 0,c=i(()=>{if(p?.id){let m=t?.get(p.id);m&&$k(m)}},"onCancel"),u=i(async()=>{if(p?.id)try{t?.deleteQueue(p.id),s()}catch(m){console.log(m)}},"onDelete"),d=p?.swap;return!d||l?Ea.createElement(Gd,{requestId:r,showSkeleton:l}):Ea.createElement(va,{swap:d,requestId:r,onCancel:c,onDelete:u})}i(Vd,"SwapDetailsPage");function jd(){return rp(),Ni(),Uk([{path:F.home,element:ze.createElement(Cm,null)},{path:F.routes,element:ze.createElement(vm,null)},{path:F.fromSwap,children:[{index:!0,element:ze.createElement(aa,{type:"source"})},{path:F.blockchains,element:ze.createElement(Hs,{type:"source"})}]},{path:F.toSwap,children:[{index:!0,element:ze.createElement(aa,{type:"destination"})},{path:F.blockchains,element:ze.createElement(Hs,{type:"destination"})}]},{path:F.settings,children:[{index:!0,element:ze.createElement(md,null)},{path:F.languages,element:ze.createElement(km,null)},{path:F.exchanges,element:ze.createElement(Us,{sourceType:"Exchanges"})},{path:F.bridges,element:ze.createElement(Us,{sourceType:"Bridges"})}]},{path:F.swaps,children:[{index:!0,element:ze.createElement(Ru,null)},{path:F.swapDetails,element:ze.createElement(Vd,null)}]},{path:F.wallets,element:ze.createElement(mc,null)},{path:F.confirmSwap,element:ze.createElement(qu,null)}])}i(jd,"AppRoutes");import{isApprovalTX as qk,MainEvents as Xd,RouteEventType as Kd,StepEventType as Yd,StepExecutionEventStatus as zk,useEvents as Qk}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Jd}from"react";function Zd(){let t=h().tokens(),e=Y.use.connectedWallets(),o=Y.use.getWalletsDetails(),n=Oe.use.setNotification(),r=Qk();return Jd(()=>(r.on(Xd.StepEvent,s=>{let{event:a,step:l,route:p}=s;if(a.type===Yd.TX_EXECUTION&&a.status===zk.TX_SENT&&!qk(l)||a.type===Yd.SUCCEEDED){let u=e.find(m=>m.chain===l?.fromBlockchain),d=l?.fromBlockchain!==l?.toBlockchain&&e.find(m=>m.chain===l?.toBlockchain);u&&o([u],t),d&&o([d],t)}n(a,p)}),()=>r.all.clear()),[r,e.length]),Jd(()=>(r.on(Xd.RouteEvent,s=>{let{event:a,route:l}=s;(a.type===Kd.FAILED||a.type===Kd.SUCCEEDED)&&n(a,l)}),()=>r.all.clear()),[r,e.length]),null}i(Zd,"WidgetEvents");import{useQueueManager as Xk}from"@rango-dev/queue-manager-rango-preset";import{splitWalletNetwork as Kk}from"@rango-dev/wallets-shared";import{isEvmBlockchain as Yk}from"rango-sdk";import{useContext as Jk,useEffect as Zk,useState as of}from"react";import{globalCss as Hk}from"@rango-dev/ui";var Rd=i(()=>Hk({"@import":["url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap')","url('https://fonts.cdnfonts.com/css/times-new-roman')"]})(),"globalFont");function ef(){let{setWatermark:t}=ne();return{fetchApiConfig:i(async()=>{let o=await fetch(`${yt("BASE_URL")}/meta/dapp/config?apiKey=${yt("API_KEY")}`);if(!o.ok)throw new Error(`Request failed with status: ${o.status} `);let n=await o.json();t(n.config.watermark)},"fetchApiConfig")}}i(ef,"useFetchApiConfig");import{useWallets as Gk}from"@rango-dev/wallets-react";import{useEffect as Vk,useRef as jk}from"react";function tf(){let{connect:t,state:e}=Gk(),o=jk({}),{fetchStatus:n}=h(),r=new URLSearchParams(location.search).get("autoConnect")||"",s=e(r);Vk(()=>{n==="success"&&r&&s.installed&&!s.connecting&&!s.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[s,n])}i(tf,"useForceAutoConnect");function Aa(){Rd(),tf();let t=h().blockchains(),{canSwitchNetworkTo:e}=ar(),[o,n]=of(""),[r,s]=of(),a=Jk(Wn),l=t.filter(Yk),{fetchApiConfig:p}=ef();Xk({lastConnectedWallet:o,clearDisconnectedWallet:()=>{s(void 0)},disconnectedWallet:r,evmChains:l,canSwitchNetworkTo:e}),Zk(()=>(zt.init(),Oe.persist.hasHydrated()||Oe.persist.rehydrate(),a.onConnectWallet(n),a.onDisconnectWallet(c=>{s(c),c===Kk(o)?.[0]&&n("")}),p().catch(console.log),zt.destroy),[])}i(Aa,"useBootstrap");import{styled as Rk}from"@rango-dev/ui";var nf=Rk("div",{fontFamily:"$widget",boxSizing:"border-box",textAlign:"left","& *, *::before, *::after":{boxSizing:"inherit"},"& *:focus-visible":{outlineColor:"$info500",transition:"none"},"& ul, ol, li":{listStyleType:"none"}});function oi(){Aa();let{config:t}=h(),{activeTheme:e}=Jn(t?.theme||{}),{activeLanguage:o}=Ft();return cn.createElement(ew,{language:o},cn.createElement(nf,{id:"swap-container",className:e()},cn.createElement(Zd,null),cn.createElement(Al,null,cn.createElement(jd,null))))}i(oi,"Main");import Na,{useMemo as Sw}from"react";import{checkWaitingForNetworkChange as tw,makeQueueDefinition as ow}from"@rango-dev/queue-manager-rango-preset";import{Provider as nw}from"@rango-dev/queue-manager-react";import{useWallets as rw}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as iw}from"@rango-dev/wallets-shared";import{isEvmBlockchain as sw}from"rango-types";import aw,{useMemo as lw}from"react";function pw(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=rw(),l=lw(()=>ow({API_KEY:t.apiKey||yt("API_KEY"),BASE_URL:yt("BASE_URL")}),[t.apiKey]),p=h().blockchains(),u={blockchains:Y.use.connectedWallets().map(T=>({accounts:[T],name:T.chain}))},d=i(async(T,x)=>{if(s(T,x))return r(T,x)},"switchNetwork"),m=i(T=>!!a(T).mobileWallet,"isMobileWallet"),f=p.filter(T=>T.enabled).reduce((T,x)=>(T[x.name]=x,T),{}),C=p.filter(sw),S=i(T=>{let{supportedChains:x}=a(T);return yn(x)},"getSupportedChainNames"),g=e(),y={meta:{blockchains:f,evmBasedChains:C,evmNetworkChainInfo:iw(C),getSupportedChainNames:S},getSigners:o,wallets:u,providers:g,switchNetwork:d,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:m},k=ne.use.isActiveTab();return aw.createElement(nw,{queuesDefs:[l],context:y,onPersistedDataLoaded:T=>{tw(T)},isPaused:!k},t.children)}i(pw,"QueueManager");var rf=pw;import{useManager as fw}from"@rango-dev/queue-manager-react";import gw,{createContext as hw,useContext as yw}from"react";import{cancelSwap as cw,getCurrentBlockchainOfOrNull as uw,getCurrentStep as mw,getRelatedWalletOrNull as dw}from"@rango-dev/queue-manager-rango-preset";var ni=class{static{i(this,"WidgetHistory")}manager;actions;constructor(e,o){this.manager=e,this.actions=o}getAllSwaps(){return mt(this.manager)}getCurrentStep(e){return this.getCurrentStepInfo(e).step}getCurrentStepWallet(e){return this.getCurrentStepInfo(e).wallet}getCurrentStepNetwork(e){return this.getCurrentStepInfo(e).network}retry(e,o){return this.actions.retrySwap(e,o)}cancel(e){let o=this.manager?.get(e);o&&cw(o)}getCurrentStepInfo(e){let o=mw(e);return{step:o,wallet:o?dw(e,o):null,network:o?uw(e,o):null}}};var sf=hw(void 0);function Wa(t){let{manager:e}=fw(),o=ne.use.isActiveTab(),n=H.use.retry(),r=new ni(e,{retrySwap:n}),s=Y.use.connectedWallets(),a=Y.use.loading(),l=Qa(s),p=Y.use.getWalletsDetails(),c=h().blockchains(),u=h().tokens(),d=h().swappers(),m=h().fetchStatus,f=Ft().resetLanguage,C=Oe().getUnreadNotifications(),S={isActiveTab:o,setCurrentTabAsActive:zt.forceClaim,history:r,wallets:{isLoading:a,details:s,totalBalance:l,refetch:p},meta:{blockchains:c,tokens:u,swappers:d,loadingStatus:m},resetLanguage:f,notifications:{list:C}};return gw.createElement(sf.Provider,{value:S},t.children)}i(Wa,"WidgetInfo");function af(){let t=yw(sf);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}i(af,"useWidget");function ri(t){let{onUpdateState:e,config:o}=t;return Sw(()=>{Ka({API_KEY:o?.apiKey||mn,BASE_URL:o?.apiUrl||Ma})},[o.apiKey,o.apiUrl]),Na.createElement(Nn,{config:o,onUpdateState:e},Na.createElement(rf,{apiKey:o.apiKey},Na.createElement(Wa,null,t.children)))}i(ri,"WidgetProvider");function lf(t){return t.config?.externalWallets?La.createElement(oi,null):La.createElement(ri,{config:t.config??ui},La.createElement(oi,null))}i(lf,"Widget");export{BH as EventSeverity,_H as MainEvents,HH as Networks,jH as PendingSwapNetworkStatus,PH as RouteEventType,$H as StepEventType,DH as StepExecutionBlockedEventStatus,FH as StepExecutionEventStatus,ke as UI_ID,zH as WalletEvents,GH as WalletTypes,lf as Widget,ri as WidgetProvider,Nn as WidgetWallets,Fi as customizedThemeTokens,qH as readAccountAddress,ar as useWallets,af as useWidget,OH as useWidgetEvents};
|
|
3
3
|
//# sourceMappingURL=index.js.map
|