npm - @rango-dev/widget-embedded - Versions diffs - 0.21.1-next.2 → 0.21.1-next.4 - Mend

@rango-dev/widget-embedded 0.21.1-next.2 → 0.21.1-next.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (48) hide show

package/dist/index.js CHANGED Viewed

@@ -1,3 +1,3 @@
-var Km=Object.defineProperty;var i=(t,e)=>Km(t,"name",{value:e,configurable:!0});import{EventSeverity as PU,MainEvents as $U,RouteEventType as _U,StepEventType as DU,StepExecutionBlockedEventStatus as FU,StepExecutionEventStatus as UU,useEvents as OU}from"@rango-dev/queue-manager-rango-preset";import{readAccountAddress as qU,useWallets as Ap,Events as GU}from"@rango-dev/wallets-react";import{Networks as HU,WalletTypes as VU}from"@rango-dev/wallets-shared";import{PendingSwapNetworkStatus as XU}from"rango-types";import{UI_ID as Ym}from"@rango-dev/ui";var Xo="c6381a79-2817-4602-83bf-6a641a409e32",la="https://api.rango.exchange",pa="https://scan.rango.exchange",Ae={SWAP_BOX_ID:"rango-swap-box",...Ym};import{Events as jr,Provider as Id}from"@rango-dev/wallets-react";import{isEvmBlockchain as Ed}from"rango-sdk";import un,{createContext as Wd,useEffect as Xr,useRef as Nd,useState as Bd}from"react";import{useEffect as dd}from"react";import{create as cd}from"zustand";import{subscribeWithSelector as ud}from"zustand/middleware";import{RangoClient as ld}from"rango-sdk";import{WalletState as tt}from"@rango-dev/ui";import{readAccountAddress as Rm}from"@rango-dev/wallets-react";import{detectInstallLink as ed,getCosmosExperimentalChainInfo as td,isEvmAddress as od,KEPLR_COMPATIBLE_WALLETS as bT,Networks as da}from"@rango-dev/wallets-shared";import Fr from"bignumber.js";import{isCosmosBlockchain as nd}from"rango-types";import Jm from"bignumber.js";var Ie=new Jm(0);import{WalletTypes as Zm}from"@rango-dev/wallets-shared";var ca=[Zm.LEAP];import{BigNumber as ma}from"bignumber.js";var Ko=i(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),E=i((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new ma(t),r=1,s=1e3;for(let a=0;a<60;a++)if(new ma(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 Yo=i(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var et=i((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),uo=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function ae(t){return E(t,12,12).replace(/(?:\.0*|(\.\d+?)0*)$/,"$1")}i(ae,"formatTooltipNumbers");function Ur(t){switch(!0){case t.connected:return tt.CONNECTED;case t.connecting:return tt.CONNECTING;case!t.installed:return tt.NOT_INSTALLED;default:return tt.DISCONNECTED}}i(Ur,"mapStatusToWalletState");function fa(t,e,o,n){return o.filter(r=>!ca.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=Ur(t(r));return{title:s,image:a,link:ed(l),state:p,type:r}})}i(fa,"mapWalletTypesToWalletInfo");function Ro(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(Ro,"walletAndSupportedChainsNames");function ga(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}=Rm(p),d=l.length>0,m=l.includes(u),g=u===da.Unknown;if(d&&!m&&!g)return;let S=u===da.Unknown&&od(c);if(g&&!S)return;o.includes(u)||S?r?a(u,c.toLowerCase()):l.filter(x=>o.includes(x)).forEach(x=>{a(x,c.toLowerCase())}):a(u,c)}),s}i(ga,"prepareAccountsForWalletStore");function ha(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain;e.includes(n)||e.push(n),e.includes(r)||e.push(r),o.internalSwaps&&Array.isArray(o.internalSwaps)&&o.internalSwaps.forEach(s=>{let a=s.from.blockchain,l=s.to.blockchain;e.includes(a)||e.push(a),e.includes(l)||e.push(l)})}),e}i(ha,"getRequiredChains");function en(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(en,"isAccountAndWalletMatched");function ya(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 Fr(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:id(o,r.asset.symbol,r.asset.address,e)||null}))||[]}i(ya,"makeBalanceFor");function Sa(t){return{...t,loading:!1,error:!0}}i(Sa,"resetConnectedWalletState");var Ca=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=E(n?.flatMap(s=>s.accounts)?.flatMap(s=>s?.balances)?.map(s=>new Fr(s?.amount||Ie).multipliedBy(s?.usdPrice||0))?.reduce((s,a)=>s.plus(a),Ie)||Ie).toString();return rd(r)},"calculateWalletUsdValue");function rd(t){let e=t.toString().split(".");return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),e.join(".")}i(rd,"numberWithThousandSeparator");var id=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice"),tn=i((t,e)=>{let o=td(Object.entries(t).map(([,n])=>n).filter(nd));return o&&o[e]?.experimental},"isExperimentalChain");function on(t){return t?{...t,amount:E(t.amount,8,8),usdValue:E(t.usdValue,4,4)}:null}i(on,"formatBalance");function sd(t,e){return t?.usdValue&&e?.usdValue?parseFloat(e.usdValue)-parseFloat(t.usdValue):!t?.usdValue&&e?.usdValue?1:t?.usdValue&&!e?.usdValue?-1:!t?.usdValue&&!e?.usdValue?parseFloat(e?.amount||"0")-parseFloat(t?.amount||"0"):0}i(sd,"sortTokensByBalance");function ad(t,e,o){let n=o(t),r=o(e);return n===r?0:n?-1:1}i(ad,"sortTokensByPinnedToken");function Ta(t,e,o){return t.sort((n,r)=>{let s=e(n),a=e(r),l=ad(n,r,o);return l!==0?l:sd(s,a)}),t}i(Ta,"sortTokens");function De(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(De,"tokensAreEqual");function ka(t){return t.sort((e,o)=>+(o.state===tt.CONNECTED)-+(e.state===tt.CONNECTED)||+(o.state===tt.DISCONNECTED||o.state===tt.CONNECTING)-+(e.state===tt.DISCONNECTED||e.state===tt.CONNECTING))}i(ka,"sortWalletsBasedOnConnectionState");function nn(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(nn,"getConciseAddress");function wa({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(wa,"getAddress");function Or(t){return`${t.blockchain}-${t.symbol}-${t.address??""}`}i(Or,"createTokenHash");function rn(t){return t.flatMap(e=>e.balances).reduce((e,o)=>{let n={amount:o?.amount??"",decimals:o?.decimal??0,usdValue:o?.usdPrice?new Fr(o?.usdPrice??Ie).multipliedBy(o?.amount).toString():""},r=o?Or({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(rn,"makeTokensBalance");var va=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 zr={API_KEY:Xo};function Gt(t){return zr[t]||""}i(Gt,"getConfig");function ba(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),zr=e,zr}i(ba,"initConfig");var Aa=20,Ia=25,Ea="Roboto",qr="theme-widget",mo=i((t,e)=>{let o=!1;if(e&&t){if(Array.isArray(e))o=!e.some(n=>De(n,t));else if(!Array.isArray(e)&&e[t.blockchain]){o=e[t.blockchain].tokens.some(r=>De(r,t));let n=e[t.blockchain].isExcluded;return!n&&!o||n&&o}}return o},"isTokenExcludedInConfig"),Gr=i((t,e)=>t&&e&&!e.includes(t.name),"isBlockchainExcludedInConfig");var sn,Qt=i(()=>sn||(sn=new ld(Gt("API_KEY"),Gt("BASE_URL")),sn),"httpService");var pd=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"),Tt=pd;var G=Tt(cd()(ud((t,e)=>({connectedWallets:[],balances:{},customDestination:"",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:rn(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=>en(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:c,chain:u})=>({address:c,blockchain:u})),p=(await Qt().getWalletsDetails(a)).wallets;if(p)t(c=>{let u=c.connectedWallets.map(m=>{let g=o.find(S=>en(S,m)),T=p.find(S=>S.address===m.address&&S.blockChain===m.chain);return T?.failed&&g&&r&&s([g],n,!1),g&&T?{...m,explorerUrl:T.explorerUrl,balances:ya(T,n),loading:!1}:m});return{loading:!1,balances:rn(u),connectedWallets:u}});else throw new Error("Wallet not found")}catch{t(l=>{let p=l.connectedWallets.map(u=>o.find(d=>en(d,u))?Sa(u):u);return{loading:!1,balances:rn(p),connectedWallets:p}})}},getBalanceFor:o=>{let{balances:n}=e(),r=Or(o);return n[r]??null}}))));import{allProviders as md}from"@rango-dev/provider-all";function an(t,e){let o=md({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(an,"matchAndGenerateProviders");function Wa(t,e){return an(t,e).map(r=>r.config.type)}i(Wa,"configWalletsToWalletName");function Na(t,e){let o=G.use.clearConnectedWallet(),n=an(void 0,e);return dd(()=>{o(),n=an(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}i(Na,"useWalletProviders");import Td,{createContext as kd,useContext as wd,useEffect as vd,useRef as xd}from"react";import{create as Sd}from"zustand";import{persist as Cd}from"zustand/middleware";var Qr={apiKey:"",title:void 0,multiWallets:!0,enableNewLiquiditySources:!0,customDestination:!0},Ba=i((t,e,o)=>({config:{...Qr,...t},updateConfig:n=>{let r=o().config;e({config:{...r,...n}})}}),"createConfigSlice");function Ht(t){return Array.from(new Set(t))}i(Ht,"removeDuplicateFrom");function Hr(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(Hr,"areEqual");function La(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i(La,"debounce");function Lt(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(Lt,"containsText");var W=i(()=>document.getElementById(Ae.SWAP_BOX_ID),"getContainer");function ln(t,e){let o=t.map(s=>s.swapperGroup),n=[];return Ht(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(ln,"getUniqueSwappersGroups");function Ma(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}i(Ma,"sortLiquiditySourcesByGroupTitle");function Fe(t,e){return e?.[t]==="hidden"}i(Fe,"isFeatureHidden");function pn(t,e){return e?.[t]==="enabled"}i(pn,"isFeatureEnabled");var Pa=i((t,e)=>({_blockchains:[],_tokens:[],_popularTokens:[],_swappers:[],fetchStatus:"loading",blockchains:o=>{let n=e()._blockchains;if(!o||!o?.type)return n;let r=e().config,s=(o.type==="source"?r.from?.blockchains:r.to?.blockchains)??[];return n.filter(l=>!(s.length>0&&!s.includes(l.name)))},tokens:o=>{let n=e()._tokens;if(!o||!o?.type)return n;let r=e().config,s=(o.type==="source"?r.from?.tokens:r.to?.tokens)??{},a=e().blockchains({type:o.type});return n.filter(p=>s&&mo(p,s)||o.blockchain&&p.blockchain!==o.blockchain||!a.some(c=>c.name===p.blockchain)?!1:o.searchFor?!!(Lt(p.symbol,o.searchFor)||Lt(p.address||"",o.searchFor)||Lt(p.name||"",o.searchFor)):!0).sort((p,c)=>e().isTokenPinned(p,o.type)?-1:e().isTokenPinned(c,o.type)||p.isSecondaryCoin?1:c.isSecondaryCoin||!p.address&&c.address?-1:p.address&&!c.address?1:0)},isTokenPinned:(o,n)=>!!(n==="source"?e().config.from?.pinnedTokens:e().config.to?.pinnedTokens)?.some(a=>De(a,o)),swappers:()=>{let{config:{enableNewLiquiditySources:o,liquiditySources:n}}=e();return e()._swappers.filter(a=>{let l=n?.includes(a.swapperGroup);return o||!n||n.length===0?!l:l}).sort(Ma)},fetch:async()=>{try{let o=await Qt().getAllMetadata();t({fetchStatus:"success"});let n=[],r=[],s=o.popularTokens,a=o.swappers,l=new Set;o.tokens.forEach(p=>{l.add(p.blockchain),r.push(p)}),o.blockchains.forEach(p=>{p.enabled&&l.has(p.name)&&n.push(p)}),n.sort((p,c)=>p.sort-c.sort),t({_blockchains:n,_tokens:r,_popularTokens:s,_swappers:a})}catch(o){throw t({fetchStatus:"failed"}),o}}}),"createDataSlice");import{English as fd,French as gd,Japanese as hd,Spanish as yd}from"@rango-dev/ui";var $a=[{title:"English",label:"English",local:"en",SVGFlag:fd},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:yd},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:gd},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:hd}],fo="en";var _a=[.5,1,3],Da=1,Fa=5,Ua=100,Oa=0;var za=i((t,e)=>({disabledLiquiditySources:[],theme:"auto",language:null,preferredBlockchains:[],slippage:Da,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<=10-1;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=Ht(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=Fe("theme",n),s=Fe("language",n),a=Fe("liquiditySource",n);t({...r&&{theme:"auto"},...s&&{language:fo},...a&&{disabledLiquiditySources:[]}})}}),"createSettingsSlice");function qa(t){return Sd()(Cd((...e)=>({...Pa(...e),...za(...e),...Ba(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(qa,"createAppStore");var Ga=kd(null);function h(){let t=wd(Ga);if(vd(()=>{t&&!t.persist.hasHydrated()&&t.persist.rehydrate()},[]),!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}i(h,"useAppStore");function Qa(t){let e=xd();return e.current||(e.current=qa(t.config)),Td.createElement(Ga.Provider,{value:e.current},t.children)}i(Qa,"AppStoreProvider");import{create as Ad}from"zustand";var Ha="rango-widget";var Vt=class{constructor(e){this.state="not-initiated";this.events={};this.forceClaim=()=>{if(!this.isClaimed()){let e={name:"force-claim",candidateId:this.tabId};this.channel.postMessage(e),setTimeout(()=>{this.isClaimed()||this.claim()},300)}};this.isClaimed=()=>this.state==="claimed";this.destroy=()=>{this.channel.removeEventListener("message",this.handleMessageEvent),document.removeEventListener("visibilitychange",this.handleVisibilityChange),document.removeEventListener("resume",this.handleResume)};this.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.`)}};this.handleVisibilityChange=async()=>{document.visibilityState==="visible"&&await this.tryClaim()};this.handleResume=async()=>{this.isClaimed()&&(await this.tryClaim(),this.isClaimed()||this.events.onRelease?.())};this.channel=new BroadcastChannel(Ha),this.tabId=Math.trunc(Math.random()*1e5),this.events=e,this.initEvents(),this.tryClaim()}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}}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)}}};i(Vt,"TabManager");var ce=Tt(Ad()((t,e)=>({isActiveTab:!1,tabManagerInitiated:!1,showActivateTabModal:!1,activateCurrentTab:(o,n)=>{let{showActivateTabModal:r}=e();!r&&n?t({showActivateTabModal:!0}):(r||!n)&&o()},setShowActivateTabModal:o=>{t({showActivateTabModal:o})}}))),ja=new Vt({onInit:()=>ce.setState({tabManagerInitiated:!0}),onClaim:()=>ce.setState({isActiveTab:!0,showActivateTabModal:!1}),onRelease:()=>ce.setState({isActiveTab:!1})}),cn=ja.forceClaim,Xa=ja.destroy;var mn=Wd({onConnectWallet:()=>{}});function Ld(t){let{updateConfig:e,updateSettings:o,fetch:n}=h(),r=h().blockchains(),s=h().tokens(),a={walletConnectProjectId:t.config?.walletConnectProjectId},[l,p]=Bd([]),{providers:c}=Na(t.config.wallets,a),{connectWallet:u,disconnectWallet:d}=G(),m=Nd();Xr(()=>{n().catch(console.log)},[]),Xr(()=>{t.config&&(e(t.config),o(t.config))},[t.config]);let g=r.filter(Ed).map(f=>f.name),T=i((f,C,x,y,k)=>{if(C===jr.ACCOUNTS)if(x){let I=Ro(k.supportedBlockchains),w=ga(f,x,g,I,k.isContractWallet);p(w)}else d(f);if(C===jr.ACCOUNTS&&y.connected){let I=`${f}-${y.network}-${x}`;y.connected&&(m.current?m.current(I):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(C===jr.NETWORK&&y.network){let I=`${f}-${y.network}`;m.current?m.current(I):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(f,C,x,y,k)},"onUpdateState"),S=ce.use.isActiveTab();return Xr(()=>{l.length&&u(l,s)},[l,s]),un.createElement(mn.Provider,{value:{onConnectWallet:f=>{m.current=f}}},un.createElement(Id,{allBlockChains:r,providers:c,onUpdateState:T,autoConnect:!!S},t.children))}i(Ld,"Main");function dn(t){let{config:e,...o}=t;return un.createElement(Qa,{config:e},un.createElement(Ld,{...o,config:e}))}i(dn,"WidgetWallets");import sa,{useEffect as pT}from"react";import{I18nManager as qC}from"@rango-dev/ui";import Vo,{useContext as GC,useEffect as QC,useState as Gm}from"react";import{useQueueManager as Dd}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Fd}from"@rango-dev/wallets-react";import{isEvmBlockchain as Ud}from"rango-types";import Od,{Fragment as zd}from"react";import{MemoryRouter as qd,useInRouterContext as Gd}from"react-router";import{useWallets as Pd}from"@rango-dev/wallets-react";import{useEffect as $d,useRef as _d}from"react";function Ka(){let{connect:t,state:e}=Pd(),o=_d({}),{fetchStatus:n}=h(),r=new URLSearchParams(location.search).get("autoConnect")||"",s=e(r);$d(()=>{n==="success"&&r&&s.installed&&!s.connecting&&!s.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[s,n])}i(Ka,"useForceAutoConnect");function Ya({children:t,...e}){let n=Gd()?zd:qd,r=h().blockchains(),{canSwitchNetworkTo:s}=Fd();Ka();let a=r.filter(Ud);return Dd({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:s}),Od.createElement(n,null,t)}i(Ya,"AppRouter");import Be from"react";import{useRoutes as _C}from"react-router-dom";var $={home:"/",fromSwap:"from-swap",toSwap:"to-swap",blockchains:"blockchains",settings:"settings",liquiditySources:"liquidity-sources",themes:"themes",bridges:"bridges",exchanges:"exchanges",languages:"languages",swaps:"swaps",wallets:"wallets",confirmSwap:"confirm-swap",swapDetails:":requestId"};import{useEffect as Xt,useRef as wn}from"react";import vt from"bignumber.js";import{create as Kd}from"zustand";import{subscribeWithSelector as Yd}from"zustand/middleware";import{getLastSuccessfulStep as Xd}from"@rango-dev/queue-manager-rango-preset";import av from"bignumber.js";var kt=(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))(kt||{});function Ja(t,e){return e.find(o=>o.name===t)?.displayName}i(Ja,"getBlockchainDisplayNameFor");function Ue(t,e){return e.find(o=>o.name===t)?.shortName}i(Ue,"getBlockchainShortNameFor");function go(t,e){return e.find(o=>o.id===t)?.swapperGroup}i(go,"getSwapperDisplayName");function Kr(t,e){return e.find(o=>De(o,t))??null}i(Kr,"findToken");function Yr(t,e){return e.find(o=>o.name===t)??null}i(Yr,"findBlockchain");import{i18n as Ve}from"@lingui/core";import Ee from"bignumber.js";import{PendingSwapNetworkStatus as yn}from"rango-types";function fn(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,s=e[e.length-1];n!=s&&e.push(n),s=e[e.length-1],r!=s&&e.push(r)}),e}i(fn,"getRequiredWallets");function gn(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(gn,"isValidAddress");import{i18n as ve}from"@lingui/core";var X=i(()=>({genericServerError:ve.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:ve.t("Please reset your liquidity sources."),description:ve.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources.")},noResultError:{title:ve.t("No Routes Found."),description:ve.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:ve.t("Bridge Limit Error: Please increase your amount."),decreaseAmount:ve.t("Bridge Limit Error: Please decrease your amount.")},highValueLossError:{impactTitle:ve.t("High Price Impact"),title:ve.t("Price impact is too high!"),description:ve.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:ve.t("Confirm high price impact")},quoteUpdatedWithHighValueLoss:{title:ve.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:ve.t("USD Price Unknown"),title:ve.t("USD Price Unknown, Cannot calculate Price Impact."),description:ve.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:ve.t("Confirm USD Price Unknown")}}),"errorMessages");function Za(t){switch(t.type){case 0:return t.diagnosisMessage??X().noResultError.title;case 1:return X().genericServerError;default:return""}}i(Za,"getQuoteErrorMessage");import{i18n as hn}from"@lingui/core";var Mt=i(()=>({connectWallet:hn.t("Connect Wallet"),swap:hn.t("Swap"),swapAnyway:hn.t("Swap anyway"),ethWarning:hn.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function Ra(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new Ee(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new Ee(1e3)))??!1}i(Ra,"hasHighValueLoss");function Jr(t){return(t?.result?.swaps||[]).filter(e=>{let o=e.fromAmountMinValue?new Ee(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Ee(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(Jr,"hasLimitError");function Zr(t){let e=(t.result?.swaps||[]).filter(l=>{let p=l.fromAmountMinValue?new Ee(l.fromAmountMinValue):null,c=l.fromAmountMaxValue?new Ee(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 Ee(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Ee(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",s="",a="";return!r&&o&&o.gt(e.fromAmount)?(s=Ve.t({id:"Required: >= {min} {symbol}",values:{min:E(o,6,6),symbol:e.from.symbol}}),a=X().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(s=Ve.t({id:"Required: > {min} {symbol}",values:{min:E(o,6,6),symbol:e.from.symbol}}),a=X().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(s=Ve.t({id:"Required: <= {max} {symbol}",values:{max:E(n,6,6),symbol:e.from.symbol}}),a=X().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(s=Ve.t({id:"Required: < {max} {symbol}",values:{max:E(n,6,6),symbol:e.from.symbol}}),a=X().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:s,recommendation:a}}i(Zr,"getLimitErrorMessage");function el(t){let{fetchMetaStatus:e,anyWalletConnected:o,fetchingQuote:n,inputAmount:r,quote:s,warning:a,error:l,needsToWarnEthOnPath:p}=t;return e!=="success"?{title:Mt().connectWallet,action:"connect-wallet",disabled:!0}:o?n||!s||!s.result||l||!r||r==="0"?{title:Mt().swap,action:"confirm-swap",disabled:!0}:a?{title:Mt().swapAnyway,action:"confirm-warning",disabled:!1}:p?{title:Mt().ethWarning,action:"confirm-warning",disabled:!1}:{title:Mt().swap,action:"confirm-swap",disabled:!1}:{title:Mt().connectWallet,action:"connect-wallet",disabled:!1}}i(el,"getSwapButtonState");function Rr(t,e,o){return!((!o||o.lte(Ie))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}i(Rr,"canComputePriceImpact");function Qd(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,s=e[e.length-1];n!=s&&e.push(n),s=e[e.length-1],r!=s&&e.push(r)}),e}i(Qd,"requiredWallets");var Hd=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice");function Vd(t,e){let o=Ie;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let s=Hd(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new Ee(r.amount).multipliedBy(s||0))}return o}i(Vd,"getUsdFeeOfStep");function Sn(t,e){return t.reduce((o,n)=>o.plus(Vd(n,e)),Ie)}i(Sn,"getTotalFeeInUsd");function ei(t){let e=Ie;return e=e.plus(new Ee(t.amount).multipliedBy(t.price||0)),e}i(ei,"getUsdFee");function tl(t){return t.reduce((e,o)=>e.plus(ei(o)),Ie)}i(tl,"getTotalFeesInUsd");function ol(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(ol,"getFeesGroup");function ti(t){let e=new Map;return t.result?.swaps.forEach((o,n)=>{o.recommendedSlippage?.error&&e.set(n,o.recommendedSlippage.slippage)}),e.size>0?e:null}i(ti,"checkSlippageErrors");function nl(t,e){let o=new Map;return t.result?.swaps.forEach((n,r)=>{n.recommendedSlippage?.slippage&&parseFloat(n.recommendedSlippage.slippage)>e&&o.set(r,n.recommendedSlippage.slippage)}),o.size>0?o:null}i(nl,"checkSlippageWarnings");function Cn(t){return t.result?.swaps.map(o=>o.recommendedSlippage)?.map(o=>o?.slippage||"0")?.filter(o=>parseFloat(o)>0)?.sort((o,n)=>parseFloat(n)-parseFloat(o))?.find(()=>!0)||null}i(Cn,"getMinRequiredSlippage");function rl(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(rl,"hasProperSlippage");function Tn(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,initialQuote:g,destination:T}=t,S=s?.reduce((k,I)=>(k[I.chain]=I.address,k),{}),f=[];r?.forEach(k=>{let I=f.find(w=>w.blockchain===k.chain);I?I.addresses.push(k.address):f.push({blockchain:k.chain,addresses:[k.address]})});let C=!!g,x=Ht((g?.result?.swaps||[]).reduce((k,I)=>(k.push(I.from.blockchain,I.to.blockchain),I.internalSwaps&&Array.isArray(I.internalSwaps)&&I.internalSwaps.map(w=>{k.push(w.from.blockchain,w.to.blockchain)}),k),[]));return{amount:n.toString(),affiliateRef:u??void 0,affiliatePercent:d??void 0,affiliateWallets:m??void 0,checkPrerequisites:C,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:f,selectedWallets:S??{},slippage:c.toString(),...T&&{destination:T},...p&&{swapperGroups:a.concat(l??[]),swappersGroupsExclude:!0},...!p&&{swapperGroups:l?.filter(k=>!a.includes(k)),swappersGroupsExclude:!1},...C&&{blockchains:x}}}i(Tn,"createQuoteRequestBody");function il(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(il,"getWalletsForNewSwap");function jt(t){return t.result?.outputAmount||null}i(jt,"getQuoteOutputAmount");function sl(t,e){return new Ee(e).div(new Ee(t)).minus(1).multipliedBy(100).toNumber()}i(sl,"getPercentageChange");function al(t,e){let o=jt(t),n=jt(e);if(!o||!n)return!1;let r=Oe(o,n);return r?r<=-1:!0}i(al,"isOutputAmountChangedALot");function ll(t,e,o){let n=t.validationStatus,r=ha(t);return e.sort((a,l)=>r.indexOf(a.chain)-r.indexOf(l.chain)).flatMap(a=>fl(a,n)||[]).filter(a=>!a.ok).map(a=>{let l=a.asset.symbol,p=E(new Ee(a.currentAmount.amount).shiftedBy(-a.currentAmount.decimals),8,8),c=E(new Ee(a.requiredAmount.amount).shiftedBy(-a.requiredAmount.decimals),8,8),u="";return a.reason==="FEE"&&(u=Ve.t(" for network fee")),a.reason==="INPUT_ASSET"&&(u=Ve.t(" for swap")),a.reason==="FEE_AND_INPUT_ASSET"&&(u=Ve.t(" for input and network fee")),Ve.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:Ue(a.asset.blockchain,o)}})})}i(ll,"generateBalanceWarnings");function pl(t,e){return(t?new Ee(t):Ie).multipliedBy(e||0)}i(pl,"calcOutputUsdValue");function ho(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==yn.NetworkChanged}i(ho,"isNetworkStatusInWarningState");function cl(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),ho(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case yn.WaitingForConnectingWallet:n=n||Ve.t("Waiting for connecting wallet");break;case yn.WaitingForQueue:n=n||Ve.t("Waiting for other running tasks to be finished");break;case yn.WaitingForNetworkChange:n=n||Ve.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(cl,"getSwapMessages");function ul(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(ul,"getLastConvertedTokenInFailedSwap");function ml(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}i(ml,"shouldRetrySwap");function dl(t,e,o,n,r,s){return t||!e&&!Qd(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!gn(s,o)}i(dl,"confirmSwapDisabled");function hl(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}i(hl,"getQuoteToTokenUsdPrice");function oi(t,e){let o=t.result?.swaps||[],n=e.result?.swaps||[];return o.length!==n.length}i(oi,"isNumberOfSwapsChanged");function ni(t,e){let o=t.result?.swaps.map(r=>r.swapperId)||[],n=e.result?.swaps.map(r=>r.swapperId)||[];return!Hr(o,n)}i(ni,"isQuoteSwappersUpdated");function ri(t,e){let o=t.result?.swaps.map(r=>r.to.symbol)||[],n=e.result?.swaps.map(r=>r.to.symbol)||[];return!Hr(o,n)}i(ri,"isQuoteInternalCoinsUpdated");function yl(t,e){return oi(t,e)||ni(t,e)||ri(t,e)}i(yl,"isQuoteChanged");function fl(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(fl,"getRequiredBalanceOfWallet");function mt(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(mt,"getPriceImpactLevel");function Sl(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],s=Xd(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=Yr(s?s.toBlockchain:n.fromBlockchain,e),p=Yr(r.toBlockchain,e),c=Kr(s?{blockchain:l?.name??"",symbol:s.toSymbol,address:s.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),u=Kr(a,o),d=s?s.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:c,toBlockchain:p,toToken:u,inputAmount:d}}i(Sl,"createRetryQuote");function kn(t,e){let{fromToken:o,toToken:n,tokens:r,userSlippage:s}=e,a=Pt(o,t.requestAmount),l=Pt(n,t.result?.outputAmount??"");if(t.result&&a&&l){let u=Oe(a.toString(),l.toString());if(!!u&&Ra(a,u)){let m=Sn(t.result.swaps,r),g=mt(u);return{type:0,inputUsdValue:a,outputUsdValue:l,priceImpact:u,totalFee:m,warningLevel:g}}}else if(t.result&&(!a||!l))return{type:1};let p=Cn(t),c=s>Fa;if(rl(e.userSlippage.toString(),p)){if(c&&parseFloat(p??"0")<s)return{type:3,slippage:s.toString()}}else return{type:2,recommendedSlippages:nl(t,s),minRequiredSlippage:p};return null}i(kn,"generateQuoteWarnings");function Oe(t,e){let o=typeof e=="string"?parseFloat(e)<=0:!e?.gt(0),n=!t||!e||o?null:sl(t.toString(),e.toString());return n&&n<0?n:null}i(Oe,"getPriceImpact");var Cl=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");var Pt=i((t,e)=>t?.usdPrice?new vt(e||Ie).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),K=Tt(Kd()(Yd(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new vt(0),outputUsdValue:new vt(0),toBlockchain:null,toToken:null,quote:null,quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:"",quoteWarningsConfirmed:!1,setQuote:e=>t(o=>{let n=null,r=Ie;return uo(o.inputAmount)?(e&&(n=e.result?.outputAmount?new vt(e.result?.outputAmount):null,r=pl(e.result?.outputAmount,hl(e)||o.toToken?.usdPrice)),{quote:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetQuote:()=>t(()=>({quote:null,outputAmount:null,outputUsdValue:new vt(0)})),setFromBlockchain:e=>{t(o=>o.fromBlockchain?.name===e?.name?{}:{fromBlockchain:e,...o.fromToken&&{quote: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:Pt(e.token,o.inputAmount)}})),setToBlockchain:e=>{t(o=>o.toBlockchain?.name===e?.name?{}:{toBlockchain:e,...o.toToken&&{quote: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 vt(0),outputUsdValue:new vt(0),quote:null},...!!o.fromToken&&{inputUsdValue:Pt(o.fromToken,e)}}))},retry:(e,o)=>{let{tokens:n,blockchains:r}=o,{fromBlockchain:s,fromToken:a,toBlockchain:l,toToken:p,inputAmount:c}=Sl(e,r,n);t({fromBlockchain:s,fromToken:a,inputAmount:c,outputAmount:null,inputUsdValue:Pt(a??null,c),outputUsdValue:new vt(0),toBlockchain:l,toToken:p,quote:null})},switchFromAndTo:()=>t(e=>({fromBlockchain:e.toBlockchain,fromToken:e.toToken,toBlockchain:e.fromBlockchain,toToken:e.fromToken,inputAmount:e.outputAmount?.toString()||"",inputUsdValue:Pt(e.toToken,e.outputAmount?.toString()||"")})),resetFromBlockchain:()=>t(()=>({fromToken:null,fromBlockchain:null,outputAmount:null,outputUsdValue:null,quote:null})),resetToBlockchain:()=>t(()=>({toToken:null,toBlockchain:null,outputAmount:null,outputUsdValue:null,quote:null})),setQuoteWalletConfirmed:e=>t({quoteWalletsConfirmed:e}),setSelectedWallets:e=>t({selectedWallets:e}),setCustomDestination:e=>t({customDestination:e}),resetQuoteWallets:()=>t({quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:""}),setQuoteWarningsConfirmed:e=>t({quoteWarningsConfirmed:e})}))));function Tl(){let{setInputAmount:t,setToToken:e,setToBlockchain:o,setFromBlockchain:n,setFromToken:r,fromToken:s,toToken:a,fromBlockchain:l,toBlockchain:p}=K(),c=h().config,u=h().fetchStatus,d=h().blockchains(),m=h().tokens(),{setAffiliateRef:g,setAffiliatePercent:T,setAffiliateWallets:S}=h(),f=c?.from?.tokens,C=c?.from?.blockchains,x=c?.to?.tokens,y=c?.to?.blockchains,k=wn(void 0),I=wn(void 0),w=wn(void 0),v=wn(void 0);Xt(()=>{t(c?.amount?.toString()||"")},[c?.amount]),Xt(()=>{if(u==="success"){let b=d.find(N=>N.name===c?.from?.blockchain),A=m.find(N=>De(N,c?.from?.token||null));(b||!b&&w.current)&&n(b??null),A?r({token:A,meta:{blockchains:d,tokens:m}}):!A&&k.current&&r({token:null}),w.current=c?.from?.blockchain,k.current=c?.from?.token}},[c?.from?.token?.symbol,c?.from?.token?.address,c?.from?.token?.blockchain,c?.from?.blockchain,u]),Xt(()=>{mo(s,f)&&r({token:null}),Gr(l,C)&&n(null)},[f,C]),Xt(()=>{mo(a,x)&&r({token:null}),Gr(p,y)&&o(null)},[x,y]),Xt(()=>{if(u==="success"){let b=d.find(N=>N.name===c?.to?.blockchain),A=m.find(N=>De(N,c?.to?.token||null));(b||!b&&v.current)&&o(b??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]),Xt(()=>{g(c?.affiliate?.ref??null),T(c?.affiliate?.percent??null),S(c?.affiliate?.wallets??null)},[c?.affiliate?.ref,c?.affiliate?.percent,c?.affiliate?.wallets])}i(Tl,"useSyncStoresWithConfig");import{useEffect as kl}from"react";import{useInRouterContext as Jd,useLocation as Zd,useSearchParams as Rd}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 si(t){if(t)return`${t.symbol}${t.address?`--${t.address}`:""}`}i(si,"tokenToSearchParam");function ai(){let t=Zd(),[e,o]=Rd(),{fromBlockchain:n,toBlockchain:r,fromToken:s,toToken:a,inputAmount:l,setFromBlockchain:p,setToBlockchain:c,setFromToken:u,setToToken:d,setInputAmount:m}=K(),g=h().fetchStatus,T=h().blockchains(),S=h().tokens(),f=Jd(),C=i(()=>{let y=e.get("fromAmount"),k=e.get("fromBlockchain"),I=e.get("fromToken"),w=e.get("toBlockchain"),v=e.get("toToken"),b=e.get("autoConnect");return{fromAmount:y,fromBlockchain:k,fromToken:I,toBlockchain:w,toToken:v,autoConnect:b}},"getUrlSearchParams"),x=i(y=>{for(let k in y)y[k]||delete y[k];o(y,{replace:!0})},"updateUrlSearchParams");kl(()=>{let{autoConnect:y}=C();f&&g==="success"&&x({["fromBlockchain"]:n?.name,["fromToken"]:si(s),["toBlockchain"]:r?.name,["toToken"]:si(a),["fromAmount"]:l,["autoConnect"]:y??void 0})},[t.pathname,l,n,s,r,a]),kl(()=>{if(!f)return;let y=C();if(y.fromAmount&&m(y.fromAmount),g==="success"){let k=T.find(b=>b.name===y.fromBlockchain),I=ii(S,y.fromToken,k??null),w=T.find(b=>b.name===y.toBlockchain),v=ii(S,y.toToken,w??null);k&&(p(k),I&&u({token:I,meta:{blockchains:T,tokens:S}})),w&&(c(w),v&&d({token:v,meta:{blockchains:T,tokens:S}}))}},[g])}i(ai,"useSyncUrlAndStore");import{i18n as ar}from"@lingui/core";import{useManager as zh}from"@rango-dev/queue-manager-react";import{Alert as Qc,Button as qh,css as os,Divider as ts,IconButton as Hc,SettingsIcon as Gh,styled as Qh,Tooltip as Hh,Typography as Vh,WalletIcon as jh}from"@rango-dev/ui";import le,{useEffect as Lo,useLayoutEffect as Xh,useRef as Kh,useState as lr}from"react";import{flushSync as Yh}from"react-dom";import{useLocation as Jh,useNavigate as Zh}from"react-router-dom";import{i18n as ot}from"@lingui/core";import{Alert as Li,BalanceErrors as Bg,Button as Ip,ChevronDownIcon as Lg,ChevronLeftIcon as Mg,Divider as eo,MessageBox as Pg,Modal as Ep,Typography as Qn,WalletIcon as $g}from"@rango-dev/ui";import B,{useEffect as _g,useState as _t}from"react";import{useNavigate as Dg}from"react-router-dom";import{i18n as vn}from"@lingui/core";function xn(t){switch(t.type){case 0:return vn.t("Route has been updated.");case 3:return vn.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return vn.t("Route swappers has been updated.");case 2:return vn.t("Route internal coins has been updated.");default:return""}}i(xn,"getQuoteUpdateWarningMessage");import En,{useLayoutEffect as nf,useRef as rf}from"react";import*as Kt from"@radix-ui/react-collapsible";import{keyframes as wl,styled as bn}from"@rango-dev/ui";var yo=300,tf=wl({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),of=wl({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),vl=bn(Kt.Root,{borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),li=bn(Kt.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit",cursor:"pointer"}),An=bn(Kt.Content,{overflow:"hidden",variants:{open:{true:{animation:`${tf} ${yo}ms ease-out`},false:{animation:`${of} ${yo}ms ease-out`}}}}),In=bn("div",{transition:`all ${yo}ms ease`,display:"flex",alignItems:"center",variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}});function Wn(t){let{open:e,hasSelected:o,onOpenChange:n,children:r,onClickTrigger:s,trigger:a,triggerAnchor:l}=t,p=rf(null);return nf(()=>{e&&p.current&&setTimeout(()=>{p?.current?.scrollIntoView({behavior:"smooth"})},yo)},[e]),En.createElement(vl,{ref:p,className:"collapsible_root",selected:o&&e,open:e,onOpenChange:n},l==="top"&&En.createElement(li,{className:"collapsible_trigger",onClick:s},a),En.createElement(An,{className:"collapsible_content",open:e},r),l==="bottom"&&En.createElement(li,{className:"collapsible_trigger",onClick:s},a))}i(Wn,"CustomCollapsible");import{Button as sf,css as xl,darkTheme as Yt,IconButton as af,styled as ze,TextField as lf}from"@rango-dev/ui";var bl=ze("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),Al=ze("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),pf=ze("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${Yt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${Yt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${Yt} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),Il=ze(pf,{alignSelf:"stretch",minHeight:"93px"}),El=ze("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),Wl=ze(af,{position:"absolute",left:"$20"}),Nl=ze("div",{paddingTop:"$20"}),Bl=xl({display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Ll=ze("div",{padding:"$10 $0","& .button__content":{display:"flex",alignItems:"center"},"& .alarms":{paddingTop:"$5"},"& .collapsible_content":{backgroundColor:"$neutral100"},"& .collapsible_root":{backgroundColor:"$neutral200"}}),Ml=xl({paddingTop:"$5"}),Pl=ze("div",{display:"flex"}),$l=ze(lf,{backgroundColor:"$neutral100",padding:"$0 $15 $15 $15"}),_l=ze("div",{overflow:"visible",width:"100%"}),Dl=ze(sf,{width:"100%",borderRadius:"$sm !important",padding:"$15 !important",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${Yt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${Yt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${Yt} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}});import{i18n as Xe}from"@lingui/core";import{Button as Eg,Divider as Ni,Image as Wg,MessageBox as Gn,Modal as wp,SelectableWallet as Ng,Typography as vp,WalletState as xp}from"@rango-dev/ui";import se,{useEffect as bp,useState as ko}from"react";import{WalletState as pi}from"@rango-dev/ui";import{useWallets as cf}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as uf,WalletTypes as Nn}from"@rango-dev/wallets-shared";import{useCallback as mf,useEffect as Fl,useRef as df,useState as ff}from"react";var gf=Object.values(Nn);function Bn(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:l,connect:p}=cf(),{connectedWallets:c}=G(),u=h().blockchains(),d=df(!1),m=Wa(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||gf,g=fa(s,l,m,o),T=ka(g),[S,f]=ff(""),C=i(w=>!c.find(v=>v.walletType===w&&v.chain===o),"isExperimentalChainNotAdded"),x=i(async w=>{let v=s(w);try{if(S&&f(""),v.connected)await a(w);else{let b=!!g.find(A=>A.state===pi.CONNECTED);if(!e?.multiWallets&&b)return;n?.(w),await p(w),r?.(w)}}catch(b){f("Error: "+b?.message)}},"handleClick"),y=mf(()=>{let w=g?.filter(v=>v.state===pi.CONNECTING)||[];for(let v of w)a(v.type)},[xa(g)]);Fl(()=>()=>{d.current=!0},[]),Fl(()=>()=>{d.current&&y()},[y]);let k=i(w=>w.filter(b=>b.state!=pi.NOT_INSTALLED&&![Nn.DEFAULT,Nn.WALLET_CONNECT_2].includes(b.type)&&l(b.type).supportedChains.filter(A=>A.type=="EVM").length>0).length==0,"shouldShowDefaultInjectedWallet"),I=i((w,v,b)=>tn(b,v)&&C(w)&&!uf.includes(w)||w==Nn.DEFAULT&&!k(g),"shouldExcludeWallet");return{list:T.filter(w=>!I(w.type,o??"",u)),error:S,handleClick:x,disconnectConnectingWallets:y}}i(Bn,"useWalletList");import{i18n as gp}from"@lingui/core";import{styled as yp,Typography as kg,Wallet as wg,WalletState as vg}from"@rango-dev/ui";import Rt,{useState as hp}from"react";import{useManager as lg}from"@rango-dev/queue-manager-react";import{BottomLogo as pg,Divider as pp,Header as cg}from"@rango-dev/ui";import de,{useEffect as ug,useRef as mg}from"react";import{useNavigate as hf}from"react-router-dom";function xt(){let t=hf();return()=>t(-1)}i(xt,"useNavigateBack");import{createTheme as di,darkTheme as kf,lightTheme as wf}from"@rango-dev/ui";import{useEffect as ql,useState as vf}from"react";import{theme as Cf,darkColors as Tf}from"@rango-dev/ui";var Ul=i((t,e)=>{t=t.replace(/^#/,""),t.length===3&&(t=t[0]+t[0]+t[1]+t[1]+t[2]+t[2]);let[s,a,l]=t.match(/.{2}/g);[s,a,l]=[parseInt(s,16)+e,parseInt(a,16)+e,parseInt(l,16)+e],s=Math.max(Math.min(255,s),0).toString(16),a=Math.max(Math.min(255,a),0).toString(16),l=Math.max(Math.min(255,l),0).toString(16);let p=(s.length<2?"0":"")+s,c=(a.length<2?"0":"")+a,u=(l.length<2?"0":"")+l;return`#${p}${c}${u}`},"colorShade"),Ln=i((t,e)=>{let a={[t]:e};for(let l=1;l<10;l++)l<5&&(a={...a,[t+l*100]:Ul(e,(5-l)*25)}),l===5&&(a={...a,[t+l*100]:e}),l>5&&(a={...a,[t+l*100]:Ul(e,-((l-5)*25))});return a},"generateRangeColors"),ci=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];if(a&&a!==t[s])if(n=!0,s==="background"||s==="foreground")r={...r,[s]:a};else if(s==="neutral"&&e){let l=Ln(s,a);r={...r,[`${s}100`]:l[`${s}900`],[`${s}200`]:l[`${s}800`],[`${s}300`]:l[`${s}700`],[`${s}400`]:l[`${s}600`],[`${s}500`]:l[`${s}500`],[`${s}600`]:l[`${s}400`],[`${s}700`]:l[`${s}300`],[`${s}800`]:l[`${s}200`],[`${s}900`]:l[`${s}100`]}}else r={...r,...Ln(s,a)}}return n?r:{}},"generateColors");var Ol=i(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),yf=i(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=Ol(o%52)+e;return Ol(o%52)+e},"toAlphabeticName"),Sf=i((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),ui=i(t=>yf(Sf(5381,JSON.stringify(t))>>>0),"toHash");function mi(t){let e=Cf.colors,o=ci({...e,...Tf},!0,t?.dark),n=ci(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:`${qr}-light-${ui(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${qr}-dark-${ui(p)}`,tokens:p}}return{light:a,dark:l}}i(mi,"customizedThemeTokens");function zl(t,e){if(t.length<=1)return t;let o=[];return t.forEach((n,r)=>{o.push(n),r<t.length-1&&o.push(e)}),o}i(zl,"joinList");function Mn(t){let{colors:e,fontFamily:o=Ea,borderRadius:n=Aa,secondaryBorderRadius:r=Ia,mode:s="auto"}=t,[a,l]=vf("light"),{setTheme:p,theme:c}=h(),{dark:u,light:d}=mi(e),m=di({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),g=[m.className,wf.className],T=[m.className,kf.className];if(d){let f=di(d.id,d.tokens);g.push(f.className)}if(u){let f=di(u.id,u.tokens);T.push(f.className)}return ql(()=>{let f=i(C=>{C.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",f),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",f)}},[]),ql(()=>{s!=="auto"&&p(s)},[s]),{activeTheme:i(()=>{let f=g.join(" "),C=T.join(" ");return c==="auto"?a==="dark"?C:f:c==="dark"?C:f},"getActiveTheme")}}i(Mn,"useTheme");var bt=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 Gl}from"@lingui/core";import{Alert as xf,Button as bf}from"@rango-dev/ui";import Ql from"react";function fi(t){return Ql.createElement(xf,{action:Ql.createElement(bf,{onClick:t.onActivateTab,variant:"contained",size:"xxsmall",type:"warning"},Gl.t("Activate")),type:"warning",variant:"alarm",title:Gl.t("Another tab is open and handles transactions. You can activate this tab.")})}i(fi,"ActivateTabAlert");import{i18n as gi}from"@lingui/core";import{Button as Af,Divider as If,MessageBox as Ef,Modal as Wf}from"@rango-dev/ui";import Pn from"react";function hi(t){let{open:e,onClose:o,onConfirm:n}=t;return Pn.createElement(Wf,{open:e,dismissible:!0,onClose:o,container:W()},Pn.createElement(Ef,{title:gi.t("Activate current tab"),type:"warning",description:gi.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.")},Pn.createElement(If,{size:20}),Pn.createElement(Af,{variant:"contained",size:"large",type:"primary",fullWidth:!0,onClick:n},gi.t("Confirm"))))}i(hi,"ActivateTabModal");import{ChevronLeftIcon as Lf}from"@rango-dev/ui";import Xl from"react";import{darkTheme as Nf,IconButton as Bf,styled as So}from"@rango-dev/ui";var qe=So(Bf,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),Hl=So("div",{position:"absolute",background:"$secondary500",[`.${Nf} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),Jt=So("div",{display:"flex",justifyContent:"flex-end",minWidth:"$40",button:{padding:0}}),Vl=So("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"}),jl=So("div",{padding:"$2",variants:{isRefetched:{true:{transform:"rotate(360deg)",transition:"transform 1s ease-in-out"}}}});function yi(t){return Xl.createElement(qe,{variant:"ghost",size:"small",onClick:t.onClick},Xl.createElement(Lf,{color:"black",size:16}))}i(yi,"BackButton");import{i18n as Mf}from"@lingui/core";import{Button as Pf,Typography as $f}from"@rango-dev/ui";import Si from"react";function Ci(t){return Si.createElement(Jt,null,Si.createElement(Pf,{variant:"ghost",onClick:t.onClick,size:"xsmall"},Si.createElement($f,{variant:"label",size:"medium",color:"error500"},Mf.t("Cancel"))))}i(Ci,"CancelButton");import{i18n as _f}from"@lingui/core";import{Tooltip as Df,WalletIcon as Ff}from"@rango-dev/ui";import $n from"react";function Ti(t){return $n.createElement(Df,{container:t.container,side:"top",content:_f.t("Connect Wallet")},$n.createElement(qe,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&$n.createElement(Hl,null),$n.createElement(Ff,{size:18,color:"black"})))}i(Ti,"WalletButton");import{i18n as Un}from"@lingui/core";import{NotificationsIcon as rg,Popover as ig,SettingsIcon as sg,Tooltip as On,TransactionIcon as ag}from"@rango-dev/ui";import ke from"react";import{i18n as Vf}from"@lingui/core";import{EventSeverity as jf}from"@rango-dev/queue-manager-rango-preset";import{ChainToken as ep,ChevronRightIcon as Xf,ListItemButton as Kf,Typography as Yf}from"@rango-dev/ui";import je from"react";import{useNavigate as Jf}from"react-router-dom";import{create as Uf}from"zustand";import{persist as Of,subscribeWithSelector as zf}from"zustand/middleware";var Me=Tt(Uf()(Of(zf((t,e)=>({notifications:[],setNotification:(o,n)=>{let r=n.steps[0],s=n.steps[n.steps.length-1],a={event:o,creationTime:Date.now(),read:!1,requestId:n.requestId,route:{from:{blockchain:r.fromBlockchain,tokenAddress:r.fromSymbolAddress,tokenSymbol:r.fromSymbol},to:{blockchain:s.toBlockchain,tokenSymbol:s.toSymbol,tokenAddress:s.toSymbolAddress}}},l=e().notifications.filter(p=>p.requestId!==n.requestId);t(()=>({notifications:[...l,a]}))},setAsRead:o=>{t(n=>({notifications:n.notifications.map(r=>r.requestId===o?{...r,read:!0}:r)}))},getUnreadNotifications:()=>e().notifications.filter(o=>!o.read)})),{name:"notification",skipHydration:!0})));import{styled as _n}from"@rango-dev/ui";var Kl=_n("div",{padding:"$10",width:"350px",minHeight:"150px"}),Yl=_n("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),Jl=_n("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),Zl=_n("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as qf}from"@lingui/core";import{Divider as Gf,NoNotificationIcon as Qf,Typography as Hf}from"@rango-dev/ui";import Dn from"react";function Rl(){return Dn.createElement(Zl,null,Dn.createElement(Qf,{color:"secondary",size:26}),Dn.createElement(Gf,{size:12}),Dn.createElement(Hf,{variant:"body",size:"medium",color:"neutral700"},qf.t("You have no notification")))}i(Rl,"NotificationNotFound");var Zf=4;function ki(){let t=Jf(),{getUnreadNotifications:e}=Me(),o=e(),n=h().blockchains(),r=h().tokens(),s=o.sort((l,p)=>p.creationTime-l.creationTime).slice(0,Zf),a=i(l=>{t(`${$.swaps}/${l}`)},"handleOnClick");return je.createElement(Kl,null,s.length?je.createElement(Yl,null,s.map(l=>{let p=r.find(m=>m.address===l.route.from.tokenAddress&&m.blockchain===l.route.from.blockchain&&m.symbol===l.route.from.tokenSymbol),c=n.find(m=>m.name===l.route.from.blockchain),u=r.find(m=>m.address===l.route.to.tokenAddress&&m.blockchain===l.route.to.blockchain&&m.symbol===l.route.to.tokenSymbol),d=n.find(m=>m.name===l.route.to.blockchain);return je.createElement(Kf,{key:l.requestId,onClick:()=>a(l.requestId),title:je.createElement(Yf,{variant:"body",size:"small",color:l.event.messageSeverity===jf.WARNING?"$foreground":"$neutral700"},Vf.t(l.event.message)),id:l.requestId,start:je.createElement(Jl,null,je.createElement("div",{className:"from-chain-token"},je.createElement(ep,{tokenImage:p?p.image:"",chainImage:c?c.logo:"",size:"small"})),je.createElement("div",{className:"to-chain-token"},je.createElement(ep,{tokenImage:u?u.image:"",chainImage:d?d.logo:"",size:"small"}))),end:je.createElement(Xf,{size:12,color:"gray"})})})):je.createElement(Rl,null))}i(ki,"NotificationContent");import{RefreshProgressButton as Rf}from"@rango-dev/ui";import wi,{useEffect as eg,useState as tp}from"react";var tg=1e3,op=60,og=100;function Fn({onClick:t}){let[e,o]=tp(0),[n,r]=tp(!1),s=i(p=>{document.hidden&&p&&a(p)},"handleVisibilityChange");eg(()=>{let p;return t?p=window.setInterval(()=>{o(c=>c+1),e===op&&l()},tg):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 wi.createElement(qe,{variant:"ghost",size:"small",onClick:l,disabled:!t},wi.createElement(jl,{onTransitionEnd:()=>r(!1),isRefetched:n},wi.createElement(Rf,{size:24,color:t?"black":"gray",progress:e/op*og})))}i(Fn,"RefreshButton");import{Typography as ng}from"@rango-dev/ui";import np from"react";function rp(){let{getUnreadNotifications:t}=Me(),e=t().length;return e?np.createElement(Vl,null,np.createElement(ng,{variant:"body",size:"xsmall",color:"$background"},e)):null}i(rp,"UnreadNotificationsBadge");function vi(t){let{onClickRefresh:e,onClickHistory:o,onClickSettings:n}=t,{config:{features:r}}=h(),s=Fe("notification",r);return ke.createElement(ke.Fragment,null,ke.createElement(On,{container:W(),side:"top",content:Un.t("Refresh")},ke.createElement(Fn,{onClick:e})),!s&&ke.createElement(ig,{align:"center",collisionPadding:{right:20,left:20},container:W(),content:ke.createElement(ki,null)},ke.createElement("div",null,ke.createElement(On,{container:W(),side:"top",content:Un.t("Notifications")},ke.createElement(qe,{size:"small",variant:"ghost"},ke.createElement(rg,{size:18,color:"black"}),ke.createElement(rp,null))))),ke.createElement(On,{container:W(),side:"top",content:Un.t("Settings")},ke.createElement(qe,{size:"small",variant:"ghost",onClick:n},ke.createElement(sg,{size:18,color:"black"}))),ke.createElement(On,{container:W(),side:"top",content:Un.t("Transactions History")},ke.createElement(qe,{size:"small",variant:"ghost",onClick:o},ke.createElement(ag,{size:18,color:"black"}))))}i(vi,"HomeButtons");function xi(t){let e=t.target;if(e){let o=e.scrollTop,n=W();o>1?n.classList.add("rng-scrolled"):n.classList.remove("rng-scrolled")}}i(xi,"onScrollContentAttachStatusToContainer");import{styled as bi}from"@rango-dev/ui";var ip="700px",sp=bi("div",{position:"relative",display:"flex",flexDirection:"column",borderRadius:"$primary",width:"100vh",minWidth:"300px",maxWidth:"390px",boxShadow:"15px 15px 15px 0px rgba(0, 0, 0, 0.05)",overflow:"hidden",backgroundColor:"$background",variants:{height:{auto:{height:"auto",maxHeight:ip},fixed:{height:ip}}}}),ap=bi("div",{position:"relative",overflow:"hidden",flexGrow:1,display:"flex",flexDirection:"column",padding:0,overflowY:"auto"}),lp=bi("div",{"& .footer__content":{padding:"$0 $20"},"& .footer__logo":{padding:"$0 $20 $10 $20"}});function ne(t){let{children:e,header:o,footer:n,hasLogo:r=!0,height:s="fixed"}=t,a=G.use.connectedWallets(),{config:{features:l,theme:p}}=h(),{activeTheme:c}=Mn(p||{}),u=Fe("connectWalletButton",l),{isActiveTab:d,tabManagerInitiated:m,showActivateTabModal:g,setShowActivateTabModal:T,activateCurrentTab:S}=ce(),f=xt(),{manager:C}=lg(),y=bt(C).map(({swap:b})=>b).some(b=>b.status==="running"),k=i(()=>S(cn,y),"onActivateTab"),I=i(()=>{o.onWallet?.()},"onConnectWallet"),w=typeof o.hasBackButton>"u"||o.hasBackButton,v=mg(null);return ug(()=>(v.current?.addEventListener("scroll",xi),()=>{v.current?.removeEventListener("scroll",xi)}),[]),de.createElement(sp,{height:s,id:Ae.SWAP_BOX_ID,className:c()},de.createElement(cg,{prefix:de.createElement(de.Fragment,null,w&&de.createElement(yi,{onClick:f})),title:o.title,suffix:de.createElement(de.Fragment,null,o.suffix,o.onWallet&&!u&&de.createElement(Ti,{container:W(),onClick:I,isConnected:!!a?.length}),o.onCancel&&de.createElement(Ci,{onClick:o.onCancel}))}),de.createElement(ap,{ref:v},e),de.createElement(hi,{open:g,onClose:()=>T(!1),onConfirm:k}),(r||n)&&de.createElement(lp,null,de.createElement("div",{className:"footer__content"},n,m&&!d&&de.createElement(de.Fragment,null,de.createElement(pp,{size:12}),de.createElement(fi,{onActivateTab:k}))),de.createElement(pp,{size:12}),r&&de.createElement("div",{className:"footer__logo"},de.createElement(pg,null))))}i(ne,"Layout");import{styled as dg}from"@rango-dev/ui";var cp="$20 $20 $10 $20",Co=dg("div",{padding:cp,overflowY:"auto",flexGrow:1});import{styled as fg}from"@rango-dev/ui";var ie=fg("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 Cg,Modal as Tg}from"@rango-dev/ui";import Ii from"react";import{i18n as Zt}from"@lingui/core";import{Image as yg,MessageBox as Ai,WalletState as Sg}from"@rango-dev/ui";import $t from"react";import{keyframes as gg,styled as zn}from"@rango-dev/ui";var KA=zn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),up=zn("div",{position:"relative"}),hg=gg({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),mp=zn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${hg} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),dp=zn("div",{"& img":{borderRadius:"50%"}});function fp(t){let{state:e,image:o,error:n}=t;return e===Sg.CONNECTED?$t.createElement(Ai,{type:"success",title:Zt.t("Wallet Connected"),description:Zt.t("Your wallet is connected, you can use it to swap.")}):n?$t.createElement(Ai,{type:"error",title:Zt.t("Failed to Connect"),description:n||Zt.t("Your wallet is not connected. Please try again.")}):$t.createElement(Ai,{type:"loading",title:Zt.t("Connecting to your wallet"),description:Zt.t("Click connect in your wallet popup."),icon:$t.createElement(up,null,$t.createElement(dp,null,$t.createElement(yg,{src:o,size:45})),$t.createElement(mp,null))})}i(fp,"ModalContent");function To(t){let{open:e,onClose:o,...n}=t;return Ii.createElement(Tg,{open:e,onClose:o,container:document.getElementById(Ae.SWAP_BOX_ID)||document.body},Ii.createElement(fp,{...n}),Ii.createElement(Cg,{direction:"vertical",size:32}))}i(To,"WalletModal");var xg=yp("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),bg=yp(ie,{textAlign:"center"}),qn=3e3,Ei=300;function Sp(){let{config:t,fetchStatus:e}=h(),[o,n]=hp(!1),[r,s]=hp(""),a=null,l=ce.use.isActiveTab(),{list:p,handleClick:c,error:u,disconnectConnectingWallets:d}=Bn({config:t,onBeforeConnect:f=>{a=setTimeout(()=>{n(!0),s(f)},Ei)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},qn)}}),m=i(()=>{d(),n(!1)},"handleCloseWalletModal"),g=p.find(f=>f.type===r),T=g?.image||"",S=g?.state||vg.NOT_INSTALLED;return Rt.createElement(ne,{header:{title:gp.t("Connect Wallets")}},Rt.createElement(bg,null,Rt.createElement(kg,{variant:"title",size:"xmedium",align:"center"},gp.t("Choose a wallet to connect.")),Rt.createElement(xg,null,p.map((f,C)=>{let x=`wallet-${C}-${f.type}`;return Rt.createElement(wg,{key:x,...f,container:W(),onClick:y=>{c(y)},isLoading:e==="loading",disabled:!l})}),Rt.createElement(To,{open:!!o,onClose:m,image:T,state:S,error:u}))))}i(Sp,"WalletsPage");import{keyframes as Ag,styled as Wi}from"@rango-dev/ui";var Cp=Wi("div",{position:"relative"}),Ig=Ag({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),Tp=Wi("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Ig} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),kp=Wi("div",{"& img":{borderRadius:"50%"}});function Bi(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:s}=t,{config:a}=h(),l=ce.use.isActiveTab(),p=G.use.connectedWallets(),{blockchains:c}=h(),[u,d]=ko(""),[m,g]=ko(null),[T,S]=ko(!1),[f,C]=ko(null),{suggestAndConnect:x}=Ap(),y=null,{list:k,error:I,handleClick:w,disconnectConnectingWallets:v}=Bn({config:a,chain:e,onBeforeConnect:M=>{y=setTimeout(()=>{d(M)},Ei)},onConnect:()=>{y&&clearTimeout(y),setTimeout(()=>{d("")},qn)}}),[b,A]=ko(k),N=k.length,Y=r&&N-r>0,Q=i(async M=>{S(!1),C("in-progress");try{await x(M.walletType,M.chain),C("completed")}catch{C("rejected")}},"addExperimentalChain");bp(()=>{A(M=>{let z=k.findIndex(ee=>o(ee.type,e));return Y&&z>1?[k[z]].concat(k.filter((ee,F)=>F!==z)):M.map(ee=>k.find(F=>F.type===ee.type)??ee)})},[JSON.stringify(k)]);let H=document.getElementById(Ae.SWAP_BOX_ID);bp(()=>{let M=null;return(f==="completed"||f==="rejected")&&(M=setTimeout(()=>C(null),qn)),()=>{M&&clearTimeout(M)}},[f]);let me=i(()=>{v(),d("")},"handleCloseWalletModal");return se.createElement(se.Fragment,null,b.slice(0,r).map(M=>{let z=wa({connectedWallets:p,walletType:M.type,chain:e}),ee=z?nn(z):"",F=tn(c(),e),_e=!p.find(Te=>Te.walletType===M.type&&Te.chain===e),V=F&&_e&&M.state===xp.CONNECTED,J=V?Xe.t({id:"Add {chain} chain",values:{chain:e}}):ee,be=i(()=>{M.state===xp.DISCONNECTED?w(M.type):V?(g({walletType:M.type,chain:e,address:z??""}),S(!0)):n({walletType:M.type,chain:e,address:z??""})},"onClick"),Ce=m?.chain?Ja(m.chain,c()):void 0;return se.createElement(se.Fragment,null,se.createElement(To,{open:u===M.type,onClose:me,image:M.image,state:M.state,error:I}),!!m&&se.createElement(wp,{open:!!m&&T,container:H,onClose:()=>{g(null)}},se.createElement(Gn,{title:Xe.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:Ce}}),type:"warning",description:Xe.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:Ce}})},se.createElement(Ni,{size:18}),se.createElement(Ni,{size:32}),se.createElement(Eg,{onClick:Q.bind(null,m),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},Xe.t("Confirm")))),f&&se.createElement(wp,{open:!!f,onClose:C.bind(null,null),container:H},f==="in-progress"&&se.createElement(Gn,{type:"loading",title:Xe.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:Ce}}),description:Xe.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:Ce}}),icon:se.createElement(Cp,null,se.createElement(kp,null,se.createElement(Wg,{src:M.image,size:45})),se.createElement(Tp,null))}),f==="completed"&&se.createElement(Gn,{type:"success",title:Xe.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:Ce}}),description:Xe.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:Ce}})}),f==="rejected"&&se.createElement(Gn,{type:"error",title:Xe.t("Request Rejected"),description:Xe.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:Ce}})}),se.createElement(Ni,{direction:"vertical",size:32})),se.createElement(Ng,{key:M.type,description:J,onClick:be,selected:o(M.type,e),disabled:!l,...M}))}),Y&&se.createElement(Il,{selected:!1,onClick:s},se.createElement(vp,{variant:"label",size:"medium"},Xe.t("Show more wallets"),se.createElement(vp,{variant:"label",size:"medium",color:"$primary"},"\xA0+",N-(r??0)))))}i(Bi,"WalletList");var Fg=2;function Wp(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,loading:s}=t,a=h().config,l=h().blockchains(),{quote:p,setSelectedWallets:c,quoteWalletsConfirmed:u,setQuoteWalletConfirmed:d,customDestination:m,setCustomDestination:g}=K(),{connectedWallets:T,selectWallets:S}=G(),[f,C]=_t(""),[x,y]=_t([]),[k,I]=_t(""),[w,v]=_t(null),[b,A]=_t(m),[N,Y]=_t(!!m),Q=fn(p),H=l.find(_=>_.name===p?.result?.swaps[p?.result?.swaps.length-1].to.blockchain),me=i(_=>!!p?.result?.swaps.find(j=>j.from.blockchain===_),"isWalletRequiredFor"),[M,z]=_t(T.filter(_=>_.selected&&Q.includes(_.chain))),ee=l.find(_=>_.name===H?.name),F=i((_,j)=>!!M.find(q=>q.walletType===_&&q.chain===j&&q.selected&&(me(j)||!me(j)&&!b)),"isSelected"),_e=!!b&&N&&ee&&!gn(ee,b),V=i(()=>{Y(!1),A(""),z(_=>{let j=!1;return _.map(q=>!j&&q.chain===H?.name?(j=!0,{...q,selected:!0}):q)})},"resetCustomDestination"),J=i(_=>{if(f&&C(""),F(_.walletType,_.chain))return;let q=T.find(pe=>pe.walletType===_.walletType&&pe.chain===_.chain);q&&(n(),_.chain===H?.name&&N&&(Y(!1),A("")),z(pe=>pe.filter(ut=>ut.chain!==_.chain).concat({...q,selected:!0})))},"onChange"),be=i(()=>{let _=M.filter(j=>j.selected);S(_),c(_),g(b),d(!0),o()},"onConfirmBalance"),Ce=i(async()=>{y([]),I(""),v(null);let _=T.filter(pe=>M.find(ut=>ut.chain===pe.chain&&ut.walletType===pe.walletType)),j=await r?.({selectedWallets:_,customDestination:b}),q=j.warnings;q?.balance?.messages&&y(q.balance.messages),q?.quoteUpdate&&v(q.quoteUpdate),j.error&&I(Za(j.error)),!j.error&&(!q?.balance?.messages.length||0>0)?be():y(q?.balance?.messages??[])},"onConfirmWallets");_g(()=>{z(_=>_.concat(T.filter(j=>!!!_.find(pe=>pe.chain===j.chain)&&j.selected&&Q.includes(j.chain))))},[T.length]);let Te=document.getElementById(Ae.SWAP_BOX_ID),ct=Dg();return B.createElement(Ep,{open:e,onClose:()=>{u||ct("../",{replace:!0}),o()},dismissible:!f,container:Te,...!f&&{footer:B.createElement(Pl,null,B.createElement(Ip,{loading:s,disabled:dl(s,N,b,p,M,H),onClick:Ce,variant:"contained",type:"primary",fullWidth:!0,size:"large"},ot.t("Confirm")))},...f&&{containerStyle:{padding:"$0"},header:B.createElement(El,null,B.createElement(Wl,{variant:"ghost",onClick:C.bind(null,"")},B.createElement(Mg,{size:16})),B.createElement(Qn,{variant:"headline",size:"small"},ot.t({id:"Your {blockchainName} wallets",values:{blockchainName:Ue(f,l)}})))},anchor:"center"},B.createElement(Ep,{open:x.length>0,onClose:y.bind(null,[]),container:Te},B.createElement(Pg,{title:ot.t("Insufficient account balance"),type:"error",description:B.createElement(Bg,{messages:x??[]})},B.createElement(Ip,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:be},ot.t("Proceed anyway")))),f&&B.createElement(Nl,null,B.createElement("div",{className:Bl()},B.createElement(Bi,{chain:f,isSelected:F,selectWallet:J,onShowMore:C.bind(null,f)}))),!f&&B.createElement(B.Fragment,null,k&&B.createElement(B.Fragment,null,B.createElement(Li,{variant:"alarm",type:"error",title:ot.t(k)}),B.createElement(eo,{size:12})),w&&B.createElement(B.Fragment,null,B.createElement(Li,{variant:"alarm",type:"warning",title:xn(w)}),B.createElement(eo,{size:12})),B.createElement(_l,null,Q.map((_,j)=>{let q=l.find(He=>He.name===_),pe=`wallet-${j}`,ut=j===Q.length-1;return B.createElement("div",{key:pe},B.createElement(bl,null,B.createElement(Qn,{variant:"title",size:"xmedium"},ot.t({id:"Your {blockchainName} wallets",values:{blockchainName:q?.shortName}})),B.createElement(Qn,{variant:"label",color:"$neutral700",size:"medium"},ot.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:q?.shortName}}))),B.createElement(eo,{size:24}),B.createElement(Al,null,B.createElement(Bi,{chain:_,isSelected:F,selectWallet:J,limit:Fg,onShowMore:()=>C(q?.name??"")})),!ut&&B.createElement(eo,{size:32}),ut&&a?.customDestination&&B.createElement(Ll,null,B.createElement(Wn,{onOpenChange:He=>{He?me(H?.name??"")||z(Dr=>Dr.map(Le=>Le.chain===H?.name?{...Le,selected:!1}:Le)):V()},hasSelected:!0,open:N,triggerAnchor:"top",trigger:B.createElement(Dl,{fullWidth:!0,variant:"default",suffix:B.createElement(In,{orientation:N?"up":"down"},B.createElement(Lg,{size:10,color:"gray"}))},B.createElement("div",{className:"button__content"},B.createElement($g,{size:18,color:"info"}),B.createElement(eo,{size:4,direction:"horizontal"}),B.createElement(Qn,{variant:"label",size:"medium"},ot.t("Send to a different address")))),onClickTrigger:()=>Y(He=>!He)},B.createElement(eo,{size:4}),B.createElement($l,{autoFocus:!0,placeholder:ot.t("Your destination address"),value:b,onChange:He=>{A(He.target.value)}})),_e&&B.createElement("div",{className:Ml()},B.createElement(Li,{variant:"alarm",type:"error",title:ot.t({values:{destination:b},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(Wp,"ConfirmWalletsModal");import{i18n as rh}from"@lingui/core";import{Alert as ih,Button as sh,InfoIcon as ah}from"@rango-dev/ui";import Pe from"react";import{Alert as Ug,Button as Og,Divider as $p,NoRouteIcon as zg,RefreshIcon as qg,Typography as _p}from"@rango-dev/ui";import Ke from"react";import{i18n as Np}from"@lingui/core";function Bp(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:X().genericServerError,action:{onClick:n,title:Np.t("Retry")}},description:""}:e.length?{alert:{type:"warning",text:X().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:Np.t("Reset")}},description:X().liquiditySourcesError.description}:t?.type===0&&t.diagnosisMessage?{alert:{type:"error",text:t.diagnosisMessage,action:null},description:""}:{alert:null,description:X().noResultError.description}}i(Bp,"makeInfo");import{styled as Mi}from"@rango-dev/ui";var Lp=Mi("div",{minHeight:"162px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}),Mp=Mi("div",{width:"100%"}),Pp=Mi("div",{padding:"$6 $0"});function Pi(t){let{fetch:e,error:o}=t,n=h().disabledLiquiditySources,r=h().toggleAllLiquiditySources,s=h().swappers(),a=Bp(o,n,()=>r(s,!0),e);return Ke.createElement(Lp,null,Ke.createElement(zg,{size:24,color:"gray"}),Ke.createElement($p,{size:4}),Ke.createElement(_p,{variant:"title",size:"small"},X().noResultError.title),!!a.description&&Ke.createElement(_p,{variant:"body",size:"small",align:"center",color:"neutral700"},a.description),Ke.createElement($p,{size:4}),!!a.alert&&Ke.createElement(Mp,null,Ke.createElement(Ug,{type:a.alert.type,title:a.alert.text,action:a.alert.action&&Ke.createElement(Og,{size:"xsmall",type:a.alert.type,prefix:Ke.createElement(Pp,null,Ke.createElement(qg,{size:8})),onClick:a.alert.action.onClick},a.alert.action.title),variant:"alarm"})))}i(Pi,"NoResult");import{i18n as wo}from"@lingui/core";import{Button as Qg,Divider as qp,MessageBox as Hg,Modal as Vg,Typography as jg,WarningIcon as Xg}from"@rango-dev/ui";import nt from"react";import{Typography as Op}from"@rango-dev/ui";import _i from"react";import{darkTheme as Gg,styled as Hn}from"@rango-dev/ui";var Dp=Hn("div",{width:"100%"}),$i=Hn("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),Fp=Hn("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${Gg} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Up=Hn("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function zp(t){let{title:e,value:o,valueColor:n}=t;return _i.createElement(Fp,null,_i.createElement(Op,{size:"medium",variant:"label",className:"_title"},e),_i.createElement(Op,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(zp,"QuoteErrorsModalItem");function Gp(t){let{open:e,onClose:o,onConfirm:n,warning:r,confirmationDisabled:s}=t,a=r.warningLevel==="high"?"error":"warning",l=[{title:wo.t("Swapping"),value:E(r.inputUsdValue,4,4)},{title:wo.t("Gas cost"),value:E(r.totalFee,2,2)},{title:wo.t("Receiving"),value:E(r.outputUsdValue,4,4)},{title:wo.t("Price impact"),value:E(r.priceImpact,2,2),valueColor:`${a}500`}];return nt.createElement(Vg,{open:e,onClose:o,container:W()},nt.createElement(Hg,{type:a,title:X().highValueLossError.impactTitle,description:X().highValueLossError.description}),nt.createElement($i,null,nt.createElement(qp,{size:20}),nt.createElement(jg,{size:"small",variant:"title"},wo.t("Details")),nt.createElement($i,null,l.map((p,c)=>nt.createElement(zp,{key:c,...p})))),nt.createElement(qp,{size:32}),nt.createElement(Qg,{type:"primary",size:"large",prefix:nt.createElement(Xg,null),fullWidth:!0,disabled:s,onClick:n},X().highValueLossError.confirmMessage))}i(Gp,"HighValueLossWarningModal");import{i18n as Di}from"@lingui/core";function Qp(t,e){let o={alertType:"warning",title:"",action:"show-info"};return t?(t.type===0&&(mt(t.priceImpact)==="high"&&(o.alertType="error"),o.action=null,o.title=X().highValueLossError.title),t.type===1&&(o.title=X().unknownPriceError.title),t.type===2&&(o.title=Di.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=Di.t("Caution, your slippage is high.")),o):e?(o.alertType="error",e.type===3&&(o.title=e.recommendation,o.action="show-info"),e.type===4&&(o.title=Di.t({id:"You need to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:e.minRequiredSlippage}}),o.action="change-settings"),o):null}i(Qp,"makeAlerts");import{i18n as no}from"@lingui/core";import{Button as Hp,Divider as Vp,MessageBox as Kg,Modal as Yg,Typography as Jg}from"@rango-dev/ui";import Dt from"react";import{useNavigate as Zg}from"react-router-dom";function jp(t){let{customSlippage:e,slippage:o}=h(),{open:n,onClose:r,onConfirm:s,warning:a,confirmationDisabled:l}=t,p=Zg(),c=e??o;return Dt.createElement(Yg,{anchor:"bottom",open:n,prefix:Dt.createElement(Hp,{size:"small",variant:"ghost",onClick:()=>p("../"+$.settings)},Dt.createElement(Jg,{variant:"label",size:"medium",color:"$neutral900"},no.t("Change settings"))),container:W(),onClose:r},Dt.createElement(Kg,{type:"warning",title:a.type===3?no.t("High slippage"):no.t("Low slippage"),description:a.type===3?no.t({id:" Caution, your slippage is high (={userSlippage}). Your trade may be front run.",values:{userSlippage:c}}):no.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:a.minRequiredSlippage}})},Dt.createElement(Vp,{size:18}),Dt.createElement(Vp,{size:32}),Dt.createElement(Hp,{size:"large",type:"primary",variant:"contained",fullWidth:!0,disabled:l,onClick:s},no.t("Confirm anyway"))))}i(jp,"SlippageWarningModal");import{Button as Rg,Divider as eh,MessageBox as th,Modal as oh,WarningIcon as nh}from"@rango-dev/ui";import vo from"react";function Xp(t){let{open:e,onClose:o,onConfirm:n,confirmationDisabled:r}=t;return vo.createElement(oh,{open:e,onClose:o,container:W()},vo.createElement(th,{type:"warning",title:X().unknownPriceError.impactTitle,description:X().unknownPriceError.description}),vo.createElement(eh,{size:32}),vo.createElement(Rg,{type:"primary",size:"large",prefix:vo.createElement(nh,null),fullWidth:!0,disabled:r,onClick:n},X().unknownPriceError.confirmMessage))}i(Xp,"UnknownPriceWarningModal");function xo(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=Qp(e,o?.type===3||o?.type===4?o:null);return Pe.createElement(Pe.Fragment,null,d&&Pe.createElement(Pi,{error:o,fetch:s}),!!m&&Pe.createElement(Dp,null,Pe.createElement(ih,{title:m.title,type:m.alertType,variant:"alarm",...m.action==="show-info"&&{action:Pe.createElement(Up,{onClick:a},Pe.createElement(ah,{size:12,color:"gray"}))},...m.action==="change-settings"&&{action:Pe.createElement(sh,{size:"xxsmall",type:m.alertType,onClick:c},rh.t("Change"))}})),e&&Pe.createElement(Pe.Fragment,null,e.type===0&&Pe.createElement(Gp,{...u,warning:e}),(e.type===3||e.type===2)&&Pe.createElement(jp,{...u,warning:e}),e.type===1&&Pe.createElement(Xp,{...u,warning:e})))}i(xo,"QuoteWarningsAndErrors");import nr from"react";import{i18n as Xi}from"@lingui/core";import{Alert as Ih,Divider as Ki,InfoIcon as Eh,StepDetails as Wh,TokenAmount as Nh,Tooltip as Tc,Typography as Eo}from"@rango-dev/ui";import kc from"bignumber.js";import D,{useLayoutEffect as Bh,useRef as wc,useState as Lh}from"react";import{styled as Fi}from"@rango-dev/ui";var Ui=Fi("div",{width:"100%","& .position-top__skeleton":{paddingTop:"$10"}}),Kp=Fi("div",{paddingBottom:"$15"}),Yp=Fi("div",{width:"100%",display:"flex"});import*as Vn from"@radix-ui/react-collapsible";import{css as jn,darkTheme as rt,Image as Jp,styled as Ge,Typography as lh}from"@rango-dev/ui";var Oi=300,Zp=Ge(Vn.Root,{display:"flex",flexDirection:"column",alignItems:"start",overflowX:"auto",overflowY:"hidden",width:"100%",borderRadius:"$xm",cursor:"default",variants:{recommended:{true:{$$color:"$colors$info300",[`.${rt} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${rt} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}}}),Rp=jn({padding:"$10 $15"}),ec=Ge("div",{borderRadius:"$xm",display:"flex",flexDirection:"column",alignItems:"start",justifyContent:"space-between",color:"$foreground",cursor:"pointer",boxSizing:"border-box",position:"relative",variants:{recommended:{true:{$$color:"$colors$info100",[`.${rt} &`]:{$$color:"$colors$secondary600"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}},false:{$$color:"$colors$neutral200",[`.${rt} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}}},basic:{true:{borderTopRightRadius:"0",borderTopLeftRadius:"0"}},listItem:{true:{},false:{}}},compoundVariants:[{listItem:!0,recommended:!0,css:{"&:hover":{$$color:"$colors$secondary200",[`.${rt} &`]:{$$color:"$colors$secondary700"},backgroundColor:"$$color"}}},{listItem:!0,recommended:!1,css:{"&:hover":{$$color:"$colors$neutral300",[`.${rt} &`]:{$$color:"$colors$neutral400"},backgroundColor:"$$color"}}}]}),tc=jn({width:"100%",padding:"$15 $15 $10 $15",cursor:"default"}),ro=jn({display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",".blockchainImage":{marginLeft:"-$8"}}),oc=jn({paddingTop:"$10",display:"flex",alignItems:"center",".usd-value":{$$color:"$colors$neutral600",[`.${rt} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),nc=Ge(Vn.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:{[`& ${Jp}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${Jp}`]:{border:"1px transparent solid",borderRadius:"100%"}}},recommended:{true:{$$color:"$colors$info300",[`.${rt} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${rt} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}},".blockchains_section":{display:"none"},"@xs":{".blockchains_section":{display:"block"}}}),rc=Ge("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"}}}}),ic=Ge(An,{width:"100%",background:"inherit"}),zi=Ge("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${Oi}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),I0=Ge("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),sc=Ge("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${rt} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),ac=Ge("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"}),qi=Ge(lh,{overflow:"hidden",textOverflow:"ellipsis",letterSpacing:.4}),lc=Ge("div",{display:"flex",flexWrap:"wrap"}),Gi=Ge("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"}}}});import{i18n as Et}from"@lingui/core";import{ChevronDownIcon as ch,CloseIcon as uh,Divider as Yn,IconButton as mh,Modal as dh,QuoteCost as fh,Tooltip as gh,Typography as Ye}from"@rango-dev/ui";import hh from"bignumber.js";import U,{useState as mc}from"react";import{i18n as bo}from"@lingui/core";var Qi={"Network Fee":bo.t("Network Fee"),"Swapper Fee":bo.t("Protocol Fee"),"Affiliate Fee":bo.t("Affiliate Fee"),"Outbound network fee":bo.t("Outbound Fee"),"Rango Fee":bo.t("Rango Fee")};import{css as ph,styled as Xn}from"@rango-dev/ui";var Kn=Xn("div",{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"$5 0","&.total_payable_fee":{padding:"$12 0"}}),Hi=Xn("div",{width:"100%",borderTop:"1px solid $neutral300",margin:"$10 0"}),pc=Xn("div",{padding:"$20 0",display:"flex",flexDirection:"column","& .collapsible_trigger":{display:"flex",alignItems:"center"}}),cc=Xn("div",{padding:"$20 $20 $10",textAlign:"center",position:"relative","._icon-button":{position:"absolute",zIndex:10,top:"$16",right:"$16"}}),uc=ph({display:"flex",flexDirection:"row",alignItems:"center",padding:"$5","&:hover":{"& ._typography, & svg":{color:"$secondary"}}});var yh=30,Sh=i(t=>t.fee.isZero()?null:U.createElement(Kn,null,U.createElement(Ye,{variant:"label",size:"medium",color:"neutral600"},t.label),U.createElement(Ye,{variant:"label",size:"medium"},"$",E(t.fee,4,4))),"NonPayableFee");function dc(t){let[e,o]=mc(!1),[n,r]=mc(!1),{steps:s,quote:a}=t,l=h().tokens(),p=Ko(Yo(a.result?.swaps)),c=a.result?.swaps??[],u=W(),d=Sn(c,l),m=ol(c);return U.createElement(U.Fragment,null,U.createElement(fh,{onClickFee:()=>o(!e),fee:E(d,2,2),feeWarning:d.gte(new hh(yh)),time:p,steps:s,tooltipGas:Et.t("View more info"),tooltipContainer:u}),U.createElement(dh,{container:u,open:e,header:U.createElement(cc,null,U.createElement(Ye,{variant:"title",size:"medium"},Et.t("Gas & Fee Explanation")),U.createElement(mh,{onClick:()=>o(!1),variant:"ghost"},U.createElement(uh,{color:"gray",size:14}))),onClose:()=>o(!1)},U.createElement(pc,null,U.createElement(Ye,{variant:"title",size:"small"},Et.t("Details")),U.createElement(Yn,{size:10}),Object.entries(m.payable).flatMap(([g,T])=>T.map((S,f)=>{let C=`payable-fee-${f}`,x=ei(S);return U.createElement(Kn,{key:C},U.createElement(Ye,{variant:"label",size:"medium",color:"neutral600"},Qi[g]),U.createElement(gh,{content:ae(S.amount),container:u},U.createElement(Ye,{variant:"label",size:"medium"},E(S.amount,2,2)," ",S.asset.symbol," ($",E(x,4,4),")")))})),U.createElement(Kn,{className:"total_payable_fee"},U.createElement(Ye,{variant:"label",size:"medium"},Et.t("Total Payable Fee")),U.createElement(Ye,{variant:"label",size:"medium"},"$",E(d,4,4))),U.createElement(Hi,null),Object.keys(m.nonePayable).length&&U.createElement(Wn,{triggerAnchor:"bottom",onClickTrigger:()=>r(g=>!g),trigger:U.createElement("div",{className:uc()},U.createElement(Ye,{size:"small",variant:"body",color:"neutral700"},n?Et.t("Hide non-payable fees"):Et.t("Show non-payable fees")),U.createElement(Yn,{size:4,direction:"horizontal"}),U.createElement(In,{orientation:n?"up":"down"},U.createElement(ch,{size:12,color:"gray"}))),open:n},U.createElement(Ye,{size:"small",variant:"title"},Et.t("Description")),U.createElement(Yn,{size:4}),U.createElement(Ye,{size:"small",variant:"body",color:"neutral700"},Et.t(`The following fees are considered in the transaction output and
-                you won\u2019t need to pay extra gas for them.`)),U.createElement(Yn,{size:10}),Object.entries(m.nonePayable).map(([g,T],S)=>{let f=tl(T),C=Qi[g],x=`non-payable-fee-${S}`;return U.createElement(Sh,{key:x,fee:f,label:C})}),U.createElement(Hi,null)))))}i(dc,"QuoteCostDetails");import{i18n as hc}from"@lingui/core";import{TokenAmount as yc}from"@rango-dev/ui";import Jn from"react";import{css as Ch,styled as Th}from"@rango-dev/ui";var fc=Th("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%"}),gc=Ch({height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"});function Ao(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return Jn.createElement(fc,null,Jn.createElement(yc,{direction:"horizontal",label:hc.t("Swap input"),type:"input",tooltipContainer:W(),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}}),Jn.createElement("div",{className:gc()}),Jn.createElement(yc,{direction:"horizontal",tooltipContainer:W(),label:hc.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(Ao,"QuoteSummary");import{i18n as Sc}from"@lingui/core";import{ChevronDownIcon as kh,ChevronRightIcon as wh,Divider as Vi,Image as vh,Tooltip as ji,Typography as Zn}from"@rango-dev/ui";import L,{useEffect as xh,useState as bh}from"react";var Rn=4,er=6,Ah=375,Io=i(t=>{let e=W(),{content:o,src:n,className:r,open:s,state:a}=t;return L.createElement(ji,{container:e,side:"bottom",sideOffset:4,open:s,content:o},L.createElement(rc,{className:r,state:a},L.createElement(vh,{src:n,size:16})))},"ImageComponent");function Cc(t){let{quoteRef:e,recommended:o,setExpanded:n,steps:r,expanded:s}=t,a=W(),l=r.length,p=Cl(r),[c,u]=bh(!1),d=i(()=>{window.innerWidth<Ah?u(!0):u(!1)},"handleResize");return xh(()=>{window.addEventListener("resize",d)}),L.createElement(nc,{ref:m=>e.current=m,recommended:o,onClick:()=>n(m=>!m)},L.createElement("div",{className:ro()},L.createElement(Zn,{variant:"body",size:"xsmall"},Sc.t("Via:")),L.createElement(Vi,{direction:"horizontal",size:4}),r.map((m,g)=>{let T=`item-${g}`,S=L.createElement(zi,null,L.createElement(wh,{size:12,color:"black"}));return c?L.createElement(L.Fragment,null,L.createElement(Io,{content:m.swapper.displayName,src:m.swapper.image,state:m.state}),g!==l-1&&L.createElement(L.Fragment,null,S)):L.createElement(L.Fragment,{key:T},l<=Rn||l>Rn&&g<Rn-1?L.createElement(L.Fragment,null,L.createElement(Io,{content:m.swapper.displayName,src:m.swapper.image,state:m.state}),g!==l-1&&L.createElement(L.Fragment,null,S)):g===Rn-1&&L.createElement(ji,{container:a,side:"bottom",align:"right",sideOffset:4,content:L.createElement("div",{className:ro()},S,r.map((f,C)=>{let x=`image-${C}`;return C>=g&&L.createElement(L.Fragment,{key:x},L.createElement(Io,{content:f.swapper.displayName,src:f.swapper.image,state:f.state,open:!1}),C!==l-1&&L.createElement(L.Fragment,null,S))}))},L.createElement(Gi,{state:r.find((f,C)=>C>=g&&(f.state==="error"||f.state==="warning"))?.state},L.createElement(Zn,{size:"xsmall",variant:"body"},"+",l-g))))})),L.createElement("div",{className:ro()},L.createElement("div",{className:"blockchains_section"},L.createElement("div",{className:ro()},L.createElement(Zn,{variant:"body",size:"xsmall"},Sc.t("Chains:")),L.createElement(Vi,{direction:"horizontal",size:4}),p.map((m,g)=>L.createElement(L.Fragment,null,p.length<=er||p.length>er&&g<er-1?L.createElement(Io,{key:m.displayName,content:"",src:m.image,open:!1,className:g!==0?"blockchainImage":""}):g===er-1&&L.createElement(ji,{container:a,side:"bottom",align:"right",sideOffset:4,content:L.createElement("div",{className:ro()},p.map((T,S)=>S>=g&&L.createElement(Io,{key:T.displayName,content:"",src:T.image,open:!1,className:S>g?"blockchainImage":""})))},L.createElement(Gi,{className:"blockchainImage"},L.createElement(Zn,{size:"xsmall",variant:"body"},"+",p.length-g))))),L.createElement(Vi,{direction:"horizontal",size:32}))),L.createElement(zi,{orientation:s?"up":"down"},L.createElement(kh,{size:12,color:"black"}))))}i(Cc,"QuoteTrigger");function Yi(t){let{quote:e,input:o,output:n,error:r,warning:s,type:a,recommended:l=!0}=t,p=h().blockchains(),c=h().swappers(),[u,d]=Lh(t.expanded),m=wc(null),g=wc(u),T=E(o.value,6,6),S=E(n.value,6,6),f=n.usdValue?E(n.usdValue,4,4):"",C=Oe(o.usdValue,n.usdValue??null),x=E(C,2,2),y=mt(C??0),I=i(b=>b.map((A,N)=>{let Y,Q=r?.type===3&&r.swap.swapperId===A.swapperId||r?.type===4&&r.recommendedSlippages?.has(N),H=s?.type===2&&s.recommendedSlippages?.has(N);return Q?Y="error":H&&(Y="warning"),{swapper:{displayName:go(A.swapperId,c),image:A.swapperLogo},from:{token:{displayName:A.from.symbol,image:A.from.logo},chain:{displayName:Ue(A.from.blockchain,p),image:A.from.blockchainLogo},price:{value:N===0?E(o.value,6,6):E(A.fromAmount,6,6),usdValue:E((A.from.usdPrice??0)*parseFloat(A.fromAmount),4,4),realValue:ae(N===0?o.value:A.fromAmount),realUsdValue:ae(new kc(A.from.usdPrice??0).multipliedBy(A.fromAmount))}},to:{token:{displayName:A.to.symbol,image:A.to.logo},chain:{displayName:Ue(A.to.blockchain,p),image:A.to.blockchainLogo},price:{value:E(A.toAmount,6,6),usdValue:E((A.to.usdPrice??0)*parseFloat(A.toAmount),4,4),realValue:ae(A.toAmount),realUsdValue:ae(new kc(A.to.usdPrice??0).multipliedBy(A.toAmount))}},state:Y,alerts:Q||H?D.createElement(Kp,null,D.createElement(Ih,{type:Q?"error":"warning",title:r?.type===3?r?.recommendation:Xi.t("Slippage Error:"),footer:D.createElement(Yp,null,r?.type===3&&D.createElement(D.Fragment,null,D.createElement(Eo,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),D.createElement(Ki,{direction:"horizontal",size:8}),D.createElement(Eo,{size:"xsmall",variant:"body",color:"neutral900"},"|"),D.createElement(Ki,{direction:"horizontal",size:8}),D.createElement(Eo,{size:"xsmall",variant:"body",color:"neutral900"},Xi.t({id:"Yours: {amount} {symbol}",values:{amount:E(A.fromAmount,6,6),symbol:A?.from.symbol}}))),(r?.type===4||s?.type===2)&&D.createElement(Eo,{size:"xsmall",variant:"body",color:"neutral900"},Xi.t({id:"Minimum required slippage is {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get(N)},...s?.type===2&&{minRequiredSlippage:s.recommendedSlippages?.get(N)}}})))})):void 0}}),"getQuoteSteps")(e.result?.swaps??[]),w=I.length,v=W();return Bh(()=>{u&&!g.current&&m.current&&setTimeout(()=>{m?.current?.scrollIntoView({behavior:"smooth"})},Oi),g.current=u},[u,g]),D.createElement(D.Fragment,null,D.createElement(ec,{recommended:l,listItem:a==="list-item",basic:a==="basic"},D.createElement("div",{className:tc()},D.createElement(dc,{steps:w,quote:e}),a==="basic"&&D.createElement("div",{className:oc()},D.createElement(ac,null,D.createElement(Eh,{size:12,color:"gray"})),D.createElement(lc,null,D.createElement(qi,{size:"small",variant:"body"},`${T} ${I[0].from.token.displayName} = `),D.createElement(Tc,{content:ae(n.value),container:v,open:n.value?void 0:!1},D.createElement(qi,{size:"small",variant:"body"},"\xA0",`${S} ${I[I.length-1].to.token.displayName}`))),D.createElement(Tc,{content:ae(n.usdValue),container:v,style:{display:"flex"}},D.createElement(Eo,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${f})`))),a==="list-item"&&D.createElement(Nh,{type:"output",direction:"vertical",tooltipContainer:v,price:{value:S,usdValue:f,realValue:ae(n.value),realUsdValue:ae(n.usdValue)},token:{displayName:I[w-1].to.token.displayName,image:I[w-1].to.token.image},chain:{image:I[w-1].to.chain.image},percentageChange:x,warningLevel:y}),a==="swap-preview"&&D.createElement(D.Fragment,null,D.createElement(Ao,{from:I[0].from,to:I[w-1].to,percentageChange:x,warningLevel:y}),D.createElement(Ki,{size:4}))),D.createElement(Zp,{recommended:l,open:u,onOpenChange:d},D.createElement(Cc,{quoteRef:m,recommended:l,setExpanded:d,expanded:u,steps:I}),D.createElement(ic,{open:u},D.createElement(sc,null),D.createElement("div",{className:Rp()},I.map((b,A)=>{let N=`item-${A}`;return D.createElement(Wh,{type:"quote-details",key:N,step:b,hasSeparator:A!==I.length-1,state:b.state,tooltipContainer:v})}))))))}i(Yi,"Quote");import{Divider as $h,Skeleton as _h}from"@rango-dev/ui";import dt from"react";import{darkTheme as Mh,styled as tr}from"@rango-dev/ui";var vc=tr("div",{$$color:"$colors$neutral100",[`.${Mh} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15 ",variants:{rounded:{true:{borderRadius:"$xm"}}}}),xc=tr("div",{paddingTop:"$2"}),bc=tr("div",{paddingLeft:"$8"}),Ac=tr("div",{borderLeft:"1px dashed black",minHeight:" 0",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});import{ChainToken as Dc,Divider as Ft,Skeleton as st}from"@rango-dev/ui";import O from"react";import{styled as it}from"@rango-dev/ui";var Ic=it("div",{display:"flex",justifyContent:"space-between",alignItems:"center",height:"22px"}),Ec=it("div",{display:"flex"}),Wc=it("div",{padding:"$15 $0 14px $0"}),Nc=it("div",{padding:"$6 $0 $15 $0",display:"flex",flexDirection:"column"}),Bc=it("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$5"}),Lc=it("div",{display:"flex",justifyContent:"space-between",alignItems:"end"}),Mc=it("div",{height:"$28",marginLeft:"13px",borderLeft:"1px solid $neutral700"}),Pc=it("div",{width:"65%",display:"flex",justifyContent:"start"}),$c=it("div",{display:"flex",flexDirection:"column",alignItems:"start",flexGrow:1,maxWidth:"148px"}),_c=it("div",{padding:"$15 $0 $15 $0"});function Wo(t){let{type:e,tag:o=!1}=t,n=O.createElement(Lc,null,O.createElement(Pc,null,O.createElement(Dc,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),O.createElement(Ft,{size:8,direction:"horizontal"}),O.createElement($c,null,O.createElement(st,{height:10,width:60,variant:"rounded"}),O.createElement(Ft,{size:4}),O.createElement(st,{height:15,variant:"rounded"}))),O.createElement(st,{height:12,width:64,variant:"rounded"}));return O.createElement("div",null,O.createElement(Ic,null,O.createElement(Ec,null,O.createElement(st,{width:60,height:10,variant:"rounded"}),O.createElement(Ft,{size:4,direction:"horizontal"}),O.createElement(st,{width:60,height:10,variant:"rounded"}),O.createElement(Ft,{size:4,direction:"horizontal"}),O.createElement(st,{width:60,height:10,variant:"rounded"})),o&&O.createElement(st,{height:22,width:100,variant:"rounded"})),e==="basic"&&O.createElement(Wc,null,O.createElement(st,{height:15,width:148,variant:"rounded"})),e==="list-item"&&O.createElement(Nc,null,O.createElement(Bc,null,O.createElement(Dc,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),O.createElement(Ft,{direction:"horizontal",size:4}),O.createElement(st,{height:15,width:150,variant:"rounded"})),O.createElement(Ft,{size:4}),O.createElement(st,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&O.createElement(O.Fragment,null,O.createElement(Ft,{size:4}),O.createElement(_c,null,n,O.createElement(Mc,null),n)))}i(Wo,"QuoteSummarySkeleton");import{ChainToken as qc,Divider as Zi,NextIcon as Ph,Skeleton as or}from"@rango-dev/ui";import ge from"react";import{styled as No}from"@rango-dev/ui";var Fc=No("div",{display:"flex",alignItems:"start"}),Uc=No("div",{flexGrow:1,paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center"}),Ji=No("div",{display:"flex",alignItems:"center",flexGrow:1}),Oc=No("div",{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}),zc=No("div",{display:"flex",alignItems:"center"});function at(t){let{separator:e=!0}=t;return ge.createElement(ge.Fragment,null,ge.createElement(zc,null,ge.createElement(or,{height:22,width:22,variant:"circular"}),ge.createElement(Zi,{direction:"horizontal",size:8}),ge.createElement(or,{height:15,width:148,variant:"rounded"})),ge.createElement(Fc,null,ge.createElement(Ac,{hideSeparator:!e}),ge.createElement(Uc,null,ge.createElement(Ji,null,ge.createElement(qc,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ge.createElement(Zi,{direction:"horizontal",size:8}),ge.createElement(or,{height:12,variant:"rounded"})),ge.createElement(Oc,null,ge.createElement(Ph,{color:"gray",size:16})),ge.createElement(Ji,null,ge.createElement(qc,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ge.createElement(Zi,{direction:"horizontal",size:8}),ge.createElement(or,{height:12,variant:"rounded"})))))}i(at,"StepSkeleton");function Ri(t){let{type:e,expanded:o,tag:n=!1}=t;return dt.createElement(vc,{rounded:e!=="basic"},dt.createElement(Wo,{type:e,tag:n}),dt.createElement(xc,null,dt.createElement(_h,{height:15,variant:"rounded"})),o&&dt.createElement(bc,null,dt.createElement($h,{size:20}),dt.createElement(at,null),dt.createElement(at,null),dt.createElement(at,{separator:!1})))}i(Ri,"QuoteSkeleton");function Bo(t){let{quote:e,type:o,loading:n,error:r,warning:s,expanded:a=!1}=t,{inputAmount:l,inputUsdValue:p,outputUsdValue:c,outputAmount:u}=K(),m=!(r&&(r.type===0||r.type===1))&&e&&e.result&&!n;return n?nr.createElement(Ui,null,nr.createElement(Ri,{type:o,expanded:a})):m?nr.createElement(Ui,null,nr.createElement(Yi,{quote:e,error:r,warning:s,type:o,expanded:a,recommended:!0,input:{value:l,usdValue:p?.toString()??""},output:{value:u?.toString()??"",usdValue:c?.toString()??""}})):null}i(Bo,"QuoteInfo");import{calculatePendingSwap as Uh}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Oh}from"react";import{useRef as Dh,useState as Fh}from"react";function rr(){let[t,e]=Fh(!1),o=Dh(null),n=i(()=>o.current?.abort(),"cancel");return{fetch:i(async s=>{n(),o.current=new AbortController,e(!0);try{let a=await Qt().getBestRoute(s,{signal:o.current.signal});return o.current=null,a}catch(a){throw a}finally{e(!1)}},"fetch"),loading:t,cancelFetch:n}}i(rr,"useFetchQuote");function ir(t){if(!t.result)throw new Error(X().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});if(Jr(t)){let{swap:n,recommendation:r,fromAmountRangeError:s}=Zr(t);throw new Error("bridge limit error",{cause:{type:3,swap:n,recommendation:r,fromAmountRangeError:s}})}let o=ti(t);if(o){let n=Cn(t);throw new Error("",{cause:{type:4,recommendedSlippages:o,minRequiredSlippage:n}})}return t}i(ir,"throwErrorIfResponseIsNotValid");function Gc(t,e,o){let n=!1;t&&(n=yl(t,e));let r={quote:null,quoteUpdate:null,balance:null},s=kn(e,{fromToken:o.fromToken,toToken:o.toToken,tokens:o.meta.tokens,userSlippage:o.userSlippage});s&&(r.quote=s),t&&n&&(al(t,e)?r.quoteUpdate={type:3,newOutputAmount:E(jt(e)),percentageChange:E(Oe(jt(t)??"",jt(e)??""),null,2)}:oi(t,e)?r.quoteUpdate={type:0}:ni(t,e)?r.quoteUpdate={type:1}:ri(t,e)&&(r.quoteUpdate={type:2}));let a=ll(e,o.selectedWallets,o.meta.blockchains);return a.length===0||(r.balance={messages:a}),r}i(Gc,"generateWarnings");function sr(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(sr,"handleQuoteErrors");function es(){let{fromToken:t,toToken:e,inputAmount:o,setQuote:n,quote:r,customDestination:s,setQuoteWarningsConfirmed:a}=K(),{slippage:l,customSlippage:p,affiliatePercent:c,affiliateRef:u,affiliateWallets:d,disabledLiquiditySources:m}=h(),{connectedWallets:g}=G(),T=h().blockchains(),S=h().tokens(),{features:f}=h().config,{enableNewLiquiditySources:C}=h().config,x=p||l,{fetch:y,cancelFetch:k,loading:I}=rr();return Oh(()=>k,[]),{loading:I,fetch:i(async v=>{let b=v.selectedWallets,A=v?.customDestination??s;if(!t||!e||!o)return{quote:null,swap:null,error:null,warnings:null};let N=Tn({fromToken:t,toToken:e,inputAmount:o,wallets:g,selectedWallets:b,excludeLiquiditySources:C,disabledLiquiditySources:m,slippage:x,affiliateRef:u,affiliatePercent:c,affiliateWallets:d,initialQuote:r??void 0,destination:A});pn("experimentalRoute",f)&&(N.experimental=!0);let Y;try{Y=await y(N).then(M=>ir(M)),n(Y)}catch(M){return sr(M)}let Q={slippage:x.toString(),disabledSwappersGroups:m},H=Uh(o.toString(),Y,il(b),Q,!1,{blockchains:T,tokens:S}),me=Gc(r??void 0,Y,{fromToken:t,toToken:e,meta:{blockchains:T,tokens:S},selectedWallets:b,userSlippage:x});return me.quoteUpdate&&a(!1),{quote:Y,swap:H,error:null,warnings:me}},"fetch"),cancelFetch:k}}i(es,"useConfirmSwap");var Rh=Qh("div",{width:"100%",display:"flex",justifyContent:"space-between",[`& ${Hc}`]:{width:"$48",height:"$48"}}),ey=os({flexGrow:1,paddingRight:"$10"}),ty=os({width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}),oy=os({display:"flex",justifyContent:"space-between",alignItems:"center"});function Vc(){let{quote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:s,quoteWarningsConfirmed:a}=K(),l=Zh(),p=Jh(),[c,u]=lr(""),{connectedWallets:d}=G(),m=!n,[g,T]=lr(!1),{isActiveTab:S}=ce(),f=h().disabledLiquiditySources,C=Kh(f),{manager:x}=zh(),{fetch:y,loading:k,cancelFetch:I}=es(),[w,v]=lr({swap:null,error:null,warnings:null}),[b,A]=lr(!1),N=i(async({selectedWallets:F,customDestination:_e})=>{let V=await y?.({selectedWallets:F,customDestination:_e});return v(V),V},"onConfirmSwap"),Y=i(async()=>{if(w.swap&&n)try{await x?.create("swap",{swapDetails:w.swap},{id:w.swap.requestId});let F=`../${$.swaps}/${w.swap.requestId}`;l(F,{replace:!0}),setTimeout(()=>{e("")},0)}catch(F){u("Error: "+F?.message)}},"addNewSwap"),Q=i(async()=>{await Y()},"onConfirm"),H=i(async()=>{w?.warnings?.quote&&!a?A(!0):await Q()},"onStartConfirmSwap"),me=i(async()=>{v({error:null,swap:null,warnings:null}),y({selectedWallets:o,customDestination:s}).then(F=>{v(F)}).catch(F=>console.error(F))},"onRefresh");Lo(()=>{!!C.current.length&&!f.length&&me(),C.current=f},[f.length]),Lo(()=>{m&&I()},[m]),Lo(()=>{m&&T(m)},[m]),Lo(()=>{m||y({selectedWallets:o,customDestination:s}).then(F=>v(F)).catch(F=>console.error(F))},[]),Lo(()=>{let F=w.warnings?.quote?.type&&Object.values(kt).includes(w.warnings?.quote?.type),_e=o.length<1||!o.every(J=>d.find(be=>J.address===be.address&&J.walletType===be.walletType&&J.chain===be.chain)),V=!1;if(F){let J=fn(t),be=t?.result?.swaps[t.result.swaps.length-1].to.blockchain;!!t?.result?.swaps.find(ct=>ct.from.blockchain===be)||(J=J.slice(-J.length,J.length-1)),J.every(ct=>o.find(_=>_.chain===ct))||(V=!0)}t&&(_e||V)&&(queueMicrotask(()=>Yh(T.bind(null,!0))),r(!1))},[w.warnings?.quote,o.length,d.length]),Xh(()=>{t||l(`../${p.search}`)},[]);let M=w.warnings?.quote??null,z=w.error,ee=[];return c&&ee.push(le.createElement(Qc,{type:"error",variant:"alarm",title:c})),w.warnings?.quoteUpdate&&ee.push(le.createElement(Qc,{variant:"alarm",type:"warning",title:w.warnings.quoteUpdate&&xn(w.warnings.quoteUpdate)})),(M||z)&&ee.push(le.createElement(xo,{warning:M,error:z,loading:k,refetchQuote:me,showWarningModal:b,confirmationDisabled:!S,onOpenWarningModal:()=>A(!0),onCloseWarningModal:()=>A(!1),onConfirmWarningModal:async()=>{A(!1),await Y()},onChangeSettings:()=>l($.settings)})),le.createElement(ne,{header:{title:ar.t("Confirm Swap"),onWallet:()=>{let F=`../${$.wallets}`;l(F)},suffix:le.createElement(Hh,{container:W(),side:"bottom",content:ar.t("Settings")},le.createElement(qe,{size:"small",variant:"ghost",onClick:()=>l("../"+$.settings)},le.createElement(Gh,{size:18,color:"black"})))},footer:le.createElement(Rh,null,le.createElement("div",{className:ey()},le.createElement(qh,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:k,disabled:!!w.error||!S,onClick:H},ar.t("Start Swap"))),le.createElement(Hc,{variant:"contained",type:"primary",size:"large",loading:k,onClick:T.bind(null,!0)},le.createElement(jh,{size:24})))},g&&le.createElement(Wp,{open:g,onClose:()=>T(!1),onCancel:I,loading:k,onCheckBalance:N}),le.createElement(ie,null,le.createElement("div",{className:oy()},le.createElement(Vh,{variant:"title",size:"small"},ar.t("You get")),le.createElement("div",{className:ty()},le.createElement(Fn,{onClick:!k&&!g&&!b?me:void 0}))),le.createElement(ts,{size:"12"}),zl(ee,le.createElement(ts,{size:10})),ee.length>0?le.createElement(ts,{size:10}):null,le.createElement(Bo,{quote:t,type:"swap-preview",expanded:!0,error:w.error,loading:k,warning:w.warnings?.quote??null})))}i(Vc,"ConfirmSwapPage");import{i18n as mr}from"@lingui/core";import{useManager as cy}from"@rango-dev/queue-manager-react";import{Divider as eu,NotFound as uy,styled as my}from"@rango-dev/ui";import gt,{useState as dy}from"react";import{useNavigate as fy}from"react-router-dom";import{CloseIcon as ry,IconButton as iy,SearchIcon as sy,TextField as ay}from"@rango-dev/ui";import Mo from"react";import{styled as ny}from"@rango-dev/ui";var jc=ny("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function ft(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:s,value:a,setValue:l,...p}=t;return Mo.createElement(ay,{prefix:Mo.createElement(jc,null,Mo.createElement(sy,{color:"black"})),suffix:!!a.length&&Mo.createElement(iy,{variant:"ghost",onClick:()=>l?.(""),size:"small"},Mo.createElement(ry,{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(ft,"SearchInput");import{i18n as ss}from"@lingui/core";import{Divider as Kc,SwapListItem as Yc,Typography as Jc}from"@rango-dev/ui";import re from"react";import{css as ly,darkTheme as py,styled as pr}from"@rango-dev/ui";var cr=ly(),ns=pr("div",{width:"100%",display:"flex",flexDirection:"column",[`& .${cr}`]:{$$color:"$colors$neutral600",[`.${py} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),rs=pr("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),is=pr("div",{gap:"$10",display:"flex",flexDirection:"column"}),Xc=pr("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});function as(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,s=n?n(e):[{title:"History",swaps:e}];if(r){let a=[{},{}],l=[{title:ss.t("Today"),swaps:a},{title:ss.t("This month"),swaps:a}];return re.createElement(re.Fragment,null,l.map(p=>re.createElement(re.Fragment,{key:p.title},re.createElement(ns,null,re.createElement(rs,null,re.createElement(Jc,{variant:"label",size:"medium",className:cr()},p.title)),re.createElement(Kc,{size:4}),re.createElement(is,null,p.swaps.map((c,u)=>{let d=u+p.title;return re.createElement(re.Fragment,{key:d},re.createElement(Yc,{isLoading:!0}))}))))))}return re.createElement(re.Fragment,null,s.filter(a=>a.swaps.length>0).map(a=>re.createElement(re.Fragment,{key:a.title},re.createElement(ns,null,re.createElement(rs,null,re.createElement(Jc,{variant:"label",size:"medium",className:cr()},a.title)),re.createElement(Kc,{size:4}),re.createElement(is,null,a.swaps.map(l=>{let p=l.steps[0],c=l.steps[l.steps.length-1];return re.createElement(re.Fragment,{key:l.requestId},re.createElement(Yc,{requestId:l.requestId,creationTime:l.creationTime,status:l.status,onClick:o,tooltipContainer:W(),onlyShowTime:a.title===ss.t("Today"),swapTokenData:{from:{token:{image:p.fromLogo,displayName:p.fromSymbol},blockchain:{image:p.fromBlockchainLogo||""},amount:E(l.inputAmount,6,6),realAmount:ae(l.inputAmount)},to:{token:{image:c.toLogo,displayName:c.toSymbol},blockchain:{image:c.toBlockchainLogo||""},amount:E(c.outputAmount||c.expectedOutputAmountHumanReadable||"",6,6),realAmount:ae(c.outputAmount||c.expectedOutputAmountHumanReadable)}}}))}))))))}i(as,"SwapsGroup");import{i18n as ur}from"@lingui/core";import Zc from"dayjs";var Rc=i(t=>{let e=new Map([["today",{title:ur.t("Today"),swaps:[]}],["week",{title:ur.t("This week"),swaps:[]}],["month",{title:ur.t("This month"),swaps:[]}],["year",{title:ur.t("This year"),swaps:[]}]]);function o(r,s){e.has(r)||e.set(r,{title:r,swaps:[]}),e.get(r)?.swaps.push(s)}i(o,"addYearsToOutput");let n=Zc();return t.forEach(r=>{let s=Number(r.creationTime),a=Zc(s);if(n.isSame(a,"day"))e.get("today")?.swaps.push(r);else if(n.isSame(a,"week"))e.get("week")?.swaps.push(r);else if(n.isSame(a,"month"))e.get("month")?.swaps.push(r);else if(n.isSame(a,"year"))e.get("year")?.swaps.push(r);else{let l=new Date(s).getFullYear().toString();o(l,r)}}),Array.from(e.values())},"groupSwapsByDate");var gy=my("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),hy=i((t,e)=>t?.length?t.filter(o=>et(o.fromBlockchain,e)||et(o.toBlockchain,e)||et(o.toSymbol,e)||et(o.fromSymbol,e)).length:!1,"isStepContainsText");function tu(){let t=fy(),{manager:e,state:o}=cy(),n=bt(e).map(({swap:u})=>u),[r,s]=dy(""),a=!o.loadedFromPersistor,l=i(u=>{let d=u.target.value;s(d)},"searchHandler"),p=n;r&&(p=n.filter(u=>et(u.inputAmount,r)||et(u.status,r)||hy(u.steps,r)||et(u.requestId,r)));let c=!p?.length&&!a;return gt.createElement(ne,{header:{title:mr.t("History")}},gt.createElement(ie,null,gt.createElement(ft,{setValue:s,fullWidth:!0,variant:"contained",placeholder:mr.t("Search Transaction"),autoFocus:!0,onChange:l,value:r}),gt.createElement(eu,{size:"16"}),gt.createElement(gy,null,c&&gt.createElement(Xc,null,gt.createElement(eu,{size:32}),gt.createElement(uy,{title:mr.t("No results found"),description:r?mr.t("Try using different keywords"):""})),!c&&gt.createElement(as,{list:p,onSwapClick:t,groupBy:Rc,isLoading:a}))))}i(tu,"HistoryPage");import{i18n as cs}from"@lingui/core";import{Button as vy,Divider as iu,styled as au,SwapInput as su,WarningIcon as xy}from"@rango-dev/ui";import xe,{useEffect as by,useState as Ay}from"react";import{useNavigate as Iy}from"react-router-dom";import{ReverseIcon as yy,styled as ou}from"@rango-dev/ui";import ls from"react";var Sy=ou("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),Cy=ou("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 nu(){let t=K.use.switchFromAndTo();return ls.createElement(Sy,null,ls.createElement(Cy,{onClick:()=>{t()}},ls.createElement(yy,{size:12})))}i(nu,"SwitchFromAndToButton");import{useCallback as Ty,useEffect as ky,useState as ps}from"react";var wy=600;function ru(){let{fetch:t,cancelFetch:e}=rr(),{liquiditySources:o,enableNewLiquiditySources:n,features:r}=h().config,s=h().tokens(),{fromToken:a,toToken:l,inputAmount:p,inputUsdValue:c,quote:u,resetQuote:d,setQuote:m}=K(),{slippage:g,customSlippage:T,affiliatePercent:S,affiliateRef:f,affiliateWallets:C,disabledLiquiditySources:x,fetchStatus:y}=h(),[k,I]=ps(!0),[w,v]=ps(null),[b,A]=ps(null),N=T??g,Q=!a||!l||De(a,l)||!uo(p),H=i(z=>{I(z),v(null),A(null)},"resetState"),me=i(z=>{let{fromToken:ee,toToken:F,inputAmount:_e,liquiditySources:V,excludeLiquiditySources:J,disabledLiquiditySources:be,slippage:Ce,affiliateRef:Te,affiliatePercent:ct,affiliateWallets:_}=z;if(k||H(!0),!Q&&ee&&F){d();let j=Tn({fromToken:ee,toToken:F,inputAmount:_e,liquiditySources:V,excludeLiquiditySources:J,disabledLiquiditySources:be,slippage:Ce,affiliateRef:Te,affiliatePercent:ct,affiliateWallets:_});pn("experimentalRoute",r)&&(j.experimental=!0),t(j).then(q=>{I(!1),m(q),ir(q);let pe=kn(q,{fromToken:ee,toToken:F,userSlippage:N,tokens:s});A(pe)}).catch(q=>{let{error:pe}=sr(q);(pe?.type===0||pe?.type===1)&&d(),pe?.type!==2&&(v(pe),I(!1))})}},"fetch"),M=Ty(La(z=>{Q||me(z)},wy),[Q]);return ky(()=>{if(y==="success"){if(!uo(p)||c?.eq(0)){H(!1),e();return}if(Q){u&&d();return}return d(),H(!0),M({inputAmount:p,fromToken:a,toToken:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:x,slippage:N,affiliateRef:f,affiliatePercent:S,affiliateWallets:C}),e}},[y,p,a?.symbol,a?.address,a?.blockchain,l?.symbol,l?.address,l?.blockchain,Q,o?.length,n,x.length,N,f,S,JSON.stringify(C)]),{fetch:()=>me({inputAmount:p,fromToken:a,toToken:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:x,slippage:N,affiliateRef:f,affiliatePercent:S,affiliateWallets:C}),loading:k,error:w,warning:b}}i(ru,"useSwapInput");var Ey=au("div",{position:"relative"}),Wy=au("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"});function lu(){let t=Iy(),{fetch:e,loading:o,error:n,warning:r}=ru(),{fromToken:s,fromBlockchain:a,toToken:l,toBlockchain:p,setInputAmount:c,inputAmount:u,inputUsdValue:d,outputAmount:m,outputUsdValue:g,quote:T,resetQuoteWallets:S,setQuoteWarningsConfirmed:f}=K(),{config:C,fetchStatus:x}=h(),{connectedWallets:y,getBalanceFor:k}=G(),{isActiveTab:I}=ce(),[w,v]=Ay(!1),b=!!a&&va(y,a.name),A=!1,N=!Rr(T,u,d),Y=!Rr(T,u,g),Q=el({fetchMetaStatus:x,fetchingQuote:o,inputAmount:u,quote:T,anyWalletConnected:y.length>0,error:n,warning:r,needsToWarnEthOnPath:A}),H=s?k(s):null,me=on(H)?.amount??"0",M=a&&s?E(H?.amount,H?.decimals):"0",z=x==="success"&&!!u&&!!s&&!!l&&o;by(()=>{S()},[]);let ee=!d||!g||!g.gt(0)?null:Oe(d.toString(),g.toString());return xe.createElement(ne,{height:"auto",hasLogo:!0,footer:xe.createElement(vy,{type:"primary",size:"large",disabled:Q.disabled||!I,prefix:Q.action==="confirm-warning"&&xe.createElement(xy,null),fullWidth:!0,onClick:()=>{Q.action==="connect-wallet"?t($.wallets):Q.action==="confirm-warning"?v(!0):t($.confirmSwap)}},Q.title),header:{onWallet:()=>{t($.wallets)},hasBackButton:!1,title:C.title||cs.t("Swap"),suffix:xe.createElement(vi,{onClickRefresh:(T||n)&&!w?e:void 0,onClickHistory:()=>t($.swaps),onClickSettings:()=>t($.settings)})}},xe.createElement(ie,null,xe.createElement(Wy,null,xe.createElement(Ey,null,xe.createElement(su,{label:cs.t("From"),mode:"From",onInputChange:c,balance:me,chain:{displayName:a?.displayName||"",image:a?.logo||""},token:{displayName:s?.symbol||"",image:s?.image||""},onClickToken:()=>t($.fromSwap),price:{value:u,usdValue:N?void 0:E(d,4,4),realUsdValue:N?void 0:ae(d),error:N?X().unknownPriceError.impactTitle:void 0},disabled:x==="failed",loading:x==="loading",loadingBalance:b,tooltipContainer:W(),onSelectMaxBalance:()=>{me!=="0"&&c(M.split(",").join(""))}}),xe.createElement(nu,null)),xe.createElement(su,{sharpBottomStyle:!!T?.result||z,label:cs.t("To"),mode:"To",fetchingQuote:z,chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:l?.symbol||"",image:l?.image||""},percentageChange:E(Oe(d,g),2,2),warningLevel:mt(ee??0),price:{value:E(m,6,6),usdValue:Y?void 0:E(g,4,4),realValue:ae(m),realUsdValue:Y?void 0:ae(g),error:Y?X().unknownPriceError.impactTitle:void 0},onClickToken:()=>t($.toSwap),disabled:x==="failed",loading:x==="loading",tooltipContainer:W()})),xe.createElement(iu,{size:"2"}),xe.createElement(Bo,{quote:T,loading:z,error:n,warning:r,type:"basic"}),r||n?xe.createElement(xe.Fragment,null,xe.createElement(iu,{size:"10"}),xe.createElement(xo,{warning:r,error:n,loading:z,refetchQuote:e,showWarningModal:w,confirmationDisabled:!I,onOpenWarningModal:()=>v(!0),onCloseWarningModal:()=>v(!1),onConfirmWarningModal:()=>{v(!1),f(!0),t($.confirmSwap)},onChangeSettings:()=>t($.settings)})):null))}i(lu,"Home");import{i18n as pu}from"@lingui/core";import{List as Ny,ListItemButton as By,Radio as Ly,RadioRoot as My,Typography as Py}from"@rango-dev/ui";import Wt from"react";function io(){let{setLanguage:t,language:e,config:o}=h(),n=$a,r=o?.language||fo;return{activeLanguage:e||r,languages:n,defaultLanguage:r,changeLanguage:s=>t(s||fo),resetLanguage:()=>t(null)}}i(io,"useLanguage");function cu(){let{activeLanguage:t,changeLanguage:e,languages:o}=io(),n=o.map(r=>{let{local:s,label:a,SVGFlag:l}=r;return{id:s,value:s,title:Wt.createElement(Py,{variant:"title",size:"xmedium"},a),onClick:()=>e(r.local),end:Wt.createElement(Ly,{value:s}),start:Wt.createElement(l,null)}});return Wt.createElement(ne,{header:{title:pu.t("Language")}},Wt.createElement(ie,null,Wt.createElement(My,{value:t},Wt.createElement(Ny,{type:Wt.createElement(By,{title:pu.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}i(cu,"LanguagePage");import{i18n as ht}from"@lingui/core";import{Button as Uy,Checkbox as Oy,Image as zy,ListItemButton as qy,NotFound as Gy,Typography as Qy}from"@rango-dev/ui";import We,{useState as Hy}from"react";import{Checkbox as Dy,Skeleton as mu}from"@rango-dev/ui";import $o from"react";import{styled as us}from"@rango-dev/ui";var Po=us("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto"}),ms=us("div",{width:80,display:"flex",justifyContent:"flex-end"}),ds=us("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});import{ListItem as $y,styled as _y}from"@rango-dev/ui";var uu=_y($y,{height:61});var Fy=30;function fs(){return $o.createElement(Po,null,Array.from(Array(Fy),t=>$o.createElement(uu,{hasDivider:!0,key:t,start:$o.createElement(mu,{variant:"circular",width:35,height:35}),title:$o.createElement(mu,{variant:"text",size:"large",width:90}),end:$o.createElement(Dy,{checked:!1})})))}i(fs,"LoadingLiquiditySourceList");function gs({sourceType:t}){let e=h().fetchStatus,o=h().swappers(),n=h().disabledLiquiditySources,[r,s]=Hy(""),a=h().toggleLiquiditySource,l=ln(o,n),p={Exchanges:ht.t("Exchanges"),Bridges:ht.t("Bridges")},c=[];t==="Exchanges"&&c.push("DEX"),t==="Bridges"&&(c.push("BRIDGE"),c.push("AGGREGATOR"));let u=l.filter(f=>c.includes(f.type)),d=u.length===u.filter(f=>f.selected).length,m=i(()=>{u.forEach(f=>{d?a(f.groupTitle):f.selected||a(f.groupTitle)})},"toggleAllSources"),g=u.map(f=>{let{selected:C,groupTitle:x,logo:y}=f;return{start:We.createElement(zy,{src:y,size:22,type:"circular"}),onClick:()=>a(x),end:We.createElement(Oy,{checked:C}),title:We.createElement(Qy,{variant:"title",size:"xmedium"},ht.t(x)),...f}}),T=i(f=>{let C=f.target.value;s(C)},"searchHandler"),S=g;return r&&(S=g.filter(f=>et(f.groupTitle,r))),We.createElement(ne,{header:{title:ht.t(t),suffix:We.createElement(ms,null,We.createElement(Uy,{variant:"ghost",size:"xsmall",onClick:m},d?ht.t("Deselect all"):ht.t("Select all")))}},We.createElement(ie,{view:!0},We.createElement(ft,{value:r,setValue:s,fullWidth:!0,color:"light",variant:"contained",placeholder:ht.t("Search {sourceType}",{sourceType:p[t]}),onChange:T}),e==="loading"&&We.createElement(fs,null),!S.length&&r?We.createElement(ds,null,We.createElement(Gy,{title:ht.t("No results found"),description:ht.t("Try using different keywords")})):e==="success"&&We.createElement(Po,null,S.map(f=>We.createElement(We.Fragment,{key:f.id},We.createElement(qy,{style:{height:"61px"},...f,selected:!1,hasDivider:!0}))))))}i(gs,"LiquiditySourcePage");import{i18n as Tu}from"@lingui/core";import{Divider as ku,getCountCategories as tS,SelectableCategoryList as oS}from"@rango-dev/ui";import yt,{useState as wu}from"react";import{i18n as ys}from"@lingui/core";import{Divider as Su,Image as Yy,ListItemButton as Jy,NotFound as Zy,Typography as Cu}from"@rango-dev/ui";import Qe,{useEffect as Ry,useState as eS}from"react";import{BlockchainCategories as hs}from"@rango-dev/ui";import{TransactionType as dr}from"rango-sdk";var Vy=i((t,e)=>{switch(e){case hs.ALL:return!0;case hs.UTXO:return t.type===dr.TRANSFER;case hs.OTHER:return t.type!==dr.TRANSFER&&t.type!==dr.COSMOS&&t.type!==dr.EVM;default:return t.type===e}},"filterByType"),du=i((t,e,o)=>t.filter(n=>Vy(n,o)).filter(n=>Lt(n.name,e)||Lt(n.displayName,e)),"filterBlockchains");import{ImageContainer as jy,styled as fu}from"@rango-dev/ui";var gu=fu("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),fr=fu(Co,{padding:0,margin:0,listStyle:"none",[`& ${jy}`]:{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as Xy,Skeleton as hu}from"@rango-dev/ui";import gr from"react";var Ky=20;function yu(){return gr.createElement(fr,null,Array.from(Array(Ky),t=>gr.createElement(Xy,{key:t,hasDivider:!0,start:gr.createElement(hu,{variant:"circular",width:35,height:35}),title:gr.createElement(hu,{variant:"text",size:"large",width:90})})))}i(yu,"LoadingBlockchainList");function Ss(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=eS(e),{fetchStatus:l}=h();Ry(()=>{a([...du(e,o,r)])},[e,o,r]);let p=i(()=>!s.length&&o?Qe.createElement(Qe.Fragment,null,Qe.createElement(Su,{size:32}),Qe.createElement(Zy,{title:ys.t("No results found"),description:ys.t("Try using different keywords")})):Qe.createElement(fr,{as:"ul",key:`${r}-${o}`},s.map(c=>Qe.createElement(Jy,{key:`${c.name}-${c.chainId}`,hasDivider:!0,onClick:()=>n(c),start:Qe.createElement(Yy,{src:c.logo,size:30}),title:Qe.createElement(Cu,{variant:"title",size:"medium"},c.displayName),id:c.chainId}))),"renderList");return Qe.createElement(gu,null,Qe.createElement(Cu,{variant:"label",size:"large"},ys.t("Select Blockchain")),Qe.createElement(Su,{size:4}),l==="loading"&&Qe.createElement(yu,null),l==="success"&&p())}i(Ss,"BlockchainList");function Cs(t){let{type:e}=t,o=xt(),[n,r]=wu(""),[s,a]=wu("ALL"),l=K.use.setToBlockchain(),p=K.use.setFromBlockchain(),c=h().fetchStatus,u=h().blockchains({type:e}),m=tS(u)!==1;return yt.createElement(ne,{header:{title:Tu.t("Select Blockchain")}},yt.createElement(ie,{view:!0},m&&yt.createElement(yt.Fragment,null,yt.createElement(oS,{setCategory:a,category:s,blockchains:u,isLoading:c==="loading"}),yt.createElement(ku,{size:24})),yt.createElement(ft,{value:n,autoFocus:!0,placeholder:Tu.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:g=>r(g.target.value)}),yt.createElement(ku,{size:16}),yt.createElement(Ss,{list:u,searchedFor:n,blockchainCategory:s,onChange:g=>{e==="source"?p(g):l(g),o()}})))}i(Cs,"SelectBlockchainPage");import{i18n as Tr}from"@lingui/core";import{Divider as qu}from"@rango-dev/ui";import Ut,{useState as TS}from"react";import{useNavigate as kS}from"react-router-dom";import{i18n as ws}from"@lingui/core";import{BlockchainsChip as hr,Divider as Au,Image as Iu,Skeleton as aS,Tooltip as lS,Typography as vs}from"@rango-dev/ui";import Se from"react";import{useEffect as iS}from"react";var vu=["ETH","COSMOS","OSMOSIS"];function Ts(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(nS),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(rS(a)),r=n.splice(s)}return{list:n,more:r}}i(Ts,"prepare");function nS(t,e){let o=vu,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(nS,"sortByMostUsedBlockchains");function rS(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(rS,"generateSortByPreferredBlockchainsFor");function xu(t,e){return!!e.list.find(o=>o.name===t)}i(xu,"isInVisibleList");function ks(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=h();iS(()=>{if(e?.selected){let s=Ts(t,o,e);xu(e.selected,s)||n(e?.selected)}},[e?.selected]);let r=Ts(t,o,e);return{list:r.list,more:r.more,history:[]}}i(ks,"usePrepareBlockchainList");import{styled as sS}from"@rango-dev/ui";var bu=sS("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var pS=12;function xs(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:s}=t,a=ks(e,{limit:10,selected:n?.name}),{fetchStatus:l}=h(),p=K.use.resetToBlockchain(),c=K.use.resetFromBlockchain(),u=a.more.length>0,d=a.more.length===1,m=!d&&u;return Se.createElement(Se.Fragment,null,Se.createElement(Au,{size:12}),Se.createElement(vs,{variant:"label",size:"large"},ws.t("Select Blockchain")),Se.createElement(Au,{size:12}),Se.createElement(bu,null,l==="loading"&&Array.from(Array(pS),g=>Se.createElement(aS,{key:g,variant:"rounded",height:50})),l==="success"&&Se.createElement(Se.Fragment,null,Se.createElement(hr,{selected:!n,onClick:()=>{o==="from"?c():p()}},Se.createElement(vs,{variant:"body",size:"xsmall",color:"secondary500"},ws.t("All"))),a.list.map(g=>Se.createElement(lS,{key:g.name,content:g.shortName,side:"bottom",sideOffset:2,container:W()},Se.createElement(hr,{key:g.name,selected:!!n&&n.name===g.name,onClick:()=>r(g)},Se.createElement(Iu,{src:g.logo,size:30})))),d?Se.createElement(hr,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},Se.createElement(Iu,{src:a.more[0].logo,size:30})):null,m?Se.createElement(hr,{onClick:s,key:"more-blockchains"},Se.createElement(vs,{variant:"body",size:"xsmall",color:"secondary500"},ws._("More +{count}",{count:a.more.length}))):null)))}i(xs,"BlockchainsSection");import{i18n as Ps}from"@lingui/core";import{darkTheme as Du,Divider as ao,ExternalLinkIcon as mS,Image as dS,ListItemButton as fS,NotFound as gS,PinIcon as hS,Skeleton as Fu,Typography as Cr,VirtualizedList as yS}from"@rango-dev/ui";import P,{forwardRef as SS,useEffect as Uu,useState as Ou}from"react";import{Divider as $u,ListItem as uS,Skeleton as _o}from"@rango-dev/ui";import Ze from"react";import{css as so,darkTheme as Eu,ImageContainer as cS,styled as Je,Typography as Wu}from"@rango-dev/ui";var bs=so({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}),As=so({position:"relative",height:12,width:"30%",maxWidth:"150px"}),Is=so({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"}),Es=so({transform:"translateY(12px)",visibility:"hidden","& a":{display:"flex",justifyContent:"center",alignItems:"center",fontSize:"$12",lineHeight:"$16",$$color:"$colors$neutral600",[`.${Eu} &`]:{$$color:"$colors$neutral700"},color:"$$color",textDecoration:"none"}}),Ws=so({}),Ns=so(),Nu=Je("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),Bs=Je("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),yr=Je("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none","&:hover":{[`& .${As}`]:{[`& .${Es}`]:{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},[`& .${Ws}`]:{bottom:"-15px"},[`& .${bs}`]:{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},[`& .${Is}`]:{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),Ls=Je("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),Ms=Je(Wu,{}),Bu=Je("div",{textAlign:"right",width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",[`& .${Ns}`]:{$$color:"$colors$neutral600",[`.${Eu} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Sr=Je("div",{display:"flex",alignItems:"end",flexDirection:"column"}),BP=Je("div",{display:"flex",alignItems:"center"}),Lu=Je("div",{position:"relative",[`& ${cS}`]:{borderRadius:"$xm",overflow:"hidden"}}),Mu=Je("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6}),Pu=Je(Wu,{width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"});function _u(t){return Ze.createElement(yr,null,Array.from(Array(t.size),e=>Ze.createElement(uS,{key:e,hasDivider:!0,start:Ze.createElement(_o,{variant:"circular",width:35,height:35}),end:Ze.createElement(Sr,null,Ze.createElement(_o,{variant:"text",size:"large",width:70}),Ze.createElement($u,{size:4}),Ze.createElement(_o,{variant:"text",size:"medium",width:50})),title:Ze.createElement("div",null,Ze.createElement(_o,{variant:"text",size:"large",width:90}),Ze.createElement($u,{size:4}),Ze.createElement(_o,{variant:"text",size:"medium",width:90}))})))}i(_u,"LoadingTokenList");var $s=20,CS=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:s,customCssForTagTitle:a}=t,l=e.length;return P.createElement("div",{className:As()},o?P.createElement("div",{className:bs()},o):P.createElement(Bs,{className:Is()},P.createElement(Cr,{variant:"title",size:"xmedium"},r.symbol),P.createElement(ao,{direction:"horizontal",size:4}),P.createElement(Ls,{css:s},P.createElement(Ms,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&P.createElement("div",{className:`${Es()} ${!o&&Ws()}`},P.createElement("a",{href:n,target:"_blank",rel:"nofollow noreferrer",onClick:p=>p.stopPropagation()},l>10?`${e.slice(0,5)}...${e.slice(l-6,l)}`:e," ",P.createElement(ao,{size:4,direction:"horizontal"}),P.createElement(mS,{color:"gray",size:12}))))},"renderDesc");function zu(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=Ou(e),l=h().fetchStatus,p=h().blockchains(),[c,u]=Ou(!0),{getBalanceFor:d,loading:m}=G(),{isTokenPinned:g}=h(),T=SS((C,x)=>P.createElement("div",{...C,ref:x,style:{...C.style,height:`${parseFloat(C.style?.height)+8*2}px`}})),S=i(()=>{a(e.slice(0,s.length+$s))},"loadNextPage");Uu(()=>{u(e.length>s.length)},[s.length]),Uu(()=>{a(e.slice(0,$s))},[e]);let f=i(()=>!s.length&&o?P.createElement(P.Fragment,null,P.createElement(ao,{size:32}),P.createElement(gS,{title:Ps.t("No results found"),description:Ps.t("Try using different keywords")})):P.createElement(yS,{Item:({index:C,style:x})=>{let y=s[C],k=on(d(y)),I=y.address||"",w=p.find(N=>N.name===y.blockchain),v=Ln(y.symbol,w?.color||""),b={$$color:v[`${y.symbol}100`],[`.${Du} &`]:{$$color:v[`${y.symbol}900`]},backgroundColor:"$$color"},A={$$color:v[`${y.symbol}700`],[`.${Du} &`]:{$$color:v[`${y.symbol}100`]},color:"$$color"};return P.createElement("div",{style:{...x,paddingRight:5}},P.createElement(fS,{style:{height:x?.height,width:"100%",overflow:"hidden"},"tab-index":C,key:`${y.symbol}${y.address}`,id:`${y.symbol}${y.address}`,hasDivider:!0,onClick:()=>n(s[C]),start:P.createElement(Lu,null,P.createElement(dS,{src:y.image,size:30}),g(y,t.type)&&P.createElement(Mu,null,P.createElement(hS,{size:12,color:"gray"}))),title:w?.type==="COSMOS"||y.name||!y.name&&!I?P.createElement(Bs,null,P.createElement(Cr,{variant:"title",size:"xmedium"},y.symbol),P.createElement(ao,{direction:"horizontal",size:4}),P.createElement(Ls,{css:b},P.createElement(Ms,{variant:"body",size:"xsmall",css:A},y.blockchain))):void 0,description:w?.info&&I&&w.type!=="COSMOS"?CS({address:I,token:s[C],customCssForTag:b,customCssForTagTitle:A,name:y.name,url:w.info.addressUrl.split("{wallet}").join(I)}):y.name||void 0,end:m?P.createElement(Sr,null,P.createElement(Fu,{variant:"text",size:"large",width:70}),P.createElement(ao,{size:4}),P.createElement(Fu,{variant:"text",size:"medium",width:50})):k&&P.createElement(Bu,null,P.createElement(Pu,{variant:"title",size:"small"},k.amount),P.createElement("div",null),k.usdValue&&P.createElement(Cr,{variant:"body",className:Ns(),size:"xsmall"},`$${k.usdValue}`))}))},hasNextPage:c,itemCount:s.length,loadNextPage:S,innerElementType:T,size:60,key:`${r}-${o}`}),"renderList");return P.createElement(Nu,null,P.createElement(Cr,{variant:"label",size:"large"},Ps.t("Select Token")),P.createElement(ao,{size:4}),l==="loading"&&P.createElement(_u,{size:$s}),l==="success"&&P.createElement(yr,{as:"ul"},f()))}i(zu,"TokenList");function _s(t){let{type:e}=t,o=kS(),n=xt(),{fromBlockchain:r,toBlockchain:s,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:c}=K(),u=G.use.getBalanceFor(),[d,m]=TS(""),{isTokenPinned:g}=h(),S=(e==="source"?r:s)?.name??"",f=h().blockchains({type:e}),C=h().tokens({type:e,blockchain:S,searchFor:d}),y=Ta(C,u,i(v=>g(v,e),"checkIsTokenPinned")),k=i(v=>{e==="source"?p(v):c(v)},"updateBlockchain"),I=i(v=>{e==="source"?a({token:v,meta:{blockchains:f,tokens:C}}):l({token:v,meta:{blockchains:f,tokens:C}})},"updateToken"),w={source:Tr.t("Source"),destination:Tr.t("Destination")};return Ut.createElement(ne,{header:{title:Tr.t("Swap {type}",{type:w[e]})}},Ut.createElement(ie,null,Ut.createElement(xs,{blockchains:f,type:e=="source"?"from":"to",blockchain:e==="source"?r:s,onMoreClick:()=>o($.blockchains),onChange:v=>{k(v)}}),Ut.createElement(qu,{size:24}),Ut.createElement(ft,{value:d,autoFocus:!0,placeholder:Tr.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>m(""),onChange:v=>m(v.target.value)}),Ut.createElement(qu,{size:16}),Ut.createElement(zu,{list:y,selectedBlockchain:S,searchedFor:d,type:e,onChange:v=>{I(v);let b=f.find(A=>v.blockchain===A.name);b&&k(b),n()}})))}i(_s,"SelectSwapItemsPage");import{i18n as Ot}from"@lingui/core";import{ChevronRightIcon as Us,Divider as Os,InfoIcon as WS,List as NS,ListItemButton as BS,Skeleton as LS,Switch as MS,Tooltip as PS,Typography as zt}from"@rango-dev/ui";import Z from"react";import{useNavigate as $S}from"react-router-dom";import{i18n as Xu}from"@lingui/core";import{Divider as bS,InfoIcon as AS,TextField as IS,Tooltip as ES,Typography as Ku}from"@rango-dev/ui";import $e from"react";import{Chip as wS,styled as Do,TextField as vS}from"@rango-dev/ui";var Gu=Do("div",{paddingTop:"$5",padding:"$10 $5"}),Qu=Do("div",{display:"flex",flexWrap:"wrap",gap:"$10",[`& ${vS}`]:{flex:"1 1 0",maxWidth:"127px",minWidth:"85px"}}),Hu=Do("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),kr=Do("div",{maxWidth:"280px",padding:"$10"}),Vu=Do(wS,{width:"61px",flexShrink:0});import{i18n as Ds}from"@lingui/core";import{Typography as xS}from"@rango-dev/ui";import Fo from"react";function ju(){return Fo.createElement(kr,null,Fo.createElement(xS,{variant:"label",size:"medium",color:"neutral700"},Ds.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),Fo.createElement("br",null),Fo.createElement("br",null),Fo.createElement("b",null,Ds.t("Warning")),":",Ds.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(ju,"SlippageTooltipContent");function Fs(){let{slippage:t,setSlippage:e,customSlippage:o,setCustomSlippage:n}=h();return $e.createElement(Gu,null,$e.createElement(Hu,null,$e.createElement(Ku,{variant:"title",size:"xmedium"},Xu.t("Slippage tolerance per swap")),$e.createElement(bS,{direction:"horizontal",size:4}),$e.createElement(ES,{container:W(),side:"top",sideOffset:4,content:$e.createElement(ju,null)},$e.createElement(AS,{color:"gray"}))),$e.createElement(Qu,null,_a.map((r,s)=>{let a=`slippage-${s}`;return $e.createElement($e.Fragment,null,$e.createElement(Vu,{key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}))}),$e.createElement(IS,{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>=Oa&&a<=Ua?n(a):n(null)},suffix:o&&$e.createElement(Ku,{variant:"body",size:"small"},"%"),placeholder:Xu.t("Custom")})))}i(Fs,"Slippage");function Yu(){let t=$S(),{theme:e}=h().config,o=h().fetchStatus,n=h().swappers(),r=h().disabledLiquiditySources,{config:{features:s}}=h(),a=Fe("theme",s),l=Fe("liquiditySource",s),p=Fe("language",s),c=h().infiniteApprove,u=h().toggleInfiniteApprove,d=ln(n,r),m=d.filter(b=>b.type==="BRIDGE"||b.type==="AGGREGATOR"),g=m.length,T=m.filter(b=>b.selected).length,S=d.filter(b=>b.type==="DEX"),f=S.length,C=S.filter(b=>b.selected).length,x=i((b,A)=>{switch(o){case"loading":return Z.createElement(LS,{variant:"text",size:"medium",width:50});case"failed":return Z.createElement(zt,{variant:"body",size:"medium",color:"$error500"},Ot.t("Loading failed"));default:return Z.createElement(zt,{variant:"body",size:"medium"},`${b} / ${A}`)}},"handleEndItem"),y={id:"bridge-item",title:Z.createElement(zt,{variant:"title",size:"xmedium"},Ot.t("Enabled bridges")),end:Z.createElement(Z.Fragment,null,x(T,g),Z.createElement(Os,{direction:"horizontal",size:8}),Z.createElement(Us,{color:"black"})),onClick:()=>t($.bridges)},k={id:"exchange-item",title:Z.createElement(zt,{variant:"title",size:"xmedium"},Ot.t("Enabled exchanges")),end:Z.createElement(Z.Fragment,null,x(C,f),Z.createElement(Os,{direction:"horizontal",size:8}),Z.createElement(Us,{color:"gray"})),onClick:()=>t($.exchanges)},I={id:"theme-item",title:Z.createElement(zt,{variant:"title",size:"xmedium"},Ot.t("Theme")),end:Z.createElement(Us,{color:"gray"}),onClick:()=>t($.themes)},w={id:"infinite-approval-item",title:Z.createElement(Z.Fragment,null,Z.createElement(zt,{variant:"title",size:"xmedium"},Ot.t("Infinite approval")),Z.createElement(Os,{direction:"horizontal",size:4}),Z.createElement(PS,{side:"top",sideOffset:4,container:W(),content:Z.createElement(kr,null,Z.createElement(zt,{variant:"label",size:"medium",color:"neutral700"},Ot.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.")))},Z.createElement(WS,{color:"gray"}))),end:Z.createElement(MS,{checked:c}),onClick:u},v=l?[]:[y,k];return!e?.singleTheme&&!a&&v.push(I),v.push(w),Z.createElement(ne,{header:{title:Ot.t("Settings")}},Z.createElement(ie,null,Z.createElement(Fs,null),Z.createElement(NS,{type:Z.createElement(BS,{title:"_",id:"_",onClick:()=>console.log()}),items:v})))}i(Yu,"SettingsPage");import{i18n as bC}from"@lingui/core";import{cancelSwap as AC}from"@rango-dev/queue-manager-rango-preset";import{useManager as IC}from"@rango-dev/queue-manager-react";import{Alert as EC}from"@rango-dev/ui";import ta from"react";import{useParams as WC}from"react-router-dom";import{i18n as St}from"@lingui/core";import{getCurrentBlockchainOfOrNull as aC,getCurrentStep as lC,getRelatedWalletOrNull as pC}from"@rango-dev/queue-manager-rango-preset";import{Button as bm,CopyIcon as cC,Divider as uC,IconButton as mC,LinkIcon as dC,QuoteCost as fC,StepDetails as gC,Typography as po,useCopyToClipboard as hC}from"@rango-dev/ui";import{useWallets as yC}from"@rango-dev/wallets-react";import Am from"bignumber.js";import{PendingSwapNetworkStatus as Br}from"rango-types";import R,{useEffect as Im,useRef as SC,useState as Em}from"react";import{useNavigate as CC}from"react-router-dom";import{i18n as Nt}from"@lingui/core";var _S=[Nt.t("Sunday"),Nt.t("Monday"),Nt.t("Tuesday"),Nt.t("Wednesday"),Nt.t("Thursday"),Nt.t("Friday"),Nt.t("Saturday")];function Ju(t){let e=new Date(t),o=e.getDate(),n=e.toLocaleString("default",{month:"long"}),r=e.getFullYear();return`${e.getDay()===new Date().getDay()?Nt.t("Today"):`${_S[e.getDay()]} ${o} ${n} ${r}`}, ${new Date(t).toLocaleTimeString()}`}i(Ju,"timeSince");function Zu(t){return t.finishTime?Ju(parseInt(t.finishTime)):Ju(parseInt(t.creationTime))}i(Zu,"getSwapDate");import{Modal as HS}from"@rango-dev/ui";import{PendingSwapNetworkStatus as xr}from"rango-types";import br from"react";import{i18n as wr}from"@lingui/core";import{Button as Ru,Divider as zs,MessageBox as DS,Typography as em}from"@rango-dev/ui";import lt from"react";var tm=i(({onCancel:t,onClose:e})=>lt.createElement(lt.Fragment,null,lt.createElement(zs,{size:20}),lt.createElement(DS,{type:"error",title:wr.t("Cancel Swap"),description:wr.t("Are you sure you want to cancel this swap?")}),lt.createElement(zs,{size:32}),lt.createElement(Ru,{variant:"contained",type:"primary",size:"large",onClick:t},lt.createElement(em,{variant:"title",size:"medium",color:"neutral100"},wr.t("Yes, Cancel it"))),lt.createElement(zs,{size:12}),lt.createElement(Ru,{variant:"outlined",type:"primary",size:"large",onClick:e},lt.createElement(em,{variant:"title",size:"medium",color:"primary"},wr.t("No, Continue")))),"CancelContent");import{i18n as vr}from"@lingui/core";import{Button as om,Divider as qs,MessageBox as FS,Typography as nm}from"@rango-dev/ui";import pt from"react";var rm=i(({onDelete:t,onClose:e})=>pt.createElement(pt.Fragment,null,pt.createElement(qs,{size:20}),pt.createElement(FS,{type:"error",title:vr.t("Delete Transaction"),description:vr.t("Are you sure you want to delete this swap?")}),pt.createElement(qs,{size:32}),pt.createElement(om,{variant:"contained",type:"primary",size:"large",onClick:t},pt.createElement(nm,{variant:"title",size:"medium",color:"neutral100"},vr.t("Yes, Delete it"))),pt.createElement(qs,{size:12}),pt.createElement(om,{variant:"outlined",type:"primary",size:"large",onClick:e},pt.createElement(nm,{variant:"title",size:"medium",color:"primary"},vr.t("No, Cancel")))),"DeleteContent");import{i18n as Gs}from"@lingui/core";import{PendingSwapNetworkStatus as Qs}from"rango-types";var Hs={[Qs.WaitingForNetworkChange]:{type:"loading",title:Gs.t("Change Network")},[Qs.WaitingForConnectingWallet]:{type:"warning",title:Gs.t("Connect Wallet")},[Qs.NetworkChanged]:{type:"success",title:Gs.t("Network Changed")}};import{MessageBox as OS,Wallet as zS,WalletState as qS}from"@rango-dev/ui";import{useWallets as GS}from"@rango-dev/wallets-react";import Uo,{useEffect as sm,useRef as QS}from"react";import{styled as US}from"@rango-dev/ui";var im=US("div",{display:"flex",justifyContent:"center"});var am=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:s,walletButtonDisabled:a}=t,{connect:l,getWalletInfo:p,state:c,disconnect:u}=GS(),d=n?.walletType,m=d?Ur(c(d)):null,g=QS(!1),T=d?p(d):null,S=s&&!!d&&!!m&&!!T;return sm(()=>()=>{g.current=!0},[]),sm(()=>()=>{g.current&&d&&m===qS.CONNECTING&&u(d)},[m]),Uo.createElement(Uo.Fragment,null,Uo.createElement(OS,{type:e,title:o,description:r}),S&&Uo.createElement(im,null,Uo.createElement(zS,{container:W(),title:T.name,image:T.img,type:d,state:m,link:T.installLink,disabled:a,onClick:async()=>l(d)})))},"WalletStateContent");function Vs(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:s,message:a,walletButtonDisabled:l}=t,p=e===xr.WaitingForNetworkChange||e===xr.WaitingForConnectingWallet||e===xr.NetworkChanged;return br.createElement(HS,{open:!!e,onClose:o,container:document.getElementById(Ae.SWAP_BOX_ID)||document.body},p&&br.createElement(am,{type:Hs[e].type,title:Hs[e].title,currentStepWallet:s,message:a,walletButtonDisabled:l,showWalletButton:e!==xr.WaitingForNetworkChange}),e==="delete"&&br.createElement(rm,{onClose:o,onDelete:n}),e==="cancel"&&br.createElement(tm,{onClose:o,onCancel:r}))}i(Vs,"SwapDetailsModal");import{i18n as Oo}from"@lingui/core";import{Button as js,Divider as Ar,MessageBox as lm,Modal as VS,TokenAmount as jS,Typography as Ir}from"@rango-dev/ui";import we from"react";import{useNavigate as XS}from"react-router-dom";function Xs(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,g=XS();return we.createElement(VS,{open:e,onClose:o,container:document.getElementById(Ae.SWAP_BOX_ID)||document.body},n==="success"?we.createElement(lm,{type:"success",title:Oo.t("Swap Successful")},we.createElement(jS,{direction:"vertical",tooltipContainer:W(),type:"output",centerAlign:!0,price:{value:r,usdValue:s,realUsdValue:a,realValue:l},token:p,chain:c,percentageChange:u}),we.createElement(Ar,{size:12}),we.createElement(Ir,{variant:"body",size:"medium",color:"neutral700",align:"center"},d)):we.createElement(lm,{type:"error",title:Oo.t("Transaction Failed"),description:d}),we.createElement(Ar,{size:32}),n==="success"&&we.createElement(js,{variant:"contained",type:"primary",size:"large",onClick:()=>{g("../../")}},we.createElement(Ir,{variant:"title",size:"medium",color:"neutral100"},Oo.t("Done"))),we.createElement(Ar,{size:12}),m&&we.createElement(we.Fragment,null,we.createElement(js,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(m,"_blank")},we.createElement(Ir,{variant:"title",size:"medium",color:"primary"},Oo.t("Diagnosis"))),we.createElement(Ar,{size:12})),we.createElement(js,{variant:"outlined",type:"primary",size:"large",onClick:o},we.createElement(Ir,{variant:"title",size:"medium",color:"primary"},Oo.t("See Details"))))}i(Xs,"SwapDetailsCompleteModal");import iC from"react";import{i18n as tC}from"@lingui/core";import{Alert as fm,IconButton as oC,LinkIcon as nC}from"@rango-dev/ui";import Bt,{Fragment as rC}from"react";import{Alert as KS,ChevronDownIcon as YS,ChevronUpIcon as JS,IconButton as ZS}from"@rango-dev/ui";import Er,{useState as RS}from"react";function pm(t){let{message:e}=t,[o,n]=RS(!1);return Er.createElement(KS,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Er.createElement(ZS,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Er.createElement(JS,{size:12,color:"gray"}):Er.createElement(YS,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(pm,"FailedAlert");import{styled as eC}from"@rango-dev/ui";var cm=eC("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as um}from"@lingui/core";import{Alert as Ks,Button as mm}from"@rango-dev/ui";import{PendingSwapNetworkStatus as Ys}from"rango-types";import zo from"react";function dm(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?zo.createElement(Ks,{type:"warning",title:n.shortMessage,action:zo.createElement(mm,{size:"xxsmall",type:"warning",onClick:()=>{o(Ys.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},um.t("Change"))}):r===Ys.WaitingForConnectingWallet?zo.createElement(Ks,{type:"warning",title:n.shortMessage,action:zo.createElement(mm,{size:"xxsmall",type:"warning",onClick:()=>{o(Ys.WaitingForConnectingWallet)}},um.t("Connect"))}):zo.createElement(Ks,{type:"warning",title:n.shortMessage})}i(dm,"WarningAlert");function Js(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:s,hasAlreadyProceededToSign:a}=t,l=ho(s),p=s.status==="waitingForApproval"&&!l,c=s.status==="running"&&!l,u=c&&!a||p&&!s.explorerUrl?.length;return Bt.createElement(cm,null,s.explorerUrl?.map((d,m,g)=>{let T=m+d.url,S=m===g.length-1,f=(S&&c||p)&&!u,C=S&&s.status==="failed";return Bt.createElement(rC,{key:T},Bt.createElement(fm,{type:S&&(f&&"loading"||C&&"error")||"success",title:d.description?`${d.description} Tx`:tC.t("View transaction"),action:d.url&&Bt.createElement(oC,{variant:"ghost",size:"xsmall",onClick:()=>window.open(d.url,"_blank")},Bt.createElement(nC,{size:12}))}))}),u&&Bt.createElement(fm,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&l&&Bt.createElement(dm,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&Bt.createElement(pm,{message:r}))}i(Js,"SwapDetailsAlerts");var gm=2e3;var hm=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:Ue(s.fromBlockchain,e)??"",image:s.fromBlockchainLogo??""},price:{value:E(l,6,6),realValue:l}},to:{token:{displayName:s.toSymbol,image:s.toLogo},chain:{displayName:Ue(s.toBlockchain,e)??"",image:s.toBlockchainLogo??""},price:{value:E(s.outputAmount||s.expectedOutputAmountHumanReadable,6,6),realValue:s.outputAmount||s.expectedOutputAmountHumanReadable}},swapper:{displayName:go(s.swapperId,o),image:s.swapperLogo??"",type:s.swapperType},internalSwaps:s.internalSwaps?s.internalSwaps.map(p=>({from:{blockchain:Ue(p.fromBlockchain,e)??""},to:{blockchain:Ue(p.toBlockchain,e)??""},swapper:{displayName:go(p.swapperId,o),image:p.swapperLogo??"",type:p.swapperType}})):[],alerts:iC.createElement(Js,{step:s,hasAlreadyProceededToSign:r,...n})}})},"getSteps");function ym(t){if(ho(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(ym,"getStepState");import{css as qo,darkTheme as sC,styled as qt}from"@rango-dev/ui";var Sm=qt("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),Wr=qt("div",{width:"100%"}),Cm=qt(Co,{padding:"$0 $20 $20 $20"}),hD=qt("div",{display:"flex",flexDirection:"column",gap:"$10"}),Tm=qt("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),yD=qt("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1}),lo=qo({display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${sC} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"}),km=qo({padding:"$5 0"}),Nr=qo({display:"flex",justifyContent:"center",alignItems:"center",height:"$24"}),wm=qo({display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"}),vm=qo({width:"100%",padding:"0 $20 $10"}),xm=qt("a",{fontSize:"$16",fontWeight:"$400",color:"$neutral700",display:"flex",alignItems:"center",justifyContent:"center"});function Zs(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:s,connect:a,getWalletInfo:l}=yC(),p=h().blockchains(),c=h().swappers(),u=h().tokens(),d=K.use.retry(),m=ce.use.isActiveTab(),g=CC(),[T,S]=hC(gm),f=SC(null),[C,x]=Em(null),[y,k]=Em(null),I=i(()=>{r(),x(null)},"onCancel"),w=Me.use.getUnreadNotifications(),v=Me.use.setAsRead(),b=w(),A=lC(e),N=A?.networkStatus;Im(()=>{b.find(Ct=>Ct.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(k(e.status),v(e.requestId))},[e.status]),Im(()=>{ee?x(Br.WaitingForNetworkChange):N===Br.WaitingForConnectingWallet||N===Br.NetworkChanged?x(N):x(null)},[N]);let Y=ul(e),Q=A?aC(e,A):null,H=A?pC(e,A):null,me=Zu(e),M=ml(e),z=i(Le=>!!l(Le)?.mobileWallet,"isMobileWallet"),ee=N===Br.WaitingForNetworkChange&&!!Q&&!!H?.walletType&&(z(H.walletType)||s(H.walletType,Q)),F=ee?a.bind(null,H.walletType,Q):void 0,_e=cl(e,A),V=hm({swap:e,switchNetwork:F,showNetworkModal:N,setNetworkModal:x,message:_e,blockchains:p,swappers:c}),J=V.length,[be,Ce]=[e.steps[0],e.steps[J-1]],Te=Ce.outputAmount||Ce.expectedOutputAmountHumanReadable,ct=e.steps.reduce((Le,Ct)=>Le+parseFloat(Ct.feeInUsd||""),0),_=e.steps.find(Le=>Le.diagnosisUrl)?.diagnosisUrl,j=E(parseFloat(E(Te,6,6))*(Ce.toUsdPrice||0),4,4),q=E(parseFloat(e.inputAmount)*(be.fromUsdPrice||0),4,4),pe=Te?ae(new Am(Te).multipliedBy(Ce.toUsdPrice||0)):"",ut=ae(new Am(e.inputAmount).multipliedBy(be.fromUsdPrice||0)),He=Oe(q,j),Dr=e.status==="success"?St.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:E(Te,6,6),token:V[J-1].to.token.displayName,conciseAddress:nn(e.wallets[V[J-1].to.chain.displayName]?.address||""),chain:V[J-1].to.chain.displayName}}):`${St.t("Transaction was not sent.")} ${Y?St.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:Y.outputAmount,symbol:Y.symbol,blockchain:Y.blockchain}}):""}`;return R.createElement(ne,{header:{title:St.t("Swap and Bridge"),onCancel:e.status==="running"?()=>x("cancel"):void 0,suffix:e.status!=="running"&&R.createElement(Jt,null,R.createElement(bm,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>x("delete")},R.createElement(po,{size:"medium",variant:"label",color:"error"},St.t("Delete"))))},footer:M&&!y&&R.createElement(bm,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{d(e,{blockchains:p,tokens:u}),setTimeout(()=>{g("../../")},0)}},St.t("Try again"))},R.createElement(ie,{compact:!0,view:!0},R.createElement(Wr,null,R.createElement("div",{className:lo()},R.createElement(po,{variant:"label",size:"large",color:"neutral700"},`${St.t("Request ID")}:`),R.createElement("div",{className:Nr()},R.createElement(po,{variant:"label",size:"small",color:"neutral700"},o),R.createElement(mC,{variant:"ghost",onClick:S.bind(null,o||"")},R.createElement(cC,{size:16,color:"gray"})),R.createElement(xm,{target:"_blank",href:`${pa}/swap/${o}`},R.createElement(dC,{size:16})))),R.createElement("div",{className:lo()},R.createElement(po,{variant:"label",size:"large",color:"neutral700"},`${St.t(e.finishTime?"Finished at":"Created at")}:`),R.createElement(po,{variant:"label",size:"small",color:"neutral700"},me))),R.createElement("div",{className:wm()},R.createElement(fC,{fee:E(String(ct),2,2),time:Ko(Yo(e.steps)),steps:J}),R.createElement(Ao,{from:{price:{value:E(e.inputAmount,6,6),usdValue:q,realUsdValue:ut,realValue:e.inputAmount},token:{displayName:V[0].from.token.displayName,image:V[0].from.token.image},chain:{image:V[0].from.chain.image,displayName:V[0].from.chain.displayName}},to:{price:{value:E(Te,6,6),usdValue:j,realUsdValue:pe,realValue:Te},token:{displayName:V[J-1].to.token.displayName,image:V[J-1].to.token.image},chain:{image:V[J-1].to.chain.image,displayName:V[J-1].to.chain.displayName}},percentageChange:E(He,2,2),warningLevel:mt(He??0)})),R.createElement("div",{className:vm()},R.createElement(po,{variant:"title",size:"small"},St.t("Swaps steps"))),R.createElement(uC,{size:8}),R.createElement(Cm,{ref:f},V.map((Le,Ct)=>{let aa=Ct,co=ym(e.steps[Ct]),Xm=co==="error"||co==="in-progress"||co==="warning"||co==="completed"&&Ct===V.length-1;return R.createElement(gC,{key:aa,step:Le,type:"swap-progress",ref:f,state:co,hasSeparator:Ct!==0,tabIndex:aa,isFocused:Xm,tooltipContainer:W()})}))),R.createElement(Vs,{state:C,onClose:()=>x(null),onCancel:I,onDelete:n,message:_e.detailedMessage.content,currentStepWallet:H,walletButtonDisabled:!m}),R.createElement(Xs,{open:!!y,diagnosisUrl:_,onClose:()=>k(null),status:e.status==="success"?"success":"failed",priceValue:E(Te,6,6),usdValue:j,realUsdValue:pe,realValue:ae(Te),percentageChange:E(He,2,2),token:{displayName:V[J-1].to.token.displayName,image:V[J-1].to.token.image},chain:{image:V[J-1].to.chain.image},description:Dr}))}i(Zs,"SwapDetails");import{i18n as Mr}from"@lingui/core";import{Divider as Bm,NotFound as xC,Skeleton as Qo,Typography as Pr}from"@rango-dev/ui";import ue from"react";import{i18n as TC}from"@lingui/core";import{Divider as kC,Skeleton as wC,Typography as vC}from"@rango-dev/ui";import fe from"react";import{css as Re,styled as Rs}from"@rango-dev/ui";var Wm=Rs("div",{width:"100%",height:"100%",padding:"$10 $20"}),Go=Rs("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15"}),Lr=Rs("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"}),YD=Re({display:"flex",justifyContent:"space-between",alignItems:"center"}),JD=Re({display:"flex",justifyContent:"space-between",alignItems:"center"}),ZD=Re({paddingTop:"$15",display:"flex"}),RD=Re({padding:"$15 $0"}),e1=Re({width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"}),t1=Re({paddingBottom:"$10"}),o1=Re({display:"flex",justifyContent:"start",alignItems:"center"}),n1=Re({paddingTop:"$5",display:"flex",alignItems:"center"}),r1=Re({display:"flex",alignItems:"center"}),i1=Re({padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"}),Nm=Re({display:"flex",paddingTop:"$10",paddingBottom:"$5"});function ea(){return fe.createElement(Wm,null,fe.createElement(Wo,{type:"swap-preview"}),fe.createElement("div",{className:"swaps-steps"},fe.createElement(vC,{variant:"title",size:"small"},TC.t("Swaps steps"))),fe.createElement(fe.Fragment,null,fe.createElement(Go,null,fe.createElement(at,{separator:!1}),fe.createElement("div",{className:Nm()},fe.createElement(kC,{direction:"horizontal",size:20}),fe.createElement(wC,{height:22,variant:"rectangular"}))),fe.createElement(Lr,null),fe.createElement(Go,null,fe.createElement(at,{separator:!1})),fe.createElement(Lr,null),fe.createElement(Go,null,fe.createElement(at,{separator:!1})),fe.createElement(Lr,null),fe.createElement(Go,null,fe.createElement(at,{separator:!1}))))}i(ea,"LoadingSwapDetails");function Lm(t){let{requestId:e,showSkeleton:o}=t;return ue.createElement(ne,{header:{title:Mr.t("Swap and Bridge"),suffix:ue.createElement(Jt,null)}},o&&ue.createElement(Sm,null,ue.createElement(Wr,null,ue.createElement("div",{className:lo()},ue.createElement(Pr,{variant:"label",size:"large",color:"neutral700"},`${Mr.t("Request ID")}:`),ue.createElement("div",{className:Nr()},ue.createElement(Pr,{variant:"label",size:"small",color:"neutral700"},ue.createElement(Qo,{width:60,height:10,variant:"rounded"})),ue.createElement(Bm,{direction:"horizontal",size:4}),ue.createElement(Qo,{width:16,height:16,variant:"rectangular"}),ue.createElement(Bm,{direction:"horizontal",size:4}),ue.createElement(Qo,{width:16,height:16,variant:"rectangular"}))),ue.createElement("div",{className:lo()},ue.createElement(Pr,{className:km(),variant:"label",size:"large",color:"neutral700"},ue.createElement(Qo,{width:60,height:10,variant:"rounded"})),ue.createElement(Pr,{variant:"label",size:"small",color:"neutral700"},ue.createElement(Qo,{width:60,height:10,variant:"rounded"})))),ue.createElement(ea,null)),!o&&ue.createElement(Tm,null,ue.createElement(xC,{title:Mr.t("Not found"),description:Mr.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}i(Lm,"SwapDetailsPlaceholder");function Mm(){let{manager:t,state:e}=IC(),o=!e.loadedFromPersistor,n=bt(t),{requestId:r}=WC(),s=xt(),{fetchStatus:a}=h();if(!r)return ta.createElement(EC,{containerStyles:{margin:"20px"},type:"error",title:bC.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&&AC(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?ta.createElement(Lm,{requestId:r,showSkeleton:l}):ta.createElement(Zs,{swap:d,requestId:r,onCancel:c,onDelete:u})}i(Mm,"SwapDetailsPage");import{i18n as Ho}from"@lingui/core";import{AutoThemeIcon as NC,DarkModeIcon as BC,LightModeIcon as LC,List as MC,ListItemButton as PC,Radio as oa,RadioRoot as $C,Typography as na}from"@rango-dev/ui";import Ne from"react";function Pm(){let{setTheme:t,theme:e}=h(),o=[{id:"light",value:"light",title:Ne.createElement(na,{variant:"title",size:"xmedium"},Ho.t("Light")),onClick:()=>t("light"),start:Ne.createElement(LC,{color:"gray"}),end:Ne.createElement(oa,{value:"light"})},{id:"dark",value:"dark",title:Ne.createElement(na,{variant:"title",size:"xmedium"},Ho.t("Dark")),onClick:()=>t("dark"),start:Ne.createElement(BC,{color:"gray"}),end:Ne.createElement(oa,{value:"dark"})},{id:"auto",value:"auto",title:Ne.createElement(na,{variant:"title",size:"xmedium"},Ho.t("Auto")),onClick:()=>t("auto"),start:Ne.createElement(NC,{color:"gray"}),end:Ne.createElement(oa,{value:"auto"})}];return Ne.createElement(ne,{header:{title:Ho.t("Theme")}},Ne.createElement(ie,null,Ne.createElement($C,{onValueChange:n=>t(n),value:e},Ne.createElement(MC,{type:Ne.createElement(PC,{title:Ho.t("Theme"),id:"_",onClick:()=>console.log()}),items:o}))))}i(Pm,"ThemePage");function $m(){return Tl(),ai(),_C([{path:$.home,element:Be.createElement(lu,null)},{path:$.fromSwap,children:[{index:!0,element:Be.createElement(_s,{type:"source"})},{path:$.blockchains,element:Be.createElement(Cs,{type:"source"})}]},{path:$.toSwap,children:[{index:!0,element:Be.createElement(_s,{type:"destination"})},{path:$.blockchains,element:Be.createElement(Cs,{type:"destination"})}]},{path:$.settings,children:[{index:!0,element:Be.createElement(Yu,null)},{path:$.themes,element:Be.createElement(Pm,null)},{path:$.languages,element:Be.createElement(cu,null)},{path:$.exchanges,element:Be.createElement(gs,{sourceType:"Exchanges"})},{path:$.bridges,element:Be.createElement(gs,{sourceType:"Bridges"})}]},{path:$.swaps,children:[{index:!0,element:Be.createElement(tu,null)},{path:$.swapDetails,element:Be.createElement(Mm,null)}]},{path:$.wallets,element:Be.createElement(Sp,null)},{path:$.confirmSwap,element:Be.createElement(Vc,null)}])}i($m,"AppRoutes");import{isApprovalTX as DC,MainEvents as _m,RouteEventType as Dm,StepEventType as Fm,StepExecutionEventStatus as FC,useEvents as UC}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Um}from"react";function Om(){let t=h().tokens(),e=G.use.connectedWallets(),o=G.use.getWalletsDetails(),n=Me.use.setNotification(),r=UC();return Um(()=>(r.on(_m.StepEvent,s=>{let{event:a,step:l,route:p}=s;if(a.type===Fm.TX_EXECUTION&&a.status===FC.TX_SENT&&!DC(l)||a.type===Fm.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]),Um(()=>(r.on(_m.RouteEvent,s=>{let{event:a,route:l}=s;(a.type===Dm.FAILED||a.type===Dm.SUCCEEDED)&&n(a,l)}),()=>r.all.clear()),[r,e.length]),null}i(Om,"WidgetEvents");import{globalCss as OC}from"@rango-dev/ui";var zm=i(()=>OC({"@import":["url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap')","url('https://fonts.cdnfonts.com/css/times-new-roman')"]})(),"globalFont");import{styled as zC}from"@rango-dev/ui";var qm=zC("div",{display:"flex",justifyContent:"center",alignItems:"center",fontFamily:"$widget",boxSizing:"border-box",textAlign:"left","& *, *::before, *::after":{boxSizing:"inherit"},"& *:focus-visible":{outlineColor:"$info500",transition:"none"},"& ul, ol, li":{listStyleType:"none"}});function $r(){zm();let{config:t}=h(),{activeTheme:e}=Mn(t?.theme||{}),{activeLanguage:o}=io(),[n,r]=Gm(""),[s,a]=Gm(),l=GC(mn);return QC(()=>{Me.persist.rehydrate(),l.onConnectWallet(r)},[]),Vo.createElement(qC,{language:o},Vo.createElement(qm,{id:"swap-container",className:e()},Vo.createElement(Om,null),Vo.createElement(Ya,{lastConnectedWallet:n,disconnectedWallet:s,clearDisconnectedWallet:()=>{a(void 0)}},Vo.createElement($m,null))))}i($r,"Main");import ia,{useMemo as lT}from"react";import{checkWaitingForNetworkChange as HC,makeQueueDefinition as VC}from"@rango-dev/queue-manager-rango-preset";import{Provider as jC}from"@rango-dev/queue-manager-react";import{useWallets as XC}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as KC}from"@rango-dev/wallets-shared";import{isEvmBlockchain as YC}from"rango-types";import JC,{useMemo as ZC}from"react";function RC(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=XC(),l=ZC(()=>VC({API_KEY:t.apiKey||Gt("API_KEY"),BASE_URL:Gt("BASE_URL")}),[t.apiKey]),p=h().blockchains(),u={blockchains:G.use.connectedWallets().map(y=>({accounts:[y],name:y.chain}))},d=i(async(y,k)=>{if(s(y,k))return r(y,k)},"switchNetwork"),m=i(y=>!!a(y).mobileWallet,"isMobileWallet"),g=p.filter(y=>y.enabled).reduce((y,k)=>(y[k.name]=k,y),{}),T=p.filter(YC),S=i(y=>{let{supportedChains:k}=a(y);return Ro(k)},"getSupportedChainNames"),f=e(),C={meta:{blockchains:g,evmBasedChains:T,evmNetworkChainInfo:KC(T),getSupportedChainNames:S},getSigners:o,wallets:u,providers:f,switchNetwork:d,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:m},x=ce.use.isActiveTab();return JC.createElement(jC,{queuesDefs:[l],context:C,onPersistedDataLoaded:y=>{HC(y)},isPaused:!x},t.children)}i(RC,"QueueManager");var Qm=RC;import{useManager as rT}from"@rango-dev/queue-manager-react";import iT,{createContext as sT,useContext as aT}from"react";import{cancelSwap as eT,getCurrentBlockchainOfOrNull as tT,getCurrentStep as oT,getRelatedWalletOrNull as nT}from"@rango-dev/queue-manager-rango-preset";var jo=class{constructor(e,o){this.manager=e,this.actions=o}getAllSwaps(){return bt(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&&eT(o)}getCurrentStepInfo(e){let o=oT(e);return{step:o,wallet:o?nT(e,o):null,network:o?tT(e,o):null}}};i(jo,"WidgetHistory");var Hm=sT(void 0);function ra(t){let{manager:e}=rT(),o=ce.use.isActiveTab(),n=K.use.retry(),r=new jo(e,{retrySwap:n}),s=G.use.connectedWallets(),a=G.use.loading(),l=Ca(s),p=G.use.getWalletsDetails(),c=h().blockchains(),u=h().tokens(),d=h().swappers(),m=h().fetchStatus,g=io().resetLanguage,T=Me().getUnreadNotifications(),S={isActiveTab:o,setCurrentTabAsActive:cn,history:r,wallets:{isLoading:a,details:s,totalBalance:l,refetch:p},meta:{blockchains:c,tokens:u,swappers:d,loadingStatus:m},resetLanguage:g,notifications:{list:T}};return iT.createElement(Hm.Provider,{value:S},t.children)}i(ra,"WidgetInfo");function Vm(){let t=aT(Hm);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}i(Vm,"useWidget");function _r(t){let{onUpdateState:e,config:o}=t;return lT(()=>{ba({API_KEY:o?.apiKey||Xo,BASE_URL:o?.apiUrl||la})},[o.apiKey,o.apiUrl]),ia.createElement(dn,{config:o,onUpdateState:e},ia.createElement(Qm,{apiKey:o.apiKey},ia.createElement(ra,null,t.children)))}i(_r,"WidgetProvider");function jm(t){return pT(()=>Xa,[]),t.config?.externalWallets?sa.createElement($r,null):sa.createElement(_r,{config:t.config??Qr},sa.createElement($r,null))}i(jm,"Widget");export{PU as EventSeverity,$U as MainEvents,HU as Networks,XU as PendingSwapNetworkStatus,_U as RouteEventType,DU as StepEventType,FU as StepExecutionBlockedEventStatus,UU as StepExecutionEventStatus,Ae as UI_ID,GU as WalletEvents,VU as WalletTypes,jm as Widget,_r as WidgetProvider,dn as WidgetWallets,mi as customizedThemeTokens,qU as readAccountAddress,Ap as useWallets,Vm as useWidget,OU as useWidgetEvents};
+var Jm=Object.defineProperty;var i=(t,e)=>Jm(t,"name",{value:e,configurable:!0});import{EventSeverity as QU,MainEvents as VU,RouteEventType as jU,StepEventType as XU,StepExecutionBlockedEventStatus as KU,StepExecutionEventStatus as YU,useEvents as JU}from"@rango-dev/queue-manager-rango-preset";import{readAccountAddress as RU,useWallets as bp,Events as eO}from"@rango-dev/wallets-react";import{Networks as oO,WalletTypes as nO}from"@rango-dev/wallets-shared";import{PendingSwapNetworkStatus as iO}from"rango-types";import{UI_ID as Zm}from"@rango-dev/ui";var Ko="c6381a79-2817-4602-83bf-6a641a409e32",aa="https://api.rango.exchange",la="https://scan.rango.exchange",be={SWAP_BOX_ID:"rango-swap-box",...Zm};import{Events as jr,Provider as Wd}from"@rango-dev/wallets-react";import{isEvmBlockchain as Nd}from"rango-sdk";import mn,{createContext as Ld,useEffect as Xr,useRef as Bd,useState as Md}from"react";import{useEffect as gd}from"react";import{create as md}from"zustand";import{subscribeWithSelector as dd}from"zustand/middleware";import{RangoClient as cd}from"rango-sdk";import{WalletState as tt}from"@rango-dev/ui";import{readAccountAddress as td}from"@rango-dev/wallets-react";import{detectInstallLink as od,getCosmosExperimentalChainInfo as nd,isEvmAddress as rd,KEPLR_COMPATIBLE_WALLETS as BT,Networks as ma}from"@rango-dev/wallets-shared";import Fr from"bignumber.js";import{isCosmosBlockchain as id}from"rango-types";import Rm from"bignumber.js";var Ae=new Rm(0);import{WalletTypes as ed}from"@rango-dev/wallets-shared";var pa=[ed.LEAP];import{BigNumber as ua}from"bignumber.js";var Yo=i(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),E=i((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new ua(t),r=1,s=1e3;for(let a=0;a<60;a++)if(new ua(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 Jo=i(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var et=i((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),uo=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function se(t){return E(t,12,12).replace(/(?:\.0*|(\.\d+?)0*)$/,"$1")}i(se,"formatTooltipNumbers");function Ur(t){switch(!0){case t.connected:return tt.CONNECTED;case t.connecting:return tt.CONNECTING;case!t.installed:return tt.NOT_INSTALLED;default:return tt.DISCONNECTED}}i(Ur,"mapStatusToWalletState");function da(t,e,o,n){return o.filter(r=>!pa.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=Ur(t(r));return{title:s,image:a,link:od(l),state:p,type:r}})}i(da,"mapWalletTypesToWalletInfo");function en(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(en,"walletAndSupportedChainsNames");function fa(t,e,o,n,r){let s=[];function a(p,c){if(!!!s.find(g=>g.chain===p)){let g={address:c,chain:p,walletType:t};s.push(g)}}i(a,"addAccount");let l=n||[];return e.forEach(p=>{let{address:c,network:u}=td(p),g=l.length>0,m=l.includes(u),d=u===ma.Unknown;if(g&&!m&&!d)return;let y=u===ma.Unknown&&rd(c);if(d&&!y)return;o.includes(u)||y?r?a(u,c.toLowerCase()):l.filter(v=>o.includes(v)).forEach(v=>{a(v,c.toLowerCase())}):a(u,c)}),s}i(fa,"prepareAccountsForWalletStore");function ga(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain;e.includes(n)||e.push(n),e.includes(r)||e.push(r),o.internalSwaps&&Array.isArray(o.internalSwaps)&&o.internalSwaps.forEach(s=>{let a=s.from.blockchain,l=s.to.blockchain;e.includes(a)||e.push(a),e.includes(l)||e.push(l)})}),e}i(ga,"getRequiredChains");function tn(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(tn,"isAccountAndWalletMatched");function ha(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 Fr(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:ad(o,r.asset.symbol,r.asset.address,e)||null}))||[]}i(ha,"makeBalanceFor");function ya(t){return{...t,loading:!1,error:!0}}i(ya,"resetConnectedWalletState");var Sa=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=E(n?.flatMap(s=>s.accounts)?.flatMap(s=>s?.balances)?.map(s=>new Fr(s?.amount||Ae).multipliedBy(s?.usdPrice||0))?.reduce((s,a)=>s.plus(a),Ae)||Ae).toString();return sd(r)},"calculateWalletUsdValue");function sd(t){let e=t.toString().split(".");return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),e.join(".")}i(sd,"numberWithThousandSeparator");var ad=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice"),on=i((t,e)=>{let o=nd(Object.entries(t).map(([,n])=>n).filter(id));return o&&o[e]?.experimental},"isExperimentalChain");function nn(t){return t?{...t,amount:E(t.amount,8,8),usdValue:E(t.usdValue,4,4)}:null}i(nn,"formatBalance");function ld(t,e){return t?.usdValue&&e?.usdValue?parseFloat(e.usdValue)-parseFloat(t.usdValue):!t?.usdValue&&e?.usdValue?1:t?.usdValue&&!e?.usdValue?-1:!t?.usdValue&&!e?.usdValue?parseFloat(e?.amount||"0")-parseFloat(t?.amount||"0"):0}i(ld,"sortTokensByBalance");function pd(t,e,o){let n=o(t),r=o(e);return n===r?0:n?-1:1}i(pd,"sortTokensByPinnedToken");function Ca(t,e,o){return t.sort((n,r)=>{let s=e(n),a=e(r),l=pd(n,r,o);return l!==0?l:ld(s,a)}),t}i(Ca,"sortTokens");function Ie(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(Ie,"areTokensEqual");function Ta(t){return t.sort((e,o)=>+(o.state===tt.CONNECTED)-+(e.state===tt.CONNECTED)||+(o.state===tt.DISCONNECTED||o.state===tt.CONNECTING)-+(e.state===tt.DISCONNECTED||e.state===tt.CONNECTING))}i(Ta,"sortWalletsBasedOnConnectionState");function rn(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(rn,"getConciseAddress");function ka({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(ka,"getAddress");function Or(t){return`${t.blockchain}-${t.symbol}-${t.address??""}`}i(Or,"createTokenHash");function sn(t){return t.flatMap(e=>e.balances).reduce((e,o)=>{let n={amount:o?.amount??"",decimals:o?.decimal??0,usdValue:o?.usdPrice?new Fr(o?.usdPrice??Ae).multipliedBy(o?.amount).toString():""},r=o?Or({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(sn,"makeTokensBalance");var wa=i((t,e)=>!!t.find(o=>o.chain===e&&o.loading),"isFetchingBalance");function va(t){return t.map(e=>e.state).join("-")}i(va,"hashWalletsState");var zr={API_KEY:Ko};function Gt(t){return zr[t]||""}i(Gt,"getConfig");function xa(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),zr=e,zr}i(xa,"initConfig");var ba=20,Aa=25,Ia="Roboto",qr="theme-widget",mo=i((t,e)=>{let o=!1;if(e&&t){if(Array.isArray(e))o=!e.some(n=>Ie(n,t));else if(!Array.isArray(e)&&e[t.blockchain]){o=e[t.blockchain].tokens.some(r=>Ie(r,t));let n=e[t.blockchain].isExcluded;return!n&&!o||n&&o}}return o},"isTokenExcludedInConfig"),Gr=i((t,e)=>t&&e&&!e.includes(t.name),"isBlockchainExcludedInConfig");var an,Ht=i(()=>an||(an=new cd(Gt("API_KEY"),Gt("BASE_URL")),an),"httpService");var ud=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"),Tt=ud;var G=Tt(md()(dd((t,e)=>({connectedWallets:[],balances:{},customDestination:"",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:sn(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=>tn(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:c,chain:u})=>({address:c,blockchain:u})),p=(await Ht().getWalletsDetails(a)).wallets;if(p)t(c=>{let u=c.connectedWallets.map(m=>{let d=o.find(y=>tn(y,m)),C=p.find(y=>y.address===m.address&&y.blockChain===m.chain);return C?.failed&&d&&r&&s([d],n,!1),d&&C?{...m,explorerUrl:C.explorerUrl,balances:ha(C,n),loading:!1}:m});return{loading:!1,balances:sn(u),connectedWallets:u}});else throw new Error("Wallet not found")}catch{t(l=>{let p=l.connectedWallets.map(u=>o.find(g=>tn(g,u))?ya(u):u);return{loading:!1,balances:sn(p),connectedWallets:p}})}},getBalanceFor:o=>{let{balances:n}=e(),r=Or(o);return n[r]??null}}))));import{allProviders as fd}from"@rango-dev/provider-all";function ln(t,e){let o=fd({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(ln,"matchAndGenerateProviders");function Ea(t,e){return ln(t,e).map(r=>r.config.type)}i(Ea,"configWalletsToWalletName");function Wa(t,e){let o=G.use.clearConnectedWallet(),n=ln(void 0,e);return gd(()=>{o(),n=ln(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}i(Wa,"useWalletProviders");import wd,{createContext as vd,useContext as xd,useEffect as bd,useRef as Ad}from"react";import{create as Td}from"zustand";import{persist as kd}from"zustand/middleware";var Hr={apiKey:"",title:void 0,multiWallets:!0,enableNewLiquiditySources:!0,customDestination:!0},Na=i((t,e,o)=>({config:{...Hr,...t},updateConfig:n=>{let r=o().config;e({config:{...r,...n}})}}),"createConfigSlice");function Qt(t){return Array.from(new Set(t))}i(Qt,"removeDuplicateFrom");function Qr(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(Qr,"areEqual");function La(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i(La,"debounce");function Bt(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(Bt,"containsText");var W=i(()=>document.getElementById(be.SWAP_BOX_ID),"getContainer");function pn(t,e){let o=t.map(s=>s.swapperGroup),n=[];return Qt(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(pn,"getUniqueSwappersGroups");function Ba(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}i(Ba,"sortLiquiditySourcesByGroupTitle");function Fe(t,e){return e?.[t]==="hidden"}i(Fe,"isFeatureHidden");function cn(t,e){return e?.[t]==="enabled"}i(cn,"isFeatureEnabled");var Ma=i((t,e)=>({_blockchains:[],_tokens:[],_popularTokens:[],_swappers:[],fetchStatus:"loading",blockchains:o=>{let n=e()._blockchains;if(!o||!o?.type)return n;let r=e().config,s=(o.type==="source"?r.from?.blockchains:r.to?.blockchains)??[];return n.filter(l=>!(s.length>0&&!s.includes(l.name)))},tokens:o=>{let n=e()._tokens;if(!o||!o?.type)return n;let r=e().config,s=(o.type==="source"?r.from?.tokens:r.to?.tokens)??{},a=e().blockchains({type:o.type});return n.filter(p=>s&&mo(p,s)||o.blockchain&&p.blockchain!==o.blockchain||!a.some(c=>c.name===p.blockchain)?!1:o.searchFor?!!(Bt(p.symbol,o.searchFor)||Bt(p.address||"",o.searchFor)||Bt(p.name||"",o.searchFor)):!0).sort((p,c)=>e().isTokenPinned(p,o.type)?-1:e().isTokenPinned(c,o.type)||p.isSecondaryCoin?1:c.isSecondaryCoin||!p.address&&c.address?-1:p.address&&!c.address?1:0)},isTokenPinned:(o,n)=>!!(n==="source"?e().config.from?.pinnedTokens:e().config.to?.pinnedTokens)?.some(a=>Ie(a,o)),swappers:()=>{let{config:{enableNewLiquiditySources:o,liquiditySources:n}}=e();return e()._swappers.filter(a=>{let l=n?.includes(a.swapperGroup);return o||!n||n.length===0?!l:l}).sort(Ba)},fetch:async()=>{try{let o=await Ht().getAllMetadata();t({fetchStatus:"success"});let n=[],r=[],s=o.popularTokens,a=o.swappers,l=new Set;o.tokens.forEach(p=>{l.add(p.blockchain),r.push(p)}),o.blockchains.forEach(p=>{p.enabled&&l.has(p.name)&&n.push(p)}),n.sort((p,c)=>p.sort-c.sort),t({_blockchains:n,_tokens:r,_popularTokens:s,_swappers:a})}catch(o){throw t({fetchStatus:"failed"}),o}}}),"createDataSlice");import{English as hd,French as yd,Japanese as Sd,Spanish as Cd}from"@rango-dev/ui";var Pa=[{title:"English",label:"English",local:"en",SVGFlag:hd},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:Cd},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:yd},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:Sd}],fo="en";var $a=[.5,1,3],_a=1,Da=5,Fa=100,Ua=0;var Oa=i((t,e)=>({disabledLiquiditySources:[],theme:"auto",language:null,preferredBlockchains:[],slippage:_a,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<=10-1;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=Qt(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=Fe("theme",n),s=Fe("language",n),a=Fe("liquiditySource",n);t({...r&&{theme:"auto"},...s&&{language:fo},...a&&{disabledLiquiditySources:[]}})}}),"createSettingsSlice");function za(t){return Td()(kd((...e)=>({...Ma(...e),...Oa(...e),...Na(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(za,"createAppStore");var qa=vd(null);function h(){let t=xd(qa);if(bd(()=>{t&&!t.persist.hasHydrated()&&t.persist.rehydrate()},[]),!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}i(h,"useAppStore");function Ga(t){let e=Ad();return e.current||(e.current=za(t.config)),wd.createElement(qa.Provider,{value:e.current},t.children)}i(Ga,"AppStoreProvider");import{create as Ed}from"zustand";var Ha="rango-widget";var Vt=class{constructor(e){this.state="not-initiated";this.events={};this.forceClaim=()=>{if(!this.isClaimed()){let e={name:"force-claim",candidateId:this.tabId};this.channel.postMessage(e),setTimeout(()=>{this.isClaimed()||this.claim()},300)}};this.isClaimed=()=>this.state==="claimed";this.destroy=()=>{this.channel.removeEventListener("message",this.handleMessageEvent),document.removeEventListener("visibilitychange",this.handleVisibilityChange),document.removeEventListener("resume",this.handleResume)};this.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.`)}};this.handleVisibilityChange=async()=>{document.visibilityState==="visible"&&await this.tryClaim()};this.handleResume=async()=>{this.isClaimed()&&(await this.tryClaim(),this.isClaimed()||this.events.onRelease?.())};this.channel=new BroadcastChannel(Ha),this.tabId=Math.trunc(Math.random()*1e5),this.events=e,this.initEvents(),this.tryClaim()}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}}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)}}};i(Vt,"TabManager");var pe=Tt(Ed()((t,e)=>({isActiveTab:!1,tabManagerInitiated:!1,showActivateTabModal:!1,activateCurrentTab:(o,n)=>{let{showActivateTabModal:r}=e();!r&&n?t({showActivateTabModal:!0}):(r||!n)&&o()},setShowActivateTabModal:o=>{t({showActivateTabModal:o})}}))),Va=new Vt({onInit:()=>pe.setState({tabManagerInitiated:!0}),onClaim:()=>pe.setState({isActiveTab:!0,showActivateTabModal:!1}),onRelease:()=>pe.setState({isActiveTab:!1})}),un=Va.forceClaim,ja=Va.destroy;var dn=Ld({onConnectWallet:()=>{}});function Pd(t){let{updateConfig:e,updateSettings:o,fetch:n}=h(),r=h().blockchains(),s=h().tokens(),a={walletConnectProjectId:t.config?.walletConnectProjectId},[l,p]=Md([]),{providers:c}=Wa(t.config.wallets,a),{connectWallet:u,disconnectWallet:g}=G(),m=Bd();Xr(()=>{n().catch(console.log)},[]),Xr(()=>{t.config&&(e(t.config),o(t.config))},[t.config]);let d=r.filter(Nd).map(f=>f.name),C=i((f,S,v,T,k)=>{if(S===jr.ACCOUNTS)if(v){let A=en(k.supportedBlockchains),w=fa(f,v,d,A,k.isContractWallet);p(w)}else g(f);if(S===jr.ACCOUNTS&&T.connected){let A=`${f}-${T.network}-${v}`;T.connected&&(m.current?m.current(A):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(S===jr.NETWORK&&T.network){let A=`${f}-${T.network}`;m.current?m.current(A):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(f,S,v,T,k)},"onUpdateState"),y=pe.use.isActiveTab();return Xr(()=>{l.length&&u(l,s)},[l,s]),mn.createElement(dn.Provider,{value:{onConnectWallet:f=>{m.current=f}}},mn.createElement(Wd,{allBlockChains:r,providers:c,onUpdateState:C,autoConnect:!!y},t.children))}i(Pd,"Main");function fn(t){let{config:e,...o}=t;return mn.createElement(Ga,{config:e},mn.createElement(Pd,{...o,config:e}))}i(fn,"WidgetWallets");import ia,{useEffect as hT}from"react";import{I18nManager as KC}from"@rango-dev/ui";import jo,{useContext as YC,useEffect as JC,useState as Qm}from"react";import{useQueueManager as Ud}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Od}from"@rango-dev/wallets-react";import{isEvmBlockchain as zd}from"rango-types";import qd,{Fragment as Gd}from"react";import{MemoryRouter as Hd,useInRouterContext as Qd}from"react-router";import{useWallets as _d}from"@rango-dev/wallets-react";import{useEffect as Dd,useRef as Fd}from"react";function Xa(){let{connect:t,state:e}=_d(),o=Fd({}),{fetchStatus:n}=h(),r=new URLSearchParams(location.search).get("autoConnect")||"",s=e(r);Dd(()=>{n==="success"&&r&&s.installed&&!s.connecting&&!s.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[s,n])}i(Xa,"useForceAutoConnect");function Ka({children:t,...e}){let n=Qd()?Gd:Hd,r=h().blockchains(),{canSwitchNetworkTo:s}=Od();Xa();let a=r.filter(zd);return Ud({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:s}),qd.createElement(n,null,t)}i(Ka,"AppRouter");import Be from"react";import{useRoutes as GC}from"react-router-dom";var P={home:"/",fromSwap:"from-swap",toSwap:"to-swap",blockchains:"blockchains",settings:"settings",liquiditySources:"liquidity-sources",themes:"themes",bridges:"bridges",exchanges:"exchanges",languages:"languages",swaps:"swaps",wallets:"wallets",confirmSwap:"confirm-swap",swapDetails:":requestId"};import{useEffect as Xt,useRef as vn}from"react";import vt from"bignumber.js";import{create as Jd}from"zustand";import{subscribeWithSelector as Zd}from"zustand/middleware";import{getLastSuccessfulStep as Yd}from"@rango-dev/queue-manager-rango-preset";import fv from"bignumber.js";var kt=(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))(kt||{});function Ya(t,e){return e.find(o=>o.name===t)?.displayName}i(Ya,"getBlockchainDisplayNameFor");function Ue(t,e){return e.find(o=>o.name===t)?.shortName}i(Ue,"getBlockchainShortNameFor");function go(t,e){return e.find(o=>o.id===t)?.swapperGroup}i(go,"getSwapperDisplayName");function Kr(t,e){return e.find(o=>Ie(o,t))??null}i(Kr,"findToken");function Yr(t,e){return e.find(o=>o.name===t)??null}i(Yr,"findBlockchain");import{i18n as Ve}from"@lingui/core";import Ee from"bignumber.js";import{PendingSwapNetworkStatus as Sn}from"rango-types";function gn(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,s=e[e.length-1];n!=s&&e.push(n),s=e[e.length-1],r!=s&&e.push(r)}),e}i(gn,"getRequiredWallets");function hn(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(hn,"isValidAddress");import{i18n as we}from"@lingui/core";var X=i(()=>({genericServerError:we.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:we.t("Please reset your liquidity sources."),description:we.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources.")},noResultError:{title:we.t("No Routes Found."),description:we.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:we.t("Bridge Limit Error: Please increase your amount."),decreaseAmount:we.t("Bridge Limit Error: Please decrease your amount.")},highValueLossError:{impactTitle:we.t("High Price Impact"),title:we.t("Price impact is too high!"),description:we.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:we.t("Confirm high price impact")},quoteUpdatedWithHighValueLoss:{title:we.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:we.t("USD Price Unknown"),title:we.t("USD Price Unknown, Cannot calculate Price Impact."),description:we.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:we.t("Confirm USD Price Unknown")}}),"errorMessages");function Ja(t){switch(t.type){case 0:return t.diagnosisMessage??X().noResultError.title;case 1:return X().genericServerError;default:return""}}i(Ja,"getQuoteErrorMessage");import{i18n as yn}from"@lingui/core";var Mt=i(()=>({connectWallet:yn.t("Connect Wallet"),swap:yn.t("Swap"),swapAnyway:yn.t("Swap anyway"),ethWarning:yn.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function Za(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new Ee(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new Ee(1e3)))??!1}i(Za,"hasHighValueLoss");function Jr(t){return(t?.result?.swaps||[]).filter(e=>{let o=e.fromAmountMinValue?new Ee(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Ee(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(Jr,"hasLimitError");function Zr(t){let e=(t.result?.swaps||[]).filter(l=>{let p=l.fromAmountMinValue?new Ee(l.fromAmountMinValue):null,c=l.fromAmountMaxValue?new Ee(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 Ee(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Ee(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",s="",a="";return!r&&o&&o.gt(e.fromAmount)?(s=Ve.t({id:"Required: >= {min} {symbol}",values:{min:E(o,6,6),symbol:e.from.symbol}}),a=X().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(s=Ve.t({id:"Required: > {min} {symbol}",values:{min:E(o,6,6),symbol:e.from.symbol}}),a=X().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(s=Ve.t({id:"Required: <= {max} {symbol}",values:{max:E(n,6,6),symbol:e.from.symbol}}),a=X().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(s=Ve.t({id:"Required: < {max} {symbol}",values:{max:E(n,6,6),symbol:e.from.symbol}}),a=X().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:s,recommendation:a}}i(Zr,"getLimitErrorMessage");function Ra(t){let{fetchMetaStatus:e,anyWalletConnected:o,fetchingQuote:n,inputAmount:r,quote:s,warning:a,error:l,needsToWarnEthOnPath:p}=t;return e!=="success"?{title:Mt().connectWallet,action:"connect-wallet",disabled:!0}:o?n||!s||!s.result||l||!r||r==="0"?{title:Mt().swap,action:"confirm-swap",disabled:!0}:a?{title:Mt().swapAnyway,action:"confirm-warning",disabled:!1}:p?{title:Mt().ethWarning,action:"confirm-warning",disabled:!1}:{title:Mt().swap,action:"confirm-swap",disabled:!1}:{title:Mt().connectWallet,action:"connect-wallet",disabled:!1}}i(Ra,"getSwapButtonState");function Rr(t,e,o){return!((!o||o.lte(Ae))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}i(Rr,"canComputePriceImpact");function Vd(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,s=e[e.length-1];n!=s&&e.push(n),s=e[e.length-1],r!=s&&e.push(r)}),e}i(Vd,"requiredWallets");var jd=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice");function Xd(t,e){let o=Ae;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let s=jd(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new Ee(r.amount).multipliedBy(s||0))}return o}i(Xd,"getUsdFeeOfStep");function Cn(t,e){return t.reduce((o,n)=>o.plus(Xd(n,e)),Ae)}i(Cn,"getTotalFeeInUsd");function ei(t){let e=Ae;return e=e.plus(new Ee(t.amount).multipliedBy(t.price||0)),e}i(ei,"getUsdFee");function el(t){return t.reduce((e,o)=>e.plus(ei(o)),Ae)}i(el,"getTotalFeesInUsd");function tl(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(tl,"getFeesGroup");function ti(t){let e=new Map;return t.result?.swaps.forEach((o,n)=>{o.recommendedSlippage?.error&&e.set(n,o.recommendedSlippage.slippage)}),e.size>0?e:null}i(ti,"checkSlippageErrors");function ol(t,e){let o=new Map;return t.result?.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 Tn(t){return t.result?.swaps.map(o=>o.recommendedSlippage)?.map(o=>o?.slippage||"0")?.filter(o=>parseFloat(o)>0)?.sort((o,n)=>parseFloat(n)-parseFloat(o))?.find(()=>!0)||null}i(Tn,"getMinRequiredSlippage");function nl(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(nl,"hasProperSlippage");function kn(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:s,disabledLiquiditySources:a,liquiditySources:l,excludeLiquiditySources:p,slippage:c,affiliateRef:u,affiliatePercent:g,affiliateWallets:m,initialQuote:d,destination:C}=t,y=s?.reduce((k,A)=>(k[A.chain]=A.address,k),{}),f=[];r?.forEach(k=>{let A=f.find(w=>w.blockchain===k.chain);A?A.addresses.push(k.address):f.push({blockchain:k.chain,addresses:[k.address]})});let S=!!d,v=Qt((d?.result?.swaps||[]).reduce((k,A)=>(k.push(A.from.blockchain,A.to.blockchain),A.internalSwaps&&Array.isArray(A.internalSwaps)&&A.internalSwaps.map(w=>{k.push(w.from.blockchain,w.to.blockchain)}),k),[]));return{amount:n.toString(),affiliateRef:u??void 0,affiliatePercent:g??void 0,affiliateWallets:m??void 0,checkPrerequisites:S,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:f,selectedWallets:y??{},slippage:c.toString(),...C&&{destination:C},...p&&{swapperGroups:a.concat(l??[]),swappersGroupsExclude:!0},...!p&&{swapperGroups:l?.filter(k=>!a.includes(k)),swappersGroupsExclude:!1},...S&&{blockchains:v}}}i(kn,"createQuoteRequestBody");function rl(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(rl,"getWalletsForNewSwap");function jt(t){return t.result?.outputAmount||null}i(jt,"getQuoteOutputAmount");function il(t,e){return new Ee(e).div(new Ee(t)).minus(1).multipliedBy(100).toNumber()}i(il,"getPercentageChange");function sl(t,e){let o=jt(t),n=jt(e);if(!o||!n)return!1;let r=Oe(o,n);return r?r<=-1:!0}i(sl,"isOutputAmountChangedALot");function al(t,e,o){let n=t.validationStatus,r=ga(t);return e.sort((a,l)=>r.indexOf(a.chain)-r.indexOf(l.chain)).flatMap(a=>dl(a,n)||[]).filter(a=>!a.ok).map(a=>{let l=a.asset.symbol,p=E(new Ee(a.currentAmount.amount).shiftedBy(-a.currentAmount.decimals),8,8),c=E(new Ee(a.requiredAmount.amount).shiftedBy(-a.requiredAmount.decimals),8,8),u="";return a.reason==="FEE"&&(u=Ve.t(" for network fee")),a.reason==="INPUT_ASSET"&&(u=Ve.t(" for swap")),a.reason==="FEE_AND_INPUT_ASSET"&&(u=Ve.t(" for input and network fee")),Ve.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:Ue(a.asset.blockchain,o)}})})}i(al,"generateBalanceWarnings");function ll(t,e){return(t?new Ee(t):Ae).multipliedBy(e||0)}i(ll,"calcOutputUsdValue");function ho(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==Sn.NetworkChanged}i(ho,"isNetworkStatusInWarningState");function pl(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),ho(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case Sn.WaitingForConnectingWallet:n=n||Ve.t("Waiting for connecting wallet");break;case Sn.WaitingForQueue:n=n||Ve.t("Waiting for other running tasks to be finished");break;case Sn.WaitingForNetworkChange:n=n||Ve.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(pl,"getSwapMessages");function cl(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(cl,"getLastConvertedTokenInFailedSwap");function ul(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}i(ul,"shouldRetrySwap");function ml(t,e,o,n,r,s){return t||!e&&!Vd(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!hn(s,o)}i(ml,"confirmSwapDisabled");function gl(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}i(gl,"getQuoteToTokenUsdPrice");function oi(t,e){let o=t.result?.swaps||[],n=e.result?.swaps||[];return o.length!==n.length}i(oi,"isNumberOfSwapsChanged");function ni(t,e){let o=t.result?.swaps.map(r=>r.swapperId)||[],n=e.result?.swaps.map(r=>r.swapperId)||[];return!Qr(o,n)}i(ni,"isQuoteSwappersUpdated");function ri(t,e){let o=t.result?.swaps.map(r=>r.to.symbol)||[],n=e.result?.swaps.map(r=>r.to.symbol)||[];return!Qr(o,n)}i(ri,"isQuoteInternalCoinsUpdated");function hl(t,e){return oi(t,e)||ni(t,e)||ri(t,e)}i(hl,"isQuoteChanged");function dl(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(dl,"getRequiredBalanceOfWallet");function mt(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(mt,"getPriceImpactLevel");function yl(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],s=Yd(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=Yr(s?s.toBlockchain:n.fromBlockchain,e),p=Yr(r.toBlockchain,e),c=Kr(s?{blockchain:l?.name??"",symbol:s.toSymbol,address:s.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),u=Kr(a,o),g=s?s.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:c,toBlockchain:p,toToken:u,inputAmount:g}}i(yl,"createRetryQuote");function wn(t,e){let{fromToken:o,toToken:n,tokens:r,userSlippage:s}=e,a=Pt(o,t.requestAmount),l=Pt(n,t.result?.outputAmount??"");if(t.result&&a&&l){let u=Oe(a.toString(),l.toString());if(!!u&&Za(a,u)){let m=Cn(t.result.swaps,r),d=mt(u);return{type:0,inputUsdValue:a,outputUsdValue:l,priceImpact:u,totalFee:m,warningLevel:d}}}else if(t.result&&(!a||!l))return{type:1};let p=Tn(t),c=s>Da;if(nl(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(wn,"generateQuoteWarnings");function Oe(t,e){let o=typeof e=="string"?parseFloat(e)<=0:!e?.gt(0),n=!t||!e||o?null:il(t.toString(),e.toString());return n&&n<0?n:null}i(Oe,"getPriceImpact");var Sl=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");var Pt=i((t,e)=>t?.usdPrice?new vt(e||Ae).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),K=Tt(Jd()(Zd(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new vt(0),outputUsdValue:new vt(0),toBlockchain:null,toToken:null,quote:null,quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:"",quoteWarningsConfirmed:!1,setQuote:e=>t(o=>{let n=null,r=Ae;return uo(o.inputAmount)?(e&&(n=e.result?.outputAmount?new vt(e.result?.outputAmount):null,r=ll(e.result?.outputAmount,gl(e)||o.toToken?.usdPrice)),{quote:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetQuote:()=>t(()=>({quote:null,outputAmount:null,outputUsdValue:new vt(0)})),setFromBlockchain:e=>{t(o=>o.fromBlockchain?.name===e?.name?{}:{fromBlockchain:e,...o.fromToken&&{quote: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:Pt(e.token,o.inputAmount)}})),setToBlockchain:e=>{t(o=>o.toBlockchain?.name===e?.name?{}:{toBlockchain:e,...o.toToken&&{quote: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 vt(0),outputUsdValue:new vt(0),quote:null},...!!o.fromToken&&{inputUsdValue:Pt(o.fromToken,e)}}))},retry:(e,o)=>{let{tokens:n,blockchains:r}=o,{fromBlockchain:s,fromToken:a,toBlockchain:l,toToken:p,inputAmount:c}=yl(e,r,n);t({fromBlockchain:s,fromToken:a,inputAmount:c,outputAmount:null,inputUsdValue:Pt(a??null,c),outputUsdValue:new vt(0),toBlockchain:l,toToken:p,quote:null})},switchFromAndTo:()=>t(e=>({fromBlockchain:e.toBlockchain,fromToken:e.toToken,toBlockchain:e.fromBlockchain,toToken:e.fromToken,inputAmount:e.outputAmount?.toString()||"",inputUsdValue:Pt(e.toToken,e.outputAmount?.toString()||"")})),resetFromBlockchain:()=>t(()=>({fromToken:null,fromBlockchain:null,outputAmount:null,outputUsdValue:null,quote:null})),resetToBlockchain:()=>t(()=>({toToken:null,toBlockchain:null,outputAmount:null,outputUsdValue:null,quote:null})),setQuoteWalletConfirmed:e=>t({quoteWalletsConfirmed:e}),setSelectedWallets:e=>t({selectedWallets:e}),setCustomDestination:e=>t({customDestination:e}),resetQuoteWallets:()=>t({quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:""}),setQuoteWarningsConfirmed:e=>t({quoteWarningsConfirmed:e})}))));function Cl(){let{setInputAmount:t,setToToken:e,setToBlockchain:o,setFromBlockchain:n,setFromToken:r,fromToken:s,toToken:a,fromBlockchain:l,toBlockchain:p}=K(),c=h().config,u=h().fetchStatus,g=h().blockchains(),m=h().tokens(),{setAffiliateRef:d,setAffiliatePercent:C,setAffiliateWallets:y}=h(),f=c?.from?.tokens,S=c?.from?.blockchains,v=c?.to?.tokens,T=c?.to?.blockchains,k=vn(void 0),A=vn(void 0),w=vn(void 0),x=vn(void 0);Xt(()=>{t(c?.amount?.toString()||"")},[c?.amount]),Xt(()=>{if(u==="success"){let b=g.find(N=>N.name===c?.from?.blockchain),I=m.find(N=>Ie(N,c?.from?.token||null));(b||!b&&w.current)&&n(b??null),I?r({token:I,meta:{blockchains:g,tokens:m}}):!I&&k.current&&r({token:null}),w.current=c?.from?.blockchain,k.current=c?.from?.token}},[c?.from?.token?.symbol,c?.from?.token?.address,c?.from?.token?.blockchain,c?.from?.blockchain,u]),Xt(()=>{mo(s,f)&&r({token:null}),Gr(l,S)&&n(null)},[f,S]),Xt(()=>{mo(a,v)&&r({token:null}),Gr(p,T)&&o(null)},[v,T]),Xt(()=>{if(u==="success"){let b=g.find(N=>N.name===c?.to?.blockchain),I=m.find(N=>Ie(N,c?.to?.token||null));(b||!b&&x.current)&&o(b??null),I?e({token:I,meta:{blockchains:g,tokens:m}}):!I&&A.current&&e({token:null}),x.current=c?.to?.blockchain,A.current=c?.to?.token}},[c?.to?.token?.symbol,c?.to?.token?.address,c?.to?.token?.blockchain,c?.to?.blockchain,u]),Xt(()=>{d(c?.affiliate?.ref??null),C(c?.affiliate?.percent??null),y(c?.affiliate?.wallets??null)},[c?.affiliate?.ref,c?.affiliate?.percent,c?.affiliate?.wallets])}i(Cl,"useSyncStoresWithConfig");import{useEffect as Tl}from"react";import{useInRouterContext as Rd,useLocation as ef,useSearchParams as tf}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 si(t){if(t)return`${t.symbol}${t.address?`--${t.address}`:""}`}i(si,"tokenToSearchParam");function ai(){let t=ef(),[e,o]=tf(),{fromBlockchain:n,toBlockchain:r,fromToken:s,toToken:a,inputAmount:l,setFromBlockchain:p,setToBlockchain:c,setFromToken:u,setToToken:g,setInputAmount:m}=K(),d=h().fetchStatus,C=h().blockchains(),y=h().tokens(),f=Rd(),S=i(()=>{let T=e.get("fromAmount"),k=e.get("fromBlockchain"),A=e.get("fromToken"),w=e.get("toBlockchain"),x=e.get("toToken"),b=e.get("autoConnect");return{fromAmount:T,fromBlockchain:k,fromToken:A,toBlockchain:w,toToken:x,autoConnect:b}},"getUrlSearchParams"),v=i(T=>{for(let k in T)T[k]||delete T[k];o(T,{replace:!0})},"updateUrlSearchParams");Tl(()=>{let{autoConnect:T}=S();f&&d==="success"&&v({["fromBlockchain"]:n?.name,["fromToken"]:si(s),["toBlockchain"]:r?.name,["toToken"]:si(a),["fromAmount"]:l,["autoConnect"]:T??void 0})},[t.pathname,l,n,s,r,a]),Tl(()=>{if(!f)return;let T=S();if(T.fromAmount&&m(T.fromAmount),d==="success"){let k=C.find(b=>b.name===T.fromBlockchain),A=ii(y,T.fromToken,k??null),w=C.find(b=>b.name===T.toBlockchain),x=ii(y,T.toToken,w??null);k&&(p(k),A&&u({token:A,meta:{blockchains:C,tokens:y}})),w&&(c(w),x&&g({token:x,meta:{blockchains:C,tokens:y}}))}},[d])}i(ai,"useSyncUrlAndStore");import{i18n as lr}from"@lingui/core";import{useManager as Gh}from"@rango-dev/queue-manager-react";import{Alert as Gc,Button as Hh,css as os,Divider as ts,IconButton as Hc,SettingsIcon as Qh,styled as Vh,Tooltip as jh,Typography as Xh,WalletIcon as Kh}from"@rango-dev/ui";import ae,{useEffect as Bo,useLayoutEffect as Yh,useRef as Jh,useState as pr}from"react";import{flushSync as Zh}from"react-dom";import{useLocation as Rh,useNavigate as ey}from"react-router-dom";import{i18n as ot}from"@lingui/core";import{Alert as Bi,BalanceErrors as Mg,Button as Ap,ChevronDownIcon as Pg,ChevronLeftIcon as $g,Divider as eo,MessageBox as _g,Modal as Ip,Typography as Qn,WalletIcon as Dg}from"@rango-dev/ui";import L,{useEffect as Fg,useState as _t}from"react";import{useNavigate as Ug}from"react-router-dom";import{i18n as xn}from"@lingui/core";function bn(t){switch(t.type){case 0:return xn.t("Route has been updated.");case 3:return xn.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return xn.t("Route swappers has been updated.");case 2:return xn.t("Route internal coins has been updated.");default:return""}}i(bn,"getQuoteUpdateWarningMessage");import Wn,{useLayoutEffect as sf,useRef as af}from"react";import*as Kt from"@radix-ui/react-collapsible";import{keyframes as kl,styled as An}from"@rango-dev/ui";var yo=300,nf=kl({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),rf=kl({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),wl=An(Kt.Root,{borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),li=An(Kt.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit",cursor:"pointer"}),In=An(Kt.Content,{overflow:"hidden",variants:{open:{true:{animation:`${nf} ${yo}ms ease-out`},false:{animation:`${rf} ${yo}ms ease-out`}}}}),En=An("div",{transition:`all ${yo}ms ease`,display:"flex",alignItems:"center",variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}});function Nn(t){let{open:e,hasSelected:o,onOpenChange:n,children:r,onClickTrigger:s,trigger:a,triggerAnchor:l}=t,p=af(null);return sf(()=>{e&&p.current&&setTimeout(()=>{p?.current?.scrollIntoView({behavior:"smooth"})},yo)},[e]),Wn.createElement(wl,{ref:p,className:"collapsible_root",selected:o&&e,open:e,onOpenChange:n},l==="top"&&Wn.createElement(li,{className:"collapsible_trigger",onClick:s},a),Wn.createElement(In,{className:"collapsible_content",open:e},r),l==="bottom"&&Wn.createElement(li,{className:"collapsible_trigger",onClick:s},a))}i(Nn,"CustomCollapsible");import{Button as lf,css as vl,darkTheme as Yt,IconButton as pf,styled as ze,TextField as cf}from"@rango-dev/ui";var xl=ze("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),bl=ze("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),uf=ze("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${Yt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${Yt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${Yt} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),Al=ze(uf,{alignSelf:"stretch",minHeight:"93px"}),Il=ze("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),El=ze(pf,{position:"absolute",left:"$20"}),Wl=ze("div",{paddingTop:"$20"}),Nl=vl({display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Ll=ze("div",{padding:"$10 $0","& .button__content":{display:"flex",alignItems:"center"},"& .alarms":{paddingTop:"$5"},"& .collapsible_content":{backgroundColor:"$neutral100"},"& .collapsible_root":{backgroundColor:"$neutral200"}}),Bl=vl({paddingTop:"$5"}),Ml=ze("div",{display:"flex"}),Pl=ze(cf,{backgroundColor:"$neutral100",padding:"$0 $15 $15 $15"}),$l=ze("div",{overflow:"visible",width:"100%"}),_l=ze(lf,{width:"100%",borderRadius:"$sm !important",padding:"$15 !important",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${Yt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${Yt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${Yt} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}});import{i18n as Xe}from"@lingui/core";import{Button as Ng,Divider as Ni,Image as Lg,MessageBox as Hn,Modal as kp,SelectableWallet as Bg,Typography as wp,WalletState as vp}from"@rango-dev/ui";import ie,{useEffect as xp,useState as ko}from"react";import{WalletState as pi}from"@rango-dev/ui";import{useWallets as mf}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as df,WalletTypes as Ln}from"@rango-dev/wallets-shared";import{useCallback as ff,useEffect as Dl,useRef as gf,useState as hf}from"react";var yf=Object.values(Ln);function Bn(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:l,connect:p}=mf(),{connectedWallets:c}=G(),u=h().blockchains(),g=gf(!1),m=Ea(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||yf,d=da(s,l,m,o),C=Ta(d),[y,f]=hf(""),S=i(w=>!c.find(x=>x.walletType===w&&x.chain===o),"isExperimentalChainNotAdded"),v=i(async w=>{let x=s(w);try{if(y&&f(""),x.connected)await a(w);else{let b=!!d.find(I=>I.state===pi.CONNECTED);if(!e?.multiWallets&&b)return;n?.(w),await p(w),r?.(w)}}catch(b){f("Error: "+b?.message)}},"handleClick"),T=ff(()=>{let w=d?.filter(x=>x.state===pi.CONNECTING)||[];for(let x of w)a(x.type)},[va(d)]);Dl(()=>()=>{g.current=!0},[]),Dl(()=>()=>{g.current&&T()},[T]);let k=i(w=>w.filter(b=>b.state!=pi.NOT_INSTALLED&&![Ln.DEFAULT,Ln.WALLET_CONNECT_2].includes(b.type)&&l(b.type).supportedChains.filter(I=>I.type=="EVM").length>0).length==0,"shouldShowDefaultInjectedWallet"),A=i((w,x,b)=>on(b,x)&&S(w)&&!df.includes(w)||w==Ln.DEFAULT&&!k(d),"shouldExcludeWallet");return{list:C.filter(w=>!A(w.type,o??"",u)),error:y,handleClick:v,disconnectConnectingWallets:T}}i(Bn,"useWalletList");import{i18n as fp}from"@lingui/core";import{styled as hp,Typography as vg,Wallet as xg,WalletState as bg}from"@rango-dev/ui";import Rt,{useState as gp}from"react";import{useManager as cg}from"@rango-dev/queue-manager-react";import{BottomLogo as ug,Divider as lp,Header as mg}from"@rango-dev/ui";import me,{useEffect as dg,useRef as fg}from"react";import{useNavigate as Sf}from"react-router-dom";function xt(){let t=Sf();return()=>t(-1)}i(xt,"useNavigateBack");import{createTheme as di,darkTheme as vf,lightTheme as xf}from"@rango-dev/ui";import{useEffect as zl,useState as bf}from"react";import{theme as kf,darkColors as wf}from"@rango-dev/ui";var Fl=i((t,e)=>{t=t.replace(/^#/,""),t.length===3&&(t=t[0]+t[0]+t[1]+t[1]+t[2]+t[2]);let[s,a,l]=t.match(/.{2}/g);[s,a,l]=[parseInt(s,16)+e,parseInt(a,16)+e,parseInt(l,16)+e],s=Math.max(Math.min(255,s),0).toString(16),a=Math.max(Math.min(255,a),0).toString(16),l=Math.max(Math.min(255,l),0).toString(16);let p=(s.length<2?"0":"")+s,c=(a.length<2?"0":"")+a,u=(l.length<2?"0":"")+l;return`#${p}${c}${u}`},"colorShade"),Mn=i((t,e)=>{let a={[t]:e};for(let l=1;l<10;l++)l<5&&(a={...a,[t+l*100]:Fl(e,(5-l)*25)}),l===5&&(a={...a,[t+l*100]:e}),l>5&&(a={...a,[t+l*100]:Fl(e,-((l-5)*25))});return a},"generateRangeColors"),ci=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];if(a&&a!==t[s])if(n=!0,s==="background"||s==="foreground")r={...r,[s]:a};else if(s==="neutral"&&e){let l=Mn(s,a);r={...r,[`${s}100`]:l[`${s}900`],[`${s}200`]:l[`${s}800`],[`${s}300`]:l[`${s}700`],[`${s}400`]:l[`${s}600`],[`${s}500`]:l[`${s}500`],[`${s}600`]:l[`${s}400`],[`${s}700`]:l[`${s}300`],[`${s}800`]:l[`${s}200`],[`${s}900`]:l[`${s}100`]}}else r={...r,...Mn(s,a)}}return n?r:{}},"generateColors");var Ul=i(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),Cf=i(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=Ul(o%52)+e;return Ul(o%52)+e},"toAlphabeticName"),Tf=i((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),ui=i(t=>Cf(Tf(5381,JSON.stringify(t))>>>0),"toHash");function mi(t){let e=kf.colors,o=ci({...e,...wf},!0,t?.dark),n=ci(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:`${qr}-light-${ui(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${qr}-dark-${ui(p)}`,tokens:p}}return{light:a,dark:l}}i(mi,"customizedThemeTokens");function Ol(t,e){if(t.length<=1)return t;let o=[];return t.forEach((n,r)=>{o.push(n),r<t.length-1&&o.push(e)}),o}i(Ol,"joinList");function Pn(t){let{colors:e,fontFamily:o=Ia,borderRadius:n=ba,secondaryBorderRadius:r=Aa,mode:s="auto"}=t,[a,l]=bf("light"),{setTheme:p,theme:c}=h(),{dark:u,light:g}=mi(e),m=di({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),d=[m.className,xf.className],C=[m.className,vf.className];if(g){let f=di(g.id,g.tokens);d.push(f.className)}if(u){let f=di(u.id,u.tokens);C.push(f.className)}return zl(()=>{let f=i(S=>{S.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",f),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",f)}},[]),zl(()=>{s!=="auto"&&p(s)},[s]),{activeTheme:i(()=>{let f=d.join(" "),S=C.join(" ");return c==="auto"?a==="dark"?S:f:c==="dark"?S:f},"getActiveTheme")}}i(Pn,"useTheme");var bt=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 ql}from"@lingui/core";import{Alert as Af,Button as If}from"@rango-dev/ui";import Gl from"react";function fi(t){return Gl.createElement(Af,{action:Gl.createElement(If,{onClick:t.onActivateTab,variant:"contained",size:"xxsmall",type:"warning"},ql.t("Activate")),type:"warning",variant:"alarm",title:ql.t("Another tab is open and handles transactions. You can activate this tab.")})}i(fi,"ActivateTabAlert");import{i18n as gi}from"@lingui/core";import{Button as Ef,Divider as Wf,MessageBox as Nf,Modal as Lf}from"@rango-dev/ui";import $n from"react";function hi(t){let{open:e,onClose:o,onConfirm:n}=t;return $n.createElement(Lf,{open:e,dismissible:!0,onClose:o,container:W()},$n.createElement(Nf,{title:gi.t("Activate current tab"),type:"warning",description:gi.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.")},$n.createElement(Wf,{size:20}),$n.createElement(Ef,{variant:"contained",size:"large",type:"primary",fullWidth:!0,onClick:n},gi.t("Confirm"))))}i(hi,"ActivateTabModal");import{ChevronLeftIcon as Pf}from"@rango-dev/ui";import jl from"react";import{darkTheme as Bf,IconButton as Mf,styled as So}from"@rango-dev/ui";var qe=So(Mf,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),Hl=So("div",{position:"absolute",background:"$secondary500",[`.${Bf} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),Jt=So("div",{display:"flex",justifyContent:"flex-end",minWidth:"$40",button:{padding:0}}),Ql=So("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"}),Vl=So("div",{padding:"$2",variants:{isRefetched:{true:{transform:"rotate(360deg)",transition:"transform 1s ease-in-out"}}}});function yi(t){return jl.createElement(qe,{variant:"ghost",size:"small",onClick:t.onClick},jl.createElement(Pf,{color:"black",size:16}))}i(yi,"BackButton");import{i18n as $f}from"@lingui/core";import{Button as _f,Typography as Df}from"@rango-dev/ui";import Si from"react";function Ci(t){return Si.createElement(Jt,null,Si.createElement(_f,{variant:"ghost",onClick:t.onClick,size:"xsmall"},Si.createElement(Df,{variant:"label",size:"medium",color:"error500"},$f.t("Cancel"))))}i(Ci,"CancelButton");import{i18n as Ff}from"@lingui/core";import{Tooltip as Uf,WalletIcon as Of}from"@rango-dev/ui";import _n from"react";function Ti(t){return _n.createElement(Uf,{container:t.container,side:"top",content:Ff.t("Connect Wallet")},_n.createElement(qe,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&_n.createElement(Hl,null),_n.createElement(Of,{size:18,color:"black"})))}i(Ti,"WalletButton");import{i18n as On}from"@lingui/core";import{NotificationsIcon as sg,Popover as ag,SettingsIcon as lg,Tooltip as zn,TransactionIcon as pg}from"@rango-dev/ui";import Te from"react";import{i18n as Xf}from"@lingui/core";import{EventSeverity as Kf}from"@rango-dev/queue-manager-rango-preset";import{ChainToken as Rl,ChevronRightIcon as Yf,ListItemButton as Jf,Typography as Zf}from"@rango-dev/ui";import je from"react";import{useNavigate as Rf}from"react-router-dom";import{create as zf}from"zustand";import{persist as qf,subscribeWithSelector as Gf}from"zustand/middleware";var Pe=Tt(zf()(qf(Gf((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{styled as Dn}from"@rango-dev/ui";var Xl=Dn("div",{padding:"$10",width:"350px",minHeight:"150px"}),Kl=Dn("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),Yl=Dn("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),Jl=Dn("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as Hf}from"@lingui/core";import{Divider as Qf,NoNotificationIcon as Vf,Typography as jf}from"@rango-dev/ui";import Fn from"react";function Zl(){return Fn.createElement(Jl,null,Fn.createElement(Vf,{color:"secondary",size:26}),Fn.createElement(Qf,{size:12}),Fn.createElement(jf,{variant:"body",size:"medium",color:"neutral700"},Hf.t("There are no notifications.")))}i(Zl,"NotificationNotFound");var eg=4;function ki(){let t=Rf(),{getUnreadNotifications:e}=Pe(),o=e(),n=h().blockchains(),r=h().tokens(),s=o.sort((l,p)=>p.creationTime-l.creationTime).slice(0,eg),a=i(l=>{t(`${P.swaps}/${l}`)},"handleOnClick");return je.createElement(Xl,null,s.length?je.createElement(Kl,null,s.map(l=>{let{route:p,requestId:c,event:u}=l,g=r.find(y=>Ie(y,p.from)),m=n.find(y=>y.name===p.from.blockchain),d=r.find(y=>Ie(y,p.to)),C=n.find(y=>y.name===p.to.blockchain);return je.createElement(Jf,{key:c,onClick:()=>a(c),title:je.createElement(Zf,{variant:"body",size:"small",color:u.messageSeverity===Kf.WARNING?"$foreground":"$neutral700"},Xf.t(u.message)),id:c,start:je.createElement(Yl,null,je.createElement("div",{className:"from-chain-token"},je.createElement(Rl,{tokenImage:g?g.image:"",chainImage:m?m.logo:"",size:"small"})),je.createElement("div",{className:"to-chain-token"},je.createElement(Rl,{tokenImage:d?d.image:"",chainImage:C?C.logo:"",size:"small"}))),end:je.createElement(Yf,{size:12,color:"gray"})})})):je.createElement(Zl,null))}i(ki,"NotificationContent");import{RefreshProgressButton as tg}from"@rango-dev/ui";import wi,{useEffect as og,useState as ep}from"react";var ng=1e3,tp=60,rg=100;function Un({onClick:t}){let[e,o]=ep(0),[n,r]=ep(!1),s=i(p=>{document.hidden&&p&&a(p)},"handleVisibilityChange");og(()=>{let p;return t?p=window.setInterval(()=>{o(c=>c+1),e===tp&&l()},ng):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 wi.createElement(qe,{variant:"ghost",size:"small",onClick:l,disabled:!t},wi.createElement(Vl,{onTransitionEnd:()=>r(!1),isRefetched:n},wi.createElement(tg,{size:24,color:t?"black":"gray",progress:e/tp*rg})))}i(Un,"RefreshButton");import{Typography as ig}from"@rango-dev/ui";import op from"react";function np(){let{getUnreadNotifications:t}=Pe(),e=t().length;return e?op.createElement(Ql,null,op.createElement(ig,{variant:"body",size:"xsmall",color:"$background"},e)):null}i(np,"UnreadNotificationsBadge");function vi(t){let{onClickRefresh:e,onClickHistory:o,onClickSettings:n}=t,{config:{features:r}}=h(),s=Fe("notification",r);return Te.createElement(Te.Fragment,null,Te.createElement(zn,{container:W(),side:"top",content:On.t("Refresh")},Te.createElement(Un,{onClick:e})),!s&&Te.createElement(ag,{align:"center",collisionPadding:{right:20,left:20},container:W(),content:Te.createElement(ki,null)},Te.createElement("div",null,Te.createElement(zn,{container:W(),side:"top",content:On.t("Notifications")},Te.createElement(qe,{size:"small",variant:"ghost"},Te.createElement(sg,{size:18,color:"black"}),Te.createElement(np,null))))),Te.createElement(zn,{container:W(),side:"top",content:On.t("Settings")},Te.createElement(qe,{size:"small",variant:"ghost",onClick:n},Te.createElement(lg,{size:18,color:"black"}))),Te.createElement(zn,{container:W(),side:"top",content:On.t("Transactions History")},Te.createElement(qe,{size:"small",variant:"ghost",onClick:o},Te.createElement(pg,{size:18,color:"black"}))))}i(vi,"HomeButtons");function xi(t){let e=t.target;if(e){let o=e.scrollTop,n=W();o>1?n.classList.add("rng-scrolled"):n.classList.remove("rng-scrolled")}}i(xi,"onScrollContentAttachStatusToContainer");import{styled as bi}from"@rango-dev/ui";var rp="700px",ip=bi("div",{position:"relative",display:"flex",flexDirection:"column",borderRadius:"$primary",width:"100vh",minWidth:"300px",maxWidth:"390px",boxShadow:"15px 15px 15px 0px rgba(0, 0, 0, 0.05)",overflow:"hidden",backgroundColor:"$background",variants:{height:{auto:{height:"auto",maxHeight:rp},fixed:{height:rp}}}}),sp=bi("div",{position:"relative",overflow:"hidden",flexGrow:1,display:"flex",flexDirection:"column",padding:0,overflowY:"auto"}),ap=bi("div",{"& .footer__content":{padding:"$0 $20"},"& .footer__logo":{padding:"$0 $20 $10 $20"}});function ne(t){let{children:e,header:o,footer:n,hasLogo:r=!0,height:s="fixed"}=t,a=G.use.connectedWallets(),{config:{features:l,theme:p}}=h(),{activeTheme:c}=Pn(p||{}),u=Fe("connectWalletButton",l),{isActiveTab:g,tabManagerInitiated:m,showActivateTabModal:d,setShowActivateTabModal:C,activateCurrentTab:y}=pe(),f=xt(),{manager:S}=cg(),T=bt(S).map(({swap:b})=>b).some(b=>b.status==="running"),k=i(()=>y(un,T),"onActivateTab"),A=i(()=>{o.onWallet?.()},"onConnectWallet"),w=typeof o.hasBackButton>"u"||o.hasBackButton,x=fg(null);return dg(()=>(x.current?.addEventListener("scroll",xi),()=>{x.current?.removeEventListener("scroll",xi)}),[]),me.createElement(ip,{height:s,id:be.SWAP_BOX_ID,className:c()},me.createElement(mg,{prefix:me.createElement(me.Fragment,null,w&&me.createElement(yi,{onClick:f})),title:o.title,suffix:me.createElement(me.Fragment,null,o.suffix,o.onWallet&&!u&&me.createElement(Ti,{container:W(),onClick:A,isConnected:!!a?.length}),o.onCancel&&me.createElement(Ci,{onClick:o.onCancel}))}),me.createElement(sp,{ref:x},e),me.createElement(hi,{open:d,onClose:()=>C(!1),onConfirm:k}),(r||n)&&me.createElement(ap,null,me.createElement("div",{className:"footer__content"},n,m&&!g&&me.createElement(me.Fragment,null,me.createElement(lp,{size:12}),me.createElement(fi,{onActivateTab:k}))),me.createElement(lp,{size:12}),r&&me.createElement("div",{className:"footer__logo"},me.createElement(ug,null))))}i(ne,"Layout");import{styled as gg}from"@rango-dev/ui";var pp="$20 $20 $10 $20",Co=gg("div",{padding:pp,overflowY:"auto",flexGrow:1});import{styled as hg}from"@rango-dev/ui";var re=hg("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 kg,Modal as wg}from"@rango-dev/ui";import Ii from"react";import{i18n as Zt}from"@lingui/core";import{Image as Cg,MessageBox as Ai,WalletState as Tg}from"@rango-dev/ui";import $t from"react";import{keyframes as yg,styled as qn}from"@rango-dev/ui";var nI=qn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),cp=qn("div",{position:"relative"}),Sg=yg({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),up=qn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Sg} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),mp=qn("div",{"& img":{borderRadius:"50%"}});function dp(t){let{state:e,image:o,error:n}=t;return e===Tg.CONNECTED?$t.createElement(Ai,{type:"success",title:Zt.t("Wallet Connected"),description:Zt.t("Your wallet is connected, you can use it to swap.")}):n?$t.createElement(Ai,{type:"error",title:Zt.t("Failed to Connect"),description:n||Zt.t("Your wallet is not connected. Please try again.")}):$t.createElement(Ai,{type:"loading",title:Zt.t("Connecting to your wallet"),description:Zt.t("Click connect in your wallet popup."),icon:$t.createElement(cp,null,$t.createElement(mp,null,$t.createElement(Cg,{src:o,size:45})),$t.createElement(up,null))})}i(dp,"ModalContent");function To(t){let{open:e,onClose:o,...n}=t;return Ii.createElement(wg,{open:e,onClose:o,container:document.getElementById(be.SWAP_BOX_ID)||document.body},Ii.createElement(dp,{...n}),Ii.createElement(kg,{direction:"vertical",size:32}))}i(To,"WalletModal");var Ag=hp("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Ig=hp(re,{textAlign:"center"}),Gn=3e3,Ei=300;function yp(){let{config:t,fetchStatus:e}=h(),[o,n]=gp(!1),[r,s]=gp(""),a=null,l=pe.use.isActiveTab(),{list:p,handleClick:c,error:u,disconnectConnectingWallets:g}=Bn({config:t,onBeforeConnect:f=>{a=setTimeout(()=>{n(!0),s(f)},Ei)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},Gn)}}),m=i(()=>{g(),n(!1)},"handleCloseWalletModal"),d=p.find(f=>f.type===r),C=d?.image||"",y=d?.state||bg.NOT_INSTALLED;return Rt.createElement(ne,{header:{title:fp.t("Connect Wallets")}},Rt.createElement(Ig,null,Rt.createElement(vg,{variant:"title",size:"xmedium",align:"center"},fp.t("Choose a wallet to connect.")),Rt.createElement(Ag,null,p.map((f,S)=>{let v=`wallet-${S}-${f.type}`;return Rt.createElement(xg,{key:v,...f,container:W(),onClick:T=>{c(T)},isLoading:e==="loading",disabled:!l})}),Rt.createElement(To,{open:!!o,onClose:m,image:C,state:y,error:u}))))}i(yp,"WalletsPage");import{keyframes as Eg,styled as Wi}from"@rango-dev/ui";var Sp=Wi("div",{position:"relative"}),Wg=Eg({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),Cp=Wi("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Wg} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Tp=Wi("div",{"& img":{borderRadius:"50%"}});function Li(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:s}=t,{config:a}=h(),l=pe.use.isActiveTab(),p=G.use.connectedWallets(),{blockchains:c}=h(),[u,g]=ko(""),[m,d]=ko(null),[C,y]=ko(!1),[f,S]=ko(null),{suggestAndConnect:v}=bp(),T=null,{list:k,error:A,handleClick:w,disconnectConnectingWallets:x}=Bn({config:a,chain:e,onBeforeConnect:M=>{T=setTimeout(()=>{g(M)},Ei)},onConnect:()=>{T&&clearTimeout(T),setTimeout(()=>{g("")},Gn)}}),[b,I]=ko(k),N=k.length,Y=r&&N-r>0,H=i(async M=>{y(!1),S("in-progress");try{await v(M.walletType,M.chain),S("completed")}catch{S("rejected")}},"addExperimentalChain");xp(()=>{I(M=>{let z=k.findIndex(ee=>o(ee.type,e));return Y&&z>1?[k[z]].concat(k.filter((ee,F)=>F!==z)):M.map(ee=>k.find(F=>F.type===ee.type)??ee)})},[JSON.stringify(k)]);let Q=document.getElementById(be.SWAP_BOX_ID);xp(()=>{let M=null;return(f==="completed"||f==="rejected")&&(M=setTimeout(()=>S(null),Gn)),()=>{M&&clearTimeout(M)}},[f]);let ue=i(()=>{x(),g("")},"handleCloseWalletModal");return ie.createElement(ie.Fragment,null,b.slice(0,r).map(M=>{let z=ka({connectedWallets:p,walletType:M.type,chain:e}),ee=z?rn(z):"",F=on(c(),e),De=!p.find(Ce=>Ce.walletType===M.type&&Ce.chain===e),V=F&&De&&M.state===vp.CONNECTED,J=V?Xe.t({id:"Add {chain} chain",values:{chain:e}}):ee,xe=i(()=>{M.state===vp.DISCONNECTED?w(M.type):V?(d({walletType:M.type,chain:e,address:z??""}),y(!0)):n({walletType:M.type,chain:e,address:z??""})},"onClick"),Se=m?.chain?Ya(m.chain,c()):void 0;return ie.createElement(ie.Fragment,null,ie.createElement(To,{open:u===M.type,onClose:ue,image:M.image,state:M.state,error:A}),!!m&&ie.createElement(kp,{open:!!m&&C,container:Q,onClose:()=>{d(null)}},ie.createElement(Hn,{title:Xe.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:Se}}),type:"warning",description:Xe.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:Se}})},ie.createElement(Ni,{size:18}),ie.createElement(Ni,{size:32}),ie.createElement(Ng,{onClick:H.bind(null,m),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},Xe.t("Confirm")))),f&&ie.createElement(kp,{open:!!f,onClose:S.bind(null,null),container:Q},f==="in-progress"&&ie.createElement(Hn,{type:"loading",title:Xe.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:Se}}),description:Xe.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:Se}}),icon:ie.createElement(Sp,null,ie.createElement(Tp,null,ie.createElement(Lg,{src:M.image,size:45})),ie.createElement(Cp,null))}),f==="completed"&&ie.createElement(Hn,{type:"success",title:Xe.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:Se}}),description:Xe.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:Se}})}),f==="rejected"&&ie.createElement(Hn,{type:"error",title:Xe.t("Request Rejected"),description:Xe.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:Se}})}),ie.createElement(Ni,{direction:"vertical",size:32})),ie.createElement(Bg,{key:M.type,description:J,onClick:xe,selected:o(M.type,e),disabled:!l,...M}))}),Y&&ie.createElement(Al,{selected:!1,onClick:s},ie.createElement(wp,{variant:"label",size:"medium"},Xe.t("Show more wallets"),ie.createElement(wp,{variant:"label",size:"medium",color:"$primary"},"\xA0+",N-(r??0)))))}i(Li,"WalletList");var Og=2;function Ep(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,loading:s}=t,a=h().config,l=h().blockchains(),{quote:p,setSelectedWallets:c,quoteWalletsConfirmed:u,setQuoteWalletConfirmed:g,customDestination:m,setCustomDestination:d}=K(),{connectedWallets:C,selectWallets:y}=G(),[f,S]=_t(""),[v,T]=_t([]),[k,A]=_t(""),[w,x]=_t(null),[b,I]=_t(m),[N,Y]=_t(!!m),H=gn(p),Q=l.find(_=>_.name===p?.result?.swaps[p?.result?.swaps.length-1].to.blockchain),ue=i(_=>!!p?.result?.swaps.find(j=>j.from.blockchain===_),"isWalletRequiredFor"),[M,z]=_t(C.filter(_=>_.selected&&H.includes(_.chain))),ee=l.find(_=>_.name===Q?.name),F=i((_,j)=>!!M.find(q=>q.walletType===_&&q.chain===j&&q.selected&&(ue(j)||!ue(j)&&!b)),"isSelected"),De=!!b&&N&&ee&&!hn(ee,b),V=i(()=>{Y(!1),I(""),z(_=>{let j=!1;return _.map(q=>!j&&q.chain===Q?.name?(j=!0,{...q,selected:!0}):q)})},"resetCustomDestination"),J=i(_=>{if(f&&S(""),F(_.walletType,_.chain))return;let q=C.find(le=>le.walletType===_.walletType&&le.chain===_.chain);q&&(n(),_.chain===Q?.name&&N&&(Y(!1),I("")),z(le=>le.filter(ut=>ut.chain!==_.chain).concat({...q,selected:!0})))},"onChange"),xe=i(()=>{let _=M.filter(j=>j.selected);y(_),c(_),d(b),g(!0),o()},"onConfirmBalance"),Se=i(async()=>{T([]),A(""),x(null);let _=C.filter(le=>M.find(ut=>ut.chain===le.chain&&ut.walletType===le.walletType)),j=await r?.({selectedWallets:_,customDestination:b}),q=j.warnings;q?.balance?.messages&&T(q.balance.messages),q?.quoteUpdate&&x(q.quoteUpdate),j.error&&A(Ja(j.error)),!j.error&&(!q?.balance?.messages.length||0>0)?xe():T(q?.balance?.messages??[])},"onConfirmWallets");Fg(()=>{z(_=>_.concat(C.filter(j=>!!!_.find(le=>le.chain===j.chain)&&j.selected&&H.includes(j.chain))))},[C.length]);let Ce=document.getElementById(be.SWAP_BOX_ID),ct=Ug();return L.createElement(Ip,{open:e,onClose:()=>{u||ct("../",{replace:!0}),o()},dismissible:!f,container:Ce,...!f&&{footer:L.createElement(Ml,null,L.createElement(Ap,{loading:s,disabled:ml(s,N,b,p,M,Q),onClick:Se,variant:"contained",type:"primary",fullWidth:!0,size:"large"},ot.t("Confirm")))},...f&&{containerStyle:{padding:"$0"},header:L.createElement(Il,null,L.createElement(El,{variant:"ghost",onClick:S.bind(null,"")},L.createElement($g,{size:16})),L.createElement(Qn,{variant:"headline",size:"small"},ot.t({id:"Your {blockchainName} wallets",values:{blockchainName:Ue(f,l)}})))},anchor:"center"},L.createElement(Ip,{open:v.length>0,onClose:T.bind(null,[]),container:Ce},L.createElement(_g,{title:ot.t("Insufficient account balance"),type:"error",description:L.createElement(Mg,{messages:v??[]})},L.createElement(Ap,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:xe},ot.t("Proceed anyway")))),f&&L.createElement(Wl,null,L.createElement("div",{className:Nl()},L.createElement(Li,{chain:f,isSelected:F,selectWallet:J,onShowMore:S.bind(null,f)}))),!f&&L.createElement(L.Fragment,null,k&&L.createElement(L.Fragment,null,L.createElement(Bi,{variant:"alarm",type:"error",title:ot.t(k)}),L.createElement(eo,{size:12})),w&&L.createElement(L.Fragment,null,L.createElement(Bi,{variant:"alarm",type:"warning",title:bn(w)}),L.createElement(eo,{size:12})),L.createElement($l,null,H.map((_,j)=>{let q=l.find(Qe=>Qe.name===_),le=`wallet-${j}`,ut=j===H.length-1;return L.createElement("div",{key:le},L.createElement(xl,null,L.createElement(Qn,{variant:"title",size:"xmedium"},ot.t({id:"Your {blockchainName} wallets",values:{blockchainName:q?.shortName}})),L.createElement(Qn,{variant:"label",color:"$neutral700",size:"medium"},ot.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:q?.shortName}}))),L.createElement(eo,{size:24}),L.createElement(bl,null,L.createElement(Li,{chain:_,isSelected:F,selectWallet:J,limit:Og,onShowMore:()=>S(q?.name??"")})),!ut&&L.createElement(eo,{size:32}),ut&&a?.customDestination&&L.createElement(Ll,null,L.createElement(Nn,{onOpenChange:Qe=>{Qe?ue(Q?.name??"")||z(Dr=>Dr.map(Me=>Me.chain===Q?.name?{...Me,selected:!1}:Me)):V()},hasSelected:!0,open:N,triggerAnchor:"top",trigger:L.createElement(_l,{fullWidth:!0,variant:"default",suffix:L.createElement(En,{orientation:N?"up":"down"},L.createElement(Pg,{size:10,color:"gray"}))},L.createElement("div",{className:"button__content"},L.createElement(Dg,{size:18,color:"info"}),L.createElement(eo,{size:4,direction:"horizontal"}),L.createElement(Qn,{variant:"label",size:"medium"},ot.t("Send to a different address")))),onClickTrigger:()=>Y(Qe=>!Qe)},L.createElement(eo,{size:4}),L.createElement(Pl,{autoFocus:!0,placeholder:ot.t("Your destination address"),value:b,onChange:Qe=>{I(Qe.target.value)}})),De&&L.createElement("div",{className:Bl()},L.createElement(Bi,{variant:"alarm",type:"error",title:ot.t({values:{destination:b},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(Ep,"ConfirmWalletsModal");import{i18n as sh}from"@lingui/core";import{Alert as ah,Button as lh,InfoIcon as ph}from"@rango-dev/ui";import $e from"react";import{Alert as zg,Button as qg,Divider as Pp,NoRouteIcon as Gg,RefreshIcon as Hg,Typography as $p}from"@rango-dev/ui";import Ke from"react";import{i18n as Wp}from"@lingui/core";function Np(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:X().genericServerError,action:{onClick:n,title:Wp.t("Retry")}},description:""}:e.length?{alert:{type:"warning",text:X().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:Wp.t("Reset")}},description:X().liquiditySourcesError.description}:t?.type===0&&t.diagnosisMessage?{alert:{type:"error",text:t.diagnosisMessage,action:null},description:""}:{alert:null,description:X().noResultError.description}}i(Np,"makeInfo");import{styled as Mi}from"@rango-dev/ui";var Lp=Mi("div",{minHeight:"162px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}),Bp=Mi("div",{width:"100%"}),Mp=Mi("div",{padding:"$6 $0"});function Pi(t){let{fetch:e,error:o}=t,n=h().disabledLiquiditySources,r=h().toggleAllLiquiditySources,s=h().swappers(),a=Np(o,n,()=>r(s,!0),e);return Ke.createElement(Lp,null,Ke.createElement(Gg,{size:24,color:"gray"}),Ke.createElement(Pp,{size:4}),Ke.createElement($p,{variant:"title",size:"small"},X().noResultError.title),!!a.description&&Ke.createElement($p,{variant:"body",size:"small",align:"center",color:"neutral700"},a.description),Ke.createElement(Pp,{size:4}),!!a.alert&&Ke.createElement(Bp,null,Ke.createElement(zg,{type:a.alert.type,title:a.alert.text,action:a.alert.action&&Ke.createElement(qg,{size:"xsmall",type:a.alert.type,prefix:Ke.createElement(Mp,null,Ke.createElement(Hg,{size:8})),onClick:a.alert.action.onClick},a.alert.action.title),variant:"alarm"})))}i(Pi,"NoResult");import{i18n as wo}from"@lingui/core";import{Button as Vg,Divider as zp,MessageBox as jg,Modal as Xg,Typography as Kg,WarningIcon as Yg}from"@rango-dev/ui";import nt from"react";import{Typography as Up}from"@rango-dev/ui";import _i from"react";import{darkTheme as Qg,styled as Vn}from"@rango-dev/ui";var _p=Vn("div",{width:"100%"}),$i=Vn("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),Dp=Vn("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${Qg} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Fp=Vn("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function Op(t){let{title:e,value:o,valueColor:n}=t;return _i.createElement(Dp,null,_i.createElement(Up,{size:"medium",variant:"label",className:"_title"},e),_i.createElement(Up,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(Op,"QuoteErrorsModalItem");function qp(t){let{open:e,onClose:o,onConfirm:n,warning:r,confirmationDisabled:s}=t,a=r.warningLevel==="high"?"error":"warning",l=[{title:wo.t("Swapping"),value:E(r.inputUsdValue,4,4)},{title:wo.t("Gas cost"),value:E(r.totalFee,2,2)},{title:wo.t("Receiving"),value:E(r.outputUsdValue,4,4)},{title:wo.t("Price impact"),value:E(r.priceImpact,2,2),valueColor:`${a}500`}];return nt.createElement(Xg,{open:e,onClose:o,container:W()},nt.createElement(jg,{type:a,title:X().highValueLossError.impactTitle,description:X().highValueLossError.description}),nt.createElement($i,null,nt.createElement(zp,{size:20}),nt.createElement(Kg,{size:"small",variant:"title"},wo.t("Details")),nt.createElement($i,null,l.map((p,c)=>nt.createElement(Op,{key:c,...p})))),nt.createElement(zp,{size:32}),nt.createElement(Vg,{type:"primary",size:"large",prefix:nt.createElement(Yg,null),fullWidth:!0,disabled:s,onClick:n},X().highValueLossError.confirmMessage))}i(qp,"HighValueLossWarningModal");import{i18n as Di}from"@lingui/core";function Gp(t,e){let o={alertType:"warning",title:"",action:"show-info"};return t?(t.type===0&&(mt(t.priceImpact)==="high"&&(o.alertType="error"),o.action=null,o.title=X().highValueLossError.title),t.type===1&&(o.title=X().unknownPriceError.title),t.type===2&&(o.title=Di.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=Di.t("Caution, your slippage is high.")),o):e?(o.alertType="error",e.type===3&&(o.title=e.recommendation,o.action="show-info"),e.type===4&&(o.title=Di.t({id:"You need to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:e.minRequiredSlippage}}),o.action="change-settings"),o):null}i(Gp,"makeAlerts");import{i18n as no}from"@lingui/core";import{Button as Hp,Divider as Qp,MessageBox as Jg,Modal as Zg,Typography as Rg}from"@rango-dev/ui";import Dt from"react";import{useNavigate as eh}from"react-router-dom";function Vp(t){let{customSlippage:e,slippage:o}=h(),{open:n,onClose:r,onConfirm:s,warning:a,confirmationDisabled:l}=t,p=eh(),c=e??o;return Dt.createElement(Zg,{anchor:"bottom",open:n,prefix:Dt.createElement(Hp,{size:"small",variant:"ghost",onClick:()=>p("../"+P.settings)},Dt.createElement(Rg,{variant:"label",size:"medium",color:"$neutral900"},no.t("Change settings"))),container:W(),onClose:r},Dt.createElement(Jg,{type:"warning",title:a.type===3?no.t("High slippage"):no.t("Low slippage"),description:a.type===3?no.t({id:" Caution, your slippage is high (={userSlippage}). Your trade may be front run.",values:{userSlippage:c}}):no.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:a.minRequiredSlippage}})},Dt.createElement(Qp,{size:18}),Dt.createElement(Qp,{size:32}),Dt.createElement(Hp,{size:"large",type:"primary",variant:"contained",fullWidth:!0,disabled:l,onClick:s},no.t("Confirm anyway"))))}i(Vp,"SlippageWarningModal");import{Button as th,Divider as oh,MessageBox as nh,Modal as rh,WarningIcon as ih}from"@rango-dev/ui";import vo from"react";function jp(t){let{open:e,onClose:o,onConfirm:n,confirmationDisabled:r}=t;return vo.createElement(rh,{open:e,onClose:o,container:W()},vo.createElement(nh,{type:"warning",title:X().unknownPriceError.impactTitle,description:X().unknownPriceError.description}),vo.createElement(oh,{size:32}),vo.createElement(th,{type:"primary",size:"large",prefix:vo.createElement(ih,null),fullWidth:!0,disabled:r,onClick:n},X().unknownPriceError.confirmMessage))}i(jp,"UnknownPriceWarningModal");function xo(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},g=o?.type===0||o?.type===1,m=Gp(e,o?.type===3||o?.type===4?o:null);return $e.createElement($e.Fragment,null,g&&$e.createElement(Pi,{error:o,fetch:s}),!!m&&$e.createElement(_p,null,$e.createElement(ah,{title:m.title,type:m.alertType,variant:"alarm",...m.action==="show-info"&&{action:$e.createElement(Fp,{onClick:a},$e.createElement(ph,{size:12,color:"gray"}))},...m.action==="change-settings"&&{action:$e.createElement(lh,{size:"xxsmall",type:m.alertType,onClick:c},sh.t("Change"))}})),e&&$e.createElement($e.Fragment,null,e.type===0&&$e.createElement(qp,{...u,warning:e}),(e.type===3||e.type===2)&&$e.createElement(Vp,{...u,warning:e}),e.type===1&&$e.createElement(jp,{...u,warning:e})))}i(xo,"QuoteWarningsAndErrors");import rr from"react";import{i18n as Xi}from"@lingui/core";import{Alert as Wh,Divider as Ki,InfoIcon as Nh,StepDetails as Lh,TokenAmount as Bh,Tooltip as Cc,Typography as Eo}from"@rango-dev/ui";import Tc from"bignumber.js";import D,{useLayoutEffect as Mh,useRef as kc,useState as Ph}from"react";import{styled as Fi}from"@rango-dev/ui";var Ui=Fi("div",{width:"100%","& .position-top__skeleton":{paddingTop:"$10"}}),Xp=Fi("div",{paddingBottom:"$15"}),Kp=Fi("div",{width:"100%",display:"flex"});import*as jn from"@radix-ui/react-collapsible";import{css as Xn,darkTheme as rt,Image as Yp,styled as Ge,Typography as ch}from"@rango-dev/ui";var Oi=300,Jp=Ge(jn.Root,{display:"flex",flexDirection:"column",alignItems:"start",overflowX:"auto",overflowY:"hidden",width:"100%",borderRadius:"$xm",cursor:"default",variants:{recommended:{true:{$$color:"$colors$info300",[`.${rt} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${rt} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}}}),Zp=Xn({padding:"$10 $15"}),Rp=Ge("div",{borderRadius:"$xm",display:"flex",flexDirection:"column",alignItems:"start",justifyContent:"space-between",color:"$foreground",cursor:"pointer",boxSizing:"border-box",position:"relative",variants:{recommended:{true:{$$color:"$colors$info100",[`.${rt} &`]:{$$color:"$colors$secondary600"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}},false:{$$color:"$colors$neutral200",[`.${rt} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}}},basic:{true:{borderTopRightRadius:"0",borderTopLeftRadius:"0"}},listItem:{true:{},false:{}}},compoundVariants:[{listItem:!0,recommended:!0,css:{"&:hover":{$$color:"$colors$secondary200",[`.${rt} &`]:{$$color:"$colors$secondary700"},backgroundColor:"$$color"}}},{listItem:!0,recommended:!1,css:{"&:hover":{$$color:"$colors$neutral300",[`.${rt} &`]:{$$color:"$colors$neutral400"},backgroundColor:"$$color"}}}]}),ec=Xn({width:"100%",padding:"$15 $15 $10 $15",cursor:"default"}),ro=Xn({display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",".blockchainImage":{marginLeft:"-$8"}}),tc=Xn({paddingTop:"$10",display:"flex",alignItems:"center",".usd-value":{$$color:"$colors$neutral600",[`.${rt} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),oc=Ge(jn.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:{[`& ${Yp}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${Yp}`]:{border:"1px transparent solid",borderRadius:"100%"}}},recommended:{true:{$$color:"$colors$info300",[`.${rt} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${rt} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}},".blockchains_section":{display:"none"},"@xs":{".blockchains_section":{display:"block"}}}),nc=Ge("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"}}}}),rc=Ge(In,{width:"100%",background:"inherit"}),zi=Ge("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${Oi}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),$0=Ge("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),ic=Ge("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${rt} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),sc=Ge("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"}),qi=Ge(ch,{overflow:"hidden",textOverflow:"ellipsis",letterSpacing:.4}),ac=Ge("div",{display:"flex",flexWrap:"wrap"}),Gi=Ge("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"}}}});import{i18n as Et}from"@lingui/core";import{ChevronDownIcon as mh,CloseIcon as dh,Divider as Jn,IconButton as fh,Modal as gh,QuoteCost as hh,Tooltip as yh,Typography as Ye}from"@rango-dev/ui";import Sh from"bignumber.js";import U,{useState as uc}from"react";import{i18n as bo}from"@lingui/core";var Hi={"Network Fee":bo.t("Network Fee"),"Swapper Fee":bo.t("Protocol Fee"),"Affiliate Fee":bo.t("Affiliate Fee"),"Outbound network fee":bo.t("Outbound Fee"),"Rango Fee":bo.t("Rango Fee")};import{css as uh,styled as Kn}from"@rango-dev/ui";var Yn=Kn("div",{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"$5 0","&.total_payable_fee":{padding:"$12 0"}}),Qi=Kn("div",{width:"100%",borderTop:"1px solid $neutral300",margin:"$10 0"}),lc=Kn("div",{padding:"$20 0",display:"flex",flexDirection:"column","& .collapsible_trigger":{display:"flex",alignItems:"center"}}),pc=Kn("div",{padding:"$20 $20 $10",textAlign:"center",position:"relative","._icon-button":{position:"absolute",zIndex:10,top:"$16",right:"$16"}}),cc=uh({display:"flex",flexDirection:"row",alignItems:"center",padding:"$5","&:hover":{"& ._typography, & svg":{color:"$secondary"}}});var Ch=30,Th=i(t=>t.fee.isZero()?null:U.createElement(Yn,null,U.createElement(Ye,{variant:"label",size:"medium",color:"neutral600"},t.label),U.createElement(Ye,{variant:"label",size:"medium"},"$",E(t.fee,4,4))),"NonPayableFee");function mc(t){let[e,o]=uc(!1),[n,r]=uc(!1),{steps:s,quote:a}=t,l=h().tokens(),p=Yo(Jo(a.result?.swaps)),c=a.result?.swaps??[],u=W(),g=Cn(c,l),m=tl(c);return U.createElement(U.Fragment,null,U.createElement(hh,{onClickFee:()=>o(!e),fee:E(g,2,2),feeWarning:g.gte(new Sh(Ch)),time:p,steps:s,tooltipGas:Et.t("View more info"),tooltipContainer:u}),U.createElement(gh,{container:u,open:e,header:U.createElement(pc,null,U.createElement(Ye,{variant:"title",size:"medium"},Et.t("Gas & Fee Explanation")),U.createElement(fh,{onClick:()=>o(!1),variant:"ghost"},U.createElement(dh,{color:"gray",size:14}))),onClose:()=>o(!1)},U.createElement(lc,null,U.createElement(Ye,{variant:"title",size:"small"},Et.t("Details")),U.createElement(Jn,{size:10}),Object.entries(m.payable).flatMap(([d,C])=>C.map((y,f)=>{let S=`payable-fee-${f}`,v=ei(y);return U.createElement(Yn,{key:S},U.createElement(Ye,{variant:"label",size:"medium",color:"neutral600"},Hi[d]),U.createElement(yh,{content:se(y.amount),container:u},U.createElement(Ye,{variant:"label",size:"medium"},E(y.amount,2,2)," ",y.asset.symbol," ($",E(v,4,4),")")))})),U.createElement(Yn,{className:"total_payable_fee"},U.createElement(Ye,{variant:"label",size:"medium"},Et.t("Total Payable Fee")),U.createElement(Ye,{variant:"label",size:"medium"},"$",E(g,4,4))),U.createElement(Qi,null),Object.keys(m.nonePayable).length&&U.createElement(Nn,{triggerAnchor:"bottom",onClickTrigger:()=>r(d=>!d),trigger:U.createElement("div",{className:cc()},U.createElement(Ye,{size:"small",variant:"body",color:"neutral700"},n?Et.t("Hide non-payable fees"):Et.t("Show non-payable fees")),U.createElement(Jn,{size:4,direction:"horizontal"}),U.createElement(En,{orientation:n?"up":"down"},U.createElement(mh,{size:12,color:"gray"}))),open:n},U.createElement(Ye,{size:"small",variant:"title"},Et.t("Description")),U.createElement(Jn,{size:4}),U.createElement(Ye,{size:"small",variant:"body",color:"neutral700"},Et.t(`The following fees are considered in the transaction output and
+                you won\u2019t need to pay extra gas for them.`)),U.createElement(Jn,{size:10}),Object.entries(m.nonePayable).map(([d,C],y)=>{let f=el(C),S=Hi[d],v=`non-payable-fee-${y}`;return U.createElement(Th,{key:v,fee:f,label:S})}),U.createElement(Qi,null)))))}i(mc,"QuoteCostDetails");import{i18n as gc}from"@lingui/core";import{TokenAmount as hc}from"@rango-dev/ui";import Zn from"react";import{css as kh,styled as wh}from"@rango-dev/ui";var dc=wh("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%"}),fc=kh({height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"});function Ao(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return Zn.createElement(dc,null,Zn.createElement(hc,{direction:"horizontal",label:gc.t("Swap input"),type:"input",tooltipContainer:W(),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}}),Zn.createElement("div",{className:fc()}),Zn.createElement(hc,{direction:"horizontal",tooltipContainer:W(),label:gc.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(Ao,"QuoteSummary");import{i18n as yc}from"@lingui/core";import{ChevronDownIcon as vh,ChevronRightIcon as xh,Divider as Vi,Image as bh,Tooltip as ji,Typography as Rn}from"@rango-dev/ui";import B,{useEffect as Ah,useState as Ih}from"react";var er=4,tr=6,Eh=375,Io=i(t=>{let e=W(),{content:o,src:n,className:r,open:s,state:a}=t;return B.createElement(ji,{container:e,side:"bottom",sideOffset:4,open:s,content:o},B.createElement(nc,{className:r,state:a},B.createElement(bh,{src:n,size:16})))},"ImageComponent");function Sc(t){let{quoteRef:e,recommended:o,setExpanded:n,steps:r,expanded:s}=t,a=W(),l=r.length,p=Sl(r),[c,u]=Ih(!1),g=i(()=>{window.innerWidth<Eh?u(!0):u(!1)},"handleResize");return Ah(()=>{window.addEventListener("resize",g)}),B.createElement(oc,{ref:m=>e.current=m,recommended:o,onClick:()=>n(m=>!m)},B.createElement("div",{className:ro()},B.createElement(Rn,{variant:"body",size:"xsmall"},yc.t("Via:")),B.createElement(Vi,{direction:"horizontal",size:4}),r.map((m,d)=>{let C=`item-${d}`,y=B.createElement(zi,null,B.createElement(xh,{size:12,color:"black"}));return c?B.createElement(B.Fragment,null,B.createElement(Io,{content:m.swapper.displayName,src:m.swapper.image,state:m.state}),d!==l-1&&B.createElement(B.Fragment,null,y)):B.createElement(B.Fragment,{key:C},l<=er||l>er&&d<er-1?B.createElement(B.Fragment,null,B.createElement(Io,{content:m.swapper.displayName,src:m.swapper.image,state:m.state}),d!==l-1&&B.createElement(B.Fragment,null,y)):d===er-1&&B.createElement(ji,{container:a,side:"bottom",align:"right",sideOffset:4,content:B.createElement("div",{className:ro()},y,r.map((f,S)=>{let v=`image-${S}`;return S>=d&&B.createElement(B.Fragment,{key:v},B.createElement(Io,{content:f.swapper.displayName,src:f.swapper.image,state:f.state,open:!1}),S!==l-1&&B.createElement(B.Fragment,null,y))}))},B.createElement(Gi,{state:r.find((f,S)=>S>=d&&(f.state==="error"||f.state==="warning"))?.state},B.createElement(Rn,{size:"xsmall",variant:"body"},"+",l-d))))})),B.createElement("div",{className:ro()},B.createElement("div",{className:"blockchains_section"},B.createElement("div",{className:ro()},B.createElement(Rn,{variant:"body",size:"xsmall"},yc.t("Chains:")),B.createElement(Vi,{direction:"horizontal",size:4}),p.map((m,d)=>B.createElement(B.Fragment,null,p.length<=tr||p.length>tr&&d<tr-1?B.createElement(Io,{key:m.displayName,content:"",src:m.image,open:!1,className:d!==0?"blockchainImage":""}):d===tr-1&&B.createElement(ji,{container:a,side:"bottom",align:"right",sideOffset:4,content:B.createElement("div",{className:ro()},p.map((C,y)=>y>=d&&B.createElement(Io,{key:C.displayName,content:"",src:C.image,open:!1,className:y>d?"blockchainImage":""})))},B.createElement(Gi,{className:"blockchainImage"},B.createElement(Rn,{size:"xsmall",variant:"body"},"+",p.length-d))))),B.createElement(Vi,{direction:"horizontal",size:32}))),B.createElement(zi,{orientation:s?"up":"down"},B.createElement(vh,{size:12,color:"black"}))))}i(Sc,"QuoteTrigger");function Yi(t){let{quote:e,input:o,output:n,error:r,warning:s,type:a,recommended:l=!0}=t,p=h().blockchains(),c=h().swappers(),[u,g]=Ph(t.expanded),m=kc(null),d=kc(u),C=E(o.value,6,6),y=E(n.value,6,6),f=n.usdValue?E(n.usdValue,4,4):"",S=Oe(o.usdValue,n.usdValue??null),v=E(S,2,2),T=mt(S??0),A=i(b=>b.map((I,N)=>{let Y,H=r?.type===3&&r.swap.swapperId===I.swapperId||r?.type===4&&r.recommendedSlippages?.has(N),Q=s?.type===2&&s.recommendedSlippages?.has(N);return H?Y="error":Q&&(Y="warning"),{swapper:{displayName:go(I.swapperId,c),image:I.swapperLogo},from:{token:{displayName:I.from.symbol,image:I.from.logo},chain:{displayName:Ue(I.from.blockchain,p),image:I.from.blockchainLogo},price:{value:N===0?E(o.value,6,6):E(I.fromAmount,6,6),usdValue:E((I.from.usdPrice??0)*parseFloat(I.fromAmount),4,4),realValue:se(N===0?o.value:I.fromAmount),realUsdValue:se(new Tc(I.from.usdPrice??0).multipliedBy(I.fromAmount))}},to:{token:{displayName:I.to.symbol,image:I.to.logo},chain:{displayName:Ue(I.to.blockchain,p),image:I.to.blockchainLogo},price:{value:E(I.toAmount,6,6),usdValue:E((I.to.usdPrice??0)*parseFloat(I.toAmount),4,4),realValue:se(I.toAmount),realUsdValue:se(new Tc(I.to.usdPrice??0).multipliedBy(I.toAmount))}},state:Y,alerts:H||Q?D.createElement(Xp,null,D.createElement(Wh,{type:H?"error":"warning",title:r?.type===3?r?.recommendation:Xi.t("Slippage Error:"),footer:D.createElement(Kp,null,r?.type===3&&D.createElement(D.Fragment,null,D.createElement(Eo,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),D.createElement(Ki,{direction:"horizontal",size:8}),D.createElement(Eo,{size:"xsmall",variant:"body",color:"neutral900"},"|"),D.createElement(Ki,{direction:"horizontal",size:8}),D.createElement(Eo,{size:"xsmall",variant:"body",color:"neutral900"},Xi.t({id:"Yours: {amount} {symbol}",values:{amount:E(I.fromAmount,6,6),symbol:I?.from.symbol}}))),(r?.type===4||s?.type===2)&&D.createElement(Eo,{size:"xsmall",variant:"body",color:"neutral900"},Xi.t({id:"Minimum required slippage is {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get(N)},...s?.type===2&&{minRequiredSlippage:s.recommendedSlippages?.get(N)}}})))})):void 0}}),"getQuoteSteps")(e.result?.swaps??[]),w=A.length,x=W();return Mh(()=>{u&&!d.current&&m.current&&setTimeout(()=>{m?.current?.scrollIntoView({behavior:"smooth"})},Oi),d.current=u},[u,d]),D.createElement(D.Fragment,null,D.createElement(Rp,{recommended:l,listItem:a==="list-item",basic:a==="basic"},D.createElement("div",{className:ec()},D.createElement(mc,{steps:w,quote:e}),a==="basic"&&D.createElement("div",{className:tc()},D.createElement(sc,null,D.createElement(Nh,{size:12,color:"gray"})),D.createElement(ac,null,D.createElement(qi,{size:"small",variant:"body"},`${C} ${A[0].from.token.displayName} = `),D.createElement(Cc,{content:se(n.value),container:x,open:n.value?void 0:!1},D.createElement(qi,{size:"small",variant:"body"},"\xA0",`${y} ${A[A.length-1].to.token.displayName}`))),D.createElement(Cc,{content:se(n.usdValue),container:x,style:{display:"flex"}},D.createElement(Eo,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${f})`))),a==="list-item"&&D.createElement(Bh,{type:"output",direction:"vertical",tooltipContainer:x,price:{value:y,usdValue:f,realValue:se(n.value),realUsdValue:se(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:v,warningLevel:T}),a==="swap-preview"&&D.createElement(D.Fragment,null,D.createElement(Ao,{from:A[0].from,to:A[w-1].to,percentageChange:v,warningLevel:T}),D.createElement(Ki,{size:4}))),D.createElement(Jp,{recommended:l,open:u,onOpenChange:g},D.createElement(Sc,{quoteRef:m,recommended:l,setExpanded:g,expanded:u,steps:A}),D.createElement(rc,{open:u},D.createElement(ic,null),D.createElement("div",{className:Zp()},A.map((b,I)=>{let N=`item-${I}`;return D.createElement(Lh,{type:"quote-details",key:N,step:b,hasSeparator:I!==A.length-1,state:b.state,tooltipContainer:x})}))))))}i(Yi,"Quote");import{Divider as Dh,Skeleton as Fh}from"@rango-dev/ui";import dt from"react";import{darkTheme as $h,styled as or}from"@rango-dev/ui";var wc=or("div",{$$color:"$colors$neutral100",[`.${$h} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15 ",variants:{rounded:{true:{borderRadius:"$xm"}}}}),vc=or("div",{paddingTop:"$2"}),xc=or("div",{paddingLeft:"$8"}),bc=or("div",{borderLeft:"1px dashed black",minHeight:" 0",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});import{ChainToken as _c,Divider as Ft,Skeleton as st}from"@rango-dev/ui";import O from"react";import{styled as it}from"@rango-dev/ui";var Ac=it("div",{display:"flex",justifyContent:"space-between",alignItems:"center",height:"22px"}),Ic=it("div",{display:"flex"}),Ec=it("div",{padding:"$15 $0 14px $0"}),Wc=it("div",{padding:"$6 $0 $15 $0",display:"flex",flexDirection:"column"}),Nc=it("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$5"}),Lc=it("div",{display:"flex",justifyContent:"space-between",alignItems:"end"}),Bc=it("div",{height:"$28",marginLeft:"13px",borderLeft:"1px solid $neutral700"}),Mc=it("div",{width:"65%",display:"flex",justifyContent:"start"}),Pc=it("div",{display:"flex",flexDirection:"column",alignItems:"start",flexGrow:1,maxWidth:"148px"}),$c=it("div",{padding:"$15 $0 $15 $0"});function Wo(t){let{type:e,tag:o=!1}=t,n=O.createElement(Lc,null,O.createElement(Mc,null,O.createElement(_c,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),O.createElement(Ft,{size:8,direction:"horizontal"}),O.createElement(Pc,null,O.createElement(st,{height:10,width:60,variant:"rounded"}),O.createElement(Ft,{size:4}),O.createElement(st,{height:15,variant:"rounded"}))),O.createElement(st,{height:12,width:64,variant:"rounded"}));return O.createElement("div",null,O.createElement(Ac,null,O.createElement(Ic,null,O.createElement(st,{width:60,height:10,variant:"rounded"}),O.createElement(Ft,{size:4,direction:"horizontal"}),O.createElement(st,{width:60,height:10,variant:"rounded"}),O.createElement(Ft,{size:4,direction:"horizontal"}),O.createElement(st,{width:60,height:10,variant:"rounded"})),o&&O.createElement(st,{height:22,width:100,variant:"rounded"})),e==="basic"&&O.createElement(Ec,null,O.createElement(st,{height:15,width:148,variant:"rounded"})),e==="list-item"&&O.createElement(Wc,null,O.createElement(Nc,null,O.createElement(_c,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),O.createElement(Ft,{direction:"horizontal",size:4}),O.createElement(st,{height:15,width:150,variant:"rounded"})),O.createElement(Ft,{size:4}),O.createElement(st,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&O.createElement(O.Fragment,null,O.createElement(Ft,{size:4}),O.createElement($c,null,n,O.createElement(Bc,null),n)))}i(Wo,"QuoteSummarySkeleton");import{ChainToken as zc,Divider as Zi,NextIcon as _h,Skeleton as nr}from"@rango-dev/ui";import fe from"react";import{styled as No}from"@rango-dev/ui";var Dc=No("div",{display:"flex",alignItems:"start"}),Fc=No("div",{flexGrow:1,paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center"}),Ji=No("div",{display:"flex",alignItems:"center",flexGrow:1}),Uc=No("div",{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}),Oc=No("div",{display:"flex",alignItems:"center"});function at(t){let{separator:e=!0}=t;return fe.createElement(fe.Fragment,null,fe.createElement(Oc,null,fe.createElement(nr,{height:22,width:22,variant:"circular"}),fe.createElement(Zi,{direction:"horizontal",size:8}),fe.createElement(nr,{height:15,width:148,variant:"rounded"})),fe.createElement(Dc,null,fe.createElement(bc,{hideSeparator:!e}),fe.createElement(Fc,null,fe.createElement(Ji,null,fe.createElement(zc,{size:"small",loading:!0,chainImage:"",tokenImage:""}),fe.createElement(Zi,{direction:"horizontal",size:8}),fe.createElement(nr,{height:12,variant:"rounded"})),fe.createElement(Uc,null,fe.createElement(_h,{color:"gray",size:16})),fe.createElement(Ji,null,fe.createElement(zc,{size:"small",loading:!0,chainImage:"",tokenImage:""}),fe.createElement(Zi,{direction:"horizontal",size:8}),fe.createElement(nr,{height:12,variant:"rounded"})))))}i(at,"StepSkeleton");function Ri(t){let{type:e,expanded:o,tag:n=!1}=t;return dt.createElement(wc,{rounded:e!=="basic"},dt.createElement(Wo,{type:e,tag:n}),dt.createElement(vc,null,dt.createElement(Fh,{height:15,variant:"rounded"})),o&&dt.createElement(xc,null,dt.createElement(Dh,{size:20}),dt.createElement(at,null),dt.createElement(at,null),dt.createElement(at,{separator:!1})))}i(Ri,"QuoteSkeleton");function Lo(t){let{quote:e,type:o,loading:n,error:r,warning:s,expanded:a=!1}=t,{inputAmount:l,inputUsdValue:p,outputUsdValue:c,outputAmount:u}=K(),m=!(r&&(r.type===0||r.type===1))&&e&&e.result&&!n;return n?rr.createElement(Ui,null,rr.createElement(Ri,{type:o,expanded:a})):m?rr.createElement(Ui,null,rr.createElement(Yi,{quote:e,error:r,warning:s,type:o,expanded:a,recommended:!0,input:{value:l,usdValue:p?.toString()??""},output:{value:u?.toString()??"",usdValue:c?.toString()??""}})):null}i(Lo,"QuoteInfo");import{calculatePendingSwap as zh}from"@rango-dev/queue-manager-rango-preset";import{useEffect as qh}from"react";import{useRef as Uh,useState as Oh}from"react";function ir(){let[t,e]=Oh(!1),o=Uh(null),n=i(()=>o.current?.abort(),"cancel");return{fetch:i(async s=>{n(),o.current=new AbortController,e(!0);try{let a=await Ht().getBestRoute(s,{signal:o.current.signal});return o.current=null,a}catch(a){throw a}finally{e(!1)}},"fetch"),loading:t,cancelFetch:n}}i(ir,"useFetchQuote");function sr(t){if(!t.result)throw new Error(X().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});if(Jr(t)){let{swap:n,recommendation:r,fromAmountRangeError:s}=Zr(t);throw new Error("bridge limit error",{cause:{type:3,swap:n,recommendation:r,fromAmountRangeError:s}})}let o=ti(t);if(o){let n=Tn(t);throw new Error("",{cause:{type:4,recommendedSlippages:o,minRequiredSlippage:n}})}return t}i(sr,"throwErrorIfResponseIsNotValid");function qc(t,e,o){let n=!1;t&&(n=hl(t,e));let r={quote:null,quoteUpdate:null,balance:null},s=wn(e,{fromToken:o.fromToken,toToken:o.toToken,tokens:o.meta.tokens,userSlippage:o.userSlippage});s&&(r.quote=s),t&&n&&(sl(t,e)?r.quoteUpdate={type:3,newOutputAmount:E(jt(e)),percentageChange:E(Oe(jt(t)??"",jt(e)??""),null,2)}:oi(t,e)?r.quoteUpdate={type:0}:ni(t,e)?r.quoteUpdate={type:1}:ri(t,e)&&(r.quoteUpdate={type:2}));let a=al(e,o.selectedWallets,o.meta.blockchains);return a.length===0||(r.balance={messages:a}),r}i(qc,"generateWarnings");function ar(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(ar,"handleQuoteErrors");function es(){let{fromToken:t,toToken:e,inputAmount:o,setQuote:n,quote:r,customDestination:s,setQuoteWarningsConfirmed:a}=K(),{slippage:l,customSlippage:p,affiliatePercent:c,affiliateRef:u,affiliateWallets:g,disabledLiquiditySources:m}=h(),{connectedWallets:d}=G(),C=h().blockchains(),y=h().tokens(),{features:f}=h().config,{enableNewLiquiditySources:S}=h().config,v=p||l,{fetch:T,cancelFetch:k,loading:A}=ir();return qh(()=>k,[]),{loading:A,fetch:i(async x=>{let b=x.selectedWallets,I=x?.customDestination??s;if(!t||!e||!o)return{quote:null,swap:null,error:null,warnings:null};let N=kn({fromToken:t,toToken:e,inputAmount:o,wallets:d,selectedWallets:b,excludeLiquiditySources:S,disabledLiquiditySources:m,slippage:v,affiliateRef:u,affiliatePercent:c,affiliateWallets:g,initialQuote:r??void 0,destination:I});cn("experimentalRoute",f)&&(N.experimental=!0);let Y;try{Y=await T(N).then(M=>sr(M)),n(Y)}catch(M){return ar(M)}let H={slippage:v.toString(),disabledSwappersGroups:m},Q=zh(o.toString(),Y,rl(b),H,!1,{blockchains:C,tokens:y}),ue=qc(r??void 0,Y,{fromToken:t,toToken:e,meta:{blockchains:C,tokens:y},selectedWallets:b,userSlippage:v});return ue.quoteUpdate&&a(!1),{quote:Y,swap:Q,error:null,warnings:ue}},"fetch"),cancelFetch:k}}i(es,"useConfirmSwap");var ty=Vh("div",{width:"100%",display:"flex",justifyContent:"space-between",[`& ${Hc}`]:{width:"$48",height:"$48"}}),oy=os({flexGrow:1,paddingRight:"$10"}),ny=os({width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}),ry=os({display:"flex",justifyContent:"space-between",alignItems:"center"});function Qc(){let{quote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:s,quoteWarningsConfirmed:a}=K(),l=ey(),p=Rh(),[c,u]=pr(""),{connectedWallets:g}=G(),m=!n,[d,C]=pr(!1),{isActiveTab:y}=pe(),f=h().disabledLiquiditySources,S=Jh(f),{manager:v}=Gh(),{fetch:T,loading:k,cancelFetch:A}=es(),[w,x]=pr({swap:null,error:null,warnings:null}),[b,I]=pr(!1),N=i(async({selectedWallets:F,customDestination:De})=>{let V=await T?.({selectedWallets:F,customDestination:De});return x(V),V},"onConfirmSwap"),Y=i(async()=>{if(w.swap&&n)try{await v?.create("swap",{swapDetails:w.swap},{id:w.swap.requestId});let F=`../${P.swaps}/${w.swap.requestId}`;l(F,{replace:!0}),setTimeout(()=>{e("")},0)}catch(F){u("Error: "+F?.message)}},"addNewSwap"),H=i(async()=>{await Y()},"onConfirm"),Q=i(async()=>{w?.warnings?.quote&&!a?I(!0):await H()},"onStartConfirmSwap"),ue=i(async()=>{x({error:null,swap:null,warnings:null}),T({selectedWallets:o,customDestination:s}).then(F=>{x(F)}).catch(F=>console.error(F))},"onRefresh");Bo(()=>{!!S.current.length&&!f.length&&ue(),S.current=f},[f.length]),Bo(()=>{m&&A()},[m]),Bo(()=>{m&&C(m)},[m]),Bo(()=>{m||T({selectedWallets:o,customDestination:s}).then(F=>x(F)).catch(F=>console.error(F))},[]),Bo(()=>{let F=w.warnings?.quote?.type&&Object.values(kt).includes(w.warnings?.quote?.type),De=o.length<1||!o.every(J=>g.find(xe=>J.address===xe.address&&J.walletType===xe.walletType&&J.chain===xe.chain)),V=!1;if(F){let J=gn(t),xe=t?.result?.swaps[t.result.swaps.length-1].to.blockchain;!!t?.result?.swaps.find(ct=>ct.from.blockchain===xe)||(J=J.slice(-J.length,J.length-1)),J.every(ct=>o.find(_=>_.chain===ct))||(V=!0)}t&&(De||V)&&(queueMicrotask(()=>Zh(C.bind(null,!0))),r(!1))},[w.warnings?.quote,o.length,g.length]),Yh(()=>{t||l(`../${p.search}`)},[]);let M=w.warnings?.quote??null,z=w.error,ee=[];return c&&ee.push(ae.createElement(Gc,{type:"error",variant:"alarm",title:c})),w.warnings?.quoteUpdate&&ee.push(ae.createElement(Gc,{variant:"alarm",type:"warning",title:w.warnings.quoteUpdate&&bn(w.warnings.quoteUpdate)})),(M||z)&&ee.push(ae.createElement(xo,{warning:M,error:z,loading:k,refetchQuote:ue,showWarningModal:b,confirmationDisabled:!y,onOpenWarningModal:()=>I(!0),onCloseWarningModal:()=>I(!1),onConfirmWarningModal:async()=>{I(!1),await Y()},onChangeSettings:()=>l(P.settings)})),ae.createElement(ne,{header:{title:lr.t("Confirm Swap"),onWallet:()=>{let F=`../${P.wallets}`;l(F)},suffix:ae.createElement(jh,{container:W(),side:"bottom",content:lr.t("Settings")},ae.createElement(qe,{size:"small",variant:"ghost",onClick:()=>l("../"+P.settings)},ae.createElement(Qh,{size:18,color:"black"})))},footer:ae.createElement(ty,null,ae.createElement("div",{className:oy()},ae.createElement(Hh,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:k,disabled:!!w.error||!y,onClick:Q},lr.t("Start Swap"))),ae.createElement(Hc,{variant:"contained",type:"primary",size:"large",loading:k,onClick:C.bind(null,!0)},ae.createElement(Kh,{size:24})))},d&&ae.createElement(Ep,{open:d,onClose:()=>C(!1),onCancel:A,loading:k,onCheckBalance:N}),ae.createElement(re,null,ae.createElement("div",{className:ry()},ae.createElement(Xh,{variant:"title",size:"small"},lr.t("You get")),ae.createElement("div",{className:ny()},ae.createElement(Un,{onClick:!k&&!d&&!b?ue:void 0}))),ae.createElement(ts,{size:"12"}),Ol(ee,ae.createElement(ts,{size:10})),ee.length>0?ae.createElement(ts,{size:10}):null,ae.createElement(Lo,{quote:t,type:"swap-preview",expanded:!0,error:w.error,loading:k,warning:w.warnings?.quote??null})))}i(Qc,"ConfirmSwapPage");import{i18n as mr}from"@lingui/core";import{useManager as Sy}from"@rango-dev/queue-manager-react";import{Divider as ou,NotFound as Cy,styled as Ty}from"@rango-dev/ui";import gt,{useState as ky}from"react";import{useNavigate as wy}from"react-router-dom";import{i18n as is}from"@lingui/core";import{Divider as ay,GroupedVirtualizedList as ly,SwapListItem as Yc,Typography as Jc}from"@rango-dev/ui";import Ne,{useCallback as Zc,useEffect as py,useRef as cy,useState as uy}from"react";function Vc(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(Vc,"calculateGroupsSoFar");import{css as iy,darkTheme as sy,styled as Mo}from"@rango-dev/ui";var cr=iy(),jc=Mo("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$5"}),ns=Mo("div",{width:"100%",display:"flex",flexDirection:"column",backgroundColor:"$background",padding:"$10 $5 0 $5",[`& .${cr}`]:{$$color:"$colors$neutral600",[`.${sy} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),rs=Mo("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),Xc=Mo("div",{gap:"$10",display:"flex",flexDirection:"column"}),Kc=Mo("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});var my=10;function ss(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,[s,a]=uy([]),l=cy(0),{swaps:p,groupCounts:c,groups:u}=n(e),g=Zc(Vc,[]),m=Zc(()=>{let d=e.length-l.current;d&&(l.current+=Math.min(d,my),a(g(c,l.current)))},[e.length]);if(py(()=>{r||m()},[r,m]),r){let d=[{},{}],C=[{title:is.t("Today"),swaps:d},{title:is.t("This month"),swaps:d}];return Ne.createElement(Ne.Fragment,null,C.map(y=>Ne.createElement(ns,{key:y.title},Ne.createElement(rs,null,Ne.createElement(Jc,{variant:"label",size:"medium",className:cr()},y.title)),Ne.createElement(ay,{size:4}),Ne.createElement(Xc,null,y.swaps.map((f,S)=>{let v=S+y.title;return Ne.createElement(Yc,{isLoading:!0,key:v})})))))}return Ne.createElement(ly,{endReached:()=>{l.current<e.length&&m()},groupCounts:s,groupContent:d=>Ne.createElement(ns,null,Ne.createElement(rs,null,Ne.createElement(Jc,{variant:"label",size:"medium",className:cr()},u[d]))),itemContent:(d,C)=>{let y=p[d],f=y.steps[0],S=y.steps[y.steps.length-1];return Ne.createElement(jc,{key:y.requestId},Ne.createElement(Yc,{requestId:y.requestId,creationTime:y.creationTime,status:y.status,onClick:o,tooltipContainer:W(),onlyShowTime:u[C]===is.t("Today"),swapTokenData:{from:{token:{image:f.fromLogo,displayName:f.fromSymbol},blockchain:{image:f.fromBlockchainLogo||""},amount:E(y.inputAmount,6,6),realAmount:se(y.inputAmount)},to:{token:{image:S.toLogo,displayName:S.toSymbol},blockchain:{image:S.toBlockchainLogo||""},amount:E(S.outputAmount||S.expectedOutputAmountHumanReadable||"",6,6),realAmount:se(S.outputAmount||S.expectedOutputAmountHumanReadable)}}}))}})}i(ss,"HistoryGroupedList");import{CloseIcon as fy,IconButton as gy,SearchIcon as hy,TextField as yy}from"@rango-dev/ui";import Po from"react";import{styled as dy}from"@rango-dev/ui";var Rc=dy("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function ft(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:s,value:a,setValue:l,...p}=t;return Po.createElement(yy,{prefix:Po.createElement(Rc,null,Po.createElement(hy,{color:"black"})),suffix:!!a.length&&Po.createElement(gy,{variant:"ghost",onClick:()=>l?.(""),size:"small"},Po.createElement(fy,{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(ft,"SearchInput");import{i18n as ur}from"@lingui/core";import eu from"dayjs";var tu=i(t=>{let e=new Map([["today",{title:ur.t("Today"),swaps:[]}],["week",{title:ur.t("This week"),swaps:[]}],["month",{title:ur.t("This month"),swaps:[]}],["year",{title:ur.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=eu();t.forEach(p=>{let c=Number(p.creationTime),u=eu(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 g=new Date(c).getFullYear().toString();o(g,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 vy=Ty("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),xy=i((t,e)=>t?.length?t.filter(o=>et(o.fromBlockchain,e)||et(o.toBlockchain,e)||et(o.toSymbol,e)||et(o.fromSymbol,e)).length:!1,"isStepContainsText");function nu(){let t=wy(),{manager:e,state:o}=Sy(),n=bt(e).map(({swap:u})=>u),[r,s]=ky(""),a=!o.loadedFromPersistor,l=i(u=>{let g=u.target.value;s(g)},"searchHandler"),p=n;r&&(p=n.filter(u=>et(u.inputAmount,r)||et(u.status,r)||xy(u.steps,r)||et(u.requestId,r)));let c=!p?.length&&!a;return gt.createElement(ne,{header:{title:mr.t("History")}},gt.createElement(re,null,gt.createElement(ft,{setValue:s,fullWidth:!0,variant:"contained",placeholder:mr.t("Search Transaction"),autoFocus:!0,onChange:l,value:r}),gt.createElement(ou,{size:"16"}),gt.createElement(vy,null,c&&gt.createElement(Kc,null,gt.createElement(ou,{size:32}),gt.createElement(Cy,{title:mr.t("No results found"),description:r?mr.t("Try using different keywords"):""})),!c&&gt.createElement(ss,{list:p,onSwapClick:t,groupBy:tu,isLoading:a}))))}i(nu,"HistoryPage");import{i18n as ps}from"@lingui/core";import{Button as Ly,Divider as au,styled as pu,SwapInput as lu,WarningIcon as By}from"@rango-dev/ui";import ve,{useEffect as My,useState as Py}from"react";import{useNavigate as $y}from"react-router-dom";import{ReverseIcon as by,styled as ru}from"@rango-dev/ui";import as from"react";var Ay=ru("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),Iy=ru("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 iu(){let t=K.use.switchFromAndTo();return as.createElement(Ay,null,as.createElement(Iy,{onClick:()=>{t()}},as.createElement(by,{size:12})))}i(iu,"SwitchFromAndToButton");import{useCallback as Ey,useEffect as Wy,useState as ls}from"react";var Ny=600;function su(){let{fetch:t,cancelFetch:e}=ir(),{liquiditySources:o,enableNewLiquiditySources:n,features:r}=h().config,s=h().tokens(),{fromToken:a,toToken:l,inputAmount:p,inputUsdValue:c,quote:u,resetQuote:g,setQuote:m}=K(),{slippage:d,customSlippage:C,affiliatePercent:y,affiliateRef:f,affiliateWallets:S,disabledLiquiditySources:v,fetchStatus:T}=h(),[k,A]=ls(!0),[w,x]=ls(null),[b,I]=ls(null),N=C??d,H=!a||!l||Ie(a,l)||!uo(p),Q=i(z=>{A(z),x(null),I(null)},"resetState"),ue=i(z=>{let{fromToken:ee,toToken:F,inputAmount:De,liquiditySources:V,excludeLiquiditySources:J,disabledLiquiditySources:xe,slippage:Se,affiliateRef:Ce,affiliatePercent:ct,affiliateWallets:_}=z;if(k||Q(!0),!H&&ee&&F){g();let j=kn({fromToken:ee,toToken:F,inputAmount:De,liquiditySources:V,excludeLiquiditySources:J,disabledLiquiditySources:xe,slippage:Se,affiliateRef:Ce,affiliatePercent:ct,affiliateWallets:_});cn("experimentalRoute",r)&&(j.experimental=!0),t(j).then(q=>{A(!1),m(q),sr(q);let le=wn(q,{fromToken:ee,toToken:F,userSlippage:N,tokens:s});I(le)}).catch(q=>{let{error:le}=ar(q);(le?.type===0||le?.type===1)&&g(),le?.type!==2&&(x(le),A(!1))})}},"fetch"),M=Ey(La(z=>{H||ue(z)},Ny),[H]);return Wy(()=>{if(T==="success"){if(!uo(p)||c?.eq(0)){Q(!1),e();return}if(H){u&&g();return}return g(),Q(!0),M({inputAmount:p,fromToken:a,toToken:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:v,slippage:N,affiliateRef:f,affiliatePercent:y,affiliateWallets:S}),e}},[T,p,a?.symbol,a?.address,a?.blockchain,l?.symbol,l?.address,l?.blockchain,H,o?.length,n,v.length,N,f,y,JSON.stringify(S)]),{fetch:()=>ue({inputAmount:p,fromToken:a,toToken:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:v,slippage:N,affiliateRef:f,affiliatePercent:y,affiliateWallets:S}),loading:k,error:w,warning:b}}i(su,"useSwapInput");var _y=pu("div",{position:"relative"}),Dy=pu("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"});function cu(){let t=$y(),{fetch:e,loading:o,error:n,warning:r}=su(),{fromToken:s,fromBlockchain:a,toToken:l,toBlockchain:p,setInputAmount:c,inputAmount:u,inputUsdValue:g,outputAmount:m,outputUsdValue:d,quote:C,resetQuoteWallets:y,setQuoteWarningsConfirmed:f}=K(),{config:S,fetchStatus:v}=h(),{connectedWallets:T,getBalanceFor:k}=G(),{isActiveTab:A}=pe(),[w,x]=Py(!1),b=!!a&&wa(T,a.name),I=!1,N=!Rr(C,u,g),Y=!Rr(C,u,d),H=Ra({fetchMetaStatus:v,fetchingQuote:o,inputAmount:u,quote:C,anyWalletConnected:T.length>0,error:n,warning:r,needsToWarnEthOnPath:I}),Q=s?k(s):null,ue=nn(Q)?.amount??"0",M=a&&s?E(Q?.amount,Q?.decimals):"0",z=v==="success"&&!!u&&!!s&&!!l&&o;My(()=>{y()},[]);let ee=!g||!d||!d.gt(0)?null:Oe(g.toString(),d.toString());return ve.createElement(ne,{height:"auto",hasLogo:!0,footer:ve.createElement(Ly,{type:"primary",size:"large",disabled:H.disabled||!A,prefix:H.action==="confirm-warning"&&ve.createElement(By,null),fullWidth:!0,onClick:()=>{H.action==="connect-wallet"?t(P.wallets):H.action==="confirm-warning"?x(!0):t(P.confirmSwap)}},H.title),header:{onWallet:()=>{t(P.wallets)},hasBackButton:!1,title:S.title||ps.t("Swap"),suffix:ve.createElement(vi,{onClickRefresh:(C||n)&&!w?e:void 0,onClickHistory:()=>t(P.swaps),onClickSettings:()=>t(P.settings)})}},ve.createElement(re,null,ve.createElement(Dy,null,ve.createElement(_y,null,ve.createElement(lu,{label:ps.t("From"),mode:"From",onInputChange:c,balance:ue,chain:{displayName:a?.displayName||"",image:a?.logo||""},token:{displayName:s?.symbol||"",image:s?.image||""},onClickToken:()=>t(P.fromSwap),price:{value:u,usdValue:N?void 0:E(g,4,4),realUsdValue:N?void 0:se(g),error:N?X().unknownPriceError.impactTitle:void 0},disabled:v==="failed",loading:v==="loading",loadingBalance:b,tooltipContainer:W(),onSelectMaxBalance:()=>{ue!=="0"&&c(M.split(",").join(""))}}),ve.createElement(iu,null)),ve.createElement(lu,{sharpBottomStyle:!!C?.result||z,label:ps.t("To"),mode:"To",fetchingQuote:z,chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:l?.symbol||"",image:l?.image||""},percentageChange:E(Oe(g,d),2,2),warningLevel:mt(ee??0),price:{value:E(m,6,6),usdValue:Y?void 0:E(d,4,4),realValue:se(m),realUsdValue:Y?void 0:se(d),error:Y?X().unknownPriceError.impactTitle:void 0},onClickToken:()=>t(P.toSwap),disabled:v==="failed",loading:v==="loading",tooltipContainer:W()})),ve.createElement(au,{size:"2"}),ve.createElement(Lo,{quote:C,loading:z,error:n,warning:r,type:"basic"}),r||n?ve.createElement(ve.Fragment,null,ve.createElement(au,{size:"10"}),ve.createElement(xo,{warning:r,error:n,loading:z,refetchQuote:e,showWarningModal:w,confirmationDisabled:!A,onOpenWarningModal:()=>x(!0),onCloseWarningModal:()=>x(!1),onConfirmWarningModal:()=>{x(!1),f(!0),t(P.confirmSwap)},onChangeSettings:()=>t(P.settings)})):null))}i(cu,"Home");import{i18n as uu}from"@lingui/core";import{List as Fy,ListItemButton as Uy,Radio as Oy,RadioRoot as zy,Typography as qy}from"@rango-dev/ui";import Wt from"react";function io(){let{setLanguage:t,language:e,config:o}=h(),n=Pa,r=o?.language||fo;return{activeLanguage:e||r,languages:n,defaultLanguage:r,changeLanguage:s=>t(s||fo),resetLanguage:()=>t(null)}}i(io,"useLanguage");function mu(){let{activeLanguage:t,changeLanguage:e,languages:o}=io(),n=o.map(r=>{let{local:s,label:a,SVGFlag:l}=r;return{id:s,value:s,title:Wt.createElement(qy,{variant:"title",size:"xmedium"},a),onClick:()=>e(r.local),end:Wt.createElement(Oy,{value:s}),start:Wt.createElement(l,null)}});return Wt.createElement(ne,{header:{title:uu.t("Language")}},Wt.createElement(re,null,Wt.createElement(zy,{value:t},Wt.createElement(Fy,{type:Wt.createElement(Uy,{title:uu.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}i(mu,"LanguagePage");import{i18n as ht}from"@lingui/core";import{Button as jy,Checkbox as Xy,Image as Ky,ListItemButton as Yy,NotFound as Jy,Typography as Zy}from"@rango-dev/ui";import We,{useState as Ry}from"react";import{Checkbox as Qy,Skeleton as fu}from"@rango-dev/ui";import _o from"react";import{styled as cs}from"@rango-dev/ui";var $o=cs("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto"}),us=cs("div",{width:80,display:"flex",justifyContent:"flex-end"}),ms=cs("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});import{ListItem as Gy,styled as Hy}from"@rango-dev/ui";var du=Hy(Gy,{height:61});var Vy=30;function ds(){return _o.createElement($o,null,Array.from(Array(Vy),t=>_o.createElement(du,{hasDivider:!0,key:t,start:_o.createElement(fu,{variant:"circular",width:35,height:35}),title:_o.createElement(fu,{variant:"text",size:"large",width:90}),end:_o.createElement(Qy,{checked:!1})})))}i(ds,"LoadingLiquiditySourceList");function fs({sourceType:t}){let e=h().fetchStatus,o=h().swappers(),n=h().disabledLiquiditySources,[r,s]=Ry(""),a=h().toggleLiquiditySource,l=pn(o,n),p={Exchanges:ht.t("Exchanges"),Bridges:ht.t("Bridges")},c=[];t==="Exchanges"&&c.push("DEX"),t==="Bridges"&&(c.push("BRIDGE"),c.push("AGGREGATOR"));let u=l.filter(f=>c.includes(f.type)),g=u.length===u.filter(f=>f.selected).length,m=i(()=>{u.forEach(f=>{g?a(f.groupTitle):f.selected||a(f.groupTitle)})},"toggleAllSources"),d=u.map(f=>{let{selected:S,groupTitle:v,logo:T}=f;return{start:We.createElement(Ky,{src:T,size:22,type:"circular"}),onClick:()=>a(v),end:We.createElement(Xy,{checked:S}),title:We.createElement(Zy,{variant:"title",size:"xmedium"},ht.t(v)),...f}}),C=i(f=>{let S=f.target.value;s(S)},"searchHandler"),y=d;return r&&(y=d.filter(f=>et(f.groupTitle,r))),We.createElement(ne,{header:{title:ht.t(t),suffix:We.createElement(us,null,We.createElement(jy,{variant:"ghost",size:"xsmall",onClick:m},g?ht.t("Deselect all"):ht.t("Select all")))}},We.createElement(re,{view:!0},We.createElement(ft,{value:r,setValue:s,fullWidth:!0,color:"light",variant:"contained",placeholder:ht.t("Search {sourceType}",{sourceType:p[t]}),onChange:C}),e==="loading"&&We.createElement(ds,null),!y.length&&r?We.createElement(ms,null,We.createElement(Jy,{title:ht.t("No results found"),description:ht.t("Try using different keywords")})):e==="success"&&We.createElement($o,null,y.map(f=>We.createElement(We.Fragment,{key:f.id},We.createElement(Yy,{style:{height:"61px"},...f,selected:!1,hasDivider:!0}))))))}i(fs,"LiquiditySourcePage");import{i18n as wu}from"@lingui/core";import{Divider as vu,getCountCategories as pS,SelectableCategoryList as cS}from"@rango-dev/ui";import yt,{useState as xu}from"react";import{i18n as hs}from"@lingui/core";import{Divider as Tu,Image as rS,ListItemButton as iS,NotFound as sS,Typography as ku}from"@rango-dev/ui";import He,{useEffect as aS,useState as lS}from"react";import{BlockchainCategories as gs}from"@rango-dev/ui";import{TransactionType as dr}from"rango-sdk";var eS=i((t,e)=>{switch(e){case gs.ALL:return!0;case gs.UTXO:return t.type===dr.TRANSFER;case gs.OTHER:return t.type!==dr.TRANSFER&&t.type!==dr.COSMOS&&t.type!==dr.EVM;default:return t.type===e}},"filterByType"),gu=i((t,e,o)=>t.filter(n=>eS(n,o)).filter(n=>Bt(n.name,e)||Bt(n.displayName,e)),"filterBlockchains");import{ImageContainer as tS,styled as hu}from"@rango-dev/ui";var yu=hu("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),fr=hu(Co,{padding:0,margin:0,listStyle:"none",[`& ${tS}`]:{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as oS,Skeleton as Su}from"@rango-dev/ui";import gr from"react";var nS=20;function Cu(){return gr.createElement(fr,null,Array.from(Array(nS),t=>gr.createElement(oS,{key:t,hasDivider:!0,start:gr.createElement(Su,{variant:"circular",width:35,height:35}),title:gr.createElement(Su,{variant:"text",size:"large",width:90})})))}i(Cu,"LoadingBlockchainList");function ys(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=lS(e),{fetchStatus:l}=h();aS(()=>{a([...gu(e,o,r)])},[e,o,r]);let p=i(()=>!s.length&&o?He.createElement(He.Fragment,null,He.createElement(Tu,{size:32}),He.createElement(sS,{title:hs.t("No results found"),description:hs.t("Try using different keywords")})):He.createElement(fr,{as:"ul",key:`${r}-${o}`},s.map(c=>He.createElement(iS,{key:`${c.name}-${c.chainId}`,hasDivider:!0,onClick:()=>n(c),start:He.createElement(rS,{src:c.logo,size:30}),title:He.createElement(ku,{variant:"title",size:"medium"},c.displayName),id:c.chainId}))),"renderList");return He.createElement(yu,null,He.createElement(ku,{variant:"label",size:"large"},hs.t("Select Blockchain")),He.createElement(Tu,{size:4}),l==="loading"&&He.createElement(Cu,null),l==="success"&&p())}i(ys,"BlockchainList");function Ss(t){let{type:e}=t,o=xt(),[n,r]=xu(""),[s,a]=xu("ALL"),l=K.use.setToBlockchain(),p=K.use.setFromBlockchain(),c=h().fetchStatus,u=h().blockchains({type:e}),m=pS(u)!==1;return yt.createElement(ne,{header:{title:wu.t("Select Blockchain")}},yt.createElement(re,{view:!0},m&&yt.createElement(yt.Fragment,null,yt.createElement(cS,{setCategory:a,category:s,blockchains:u,isLoading:c==="loading"}),yt.createElement(vu,{size:24})),yt.createElement(ft,{value:n,autoFocus:!0,placeholder:wu.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:d=>r(d.target.value)}),yt.createElement(vu,{size:16}),yt.createElement(ys,{list:u,searchedFor:n,blockchainCategory:s,onChange:d=>{e==="source"?p(d):l(d),o()}})))}i(Ss,"SelectBlockchainPage");import{i18n as Tr}from"@lingui/core";import{Divider as Hu}from"@rango-dev/ui";import Ut,{useState as IS}from"react";import{useNavigate as ES}from"react-router-dom";import{i18n as ks}from"@lingui/core";import{BlockchainsChip as hr,Divider as Eu,Image as Wu,Skeleton as gS,Tooltip as hS,Typography as ws}from"@rango-dev/ui";import ye from"react";import{useEffect as dS}from"react";var bu=["ETH","COSMOS","OSMOSIS"];function Cs(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(uS),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(mS(a)),r=n.splice(s)}return{list:n,more:r}}i(Cs,"prepare");function uS(t,e){let o=bu,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(uS,"sortByMostUsedBlockchains");function mS(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(mS,"generateSortByPreferredBlockchainsFor");function Au(t,e){return!!e.list.find(o=>o.name===t)}i(Au,"isInVisibleList");function Ts(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=h();dS(()=>{if(e?.selected){let s=Cs(t,o,e);Au(e.selected,s)||n(e?.selected)}},[e?.selected]);let r=Cs(t,o,e);return{list:r.list,more:r.more,history:[]}}i(Ts,"usePrepareBlockchainList");import{styled as fS}from"@rango-dev/ui";var Iu=fS("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var yS=12;function vs(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:s}=t,a=Ts(e,{limit:10,selected:n?.name}),{fetchStatus:l}=h(),p=K.use.resetToBlockchain(),c=K.use.resetFromBlockchain(),u=a.more.length>0,g=a.more.length===1,m=!g&&u;return ye.createElement(ye.Fragment,null,ye.createElement(Eu,{size:12}),ye.createElement(ws,{variant:"label",size:"large"},ks.t("Select Blockchain")),ye.createElement(Eu,{size:12}),ye.createElement(Iu,null,l==="loading"&&Array.from(Array(yS),d=>ye.createElement(gS,{key:d,variant:"rounded",height:50})),l==="success"&&ye.createElement(ye.Fragment,null,ye.createElement(hr,{selected:!n,onClick:()=>{o==="from"?c():p()}},ye.createElement(ws,{variant:"body",size:"xsmall",color:"secondary500"},ks.t("All"))),a.list.map(d=>ye.createElement(hS,{key:d.name,content:d.shortName,side:"bottom",sideOffset:2,container:W()},ye.createElement(hr,{key:d.name,selected:!!n&&n.name===d.name,onClick:()=>r(d)},ye.createElement(Wu,{src:d.logo,size:30})))),g?ye.createElement(hr,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},ye.createElement(Wu,{src:a.more[0].logo,size:30})):null,m?ye.createElement(hr,{onClick:s,key:"more-blockchains"},ye.createElement(ws,{variant:"body",size:"xsmall",color:"secondary500"},ks._("More +{count}",{count:a.more.length}))):null)))}i(vs,"BlockchainsSection");import{i18n as Ms}from"@lingui/core";import{darkTheme as Uu,Divider as ao,ExternalLinkIcon as TS,Image as kS,ListItemButton as wS,NotFound as vS,PinIcon as xS,Skeleton as Ou,Typography as Cr,VirtualizedList as bS}from"@rango-dev/ui";import $,{useEffect as zu,useState as qu}from"react";import{Divider as Du,ListItem as CS,Skeleton as Do}from"@rango-dev/ui";import Ze from"react";import{css as so,darkTheme as Nu,ImageContainer as SS,styled as Je,Typography as Lu}from"@rango-dev/ui";var xs=so({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}),bs=so({position:"relative",height:12,width:"30%",maxWidth:"150px"}),As=so({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"}),Is=so({transform:"translateY(12px)",visibility:"hidden","& a":{display:"flex",justifyContent:"center",alignItems:"center",fontSize:"$12",lineHeight:"$16",$$color:"$colors$neutral600",[`.${Nu} &`]:{$$color:"$colors$neutral700"},color:"$$color",textDecoration:"none"}}),Es=so({}),Ws=so(),Bu=Je("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),Ns=Je("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),yr=Je("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none","&:hover":{[`& .${bs}`]:{[`& .${Is}`]:{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},[`& .${Es}`]:{bottom:"-15px"},[`& .${xs}`]:{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},[`& .${As}`]:{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),Ls=Je("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),Bs=Je(Lu,{}),Mu=Je("div",{textAlign:"right",width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",[`& .${Ws}`]:{$$color:"$colors$neutral600",[`.${Nu} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Sr=Je("div",{display:"flex",alignItems:"end",flexDirection:"column"}),qP=Je("div",{display:"flex",alignItems:"center"}),Pu=Je("div",{position:"relative",[`& ${SS}`]:{borderRadius:"$xm",overflow:"hidden"}}),$u=Je("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6}),_u=Je(Lu,{width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"});function Fu(t){return Ze.createElement(yr,null,Array.from(Array(t.size),e=>Ze.createElement(CS,{key:e,hasDivider:!0,start:Ze.createElement(Do,{variant:"circular",width:35,height:35}),end:Ze.createElement(Sr,null,Ze.createElement(Do,{variant:"text",size:"large",width:70}),Ze.createElement(Du,{size:4}),Ze.createElement(Do,{variant:"text",size:"medium",width:50})),title:Ze.createElement("div",null,Ze.createElement(Do,{variant:"text",size:"large",width:90}),Ze.createElement(Du,{size:4}),Ze.createElement(Do,{variant:"text",size:"medium",width:90}))})))}i(Fu,"LoadingTokenList");var Ps=20,AS=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:s,customCssForTagTitle:a}=t,l=e.length;return $.createElement("div",{className:bs()},o?$.createElement("div",{className:xs()},o):$.createElement(Ns,{className:As()},$.createElement(Cr,{variant:"title",size:"xmedium"},r.symbol),$.createElement(ao,{direction:"horizontal",size:4}),$.createElement(Ls,{css:s},$.createElement(Bs,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&$.createElement("div",{className:`${Is()} ${!o&&Es()}`},$.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," ",$.createElement(ao,{size:4,direction:"horizontal"}),$.createElement(TS,{color:"gray",size:12}))))},"renderDesc");function Gu(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=qu(e),l=h().fetchStatus,p=h().blockchains(),[c,u]=qu(!0),{getBalanceFor:g,loading:m}=G(),{isTokenPinned:d}=h(),C=i(()=>{a(e.slice(0,s.length+Ps))},"loadNextPage");zu(()=>{u(e.length>s.length)},[s.length]),zu(()=>{a(e.slice(0,Ps))},[e]);let y=i(()=>!s.length&&o?$.createElement($.Fragment,null,$.createElement(ao,{size:32}),$.createElement(vS,{title:Ms.t("No results found"),description:Ms.t("Try using different keywords")})):$.createElement(bS,{endReached:c?C:void 0,itemContent:f=>{let S=s[f],v=nn(g(S)),T=S.address||"",k=p.find(b=>b.name===S.blockchain),A=Mn(S.symbol,k?.color||""),w={$$color:A[`${S.symbol}100`],[`.${Uu} &`]:{$$color:A[`${S.symbol}900`]},backgroundColor:"$$color"},x={$$color:A[`${S.symbol}700`],[`.${Uu} &`]:{$$color:A[`${S.symbol}100`]},color:"$$color"};return $.createElement("div",{style:{paddingRight:5}},$.createElement(wS,{style:{width:"100%",overflow:"hidden"},"tab-index":f,key:`${S.symbol}${S.address}`,id:`${S.symbol}${S.address}`,hasDivider:!0,onClick:()=>n(s[f]),start:$.createElement(Pu,null,$.createElement(kS,{src:S.image,size:30}),d(S,t.type)&&$.createElement($u,null,$.createElement(xS,{size:12,color:"gray"}))),title:k?.type==="COSMOS"||S.name||!S.name&&!T?$.createElement(Ns,null,$.createElement(Cr,{variant:"title",size:"xmedium"},S.symbol),$.createElement(ao,{direction:"horizontal",size:4}),$.createElement(Ls,{css:w},$.createElement(Bs,{variant:"body",size:"xsmall",css:x},S.blockchain))):void 0,description:k?.info&&T&&k.type!=="COSMOS"?AS({address:T,token:s[f],customCssForTag:w,customCssForTagTitle:x,name:S.name,url:k.info.addressUrl.split("{wallet}").join(T)}):S.name||void 0,end:m?$.createElement(Sr,null,$.createElement(Ou,{variant:"text",size:"large",width:70}),$.createElement(ao,{size:4}),$.createElement(Ou,{variant:"text",size:"medium",width:50})):v&&$.createElement(Mu,null,$.createElement(_u,{variant:"title",size:"small"},v.amount),$.createElement("div",null),v.usdValue&&$.createElement(Cr,{variant:"body",className:Ws(),size:"xsmall"},`$${v.usdValue}`))}))},totalCount:s.length,key:`${r}-${o}`}),"renderList");return $.createElement(Bu,null,$.createElement(Cr,{variant:"label",size:"large"},Ms.t("Select Token")),$.createElement(ao,{size:4}),l==="loading"&&$.createElement(Fu,{size:Ps}),l==="success"&&$.createElement(yr,{as:"ul"},y()))}i(Gu,"TokenList");function $s(t){let{type:e}=t,o=ES(),n=xt(),{fromBlockchain:r,toBlockchain:s,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:c}=K(),u=G.use.getBalanceFor(),[g,m]=IS(""),{isTokenPinned:d}=h(),y=(e==="source"?r:s)?.name??"",f=h().blockchains({type:e}),S=h().tokens({type:e,blockchain:y,searchFor:g}),T=Ca(S,u,i(x=>d(x,e),"checkIsTokenPinned")),k=i(x=>{e==="source"?p(x):c(x)},"updateBlockchain"),A=i(x=>{e==="source"?a({token:x,meta:{blockchains:f,tokens:S}}):l({token:x,meta:{blockchains:f,tokens:S}})},"updateToken"),w={source:Tr.t("Source"),destination:Tr.t("Destination")};return Ut.createElement(ne,{header:{title:Tr.t("Swap {type}",{type:w[e]})}},Ut.createElement(re,null,Ut.createElement(vs,{blockchains:f,type:e=="source"?"from":"to",blockchain:e==="source"?r:s,onMoreClick:()=>o(P.blockchains),onChange:x=>{k(x)}}),Ut.createElement(Hu,{size:24}),Ut.createElement(ft,{value:g,autoFocus:!0,placeholder:Tr.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>m(""),onChange:x=>m(x.target.value)}),Ut.createElement(Hu,{size:16}),Ut.createElement(Gu,{list:T,selectedBlockchain:y,searchedFor:g,type:e,onChange:x=>{A(x);let b=f.find(I=>x.blockchain===I.name);b&&k(b),n()}})))}i($s,"SelectSwapItemsPage");import{i18n as Ot}from"@lingui/core";import{ChevronRightIcon as Fs,Divider as Us,InfoIcon as _S,List as DS,ListItemButton as FS,Skeleton as US,Switch as OS,Tooltip as zS,Typography as zt}from"@rango-dev/ui";import Z from"react";import{useNavigate as qS}from"react-router-dom";import{i18n as Yu}from"@lingui/core";import{Divider as BS,InfoIcon as MS,TextField as PS,Tooltip as $S,Typography as Ju}from"@rango-dev/ui";import _e from"react";import{Chip as WS,styled as Fo,TextField as NS}from"@rango-dev/ui";var Qu=Fo("div",{paddingTop:"$5",padding:"$10 $5"}),Vu=Fo("div",{display:"flex",flexWrap:"wrap",gap:"$10",[`& ${NS}`]:{flex:"1 1 0",maxWidth:"127px",minWidth:"85px"}}),ju=Fo("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),kr=Fo("div",{maxWidth:"280px",padding:"$10"}),Xu=Fo(WS,{width:"61px",flexShrink:0});import{i18n as _s}from"@lingui/core";import{Typography as LS}from"@rango-dev/ui";import Uo from"react";function Ku(){return Uo.createElement(kr,null,Uo.createElement(LS,{variant:"label",size:"medium",color:"neutral700"},_s.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),Uo.createElement("br",null),Uo.createElement("br",null),Uo.createElement("b",null,_s.t("Warning")),":",_s.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(Ku,"SlippageTooltipContent");function Ds(){let{slippage:t,setSlippage:e,customSlippage:o,setCustomSlippage:n}=h();return _e.createElement(Qu,null,_e.createElement(ju,null,_e.createElement(Ju,{variant:"title",size:"xmedium"},Yu.t("Slippage tolerance per swap")),_e.createElement(BS,{direction:"horizontal",size:4}),_e.createElement($S,{container:W(),side:"top",sideOffset:4,content:_e.createElement(Ku,null)},_e.createElement(MS,{color:"gray"}))),_e.createElement(Vu,null,$a.map((r,s)=>{let a=`slippage-${s}`;return _e.createElement(_e.Fragment,null,_e.createElement(Xu,{key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}))}),_e.createElement(PS,{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>=Ua&&a<=Fa?n(a):n(null)},suffix:o&&_e.createElement(Ju,{variant:"body",size:"small"},"%"),placeholder:Yu.t("Custom")})))}i(Ds,"Slippage");function Zu(){let t=qS(),{theme:e}=h().config,o=h().fetchStatus,n=h().swappers(),r=h().disabledLiquiditySources,{config:{features:s}}=h(),a=Fe("theme",s),l=Fe("liquiditySource",s),p=Fe("language",s),c=h().infiniteApprove,u=h().toggleInfiniteApprove,g=pn(n,r),m=g.filter(b=>b.type==="BRIDGE"||b.type==="AGGREGATOR"),d=m.length,C=m.filter(b=>b.selected).length,y=g.filter(b=>b.type==="DEX"),f=y.length,S=y.filter(b=>b.selected).length,v=i((b,I)=>{switch(o){case"loading":return Z.createElement(US,{variant:"text",size:"medium",width:50});case"failed":return Z.createElement(zt,{variant:"body",size:"medium",color:"$error500"},Ot.t("Loading failed"));default:return Z.createElement(zt,{variant:"body",size:"medium"},`${b} / ${I}`)}},"handleEndItem"),T={id:"bridge-item",title:Z.createElement(zt,{variant:"title",size:"xmedium"},Ot.t("Enabled bridges")),end:Z.createElement(Z.Fragment,null,v(C,d),Z.createElement(Us,{direction:"horizontal",size:8}),Z.createElement(Fs,{color:"black"})),onClick:()=>t(P.bridges)},k={id:"exchange-item",title:Z.createElement(zt,{variant:"title",size:"xmedium"},Ot.t("Enabled exchanges")),end:Z.createElement(Z.Fragment,null,v(S,f),Z.createElement(Us,{direction:"horizontal",size:8}),Z.createElement(Fs,{color:"gray"})),onClick:()=>t(P.exchanges)},A={id:"theme-item",title:Z.createElement(zt,{variant:"title",size:"xmedium"},Ot.t("Theme")),end:Z.createElement(Fs,{color:"gray"}),onClick:()=>t(P.themes)},w={id:"infinite-approval-item",title:Z.createElement(Z.Fragment,null,Z.createElement(zt,{variant:"title",size:"xmedium"},Ot.t("Infinite approval")),Z.createElement(Us,{direction:"horizontal",size:4}),Z.createElement(zS,{side:"top",sideOffset:4,container:W(),content:Z.createElement(kr,null,Z.createElement(zt,{variant:"label",size:"medium",color:"neutral700"},Ot.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.")))},Z.createElement(_S,{color:"gray"}))),end:Z.createElement(OS,{checked:c}),onClick:u},x=l?[]:[T,k];return!e?.singleTheme&&!a&&x.push(A),x.push(w),Z.createElement(ne,{header:{title:Ot.t("Settings")}},Z.createElement(re,null,Z.createElement(Ds,null),Z.createElement(DS,{type:Z.createElement(FS,{title:"_",id:"_",onClick:()=>console.log()}),items:x})))}i(Zu,"SettingsPage");import{i18n as BC}from"@lingui/core";import{cancelSwap as MC}from"@rango-dev/queue-manager-rango-preset";import{useManager as PC}from"@rango-dev/queue-manager-react";import{Alert as $C}from"@rango-dev/ui";import ea from"react";import{useParams as _C}from"react-router-dom";import{i18n as St}from"@lingui/core";import{getCurrentBlockchainOfOrNull as fC,getCurrentStep as gC,getRelatedWalletOrNull as hC}from"@rango-dev/queue-manager-rango-preset";import{Button as Im,CopyIcon as yC,Divider as SC,IconButton as CC,LinkIcon as TC,QuoteCost as kC,StepDetails as wC,Typography as po,useCopyToClipboard as vC}from"@rango-dev/ui";import{useWallets as xC}from"@rango-dev/wallets-react";import Em from"bignumber.js";import{PendingSwapNetworkStatus as Lr}from"rango-types";import R,{useEffect as Wm,useRef as bC,useState as Nm}from"react";import{useNavigate as AC}from"react-router-dom";import{i18n as Nt}from"@lingui/core";var GS=[Nt.t("Sunday"),Nt.t("Monday"),Nt.t("Tuesday"),Nt.t("Wednesday"),Nt.t("Thursday"),Nt.t("Friday"),Nt.t("Saturday")];function Ru(t){let e=new Date(t),o=e.getDate(),n=e.toLocaleString("default",{month:"long"}),r=e.getFullYear();return`${e.getDay()===new Date().getDay()?Nt.t("Today"):`${GS[e.getDay()]} ${o} ${n} ${r}`}, ${new Date(t).toLocaleTimeString()}`}i(Ru,"timeSince");function em(t){return t.finishTime?Ru(parseInt(t.finishTime)):Ru(parseInt(t.creationTime))}i(em,"getSwapDate");import{Modal as ZS}from"@rango-dev/ui";import{PendingSwapNetworkStatus as xr}from"rango-types";import br from"react";import{i18n as wr}from"@lingui/core";import{Button as tm,Divider as Os,MessageBox as HS,Typography as om}from"@rango-dev/ui";import lt from"react";var nm=i(({onCancel:t,onClose:e})=>lt.createElement(lt.Fragment,null,lt.createElement(Os,{size:20}),lt.createElement(HS,{type:"error",title:wr.t("Cancel Swap"),description:wr.t("Are you sure you want to cancel this swap?")}),lt.createElement(Os,{size:32}),lt.createElement(tm,{variant:"contained",type:"primary",size:"large",onClick:t},lt.createElement(om,{variant:"title",size:"medium",color:"neutral100"},wr.t("Yes, Cancel it"))),lt.createElement(Os,{size:12}),lt.createElement(tm,{variant:"outlined",type:"primary",size:"large",onClick:e},lt.createElement(om,{variant:"title",size:"medium",color:"primary"},wr.t("No, Continue")))),"CancelContent");import{i18n as vr}from"@lingui/core";import{Button as rm,Divider as zs,MessageBox as QS,Typography as im}from"@rango-dev/ui";import pt from"react";var sm=i(({onDelete:t,onClose:e})=>pt.createElement(pt.Fragment,null,pt.createElement(zs,{size:20}),pt.createElement(QS,{type:"error",title:vr.t("Delete Transaction"),description:vr.t("Are you sure you want to delete this swap?")}),pt.createElement(zs,{size:32}),pt.createElement(rm,{variant:"contained",type:"primary",size:"large",onClick:t},pt.createElement(im,{variant:"title",size:"medium",color:"neutral100"},vr.t("Yes, Delete it"))),pt.createElement(zs,{size:12}),pt.createElement(rm,{variant:"outlined",type:"primary",size:"large",onClick:e},pt.createElement(im,{variant:"title",size:"medium",color:"primary"},vr.t("No, Cancel")))),"DeleteContent");import{i18n as qs}from"@lingui/core";import{PendingSwapNetworkStatus as Gs}from"rango-types";var Hs={[Gs.WaitingForNetworkChange]:{type:"loading",title:qs.t("Change Network")},[Gs.WaitingForConnectingWallet]:{type:"warning",title:qs.t("Connect Wallet")},[Gs.NetworkChanged]:{type:"success",title:qs.t("Network Changed")}};import{MessageBox as jS,Wallet as XS,WalletState as KS}from"@rango-dev/ui";import{useWallets as YS}from"@rango-dev/wallets-react";import Oo,{useEffect as lm,useRef as JS}from"react";import{styled as VS}from"@rango-dev/ui";var am=VS("div",{display:"flex",justifyContent:"center"});var pm=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:s,walletButtonDisabled:a}=t,{connect:l,getWalletInfo:p,state:c,disconnect:u}=YS(),g=n?.walletType,m=g?Ur(c(g)):null,d=JS(!1),C=g?p(g):null,y=s&&!!g&&!!m&&!!C;return lm(()=>()=>{d.current=!0},[]),lm(()=>()=>{d.current&&g&&m===KS.CONNECTING&&u(g)},[m]),Oo.createElement(Oo.Fragment,null,Oo.createElement(jS,{type:e,title:o,description:r}),y&&Oo.createElement(am,null,Oo.createElement(XS,{container:W(),title:C.name,image:C.img,type:g,state:m,link:C.installLink,disabled:a,onClick:async()=>l(g)})))},"WalletStateContent");function Qs(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:s,message:a,walletButtonDisabled:l}=t,p=e===xr.WaitingForNetworkChange||e===xr.WaitingForConnectingWallet||e===xr.NetworkChanged;return br.createElement(ZS,{open:!!e,onClose:o,container:document.getElementById(be.SWAP_BOX_ID)||document.body},p&&br.createElement(pm,{type:Hs[e].type,title:Hs[e].title,currentStepWallet:s,message:a,walletButtonDisabled:l,showWalletButton:e!==xr.WaitingForNetworkChange}),e==="delete"&&br.createElement(sm,{onClose:o,onDelete:n}),e==="cancel"&&br.createElement(nm,{onClose:o,onCancel:r}))}i(Qs,"SwapDetailsModal");import{i18n as zo}from"@lingui/core";import{Button as Vs,Divider as Ar,MessageBox as cm,Modal as RS,TokenAmount as eC,Typography as Ir}from"@rango-dev/ui";import ke from"react";import{useNavigate as tC}from"react-router-dom";function js(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:s,realUsdValue:a,realValue:l,token:p,chain:c,percentageChange:u,description:g,diagnosisUrl:m}=t,d=tC();return ke.createElement(RS,{open:e,onClose:o,container:document.getElementById(be.SWAP_BOX_ID)||document.body},n==="success"?ke.createElement(cm,{type:"success",title:zo.t("Swap Successful")},ke.createElement(eC,{direction:"vertical",tooltipContainer:W(),type:"output",centerAlign:!0,price:{value:r,usdValue:s,realUsdValue:a,realValue:l},token:p,chain:c,percentageChange:u}),ke.createElement(Ar,{size:12}),ke.createElement(Ir,{variant:"body",size:"medium",color:"neutral700",align:"center"},g)):ke.createElement(cm,{type:"error",title:zo.t("Transaction Failed"),description:g}),ke.createElement(Ar,{size:32}),n==="success"&&ke.createElement(Vs,{variant:"contained",type:"primary",size:"large",onClick:()=>{d("../../")}},ke.createElement(Ir,{variant:"title",size:"medium",color:"neutral100"},zo.t("Done"))),ke.createElement(Ar,{size:12}),m&&ke.createElement(ke.Fragment,null,ke.createElement(Vs,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(m,"_blank")},ke.createElement(Ir,{variant:"title",size:"medium",color:"primary"},zo.t("Diagnosis"))),ke.createElement(Ar,{size:12})),ke.createElement(Vs,{variant:"outlined",type:"primary",size:"large",onClick:o},ke.createElement(Ir,{variant:"title",size:"medium",color:"primary"},zo.t("See Details"))))}i(js,"SwapDetailsCompleteModal");import mC from"react";import{i18n as lC}from"@lingui/core";import{Alert as hm,IconButton as pC,LinkIcon as cC}from"@rango-dev/ui";import Lt,{Fragment as uC}from"react";import{Alert as oC,ChevronDownIcon as nC,ChevronUpIcon as rC,IconButton as iC}from"@rango-dev/ui";import Er,{useState as sC}from"react";function um(t){let{message:e}=t,[o,n]=sC(!1);return Er.createElement(oC,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Er.createElement(iC,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Er.createElement(rC,{size:12,color:"gray"}):Er.createElement(nC,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(um,"FailedAlert");import{styled as aC}from"@rango-dev/ui";var mm=aC("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as dm}from"@lingui/core";import{Alert as Xs,Button as fm}from"@rango-dev/ui";import{PendingSwapNetworkStatus as Ks}from"rango-types";import qo from"react";function gm(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?qo.createElement(Xs,{type:"warning",title:n.shortMessage,action:qo.createElement(fm,{size:"xxsmall",type:"warning",onClick:()=>{o(Ks.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},dm.t("Change"))}):r===Ks.WaitingForConnectingWallet?qo.createElement(Xs,{type:"warning",title:n.shortMessage,action:qo.createElement(fm,{size:"xxsmall",type:"warning",onClick:()=>{o(Ks.WaitingForConnectingWallet)}},dm.t("Connect"))}):qo.createElement(Xs,{type:"warning",title:n.shortMessage})}i(gm,"WarningAlert");function Ys(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:s,hasAlreadyProceededToSign:a}=t,l=ho(s),p=s.status==="waitingForApproval"&&!l,c=s.status==="running"&&!l,u=c&&!a||p&&!s.explorerUrl?.length;return Lt.createElement(mm,null,s.explorerUrl?.map((g,m,d)=>{let C=m+g.url,y=m===d.length-1,f=(y&&c||p)&&!u,S=y&&s.status==="failed";return Lt.createElement(uC,{key:C},Lt.createElement(hm,{type:y&&(f&&"loading"||S&&"error")||"success",title:g.description?`${g.description} Tx`:lC.t("View transaction"),action:g.url&&Lt.createElement(pC,{variant:"ghost",size:"xsmall",onClick:()=>window.open(g.url,"_blank")},Lt.createElement(cC,{size:12}))}))}),u&&Lt.createElement(hm,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&l&&Lt.createElement(gm,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&Lt.createElement(um,{message:r}))}i(Ys,"SwapDetailsAlerts");var ym=2e3;var Sm=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:Ue(s.fromBlockchain,e)??"",image:s.fromBlockchainLogo??""},price:{value:E(l,6,6),realValue:l}},to:{token:{displayName:s.toSymbol,image:s.toLogo},chain:{displayName:Ue(s.toBlockchain,e)??"",image:s.toBlockchainLogo??""},price:{value:E(s.outputAmount||s.expectedOutputAmountHumanReadable,6,6),realValue:s.outputAmount||s.expectedOutputAmountHumanReadable}},swapper:{displayName:go(s.swapperId,o),image:s.swapperLogo??"",type:s.swapperType},internalSwaps:s.internalSwaps?s.internalSwaps.map(p=>({from:{blockchain:Ue(p.fromBlockchain,e)??""},to:{blockchain:Ue(p.toBlockchain,e)??""},swapper:{displayName:go(p.swapperId,o),image:p.swapperLogo??"",type:p.swapperType}})):[],alerts:mC.createElement(Ys,{step:s,hasAlreadyProceededToSign:r,...n})}})},"getSteps");function Cm(t){if(ho(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(Cm,"getStepState");import{css as Go,darkTheme as dC,styled as qt}from"@rango-dev/ui";var Tm=qt("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),Wr=qt("div",{width:"100%"}),km=qt(Co,{padding:"$0 $20 $20 $20"}),ID=qt("div",{display:"flex",flexDirection:"column",gap:"$10"}),wm=qt("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),ED=qt("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1}),lo=Go({display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${dC} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"}),vm=Go({padding:"$5 0"}),Nr=Go({display:"flex",justifyContent:"center",alignItems:"center",height:"$24"}),xm=Go({display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"}),bm=Go({width:"100%",padding:"0 $20 $10"}),Am=qt("a",{fontSize:"$16",fontWeight:"$400",color:"$neutral700",display:"flex",alignItems:"center",justifyContent:"center"});function Js(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:s,connect:a,getWalletInfo:l}=xC(),p=h().blockchains(),c=h().swappers(),u=h().tokens(),g=K.use.retry(),m=pe.use.isActiveTab(),d=AC(),[C,y]=vC(ym),f=bC(null),[S,v]=Nm(null),[T,k]=Nm(null),A=i(()=>{r(),v(null)},"onCancel"),w=Pe.use.getUnreadNotifications(),x=Pe.use.setAsRead(),b=w(),I=gC(e),N=I?.networkStatus;Wm(()=>{b.find(Ct=>Ct.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(k(e.status),x(e.requestId))},[e.status]),Wm(()=>{ee?v(Lr.WaitingForNetworkChange):N===Lr.WaitingForConnectingWallet||N===Lr.NetworkChanged?v(N):v(null)},[N]);let Y=cl(e),H=I?fC(e,I):null,Q=I?hC(e,I):null,ue=em(e),M=ul(e),z=i(Me=>!!l(Me)?.mobileWallet,"isMobileWallet"),ee=N===Lr.WaitingForNetworkChange&&!!H&&!!Q?.walletType&&(z(Q.walletType)||s(Q.walletType,H)),F=ee?a.bind(null,Q.walletType,H):void 0,De=pl(e,I),V=Sm({swap:e,switchNetwork:F,showNetworkModal:N,setNetworkModal:v,message:De,blockchains:p,swappers:c}),J=V.length,[xe,Se]=[e.steps[0],e.steps[J-1]],Ce=Se.outputAmount||Se.expectedOutputAmountHumanReadable,ct=e.steps.reduce((Me,Ct)=>Me+parseFloat(Ct.feeInUsd||""),0),_=e.steps.find(Me=>Me.diagnosisUrl)?.diagnosisUrl,j=E(parseFloat(E(Ce,6,6))*(Se.toUsdPrice||0),4,4),q=E(parseFloat(e.inputAmount)*(xe.fromUsdPrice||0),4,4),le=Ce?se(new Em(Ce).multipliedBy(Se.toUsdPrice||0)):"",ut=se(new Em(e.inputAmount).multipliedBy(xe.fromUsdPrice||0)),Qe=Oe(q,j),Dr=e.status==="success"?St.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:E(Ce,6,6),token:V[J-1].to.token.displayName,conciseAddress:rn(e.wallets[V[J-1].to.chain.displayName]?.address||""),chain:V[J-1].to.chain.displayName}}):`${St.t("Transaction was not sent.")} ${Y?St.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:Y.outputAmount,symbol:Y.symbol,blockchain:Y.blockchain}}):""}`;return R.createElement(ne,{header:{title:St.t("Swap and Bridge"),onCancel:e.status==="running"?()=>v("cancel"):void 0,suffix:e.status!=="running"&&R.createElement(Jt,null,R.createElement(Im,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>v("delete")},R.createElement(po,{size:"medium",variant:"label",color:"error"},St.t("Delete"))))},footer:M&&!T&&R.createElement(Im,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{g(e,{blockchains:p,tokens:u}),setTimeout(()=>{d("../../")},0)}},St.t("Try again"))},R.createElement(re,{compact:!0,view:!0},R.createElement(Wr,null,R.createElement("div",{className:lo()},R.createElement(po,{variant:"label",size:"large",color:"neutral700"},`${St.t("Request ID")}:`),R.createElement("div",{className:Nr()},R.createElement(po,{variant:"label",size:"small",color:"neutral700"},o),R.createElement(CC,{variant:"ghost",onClick:y.bind(null,o||"")},R.createElement(yC,{size:16,color:"gray"})),R.createElement(Am,{target:"_blank",href:`${la}/swap/${o}`},R.createElement(TC,{size:16})))),R.createElement("div",{className:lo()},R.createElement(po,{variant:"label",size:"large",color:"neutral700"},`${St.t(e.finishTime?"Finished at":"Created at")}:`),R.createElement(po,{variant:"label",size:"small",color:"neutral700"},ue))),R.createElement("div",{className:xm()},R.createElement(kC,{fee:E(String(ct),2,2),time:Yo(Jo(e.steps)),steps:J}),R.createElement(Ao,{from:{price:{value:E(e.inputAmount,6,6),usdValue:q,realUsdValue:ut,realValue:e.inputAmount},token:{displayName:V[0].from.token.displayName,image:V[0].from.token.image},chain:{image:V[0].from.chain.image,displayName:V[0].from.chain.displayName}},to:{price:{value:E(Ce,6,6),usdValue:j,realUsdValue:le,realValue:Ce},token:{displayName:V[J-1].to.token.displayName,image:V[J-1].to.token.image},chain:{image:V[J-1].to.chain.image,displayName:V[J-1].to.chain.displayName}},percentageChange:E(Qe,2,2),warningLevel:mt(Qe??0)})),R.createElement("div",{className:bm()},R.createElement(po,{variant:"title",size:"small"},St.t("Swaps steps"))),R.createElement(SC,{size:8}),R.createElement(km,{ref:f},V.map((Me,Ct)=>{let sa=Ct,co=Cm(e.steps[Ct]),Ym=co==="error"||co==="in-progress"||co==="warning"||co==="completed"&&Ct===V.length-1;return R.createElement(wC,{key:sa,step:Me,type:"swap-progress",ref:f,state:co,hasSeparator:Ct!==0,tabIndex:sa,isFocused:Ym,tooltipContainer:W()})}))),R.createElement(Qs,{state:S,onClose:()=>v(null),onCancel:A,onDelete:n,message:De.detailedMessage.content,currentStepWallet:Q,walletButtonDisabled:!m}),R.createElement(js,{open:!!T,diagnosisUrl:_,onClose:()=>k(null),status:e.status==="success"?"success":"failed",priceValue:E(Ce,6,6),usdValue:j,realUsdValue:le,realValue:se(Ce),percentageChange:E(Qe,2,2),token:{displayName:V[J-1].to.token.displayName,image:V[J-1].to.token.image},chain:{image:V[J-1].to.chain.image},description:Dr}))}i(Js,"SwapDetails");import{i18n as Mr}from"@lingui/core";import{Divider as Mm,NotFound as LC,Skeleton as Qo,Typography as Pr}from"@rango-dev/ui";import ce from"react";import{i18n as IC}from"@lingui/core";import{Divider as EC,Skeleton as WC,Typography as NC}from"@rango-dev/ui";import de from"react";import{css as Re,styled as Zs}from"@rango-dev/ui";var Lm=Zs("div",{width:"100%",height:"100%",padding:"$10 $20"}),Ho=Zs("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15"}),Br=Zs("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"}),a1=Re({display:"flex",justifyContent:"space-between",alignItems:"center"}),l1=Re({display:"flex",justifyContent:"space-between",alignItems:"center"}),p1=Re({paddingTop:"$15",display:"flex"}),c1=Re({padding:"$15 $0"}),u1=Re({width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"}),m1=Re({paddingBottom:"$10"}),d1=Re({display:"flex",justifyContent:"start",alignItems:"center"}),f1=Re({paddingTop:"$5",display:"flex",alignItems:"center"}),g1=Re({display:"flex",alignItems:"center"}),h1=Re({padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"}),Bm=Re({display:"flex",paddingTop:"$10",paddingBottom:"$5"});function Rs(){return de.createElement(Lm,null,de.createElement(Wo,{type:"swap-preview"}),de.createElement("div",{className:"swaps-steps"},de.createElement(NC,{variant:"title",size:"small"},IC.t("Swaps steps"))),de.createElement(de.Fragment,null,de.createElement(Ho,null,de.createElement(at,{separator:!1}),de.createElement("div",{className:Bm()},de.createElement(EC,{direction:"horizontal",size:20}),de.createElement(WC,{height:22,variant:"rectangular"}))),de.createElement(Br,null),de.createElement(Ho,null,de.createElement(at,{separator:!1})),de.createElement(Br,null),de.createElement(Ho,null,de.createElement(at,{separator:!1})),de.createElement(Br,null),de.createElement(Ho,null,de.createElement(at,{separator:!1}))))}i(Rs,"LoadingSwapDetails");function Pm(t){let{requestId:e,showSkeleton:o}=t;return ce.createElement(ne,{header:{title:Mr.t("Swap and Bridge"),suffix:ce.createElement(Jt,null)}},o&&ce.createElement(Tm,null,ce.createElement(Wr,null,ce.createElement("div",{className:lo()},ce.createElement(Pr,{variant:"label",size:"large",color:"neutral700"},`${Mr.t("Request ID")}:`),ce.createElement("div",{className:Nr()},ce.createElement(Pr,{variant:"label",size:"small",color:"neutral700"},ce.createElement(Qo,{width:60,height:10,variant:"rounded"})),ce.createElement(Mm,{direction:"horizontal",size:4}),ce.createElement(Qo,{width:16,height:16,variant:"rectangular"}),ce.createElement(Mm,{direction:"horizontal",size:4}),ce.createElement(Qo,{width:16,height:16,variant:"rectangular"}))),ce.createElement("div",{className:lo()},ce.createElement(Pr,{className:vm(),variant:"label",size:"large",color:"neutral700"},ce.createElement(Qo,{width:60,height:10,variant:"rounded"})),ce.createElement(Pr,{variant:"label",size:"small",color:"neutral700"},ce.createElement(Qo,{width:60,height:10,variant:"rounded"})))),ce.createElement(Rs,null)),!o&&ce.createElement(wm,null,ce.createElement(LC,{title:Mr.t("Not found"),description:Mr.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}i(Pm,"SwapDetailsPlaceholder");function $m(){let{manager:t,state:e}=PC(),o=!e.loadedFromPersistor,n=bt(t),{requestId:r}=_C(),s=xt(),{fetchStatus:a}=h();if(!r)return ea.createElement($C,{containerStyles:{margin:"20px"},type:"error",title:BC.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&&MC(m)}},"onCancel"),u=i(async()=>{if(p?.id)try{t?.deleteQueue(p.id),s()}catch(m){console.log(m)}},"onDelete"),g=p?.swap;return!g||l?ea.createElement(Pm,{requestId:r,showSkeleton:l}):ea.createElement(Js,{swap:g,requestId:r,onCancel:c,onDelete:u})}i($m,"SwapDetailsPage");import{i18n as Vo}from"@lingui/core";import{AutoThemeIcon as DC,DarkModeIcon as FC,LightModeIcon as UC,List as OC,ListItemButton as zC,Radio as ta,RadioRoot as qC,Typography as oa}from"@rango-dev/ui";import Le from"react";function _m(){let{setTheme:t,theme:e}=h(),o=[{id:"light",value:"light",title:Le.createElement(oa,{variant:"title",size:"xmedium"},Vo.t("Light")),onClick:()=>t("light"),start:Le.createElement(UC,{color:"gray"}),end:Le.createElement(ta,{value:"light"})},{id:"dark",value:"dark",title:Le.createElement(oa,{variant:"title",size:"xmedium"},Vo.t("Dark")),onClick:()=>t("dark"),start:Le.createElement(FC,{color:"gray"}),end:Le.createElement(ta,{value:"dark"})},{id:"auto",value:"auto",title:Le.createElement(oa,{variant:"title",size:"xmedium"},Vo.t("Auto")),onClick:()=>t("auto"),start:Le.createElement(DC,{color:"gray"}),end:Le.createElement(ta,{value:"auto"})}];return Le.createElement(ne,{header:{title:Vo.t("Theme")}},Le.createElement(re,null,Le.createElement(qC,{onValueChange:n=>t(n),value:e},Le.createElement(OC,{type:Le.createElement(zC,{title:Vo.t("Theme"),id:"_",onClick:()=>console.log()}),items:o}))))}i(_m,"ThemePage");function Dm(){return Cl(),ai(),GC([{path:P.home,element:Be.createElement(cu,null)},{path:P.fromSwap,children:[{index:!0,element:Be.createElement($s,{type:"source"})},{path:P.blockchains,element:Be.createElement(Ss,{type:"source"})}]},{path:P.toSwap,children:[{index:!0,element:Be.createElement($s,{type:"destination"})},{path:P.blockchains,element:Be.createElement(Ss,{type:"destination"})}]},{path:P.settings,children:[{index:!0,element:Be.createElement(Zu,null)},{path:P.themes,element:Be.createElement(_m,null)},{path:P.languages,element:Be.createElement(mu,null)},{path:P.exchanges,element:Be.createElement(fs,{sourceType:"Exchanges"})},{path:P.bridges,element:Be.createElement(fs,{sourceType:"Bridges"})}]},{path:P.swaps,children:[{index:!0,element:Be.createElement(nu,null)},{path:P.swapDetails,element:Be.createElement($m,null)}]},{path:P.wallets,element:Be.createElement(yp,null)},{path:P.confirmSwap,element:Be.createElement(Qc,null)}])}i(Dm,"AppRoutes");import{isApprovalTX as HC,MainEvents as Fm,RouteEventType as Um,StepEventType as Om,StepExecutionEventStatus as QC,useEvents as VC}from"@rango-dev/queue-manager-rango-preset";import{useEffect as zm}from"react";function qm(){let t=h().tokens(),e=G.use.connectedWallets(),o=G.use.getWalletsDetails(),n=Pe.use.setNotification(),r=VC();return zm(()=>(r.on(Fm.StepEvent,s=>{let{event:a,step:l,route:p}=s;if(a.type===Om.TX_EXECUTION&&a.status===QC.TX_SENT&&!HC(l)||a.type===Om.SUCCEEDED){let u=e.find(m=>m.chain===l?.fromBlockchain),g=l?.fromBlockchain!==l?.toBlockchain&&e.find(m=>m.chain===l?.toBlockchain);u&&o([u],t),g&&o([g],t)}n(a,p)}),()=>r.all.clear()),[r,e.length]),zm(()=>(r.on(Fm.RouteEvent,s=>{let{event:a,route:l}=s;(a.type===Um.FAILED||a.type===Um.SUCCEEDED)&&n(a,l)}),()=>r.all.clear()),[r,e.length]),null}i(qm,"WidgetEvents");import{globalCss as jC}from"@rango-dev/ui";var Gm=i(()=>jC({"@import":["url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap')","url('https://fonts.cdnfonts.com/css/times-new-roman')"]})(),"globalFont");import{styled as XC}from"@rango-dev/ui";var Hm=XC("div",{display:"flex",justifyContent:"center",alignItems:"center",fontFamily:"$widget",boxSizing:"border-box",textAlign:"left","& *, *::before, *::after":{boxSizing:"inherit"},"& *:focus-visible":{outlineColor:"$info500",transition:"none"},"& ul, ol, li":{listStyleType:"none"}});function $r(){Gm();let{config:t}=h(),{activeTheme:e}=Pn(t?.theme||{}),{activeLanguage:o}=io(),[n,r]=Qm(""),[s,a]=Qm(),l=YC(dn);return JC(()=>{Pe.persist.rehydrate(),l.onConnectWallet(r)},[]),jo.createElement(KC,{language:o},jo.createElement(Hm,{id:"swap-container",className:e()},jo.createElement(qm,null),jo.createElement(Ka,{lastConnectedWallet:n,disconnectedWallet:s,clearDisconnectedWallet:()=>{a(void 0)}},jo.createElement(Dm,null))))}i($r,"Main");import ra,{useMemo as gT}from"react";import{checkWaitingForNetworkChange as ZC,makeQueueDefinition as RC}from"@rango-dev/queue-manager-rango-preset";import{Provider as eT}from"@rango-dev/queue-manager-react";import{useWallets as tT}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as oT}from"@rango-dev/wallets-shared";import{isEvmBlockchain as nT}from"rango-types";import rT,{useMemo as iT}from"react";function sT(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=tT(),l=iT(()=>RC({API_KEY:t.apiKey||Gt("API_KEY"),BASE_URL:Gt("BASE_URL")}),[t.apiKey]),p=h().blockchains(),u={blockchains:G.use.connectedWallets().map(T=>({accounts:[T],name:T.chain}))},g=i(async(T,k)=>{if(s(T,k))return r(T,k)},"switchNetwork"),m=i(T=>!!a(T).mobileWallet,"isMobileWallet"),d=p.filter(T=>T.enabled).reduce((T,k)=>(T[k.name]=k,T),{}),C=p.filter(nT),y=i(T=>{let{supportedChains:k}=a(T);return en(k)},"getSupportedChainNames"),f=e(),S={meta:{blockchains:d,evmBasedChains:C,evmNetworkChainInfo:oT(C),getSupportedChainNames:y},getSigners:o,wallets:u,providers:f,switchNetwork:g,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:m},v=pe.use.isActiveTab();return rT.createElement(eT,{queuesDefs:[l],context:S,onPersistedDataLoaded:T=>{ZC(T)},isPaused:!v},t.children)}i(sT,"QueueManager");var Vm=sT;import{useManager as uT}from"@rango-dev/queue-manager-react";import mT,{createContext as dT,useContext as fT}from"react";import{cancelSwap as aT,getCurrentBlockchainOfOrNull as lT,getCurrentStep as pT,getRelatedWalletOrNull as cT}from"@rango-dev/queue-manager-rango-preset";var Xo=class{constructor(e,o){this.manager=e,this.actions=o}getAllSwaps(){return bt(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&&aT(o)}getCurrentStepInfo(e){let o=pT(e);return{step:o,wallet:o?cT(e,o):null,network:o?lT(e,o):null}}};i(Xo,"WidgetHistory");var jm=dT(void 0);function na(t){let{manager:e}=uT(),o=pe.use.isActiveTab(),n=K.use.retry(),r=new Xo(e,{retrySwap:n}),s=G.use.connectedWallets(),a=G.use.loading(),l=Sa(s),p=G.use.getWalletsDetails(),c=h().blockchains(),u=h().tokens(),g=h().swappers(),m=h().fetchStatus,d=io().resetLanguage,C=Pe().getUnreadNotifications(),y={isActiveTab:o,setCurrentTabAsActive:un,history:r,wallets:{isLoading:a,details:s,totalBalance:l,refetch:p},meta:{blockchains:c,tokens:u,swappers:g,loadingStatus:m},resetLanguage:d,notifications:{list:C}};return mT.createElement(jm.Provider,{value:y},t.children)}i(na,"WidgetInfo");function Xm(){let t=fT(jm);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}i(Xm,"useWidget");function _r(t){let{onUpdateState:e,config:o}=t;return gT(()=>{xa({API_KEY:o?.apiKey||Ko,BASE_URL:o?.apiUrl||aa})},[o.apiKey,o.apiUrl]),ra.createElement(fn,{config:o,onUpdateState:e},ra.createElement(Vm,{apiKey:o.apiKey},ra.createElement(na,null,t.children)))}i(_r,"WidgetProvider");function Km(t){return hT(()=>ja,[]),t.config?.externalWallets?ia.createElement($r,null):ia.createElement(_r,{config:t.config??Hr},ia.createElement($r,null))}i(Km,"Widget");export{QU as EventSeverity,VU as MainEvents,oO as Networks,iO as PendingSwapNetworkStatus,jU as RouteEventType,XU as StepEventType,KU as StepExecutionBlockedEventStatus,YU as StepExecutionEventStatus,be as UI_ID,eO as WalletEvents,nO as WalletTypes,Km as Widget,_r as WidgetProvider,fn as WidgetWallets,mi as customizedThemeTokens,RU as readAccountAddress,bp as useWallets,Xm as useWidget,JU as useWidgetEvents};
 //# sourceMappingURL=index.js.map