@rango-dev/widget-embedded 0.22.3 → 0.22.4-next.1

package/dist/index.js

@@ -1,3 +1,3 @@
-var jm=Object.defineProperty;var i=(t,e)=>jm(t,"name",{value:e,configurable:!0});import{EventSeverity as dO,MainEvents as fO,RouteEventType as gO,StepEventType as hO,StepExecutionBlockedEventStatus as yO,StepExecutionEventStatus as SO,useEvents as CO}from"@rango-dev/queue-manager-rango-preset";import{readAccountAddress as kO,useWallets as vp,Events as wO}from"@rango-dev/wallets-react";import{Networks as xO,WalletTypes as bO}from"@rango-dev/wallets-shared";import{PendingSwapNetworkStatus as AO}from"rango-types";import{UI_ID as Xm}from"@rango-dev/ui";var Yo="c6381a79-2817-4602-83bf-6a641a409e32",pa="https://api.rango.exchange",ca="https://scan.rango.exchange",xe={SWAP_BOX_ID:"rango-swap-box",...Xm};import{Events as jr,Provider as Id}from"@rango-dev/wallets-react";import{isEvmBlockchain as Ad}from"rango-sdk";import mn,{createContext as Ed,useEffect as Xr,useRef as Wd,useState as Ld}from"react";import{useEffect as ud}from"react";import{create as ld}from"zustand";import{subscribeWithSelector as pd}from"zustand/middleware";import{RangoClient as sd}from"rango-sdk";import{WalletState as tt}from"@rango-dev/ui";import{readAccountAddress as Jm}from"@rango-dev/wallets-react";import{detectInstallLink as Zm,getCosmosExperimentalChainInfo as Rm,isEvmAddress as ed,KEPLR_COMPATIBLE_WALLETS as wT,Networks as fa}from"@rango-dev/wallets-shared";import Fr from"bignumber.js";import{isCosmosBlockchain as td}from"rango-types";import Km from"bignumber.js";var be=new Km(0);import{WalletTypes as Ym}from"@rango-dev/wallets-shared";var ua=[Ym.LEAP];import{BigNumber as da}from"bignumber.js";var Jo=i(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),A=i((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new da(t),r=1,s=1e3;for(let a=0;a<60;a++)if(new da(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 Zo=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"),fo=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function le(t){return A(t,12,12).replace(/(?:\.0*|(\.\d+?)0*)$/,"$1")}i(le,"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 ga(t,e,o,n){return o.filter(r=>!ua.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:Zm(l),state:p,type:r}})}i(ga,"mapWalletTypesToWalletInfo");function tn(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(tn,"walletAndSupportedChainsNames");function ha(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}=Jm(p),g=l.length>0,m=l.includes(u),f=u===fa.Unknown;if(g&&!m&&!f)return;let S=u===fa.Unknown&&ed(c);if(f&&!S)return;o.includes(u)||S?r?a(u,c.toLowerCase()):l.filter(v=>o.includes(v)).forEach(v=>{a(v,c.toLowerCase())}):a(u,c)}),s}i(ha,"prepareAccountsForWalletStore");function ya(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(ya,"getRequiredChains");function on(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(on,"isAccountAndWalletMatched");function Sa(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:nd(o,r.asset.symbol,r.asset.address,e)||null}))||[]}i(Sa,"makeBalanceFor");function Ca(t){return{...t,loading:!1,error:!0}}i(Ca,"resetConnectedWalletState");var Ta=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=A(n?.flatMap(s=>s.accounts)?.flatMap(s=>s?.balances)?.map(s=>new Fr(s?.amount||be).multipliedBy(s?.usdPrice||0))?.reduce((s,a)=>s.plus(a),be)||be).toString();return od(r)},"calculateWalletUsdValue");function od(t){let e=t.toString().split(".");return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),e.join(".")}i(od,"numberWithThousandSeparator");var nd=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice"),nn=i((t,e)=>{let o=Rm(Object.entries(t).map(([,n])=>n).filter(td));return o&&o[e]?.experimental},"isExperimentalChain");function rn(t){return t?{...t,amount:A(t.amount,8,8),usdValue:A(t.usdValue,4,4)}:null}i(rn,"formatBalance");function rd(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(rd,"sortTokensByBalance");function id(t,e,o){let n=o(t),r=o(e);return n===r?0:n?-1:1}i(id,"sortTokensByPinnedToken");function ka(t,e,o){return t.sort((n,r)=>{let s=e(n),a=e(r),l=id(n,r,o);return l!==0?l:rd(s,a)}),t}i(ka,"sortTokens");function Ie(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(Ie,"areTokensEqual");function wa(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(wa,"sortWalletsBasedOnConnectionState");function sn(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(sn,"getConciseAddress");function va({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(va,"getAddress");function Or(t){return`${t.blockchain}-${t.symbol}-${t.address??""}`}i(Or,"createTokenHash");function an(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??be).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(an,"makeTokensBalance");var xa=i((t,e)=>!!t.find(o=>o.chain===e&&o.loading),"isFetchingBalance");var zr={API_KEY:Yo};function dt(t){return zr[t]||""}i(dt,"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 Ia=20,Aa=25,Ea="Roboto",qr="theme-widget",go=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 ln,Vt=i(()=>ln||(ln=new sd(dt("API_KEY"),dt("BASE_URL")),ln),"httpService");var ad=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"),wt=ad;var Q=wt(ld()(pd((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:an(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=>on(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:c,chain:u})=>({address:c,blockchain:u})),p=(await Vt().getWalletsDetails(a)).wallets;if(p)t(c=>{let u=c.connectedWallets.map(m=>{let f=o.find(S=>on(S,m)),T=p.find(S=>S.address===m.address&&S.blockChain===m.chain);return T?.failed&&f&&r&&s([f],n,!1),f&&T?{...m,explorerUrl:T.explorerUrl,balances:Sa(T,n),loading:!1}:m});return{loading:!1,balances:an(u),connectedWallets:u}});else throw new Error("Wallet not found")}catch{t(l=>{let p=l.connectedWallets.map(u=>o.find(g=>on(g,u))?Ca(u):u);return{loading:!1,balances:an(p),connectedWallets:p}})}},getBalanceFor:o=>{let{balances:n}=e(),r=Or(o);return n[r]??null}}))));import{allProviders as cd}from"@rango-dev/provider-all";function pn(t,e){let o=cd({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(pn,"matchAndGenerateProviders");function Wa(t,e){return pn(t,e).map(r=>r.config.type)}i(Wa,"configWalletsToWalletName");function La(t,e){let o=Q.use.clearConnectedWallet(),n=pn(void 0,e);return ud(()=>{o(),n=pn(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}i(La,"useWalletProviders");import Cd,{createContext as Td,useContext as kd,useEffect as wd,useRef as vd}from"react";import{create as yd}from"zustand";import{persist as Sd}from"zustand/middleware";var Hr={apiKey:"",title:void 0,multiWallets:!0,enableNewLiquiditySources:!0,customDestination:!0},md={clientUrl:void 0},Na=i((t,e,o)=>({config:{...Hr,...t},iframe:md,updateConfig:n=>{let r=o().config;e({config:{...r,...n}})},updateIframe:(n,r)=>{let s=o().iframe;e({iframe:{...s,[n]:r}})}}),"createConfigSlice");function jt(t){return Array.from(new Set(t))}i(jt,"removeDuplicateFrom");function Qr(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(Qr,"areEqual");function Ba(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i(Ba,"debounce");function Pt(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(Pt,"containsText");var L=i(()=>document.getElementById(xe.SWAP_BOX_ID),"getContainer");function cn(t,e){let o=t.map(s=>s.swapperGroup),n=[];return jt(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(cn,"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 un(t,e){return e?.[t]==="enabled"}i(un,"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&&go(p,s)||o.blockchain&&p.blockchain!==o.blockchain||!a.some(c=>c.name===p.blockchain)?!1:o.searchFor?!!(Pt(p.symbol,o.searchFor)||Pt(p.address||"",o.searchFor)||Pt(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(Ma)},fetch:async()=>{try{let o=await Vt().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 dd,French as fd,Japanese as gd,Spanish as hd}from"@rango-dev/ui";var $a=[{title:"English",label:"English",local:"en",SVGFlag:dd},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:hd},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:fd},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:gd}],ho="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=jt(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:ho},...a&&{disabledLiquiditySources:[]}})}}),"createSettingsSlice");function qa(t){return yd()(Sd((...e)=>({...Pa(...e),...za(...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(qa,"createAppStore");var Ga=Td(null);function h(){let t=kd(Ga);if(wd(()=>{t&&!t.persist.hasHydrated()&&t.persist.rehydrate()},[]),!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}i(h,"useAppStore");function Ha(t){let e=vd();return e.current||(e.current=qa(t.config)),Cd.createElement(Ga.Provider,{value:e.current},t.children)}i(Ha,"AppStoreProvider");import{create as bd}from"zustand";var Qa="rango-widget";var Xt=class{constructor(e){this.state="not-initiated";this.events={};this.init=()=>{this.initEvents(),this.tryClaim()};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(Qa),this.tabId=Math.trunc(Math.random()*1e5),this.events=e}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(Xt,"TabManager");var ee=wt(bd()((t,e)=>({isActiveTab:!1,tabManagerInitiated:!1,showActivateTabModal:!1,watermark:"NONE",fetchingApiConfig:!1,activateCurrentTab:(o,n)=>{let{showActivateTabModal:r}=e();!r&&n?t({showActivateTabModal:!0}):(r||!n)&&o()},setShowActivateTabModal:o=>{t({showActivateTabModal:o})},setWatermark:o=>{t({watermark:o})}}))),$t=new Xt({onInit:()=>ee.setState({tabManagerInitiated:!0}),onClaim:()=>ee.setState({isActiveTab:!0,showActivateTabModal:!1}),onRelease:()=>ee.setState({isActiveTab:!1})});var dn=Ed({onConnectWallet:()=>{}});function Nd(t){let{updateConfig:e,updateSettings:o,fetch:n}=h(),r=h().blockchains(),s=h().tokens(),a={walletConnectProjectId:t.config?.walletConnectProjectId},[l,p]=Ld([]),{providers:c}=La(t.config.wallets,a),{connectWallet:u,disconnectWallet:g}=Q(),m=Wd();Xr(()=>{n().catch(console.log)},[]),Xr(()=>{t.config&&(e(t.config),o(t.config))},[t.config]);let f=r.filter(Ad).map(d=>d.name),T=i((d,y,v,x,C)=>{if(y===jr.ACCOUNTS)if(v){let w=tn(C.supportedBlockchains),I=ha(d,v,f,w,C.isContractWallet);p(I)}else g(d);if(y===jr.ACCOUNTS&&x.connected){let w=`${d}-${x.network}-${v}`;x.connected&&(m.current?m.current(w):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(y===jr.NETWORK&&x.network){let w=`${d}-${x.network}`;m.current?m.current(w):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(d,y,v,x,C)},"onUpdateState"),S=ee.use.isActiveTab();return Xr(()=>{l.length&&u(l,s)},[l,s]),mn.createElement(dn.Provider,{value:{onConnectWallet:d=>{m.current=d}}},mn.createElement(Id,{allBlockChains:r,providers:c,onUpdateState:T,autoConnect:!!S},t.children))}i(Nd,"Main");function fn(t){let{config:e,...o}=t;return mn.createElement(Ha,{config:e},mn.createElement(Nd,{...o,config:e}))}i(fn,"WidgetWallets");import aa,{useEffect as sT}from"react";import{I18nManager as UC}from"@rango-dev/ui";import Xo,{useContext as OC,useEffect as zC,useState as zm}from"react";import{useQueueManager as _d}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Dd}from"@rango-dev/wallets-react";import{isEvmBlockchain as Fd}from"rango-types";import Ud,{Fragment as Od}from"react";import{MemoryRouter as zd,useInRouterContext as qd}from"react-router";import{useWallets as Md}from"@rango-dev/wallets-react";import{useEffect as Pd,useRef as $d}from"react";function ja(){let{connect:t,state:e}=Md(),o=$d({}),{fetchStatus:n}=h(),r=new URLSearchParams(location.search).get("autoConnect")||"",s=e(r);Pd(()=>{n==="success"&&r&&s.installed&&!s.connecting&&!s.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[s,n])}i(ja,"useForceAutoConnect");function Xa({children:t,...e}){let n=qd()?Od:zd,r=h().blockchains(),{canSwitchNetworkTo:s}=Dd();ja();let a=r.filter(Fd);return _d({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:s}),Ud.createElement(n,null,t)}i(Xa,"AppRouter");import Be from"react";import{useRoutes as MC}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 Yt,useRef as vn}from"react";import bt from"bignumber.js";import{create as Xd}from"zustand";import{subscribeWithSelector as Kd}from"zustand/middleware";import{getLastSuccessfulStep as jd}from"@rango-dev/queue-manager-rango-preset";import rv from"bignumber.js";var vt=(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))(vt||{});function Ka(t,e){return e.find(o=>o.name===t)?.displayName}i(Ka,"getBlockchainDisplayNameFor");function Ue(t,e){return e.find(o=>o.name===t)?.shortName}i(Ue,"getBlockchainShortNameFor");function yo(t,e){return e.find(o=>o.id===t)?.swapperGroup}i(yo,"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 Ae 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 j=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 Ya(t){switch(t.type){case 0:return t.diagnosisMessage??j().noResultError.title;case 1:return j().genericServerError;default:return""}}i(Ya,"getQuoteErrorMessage");import{i18n as yn}from"@lingui/core";var _t=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 Ja(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new Ae(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new Ae(1e3)))??!1}i(Ja,"hasHighValueLoss");function Jr(t){return(t?.result?.swaps||[]).filter(e=>{let o=e.fromAmountMinValue?new Ae(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Ae(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 Ae(l.fromAmountMinValue):null,c=l.fromAmountMaxValue?new Ae(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 Ae(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Ae(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:A(o,6,6),symbol:e.from.symbol}}),a=j().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(s=Ve.t({id:"Required: > {min} {symbol}",values:{min:A(o,6,6),symbol:e.from.symbol}}),a=j().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(s=Ve.t({id:"Required: <= {max} {symbol}",values:{max:A(n,6,6),symbol:e.from.symbol}}),a=j().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(s=Ve.t({id:"Required: < {max} {symbol}",values:{max:A(n,6,6),symbol:e.from.symbol}}),a=j().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:s,recommendation:a}}i(Zr,"getLimitErrorMessage");function Za(t){let{fetchMetaStatus:e,anyWalletConnected:o,fetchingQuote:n,inputAmount:r,quote:s,warning:a,error:l,needsToWarnEthOnPath:p}=t;return e!=="success"?{title:_t().connectWallet,action:"connect-wallet",disabled:!0}:o?n||!s||!s.result||l||!r||r==="0"?{title:_t().swap,action:"confirm-swap",disabled:!0}:a?{title:_t().swapAnyway,action:"confirm-warning",disabled:!1}:p?{title:_t().ethWarning,action:"confirm-warning",disabled:!1}:{title:_t().swap,action:"confirm-swap",disabled:!1}:{title:_t().connectWallet,action:"connect-wallet",disabled:!1}}i(Za,"getSwapButtonState");function Rr(t,e,o){return!((!o||o.lte(be))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}i(Rr,"canComputePriceImpact");function Gd(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(Gd,"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 Qd(t,e){let o=be;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let s=Hd(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new Ae(r.amount).multipliedBy(s||0))}return o}i(Qd,"getUsdFeeOfStep");function Cn(t,e){return t.reduce((o,n)=>o.plus(Qd(n,e)),be)}i(Cn,"getTotalFeeInUsd");function ei(t){let e=be;return e=e.plus(new Ae(t.amount).multipliedBy(t.price||0)),e}i(ei,"getUsdFee");function Ra(t){return t.reduce((e,o)=>e.plus(ei(o)),be)}i(Ra,"getTotalFeesInUsd");function el(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(el,"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 tl(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(tl,"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 ol(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(ol,"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:f,destination:T}=t,S=s?.reduce((C,w)=>(C[w.chain]=w.address,C),{}),d=[];r?.forEach(C=>{let w=d.find(I=>I.blockchain===C.chain);w?w.addresses.push(C.address):d.push({blockchain:C.chain,addresses:[C.address]})});let y=!!f,v=jt((f?.result?.swaps||[]).reduce((C,w)=>(C.push(w.from.blockchain,w.to.blockchain),w.internalSwaps&&Array.isArray(w.internalSwaps)&&w.internalSwaps.map(I=>{C.push(I.from.blockchain,I.to.blockchain)}),C),[]));return{amount:n.toString(),affiliateRef:u??void 0,affiliatePercent:g??void 0,affiliateWallets:m??void 0,checkPrerequisites:y,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:d,selectedWallets:S??{},slippage:c.toString(),...T&&{destination:T},...p&&{swapperGroups:a.concat(l??[]),swappersGroupsExclude:!0},...!p&&{swapperGroups:l?.filter(C=>!a.includes(C)),swappersGroupsExclude:!1},...y&&{blockchains:v}}}i(kn,"createQuoteRequestBody");function nl(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(nl,"getWalletsForNewSwap");function Kt(t){return t.result?.outputAmount||null}i(Kt,"getQuoteOutputAmount");function rl(t,e){return new Ae(e).div(new Ae(t)).minus(1).multipliedBy(100).toNumber()}i(rl,"getPercentageChange");function il(t,e){let o=Kt(t),n=Kt(e);if(!o||!n)return!1;let r=Oe(o,n);return r?r<=-1:!0}i(il,"isOutputAmountChangedALot");function sl(t,e,o){let n=t.validationStatus,r=ya(t);return e.sort((a,l)=>r.indexOf(a.chain)-r.indexOf(l.chain)).flatMap(a=>ml(a,n)||[]).filter(a=>!a.ok).map(a=>{let l=a.asset.symbol,p=A(new Ae(a.currentAmount.amount).shiftedBy(-a.currentAmount.decimals),8,8),c=A(new Ae(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(sl,"generateBalanceWarnings");function al(t,e){return(t?new Ae(t):be).multipliedBy(e||0)}i(al,"calcOutputUsdValue");function So(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==Sn.NetworkChanged}i(So,"isNetworkStatusInWarningState");function ll(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),So(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(ll,"getSwapMessages");function pl(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(pl,"getLastConvertedTokenInFailedSwap");function cl(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}i(cl,"shouldRetrySwap");function ul(t,e,o,n,r,s){return t||!e&&!Gd(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!hn(s,o)}i(ul,"confirmSwapDisabled");function fl(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}i(fl,"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 gl(t,e){return oi(t,e)||ni(t,e)||ri(t,e)}i(gl,"isQuoteChanged");function ml(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(ml,"getRequiredBalanceOfWallet");function ft(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(ft,"getPriceImpactLevel");function hl(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],s=jd(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(hl,"createRetryQuote");function wn(t,e){let{fromToken:o,toToken:n,tokens:r,userSlippage:s}=e,a=Dt(o,t.requestAmount),l=Dt(n,t.result?.outputAmount??"");if(t.result&&a&&l){let u=Oe(a.toString(),l.toString());if(!!u&&Ja(a,u)){let m=Cn(t.result.swaps,r),f=ft(u);return{type:0,inputUsdValue:a,outputUsdValue:l,priceImpact:u,totalFee:m,warningLevel:f}}}else if(t.result&&(!a||!l))return{type:1};let p=Tn(t),c=s>Fa;if(ol(e.userSlippage.toString(),p)){if(c&&parseFloat(p??"0")<s)return{type:3,slippage:s.toString()}}else return{type:2,recommendedSlippages:tl(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:rl(t.toString(),e.toString());return n&&n<0?n:null}i(Oe,"getPriceImpact");var yl=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 Dt=i((t,e)=>t?.usdPrice?new bt(e||be).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),X=wt(Xd()(Kd(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new bt(0),outputUsdValue:new bt(0),toBlockchain:null,toToken:null,quote:null,quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:"",quoteWarningsConfirmed:!1,setQuote:e=>t(o=>{let n=null,r=be;return fo(o.inputAmount)?(e&&(n=e.result?.outputAmount?new bt(e.result?.outputAmount):null,r=al(e.result?.outputAmount,fl(e)||o.toToken?.usdPrice)),{quote:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetQuote:()=>t(()=>({quote:null,outputAmount:null,outputUsdValue:new bt(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:Dt(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 bt(0),outputUsdValue:new bt(0),quote:null},...!!o.fromToken&&{inputUsdValue:Dt(o.fromToken,e)}}))},retry:(e,o)=>{let{tokens:n,blockchains:r}=o,{fromBlockchain:s,fromToken:a,toBlockchain:l,toToken:p,inputAmount:c}=hl(e,r,n);t({fromBlockchain:s,fromToken:a,inputAmount:c,outputAmount:null,inputUsdValue:Dt(a??null,c),outputUsdValue:new bt(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:Dt(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 Sl(){let{setInputAmount:t,setToToken:e,setToBlockchain:o,setFromBlockchain:n,setFromToken:r,fromToken:s,toToken:a,fromBlockchain:l,toBlockchain:p}=X(),c=h().config,u=h().fetchStatus,g=h().blockchains(),m=h().tokens(),{setAffiliateRef:f,setAffiliatePercent:T,setAffiliateWallets:S}=h(),d=c?.from?.tokens,y=c?.from?.blockchains,v=c?.to?.tokens,x=c?.to?.blockchains,C=vn(void 0),w=vn(void 0),I=vn(void 0),b=vn(void 0);Yt(()=>{t(c?.amount?.toString()||"")},[c?.amount]),Yt(()=>{if(u==="success"){let k=g.find(N=>N.name===c?.from?.blockchain),E=m.find(N=>Ie(N,c?.from?.token||null));(k||!k&&I.current)&&n(k??null),E?r({token:E,meta:{blockchains:g,tokens:m}}):!E&&C.current&&r({token:null}),I.current=c?.from?.blockchain,C.current=c?.from?.token}},[c?.from?.token?.symbol,c?.from?.token?.address,c?.from?.token?.blockchain,c?.from?.blockchain,u]),Yt(()=>{go(s,d)&&r({token:null}),Gr(l,y)&&n(null)},[d,y]),Yt(()=>{go(a,v)&&r({token:null}),Gr(p,x)&&o(null)},[v,x]),Yt(()=>{if(u==="success"){let k=g.find(N=>N.name===c?.to?.blockchain),E=m.find(N=>Ie(N,c?.to?.token||null));(k||!k&&b.current)&&o(k??null),E?e({token:E,meta:{blockchains:g,tokens:m}}):!E&&w.current&&e({token:null}),b.current=c?.to?.blockchain,w.current=c?.to?.token}},[c?.to?.token?.symbol,c?.to?.token?.address,c?.to?.token?.blockchain,c?.to?.blockchain,u]),Yt(()=>{f(c?.affiliate?.ref??null),T(c?.affiliate?.percent??null),S(c?.affiliate?.wallets??null)},[c?.affiliate?.ref,c?.affiliate?.percent,c?.affiliate?.wallets])}i(Sl,"useSyncStoresWithConfig");import{useEffect as ai}from"react";import{useInRouterContext as Yd,useLocation as Jd,useSearchParams as Zd}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 li(){let t=Jd(),[e,o]=Zd(),{fromBlockchain:n,toBlockchain:r,fromToken:s,toToken:a,inputAmount:l,setFromBlockchain:p,setToBlockchain:c,setFromToken:u,setToToken:g,setInputAmount:m}=X(),f=h().fetchStatus,T=h().blockchains(),S=h().tokens(),d=Yd(),{updateIframe:y}=h(),v=i(()=>{let C=e.get("fromAmount"),w=e.get("fromBlockchain"),I=e.get("fromToken"),b=e.get("toBlockchain"),k=e.get("toToken"),E=e.get("autoConnect"),N=e.get("clientUrl");return{fromAmount:C,fromBlockchain:w,fromToken:I,toBlockchain:b,toToken:k,autoConnect:E,clientUrl:N}},"getUrlSearchParams"),x=i(C=>{for(let w in C)C[w]||delete C[w];o(C,{replace:!0})},"updateUrlSearchParams");ai(()=>{let{autoConnect:C,clientUrl:w}=v();d&&f==="success"&&x({["fromBlockchain"]:n?.name,["fromToken"]:si(s),["toBlockchain"]:r?.name,["toToken"]:si(a),["fromAmount"]:l,["autoConnect"]:C??void 0,["clientUrl"]:w??void 0})},[t.pathname,l,n,s,r,a]),ai(()=>{if(!d)return;let C=v();if(C.fromAmount&&m(C.fromAmount),f==="success"){let w=T.find(E=>E.name===C.fromBlockchain),I=ii(S,C.fromToken,w??null),b=T.find(E=>E.name===C.toBlockchain),k=ii(S,C.toToken,b??null);w&&(p(w),I&&u({token:I,meta:{blockchains:T,tokens:S}})),b&&(c(b),k&&g({token:k,meta:{blockchains:T,tokens:S}}))}},[f]),ai(()=>{let{clientUrl:C}=v();y("clientUrl",C||void 0)},[])}i(li,"useSyncUrlAndStore");import{i18n as pr}from"@lingui/core";import{useManager as $h}from"@rango-dev/queue-manager-react";import{Alert as Uc,Button as _h,css as rs,Divider as ns,IconButton as Oc,SettingsIcon as Dh,styled as Fh,Tooltip as Uh,Typography as Oh,WalletIcon as zh}from"@rango-dev/ui";import pe,{useEffect as Mo,useLayoutEffect as qh,useRef as Gh,useState as cr}from"react";import{flushSync as Hh}from"react-dom";import{useLocation as Qh,useNavigate as Vh}from"react-router-dom";import{i18n as ot}from"@lingui/core";import{Alert as $i,BalanceErrors as Eg,Button as xp,ChevronDownIcon as Wg,ChevronLeftIcon as Lg,Divider as oo,MessageBox as Ng,Typography as Vn,WalletIcon as Bg}from"@rango-dev/ui";import B,{useEffect as Mg,useState as Ut}from"react";import{useNavigate as Pg}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{Modal as ef}from"@rango-dev/ui";import tf from"react";function ie(t){let{watermark:e}=ee();return tf.createElement(ef,{hasWatermark:e==="FULL",...t},t.children)}i(ie,"WatermarkedModal");import Wn,{useRef as rf}from"react";import*as Jt from"@radix-ui/react-collapsible";import{keyframes as Cl,styled as In}from"@rango-dev/ui";var pi=300,of=Cl({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),nf=Cl({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),Tl=In(Jt.Root,{borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),ci=In(Jt.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit",cursor:"pointer"}),An=In(Jt.Content,{overflow:"hidden",variants:{open:{true:{animation:`${of} ${pi}ms ease-out`},false:{animation:`${nf} ${pi}ms ease-out`}}}}),En=In("div",{transition:`all ${pi}ms ease`,display:"flex",alignItems:"center",variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}});function Ln(t){let{open:e,hasSelected:o,onOpenChange:n,children:r,onClickTrigger:s,trigger:a,triggerAnchor:l}=t,p=rf(null);return Wn.createElement(Tl,{ref:p,className:"collapsible_root",selected:o&&e,open:e,onOpenChange:n},l==="top"&&Wn.createElement(ci,{className:"collapsible_trigger",onClick:s},a),Wn.createElement(An,{className:"collapsible_content",open:e},r),l==="bottom"&&Wn.createElement(ci,{className:"collapsible_trigger",onClick:s},a))}i(Ln,"CustomCollapsible");import{Button as sf,css as kl,darkTheme as Zt,IconButton as af,styled as ze,TextField as lf}from"@rango-dev/ui";var wl=ze("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),vl=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",[`.${Zt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${Zt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${Zt} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),xl=ze(pf,{alignSelf:"stretch",minHeight:"93px"}),bl=ze("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),Il=ze(af,{position:"absolute",left:"$20"}),Al=ze("div",{paddingTop:"$20"}),El=kl({display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Wl=ze("div",{padding:"$10 $0","& .button__content":{display:"flex",alignItems:"center"},"& .alarms":{paddingTop:"$5"},"& .collapsible_content":{backgroundColor:"$neutral100"},"& .collapsible_root":{backgroundColor:"$neutral200"}}),Ll=kl({paddingTop:"$5"}),Nl=ze("div",{display:"flex"}),Bl=ze(lf,{backgroundColor:"$neutral100",padding:"$0 $15 $15 $15"}),Ml=ze("div",{overflow:"visible",width:"100%"}),Pl=ze(sf,{width:"100%",borderRadius:"$sm !important",padding:"$15 !important",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${Zt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${Zt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${Zt} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}});import{i18n as Xe}from"@lingui/core";import{Button as xg,Divider as Mi,Image as bg,MessageBox as Qn,SelectableWallet as Ig,Typography as Tp,WalletState as kp}from"@rango-dev/ui";import ae,{useEffect as wp,useState as wo}from"react";import{WalletState as ui}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{useEffect as mf,useState as df}from"react";var ff=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}=Q(),u=h().blockchains(),g=Wa(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||ff,m=ga(s,l,g,o),f=wa(m),[T,S]=df(""),d=i(w=>!c.find(I=>I.walletType===w&&I.chain===o),"isExperimentalChainNotAdded"),y=i(async w=>{let I=s(w);try{if(T&&S(""),I.connected)await a(w);else{let b=!!m.find(k=>k.state===ui.CONNECTED);if(!e?.multiWallets&&b)return;n?.(w),await p(w),r?.(w)}}catch(b){S("Error: "+b?.message)}},"handleClick"),v=i(()=>{let w=m?.filter(I=>I.state===ui.CONNECTING)||[];for(let I of w)a(I.type)},"disconnectConnectingWallets");mf(()=>()=>{v()},[]);let x=i(w=>w.filter(b=>b.state!=ui.NOT_INSTALLED&&![Nn.DEFAULT,Nn.WALLET_CONNECT_2].includes(b.type)&&l(b.type).supportedChains.filter(k=>k.type=="EVM").length>0).length==0,"shouldShowDefaultInjectedWallet"),C=i((w,I,b)=>nn(b,I)&&d(w)&&!uf.includes(w)||w==Nn.DEFAULT&&!x(m),"shouldExcludeWallet");return{list:f.filter(w=>!C(w.type,o??"",u)),error:T,handleClick:y}}i(Bn,"useWalletList");import{i18n as dp}from"@lingui/core";import{styled as gp,Typography as yg,Wallet as Sg,WalletState as Cg}from"@rango-dev/ui";import to,{useState as fp}from"react";import{useManager as ag}from"@rango-dev/queue-manager-react";import{BottomLogo as lg,Divider as ip,Header as pg}from"@rango-dev/ui";import me,{useEffect as sp,useRef as ap}from"react";import{useRef as gf}from"react";function Mn(){return window.self!==window.top}i(Mn,"isAppLoadedIntoIframe");function mi(){let t=gf(null),{iframe:e}=h(),o=Mn()&&e.clientUrl,n=i(a=>{o&&window.top?.postMessage(a,e.clientUrl)},"send");return{send:n,connectHeightObserver:i(a=>{t.current=new ResizeObserver(l=>{for(let p of l)n({type:"widget_height",data:{height:p.contentRect.height}})}),t.current.observe(a)},"connectHeightObserver"),disconnectHeightObserver:i(()=>{t.current&&(t.current.disconnect(),t.current=null)},"disconnectHeightObserver")}}i(mi,"useIframe");import{useNavigate as hf}from"react-router-dom";function It(){let t=hf();return()=>t(-1)}i(It,"useNavigateBack");import{createTheme as hi,darkTheme as kf,lightTheme as wf}from"@rango-dev/ui";import{useEffect as Fl,useState as vf}from"react";import{theme as Cf,darkColors as Tf}from"@rango-dev/ui";var $l=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"),Pn=i((t,e)=>{let a={[t]:e};for(let l=1;l<10;l++)l<5&&(a={...a,[t+l*100]:$l(e,(5-l)*25)}),l===5&&(a={...a,[t+l*100]:e}),l>5&&(a={...a,[t+l*100]:$l(e,-((l-5)*25))});return a},"generateRangeColors"),di=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=Pn(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,...Pn(s,a)}}return n?r:{}},"generateColors");var _l=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=_l(o%52)+e;return _l(o%52)+e},"toAlphabeticName"),Sf=i((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),fi=i(t=>yf(Sf(5381,JSON.stringify(t))>>>0),"toHash");function gi(t){let e=Cf.colors,o=di({...e,...Tf},!0,t?.dark),n=di(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-${fi(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${qr}-dark-${fi(p)}`,tokens:p}}return{light:a,dark:l}}i(gi,"customizedThemeTokens");function Dl(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(Dl,"joinList");function $n(t){let{colors:e,fontFamily:o=Ea,borderRadius:n=Ia,secondaryBorderRadius:r=Aa,mode:s="auto"}=t,[a,l]=vf("light"),{setTheme:p,theme:c}=h(),{dark:u,light:g}=gi(e),m=hi({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),f=[m.className,wf.className],T=[m.className,kf.className];if(g){let d=hi(g.id,g.tokens);f.push(d.className)}if(u){let d=hi(u.id,u.tokens);T.push(d.className)}return Fl(()=>{let d=i(y=>{y.matches?l("dark"):l("light")},"switchThemeListener");return window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&l("dark"),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",d),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",d)}},[]),Fl(()=>{s!=="auto"&&p(s)},[s]),{activeTheme:i(()=>{let d=f.join(" "),y=T.join(" ");return c==="auto"?a==="dark"?y:d:c==="dark"?y:d},"getActiveTheme")}}i($n,"useTheme");var At=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 Ul}from"@lingui/core";import{Alert as xf,Button as bf}from"@rango-dev/ui";import Ol from"react";function yi(t){return Ol.createElement(xf,{action:Ol.createElement(bf,{onClick:t.onActivateTab,variant:"contained",size:"xxsmall",type:"warning"},Ul.t("Activate")),type:"warning",variant:"alarm",title:Ul.t("Another tab is open and handles transactions. You can activate this tab.")})}i(yi,"ActivateTabAlert");import{i18n as Si}from"@lingui/core";import{Button as If,Divider as Af,MessageBox as Ef}from"@rango-dev/ui";import _n from"react";function Ci(t){let{open:e,onClose:o,onConfirm:n}=t;return _n.createElement(ie,{open:e,dismissible:!0,onClose:o,container:L()},_n.createElement(Ef,{title:Si.t("Activate current tab"),type:"warning",description:Si.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(Af,{size:20}),_n.createElement(If,{variant:"contained",size:"large",type:"primary",fullWidth:!0,onClick:n},Si.t("Confirm"))))}i(Ci,"ActivateTabModal");import{ChevronLeftIcon as Nf}from"@rango-dev/ui";import Hl from"react";import{darkTheme as Wf,IconButton as Lf,styled as Co}from"@rango-dev/ui";var qe=Co(Lf,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),zl=Co("div",{position:"absolute",background:"$secondary500",[`.${Wf} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),Rt=Co("div",{display:"flex",justifyContent:"flex-end",minWidth:"$40",button:{padding:0}}),ql=Co("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"}),Gl=Co("div",{padding:"$2",variants:{isRefetched:{true:{transform:"rotate(360deg)",transition:"transform 1s ease-in-out"}}}});function Ti(t){return Hl.createElement(qe,{variant:"ghost",size:"small",onClick:t.onClick},Hl.createElement(Nf,{color:"black",size:16}))}i(Ti,"BackButton");import{i18n as Bf}from"@lingui/core";import{Button as Mf,Typography as Pf}from"@rango-dev/ui";import ki from"react";function wi(t){return ki.createElement(Rt,null,ki.createElement(Mf,{variant:"ghost",onClick:t.onClick,size:"xsmall"},ki.createElement(Pf,{variant:"label",size:"medium",color:"error500"},Bf.t("Cancel"))))}i(wi,"CancelButton");import{i18n as $f}from"@lingui/core";import{Tooltip as _f,WalletIcon as Df}from"@rango-dev/ui";import Dn from"react";function vi(t){return Dn.createElement(_f,{container:t.container,side:"top",content:$f.t("Connect Wallet")},Dn.createElement(qe,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&Dn.createElement(zl,null),Dn.createElement(Df,{size:18,color:"black"})))}i(vi,"WalletButton");import{i18n as zn}from"@lingui/core";import{NotificationsIcon as ng,Popover as rg,SettingsIcon as ig,Tooltip as qn,TransactionIcon as sg}from"@rango-dev/ui";import Ce from"react";import{i18n as Qf}from"@lingui/core";import{EventSeverity as Vf}from"@rango-dev/queue-manager-rango-preset";import{ChainToken as Yl,ChevronRightIcon as jf,ListItemButton as Xf,Typography as Kf}from"@rango-dev/ui";import je from"react";import{useNavigate as Yf}from"react-router-dom";import{create as Ff}from"zustand";import{persist as Uf,subscribeWithSelector as Of}from"zustand/middleware";var Pe=wt(Ff()(Uf(Of((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 Fn}from"@rango-dev/ui";var Ql=Fn("div",{padding:"$10",width:"350px",maxWidth:"90vw",minHeight:"150px"}),Vl=Fn("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),jl=Fn("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),Xl=Fn("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as zf}from"@lingui/core";import{Divider as qf,NoNotificationIcon as Gf,Typography as Hf}from"@rango-dev/ui";import Un from"react";function Kl(){return Un.createElement(Xl,null,Un.createElement(Gf,{color:"secondary",size:26}),Un.createElement(qf,{size:12}),Un.createElement(Hf,{variant:"body",size:"medium",color:"neutral700"},zf.t("There are no notifications.")))}i(Kl,"NotificationNotFound");var Jf=4;function xi(){let t=Yf(),{getUnreadNotifications:e}=Pe(),o=e(),n=h().blockchains(),r=h().tokens(),s=o.sort((l,p)=>p.creationTime-l.creationTime).slice(0,Jf),a=i(l=>{t(`${P.swaps}/${l}`)},"handleOnClick");return je.createElement(Ql,null,s.length?je.createElement(Vl,null,s.map(l=>{let{route:p,requestId:c,event:u}=l,g=r.find(S=>Ie(S,p.from)),m=n.find(S=>S.name===p.from.blockchain),f=r.find(S=>Ie(S,p.to)),T=n.find(S=>S.name===p.to.blockchain);return je.createElement(Xf,{key:c,onClick:()=>a(c),title:je.createElement(Kf,{variant:"body",size:"small",color:u.messageSeverity===Vf.WARNING?"$foreground":"$neutral700"},Qf.t(u.message)),id:c,start:je.createElement(jl,null,je.createElement("div",{className:"from-chain-token"},je.createElement(Yl,{tokenImage:g?g.image:"",chainImage:m?m.logo:"",size:"small"})),je.createElement("div",{className:"to-chain-token"},je.createElement(Yl,{tokenImage:f?f.image:"",chainImage:T?T.logo:"",size:"small"}))),end:je.createElement(jf,{size:12,color:"gray"})})})):je.createElement(Kl,null))}i(xi,"NotificationContent");import{RefreshProgressButton as Zf}from"@rango-dev/ui";import bi,{useEffect as Rf,useState as Jl}from"react";var eg=1e3,Zl=60,tg=100;function On({onClick:t}){let[e,o]=Jl(0),[n,r]=Jl(!1),s=i(p=>{document.hidden&&p&&a(p)},"handleVisibilityChange");Rf(()=>{let p;return t?p=window.setInterval(()=>{o(c=>c+1),e===Zl&&l()},eg):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 bi.createElement(qe,{variant:"ghost",size:"small",onClick:l,disabled:!t},bi.createElement(Gl,{onTransitionEnd:()=>r(!1),isRefetched:n},bi.createElement(Zf,{size:24,color:t?"black":"gray",progress:e/Zl*tg})))}i(On,"RefreshButton");import{Typography as og}from"@rango-dev/ui";import Rl from"react";function ep(){let{getUnreadNotifications:t}=Pe(),e=t().length;return e?Rl.createElement(ql,null,Rl.createElement(og,{variant:"body",size:"xsmall",color:"$background"},e)):null}i(ep,"UnreadNotificationsBadge");function Ii(t){let{onClickRefresh:e,onClickHistory:o,onClickSettings:n}=t,{config:{features:r}}=h(),s=Fe("notification",r);return Ce.createElement(Ce.Fragment,null,Ce.createElement(qn,{container:L(),side:"top",content:zn.t("Refresh")},Ce.createElement(On,{onClick:e})),!s&&Ce.createElement(rg,{align:"end",alignOffset:-88,collisionPadding:{right:20,left:20},container:L(),content:Ce.createElement(xi,null)},Ce.createElement("div",null,Ce.createElement(qn,{container:L(),side:"top",content:zn.t("Notifications")},Ce.createElement(qe,{size:"small",variant:"ghost"},Ce.createElement(ng,{size:18,color:"black"}),Ce.createElement(ep,null))))),Ce.createElement(qn,{container:L(),side:"top",content:zn.t("Settings")},Ce.createElement(qe,{size:"small",variant:"ghost",onClick:n},Ce.createElement(ig,{size:18,color:"black"}))),Ce.createElement(qn,{container:L(),side:"top",content:zn.t("Transactions History")},Ce.createElement(qe,{size:"small",variant:"ghost",onClick:o},Ce.createElement(sg,{size:18,color:"black"}))))}i(Ii,"HomeButtons");function Ai(t){let e=t.target;if(e){let o=e.scrollTop,n=L();o>1?n.classList.add("rng-scrolled"):n.classList.remove("rng-scrolled")}}i(Ai,"onScrollContentAttachStatusToContainer");import{styled as Ei}from"@rango-dev/ui";var tp="700px",op=Ei("div",{position:"relative",display:"flex",flexDirection:"column",borderRadius:"$primary",width:"100vw",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:tp},fixed:{height:tp}}}}),np=Ei("div",{position:"relative",overflow:"hidden",flexGrow:1,display:"flex",flexDirection:"column",padding:0,overflowY:"auto"}),rp=Ei("div",{padding:"0 $20 $10","& .footer__logo":{opacity:0,transition:"opacity 1s ease-in-out","&.logo__show":{opacity:1},"&.logo__hidden":{visibility:"hidden"}}});function re(t){let{connectHeightObserver:e,disconnectHeightObserver:o}=mi(),{children:n,header:r,footer:s,height:a="fixed"}=t,l=Q.use.connectedWallets(),{config:{features:p,theme:c}}=h(),{watermark:u}=ee(),g=u==="FULL",{activeTheme:m}=$n(c||{}),f=Fe("connectWalletButton",p),{isActiveTab:T,tabManagerInitiated:S,showActivateTabModal:d,setShowActivateTabModal:y,activateCurrentTab:v}=ee(),x=It(),{manager:C}=ag(),I=At(C).map(({swap:F})=>F).some(F=>F.status==="running"),b=i(()=>v($t.forceClaim,I),"onActivateTab"),k=i(()=>{r.onWallet?.()},"onConnectWallet"),E=typeof r.hasBackButton>"u"||r.hasBackButton,N=ap(null),z=ap(null);return sp(()=>(Mn()&&z.current&&e(z.current),()=>{o()}),[]),sp(()=>(N.current?.addEventListener("scroll",Ai),()=>{N.current?.removeEventListener("scroll",Ai)}),[]),me.createElement(op,{height:a,id:xe.SWAP_BOX_ID,className:m(),ref:z},me.createElement(pg,{prefix:me.createElement(me.Fragment,null,E&&me.createElement(Ti,{onClick:x})),title:r.title,suffix:me.createElement(me.Fragment,null,r.suffix,r.onWallet&&!f&&me.createElement(vi,{container:L(),onClick:k,isConnected:!!l?.length}),r.onCancel&&me.createElement(wi,{onClick:r.onCancel}))}),me.createElement(np,{ref:N},n),me.createElement(Ci,{open:d,onClose:()=>y(!1),onConfirm:b}),me.createElement(rp,null,me.createElement("div",{className:"footer__content"},s,S&&!T&&me.createElement(me.Fragment,null,me.createElement(ip,{size:12}),me.createElement(yi,{onActivateTab:b}))),me.createElement(ip,{size:12}),me.createElement("div",{className:`footer__logo ${g?"logo__show":"logo__hidden"}`},me.createElement(lg,null))))}i(re,"Layout");import{styled as cg}from"@rango-dev/ui";var lp="$20 $20 $10 $20",To=cg("div",{padding:lp,overflowY:"auto",flexGrow:1});import{styled as ug}from"@rango-dev/ui";var se=ug("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 hg}from"@rango-dev/ui";import Li from"react";import{i18n as eo}from"@lingui/core";import{Image as fg,MessageBox as Wi,WalletState as gg}from"@rango-dev/ui";import Ft from"react";import{keyframes as mg,styled as Gn}from"@rango-dev/ui";var mA=Gn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),pp=Gn("div",{position:"relative"}),dg=mg({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),cp=Gn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${dg} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),up=Gn("div",{"& img":{borderRadius:"50%"}});function mp(t){let{state:e,image:o,error:n}=t;return e===gg.CONNECTED?Ft.createElement(Wi,{type:"success",title:eo.t("Wallet Connected"),description:eo.t("Your wallet is connected, you can use it to swap.")}):n?Ft.createElement(Wi,{type:"error",title:eo.t("Failed to Connect"),description:n||eo.t("Your wallet is not connected. Please try again.")}):Ft.createElement(Wi,{type:"loading",title:eo.t("Connecting to your wallet"),description:eo.t("Click connect in your wallet popup."),icon:Ft.createElement(pp,null,Ft.createElement(up,null,Ft.createElement(fg,{src:o,size:45})),Ft.createElement(cp,null))})}i(mp,"ModalContent");function ko(t){let{open:e,onClose:o,...n}=t;return Li.createElement(ie,{open:e,onClose:o,container:document.getElementById(xe.SWAP_BOX_ID)||document.body},Li.createElement(mp,{...n}),Li.createElement(hg,{direction:"vertical",size:32}))}i(ko,"WalletModal");var Tg=gp("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),kg=gp(se,{textAlign:"center"}),Hn=3e3,Ni=300;function hp(){let{config:t,fetchStatus:e}=h(),[o,n]=fp(!1),[r,s]=fp(""),a=null,l=ee.use.isActiveTab(),{list:p,handleClick:c,error:u}=Bn({config:t,onBeforeConnect:T=>{a=setTimeout(()=>{n(!0),s(T)},Ni)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},Hn)}}),g=p.find(T=>T.type===r),m=g?.image||"",f=g?.state||Cg.NOT_INSTALLED;return to.createElement(re,{header:{title:dp.t("Connect Wallets")}},to.createElement(kg,null,to.createElement(yg,{variant:"title",size:"xmedium",align:"center"},dp.t("Choose a wallet to connect.")),to.createElement(Tg,null,p.map((T,S)=>{let d=`wallet-${S}-${T.type}`;return to.createElement(Sg,{key:d,...T,container:L(),onClick:y=>{c(y)},isLoading:e==="loading",disabled:!l})}),to.createElement(ko,{open:!!o,onClose:()=>n(!1),image:m,state:f,error:u}))))}i(hp,"WalletsPage");import{keyframes as wg,styled as Bi}from"@rango-dev/ui";var yp=Bi("div",{position:"relative"}),vg=wg({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),Sp=Bi("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${vg} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Cp=Bi("div",{"& img":{borderRadius:"50%"}});var Ag=7;function Pi(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:s}=t,{config:a}=h(),l=ee.use.isActiveTab(),p=Q.use.connectedWallets(),{blockchains:c}=h(),[u,g]=wo(""),[m,f]=wo(null),[T,S]=wo(!1),[d,y]=wo(null),{suggestAndConnect:v}=vp(),x=null,{list:C,error:w,handleClick:I}=Bn({config:a,chain:e,onBeforeConnect:W=>{x=setTimeout(()=>{g(W)},Ni)},onConnect:()=>{x&&clearTimeout(x),setTimeout(()=>{g("")},Hn)}}),[b,k]=wo(C),E=C.length,N=r&&E-r>0,z=i(async W=>{S(!1),y("in-progress");try{await v(W.walletType,W.chain),y("completed")}catch{y("rejected")}},"addExperimentalChain");wp(()=>{k(W=>{let J=C.findIndex(te=>o(te.type,e));return N&&J>1?[C[J]].concat(C.filter((te,R)=>R!==J)):W.map(te=>C.find(R=>R.type===te.type)??te)})},[JSON.stringify(C)]);let F=document.getElementById(xe.SWAP_BOX_ID);return wp(()=>{let W=null;return(d==="completed"||d==="rejected")&&(W=setTimeout(()=>y(null),Hn)),()=>{W&&clearTimeout(W)}},[d]),ae.createElement(ae.Fragment,null,b.slice(0,r).map(W=>{let J=va({connectedWallets:p,walletType:W.type,chain:e}),te=J?sn(J,Ag):"",R=nn(c(),e),fe=!p.find(ke=>ke.walletType===W.type&&ke.chain===e),G=R&&fe&&W.state===kp.CONNECTED,De=G?Xe.t({id:"Add {chain} chain",values:{chain:e}}):te,K=i(()=>{W.state===kp.DISCONNECTED?I(W.type):G?(f({walletType:W.type,chain:e,address:J??""}),S(!0)):n({walletType:W.type,chain:e,address:J??""})},"onClick"),U=m?.chain?Ka(m.chain,c()):void 0;return ae.createElement(ae.Fragment,null,ae.createElement(ko,{open:u===W.type,onClose:()=>g(""),image:W.image,state:W.state,error:w}),!!m&&ae.createElement(ie,{open:!!m&&T,container:F,onClose:()=>{f(null)}},ae.createElement(Qn,{title:Xe.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:U}}),type:"warning",description:Xe.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:U}})},ae.createElement(Mi,{size:18}),ae.createElement(Mi,{size:32}),ae.createElement(xg,{onClick:z.bind(null,m),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},Xe.t("Confirm")))),d&&ae.createElement(ie,{open:!!d,onClose:y.bind(null,null),container:F},d==="in-progress"&&ae.createElement(Qn,{type:"loading",title:Xe.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:U}}),description:Xe.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:U}}),icon:ae.createElement(yp,null,ae.createElement(Cp,null,ae.createElement(bg,{src:W.image,size:45})),ae.createElement(Sp,null))}),d==="completed"&&ae.createElement(Qn,{type:"success",title:Xe.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:U}}),description:Xe.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:U}})}),d==="rejected"&&ae.createElement(Qn,{type:"error",title:Xe.t("Request Rejected"),description:Xe.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:U}})}),ae.createElement(Mi,{direction:"vertical",size:32})),ae.createElement(Ig,{key:W.type,description:De,onClick:K,selected:o(W.type,e),disabled:!l,...W}))}),N&&ae.createElement(xl,{selected:!1,onClick:s},ae.createElement(Tp,{variant:"label",size:"medium"},Xe.t("Show more wallets"),ae.createElement(Tp,{variant:"label",size:"medium",color:"$primary"},"\xA0+",E-(r??0)))))}i(Pi,"WalletList");var $g=2;function bp(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:f}=X(),{connectedWallets:T,selectWallets:S}=Q(),[d,y]=Ut(""),[v,x]=Ut([]),[C,w]=Ut(""),[I,b]=Ut(null),[k,E]=Ut(m),[N,z]=Ut(!!m),F=gn(p),W=l.find(_=>_.name===p?.result?.swaps[p?.result?.swaps.length-1].to.blockchain),J=i(_=>!!p?.result?.swaps.find(V=>V.from.blockchain===_),"isWalletRequiredFor"),[te,R]=Ut(T.filter(_=>_.selected&&F.includes(_.chain))),fe=l.find(_=>_.name===W?.name),G=i((_,V)=>!!te.find(H=>H.walletType===_&&H.chain===V&&H.selected&&(J(V)||!J(V)&&!k)),"isSelected"),De=!!k&&N&&fe&&!hn(fe,k),K=i(()=>{z(!1),E(""),R(_=>{let V=!1;return _.map(H=>!V&&H.chain===W?.name?(V=!0,{...H,selected:!0}):H)})},"resetCustomDestination"),U=i(_=>{if(d&&y(""),G(_.walletType,_.chain))return;let H=T.find(ce=>ce.walletType===_.walletType&&ce.chain===_.chain);H&&(n(),_.chain===W?.name&&N&&(z(!1),E("")),R(ce=>ce.filter(mt=>mt.chain!==_.chain).concat({...H,selected:!0})))},"onChange"),ke=i(()=>{let _=te.filter(V=>V.selected);S(_),c(_),f(k),g(!0),o()},"onConfirmBalance"),ct=i(async()=>{x([]),w(""),b(null);let _=T.filter(ce=>te.find(mt=>mt.chain===ce.chain&&mt.walletType===ce.walletType)),V=await r?.({selectedWallets:_,customDestination:k}),H=V.warnings;H?.balance?.messages&&x(H.balance.messages),H?.quoteUpdate&&b(H.quoteUpdate),V.error&&w(Ya(V.error)),!V.error&&(!H?.balance?.messages.length||0>0)?ke():x(H?.balance?.messages??[])},"onConfirmWallets");Mg(()=>{R(_=>_.concat(T.filter(V=>!!!_.find(ce=>ce.chain===V.chain)&&V.selected&&F.includes(V.chain))))},[T.length]);let Le=document.getElementById(xe.SWAP_BOX_ID),ut=Pg();return B.createElement(ie,{open:e,onClose:()=>{u||ut("../",{replace:!0}),o()},dismissible:!d,container:Le,...!d&&{footer:B.createElement(Nl,null,B.createElement(xp,{loading:s,disabled:ul(s,N,k,p,te,W),onClick:ct,variant:"contained",type:"primary",fullWidth:!0,size:"large"},ot.t("Confirm")))},...d&&{containerStyle:{padding:"$0"},header:B.createElement(bl,null,B.createElement(Il,{variant:"ghost",onClick:y.bind(null,"")},B.createElement(Lg,{size:16})),B.createElement(Vn,{variant:"headline",size:"small"},ot.t({id:"Your {blockchainName} wallets",values:{blockchainName:Ue(d,l)}})))},anchor:"center"},B.createElement(ie,{open:v.length>0,onClose:x.bind(null,[]),container:Le},B.createElement(Ng,{title:ot.t("Insufficient account balance"),type:"error",description:B.createElement(Eg,{messages:v??[]})},B.createElement(xp,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:ke},ot.t("Proceed anyway")))),d&&B.createElement(Al,null,B.createElement("div",{className:El()},B.createElement(Pi,{chain:d,isSelected:G,selectWallet:U,onShowMore:y.bind(null,d)}))),!d&&B.createElement(B.Fragment,null,C&&B.createElement(B.Fragment,null,B.createElement($i,{variant:"alarm",type:"error",title:ot.t(C)}),B.createElement(oo,{size:12})),I&&B.createElement(B.Fragment,null,B.createElement($i,{variant:"alarm",type:"warning",title:bn(I)}),B.createElement(oo,{size:12})),B.createElement(Ml,null,F.map((_,V)=>{let H=l.find(Qe=>Qe.name===_),ce=`wallet-${V}`,mt=V===F.length-1;return B.createElement("div",{key:ce},B.createElement(wl,null,B.createElement(Vn,{variant:"title",size:"xmedium"},ot.t({id:"Your {blockchainName} wallets",values:{blockchainName:H?.shortName}})),B.createElement(Vn,{variant:"label",color:"$neutral700",size:"medium"},ot.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:H?.shortName}}))),B.createElement(oo,{size:24}),B.createElement(vl,null,B.createElement(Pi,{chain:_,isSelected:G,selectWallet:U,limit:$g,onShowMore:()=>y(H?.name??"")})),!mt&&B.createElement(oo,{size:32}),mt&&a?.customDestination&&B.createElement(Wl,null,B.createElement(Ln,{onOpenChange:Qe=>{Qe?J(W?.name??"")||R(Dr=>Dr.map(Me=>Me.chain===W?.name?{...Me,selected:!1}:Me)):K()},hasSelected:!0,open:N,triggerAnchor:"top",trigger:B.createElement(Pl,{fullWidth:!0,variant:"default",suffix:B.createElement(En,{orientation:N?"up":"down"},B.createElement(Wg,{size:10,color:"gray"}))},B.createElement("div",{className:"button__content"},B.createElement(Bg,{size:18,color:"info"}),B.createElement(oo,{size:4,direction:"horizontal"}),B.createElement(Vn,{variant:"label",size:"medium"},ot.t("Send to a different address")))),onClickTrigger:()=>z(Qe=>!Qe)},B.createElement(oo,{size:4}),B.createElement(Bl,{autoFocus:!0,placeholder:ot.t("Your destination address"),value:k,onChange:Qe=>{E(Qe.target.value)}})),De&&B.createElement("div",{className:Ll()},B.createElement($i,{variant:"alarm",type:"error",title:ot.t({values:{destination:k},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(bp,"ConfirmWalletsModal");import{i18n as Zg}from"@lingui/core";import{Alert as Rg,Button as eh,InfoIcon as th}from"@rango-dev/ui";import $e from"react";import{Alert as _g,Button as Dg,Divider as Np,NoRouteIcon as Fg,RefreshIcon as Ug,Typography as Bp}from"@rango-dev/ui";import Ke from"react";import{i18n as Ip}from"@lingui/core";function Ap(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:j().genericServerError,action:{onClick:n,title:Ip.t("Retry")}},description:""}:e.length?{alert:{type:"warning",text:j().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:Ip.t("Reset")}},description:j().liquiditySourcesError.description}:t?.type===0&&t.diagnosisMessage?{alert:{type:"error",text:t.diagnosisMessage,action:null},description:""}:{alert:null,description:j().noResultError.description}}i(Ap,"makeInfo");import{styled as _i}from"@rango-dev/ui";var Ep=_i("div",{minHeight:"162px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}),Wp=_i("div",{width:"100%"}),Lp=_i("div",{padding:"$6 $0"});function Di(t){let{fetch:e,error:o}=t,n=h().disabledLiquiditySources,r=h().toggleAllLiquiditySources,s=h().swappers(),a=Ap(o,n,()=>r(s,!0),e);return Ke.createElement(Ep,null,Ke.createElement(Fg,{size:24,color:"gray"}),Ke.createElement(Np,{size:4}),Ke.createElement(Bp,{variant:"title",size:"small"},j().noResultError.title),!!a.description&&Ke.createElement(Bp,{variant:"body",size:"small",align:"center",color:"neutral700"},a.description),Ke.createElement(Np,{size:4}),!!a.alert&&Ke.createElement(Wp,null,Ke.createElement(_g,{type:a.alert.type,title:a.alert.text,action:a.alert.action&&Ke.createElement(Dg,{size:"xsmall",type:a.alert.type,prefix:Ke.createElement(Lp,null,Ke.createElement(Ug,{size:8})),onClick:a.alert.action.onClick},a.alert.action.title),variant:"alarm"})))}i(Di,"NoResult");import{i18n as vo}from"@lingui/core";import{Button as zg,Divider as Fp,MessageBox as qg,Typography as Gg,WarningIcon as Hg}from"@rango-dev/ui";import nt from"react";import{Typography as _p}from"@rango-dev/ui";import Ui from"react";import{darkTheme as Og,styled as jn}from"@rango-dev/ui";var Mp=jn("div",{width:"100%"}),Fi=jn("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),Pp=jn("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${Og} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),$p=jn("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function Dp(t){let{title:e,value:o,valueColor:n}=t;return Ui.createElement(Pp,null,Ui.createElement(_p,{size:"medium",variant:"label",className:"_title"},e),Ui.createElement(_p,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(Dp,"QuoteErrorsModalItem");function Up(t){let{open:e,onClose:o,onConfirm:n,warning:r,confirmationDisabled:s}=t,a=r.warningLevel==="high"?"error":"warning",l=[{title:vo.t("Swapping"),value:A(r.inputUsdValue,4,4)},{title:vo.t("Gas cost"),value:A(r.totalFee,2,2)},{title:vo.t("Receiving"),value:A(r.outputUsdValue,4,4)},{title:vo.t("Price impact"),value:A(r.priceImpact,2,2),valueColor:`${a}500`}];return nt.createElement(ie,{open:e,onClose:o,container:L()},nt.createElement(qg,{type:a,title:j().highValueLossError.impactTitle,description:j().highValueLossError.description}),nt.createElement(Fi,null,nt.createElement(Fp,{size:20}),nt.createElement(Gg,{size:"small",variant:"title"},vo.t("Details")),nt.createElement(Fi,null,l.map((p,c)=>nt.createElement(Dp,{key:c,...p})))),nt.createElement(Fp,{size:32}),nt.createElement(zg,{type:"primary",size:"large",prefix:nt.createElement(Hg,null),fullWidth:!0,disabled:s,onClick:n},j().highValueLossError.confirmMessage))}i(Up,"HighValueLossWarningModal");import{i18n as Oi}from"@lingui/core";function Op(t,e){let o={alertType:"warning",title:"",action:"show-info"};return t?(t.type===0&&(ft(t.priceImpact)==="high"&&(o.alertType="error"),o.action=null,o.title=j().highValueLossError.title),t.type===1&&(o.title=j().unknownPriceError.title),t.type===2&&(o.title=Oi.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=Oi.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=Oi.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(Op,"makeAlerts");import{i18n as io}from"@lingui/core";import{Button as zp,Divider as qp,MessageBox as Qg,Typography as Vg}from"@rango-dev/ui";import Ot from"react";import{useNavigate as jg}from"react-router-dom";function Gp(t){let{customSlippage:e,slippage:o}=h(),{open:n,onClose:r,onConfirm:s,warning:a,confirmationDisabled:l}=t,p=jg(),c=e??o;return Ot.createElement(ie,{anchor:"bottom",open:n,prefix:Ot.createElement(zp,{size:"small",variant:"ghost",onClick:()=>p("../"+P.settings)},Ot.createElement(Vg,{variant:"label",size:"medium",color:"$neutral900"},io.t("Change settings"))),container:L(),onClose:r},Ot.createElement(Qg,{type:"warning",title:a.type===3?io.t("High slippage"):io.t("Low slippage"),description:a.type===3?io.t({id:" Caution, your slippage is high (={userSlippage}). Your trade may be front run.",values:{userSlippage:c}}):io.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:a.minRequiredSlippage}})},Ot.createElement(qp,{size:18}),Ot.createElement(qp,{size:32}),Ot.createElement(zp,{size:"large",type:"primary",variant:"contained",fullWidth:!0,disabled:l,onClick:s},io.t("Confirm anyway"))))}i(Gp,"SlippageWarningModal");import{Button as Xg,Divider as Kg,MessageBox as Yg,WarningIcon as Jg}from"@rango-dev/ui";import xo from"react";function Hp(t){let{open:e,onClose:o,onConfirm:n,confirmationDisabled:r}=t;return xo.createElement(ie,{open:e,onClose:o,container:L()},xo.createElement(Yg,{type:"warning",title:j().unknownPriceError.impactTitle,description:j().unknownPriceError.description}),xo.createElement(Kg,{size:32}),xo.createElement(Xg,{type:"primary",size:"large",prefix:xo.createElement(Jg,null),fullWidth:!0,disabled:r,onClick:n},j().unknownPriceError.confirmMessage))}i(Hp,"UnknownPriceWarningModal");function bo(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=Op(e,o?.type===3||o?.type===4?o:null);return $e.createElement($e.Fragment,null,g&&$e.createElement(Di,{error:o,fetch:s}),!!m&&$e.createElement(Mp,null,$e.createElement(Rg,{title:m.title,type:m.alertType,variant:"alarm",...m.action==="show-info"&&{action:$e.createElement($p,{onClick:a},$e.createElement(th,{size:12,color:"gray"}))},...m.action==="change-settings"&&{action:$e.createElement(eh,{size:"xxsmall",type:m.alertType,onClick:c},Zg.t("Change"))}})),e&&$e.createElement($e.Fragment,null,e.type===0&&$e.createElement(Up,{...u,warning:e}),(e.type===3||e.type===2)&&$e.createElement(Gp,{...u,warning:e}),e.type===1&&$e.createElement(Hp,{...u,warning:e})))}i(bo,"QuoteWarningsAndErrors");import ir from"react";import{i18n as Yi}from"@lingui/core";import{Alert as kh,Divider as Ji,InfoIcon as wh,StepDetails as vh,TokenAmount as xh,Tooltip as hc,Typography as Wo}from"@rango-dev/ui";import yc from"bignumber.js";import D,{useRef as bh,useState as Ih}from"react";import{styled as zi}from"@rango-dev/ui";var qi=zi("div",{width:"100%","& .position-top__skeleton":{paddingTop:"$10"}}),Qp=zi("div",{paddingBottom:"$15"}),Vp=zi("div",{width:"100%",display:"flex"});import*as Xn from"@radix-ui/react-collapsible";import{css as Kn,darkTheme as rt,Image as jp,styled as Ge,Typography as oh}from"@rango-dev/ui";var nh=300,Xp=Ge(Xn.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"}}}}),Kp=Kn({padding:"$10 $15"}),Yp=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"}}}]}),Jp=Kn({width:"100%",padding:"$15 $15 $10 $15",cursor:"default"}),so=Kn({display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",".blockchainImage":{marginLeft:"-$8"}}),Zp=Kn({paddingTop:"$10",display:"flex",alignItems:"center",".usd-value":{$$color:"$colors$neutral600",[`.${rt} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Rp=Ge(Xn.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"}}}),ec=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"}}}}),tc=Ge(An,{width:"100%",background:"inherit"}),Gi=Ge("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${nh}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),Y0=Ge("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),oc=Ge("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${rt} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),nc=Ge("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"}),Hi=Ge(oh,{overflow:"hidden",textOverflow:"ellipsis",letterSpacing:.4}),rc=Ge("div",{display:"flex",flexWrap:"wrap"}),Qi=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 Lt}from"@lingui/core";import{ChevronDownIcon as ih,CloseIcon as sh,Divider as Zn,IconButton as ah,QuoteCost as lh,Tooltip as ph,Typography as Ye}from"@rango-dev/ui";import ch from"bignumber.js";import O,{useState as lc}from"react";import{i18n as Io}from"@lingui/core";var Vi={"Network Fee":Io.t("Network Fee"),"Swapper Fee":Io.t("Protocol Fee"),"Affiliate Fee":Io.t("Affiliate Fee"),"Outbound network fee":Io.t("Outbound Fee"),"Rango Fee":Io.t("Rango Fee")};import{css as rh,styled as Yn}from"@rango-dev/ui";var Jn=Yn("div",{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"$5 0","&.total_payable_fee":{padding:"$12 0"}}),ji=Yn("div",{width:"100%",borderTop:"1px solid $neutral300",margin:"$10 0"}),ic=Yn("div",{padding:"$20 0",display:"flex",flexDirection:"column","& .collapsible_trigger":{display:"flex",alignItems:"center"}}),sc=Yn("div",{padding:"$20 $20 $10",textAlign:"center",position:"relative","._icon-button":{position:"absolute",zIndex:10,top:"$16",right:"$16"}}),ac=rh({display:"flex",flexDirection:"row",alignItems:"center",padding:"$5","&:hover":{"& ._typography, & svg":{color:"$secondary"}}});var uh=30,mh=i(t=>t.fee.isZero()?null:O.createElement(Jn,null,O.createElement(Ye,{variant:"label",size:"medium",color:"neutral600"},t.label),O.createElement(Ye,{variant:"label",size:"medium"},"$",A(t.fee,4,4))),"NonPayableFee");function pc(t){let[e,o]=lc(!1),[n,r]=lc(!1),{steps:s,quote:a}=t,l=h().tokens(),p=Jo(Zo(a.result?.swaps)),c=a.result?.swaps??[],u=L(),g=Cn(c,l),m=el(c);return O.createElement(O.Fragment,null,O.createElement(lh,{onClickFee:()=>o(!e),fee:A(g,2,2),feeWarning:g.gte(new ch(uh)),time:p,steps:s,tooltipGas:Lt.t("View more info"),tooltipContainer:u}),O.createElement(ie,{container:u,open:e,header:O.createElement(sc,null,O.createElement(Ye,{variant:"title",size:"medium"},Lt.t("Gas & Fee Explanation")),O.createElement(ah,{onClick:()=>o(!1),variant:"ghost"},O.createElement(sh,{color:"gray",size:14}))),onClose:()=>o(!1)},O.createElement(ic,null,O.createElement(Ye,{variant:"title",size:"small"},Lt.t("Details")),O.createElement(Zn,{size:10}),Object.entries(m.payable).flatMap(([f,T])=>T.map((S,d)=>{let y=`payable-fee-${d}`,v=ei(S);return O.createElement(Jn,{key:y},O.createElement(Ye,{variant:"label",size:"medium",color:"neutral600"},Vi[f]),O.createElement(ph,{content:le(S.amount),container:u},O.createElement(Ye,{variant:"label",size:"medium"},A(S.amount,2,2)," ",S.asset.symbol," ($",A(v,4,4),")")))})),O.createElement(Jn,{className:"total_payable_fee"},O.createElement(Ye,{variant:"label",size:"medium"},Lt.t("Total Payable Fee")),O.createElement(Ye,{variant:"label",size:"medium"},"$",A(g,4,4))),O.createElement(ji,null),Object.keys(m.nonePayable).length&&O.createElement(Ln,{triggerAnchor:"bottom",onClickTrigger:()=>r(f=>!f),trigger:O.createElement("div",{className:ac()},O.createElement(Ye,{size:"small",variant:"body",color:"neutral700"},n?Lt.t("Hide non-payable fees"):Lt.t("Show non-payable fees")),O.createElement(Zn,{size:4,direction:"horizontal"}),O.createElement(En,{orientation:n?"up":"down"},O.createElement(ih,{size:12,color:"gray"}))),open:n},O.createElement(Ye,{size:"small",variant:"title"},Lt.t("Description")),O.createElement(Zn,{size:4}),O.createElement(Ye,{size:"small",variant:"body",color:"neutral700"},Lt.t(`The following fees are considered in the transaction output and
-                you won\u2019t need to pay extra gas for them.`)),O.createElement(Zn,{size:10}),Object.entries(m.nonePayable).map(([f,T],S)=>{let d=Ra(T),y=Vi[f],v=`non-payable-fee-${S}`;return O.createElement(mh,{key:v,fee:d,label:y})}),O.createElement(ji,null)))))}i(pc,"QuoteCostDetails");import{i18n as mc}from"@lingui/core";import{TokenAmount as dc}from"@rango-dev/ui";import Rn from"react";import{css as dh,styled as fh}from"@rango-dev/ui";var cc=fh("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%"}),uc=dh({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 Rn.createElement(cc,null,Rn.createElement(dc,{direction:"horizontal",label:mc.t("Swap input"),type:"input",tooltipContainer:L(),price:{value:e.price.value,usdValue:e.price.usdValue,realValue:e.price.realValue,realUsdValue:e.price.realUsdValue},token:{displayName:e.token.displayName,image:e.token.image},chain:{image:e.chain.image}}),Rn.createElement("div",{className:uc()}),Rn.createElement(dc,{direction:"horizontal",tooltipContainer:L(),label:mc.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 fc}from"@lingui/core";import{ChevronDownIcon as gh,ChevronRightIcon as hh,Divider as Xi,Image as yh,Tooltip as Ki,Typography as er}from"@rango-dev/ui";import M,{useEffect as Sh,useState as Ch}from"react";var tr=4,or=6,Th=375,Eo=i(t=>{let e=L(),{content:o,src:n,className:r,open:s,state:a}=t;return M.createElement(Ki,{container:e,side:"bottom",sideOffset:4,open:s,content:o},M.createElement(ec,{className:r,state:a},M.createElement(yh,{src:n,size:16})))},"ImageComponent");function gc(t){let{quoteRef:e,recommended:o,setExpanded:n,steps:r,expanded:s}=t,a=L(),l=r.length,p=yl(r),[c,u]=Ch(!1),g=i(()=>{window.innerWidth<Th?u(!0):u(!1)},"handleResize");return Sh(()=>{window.addEventListener("resize",g)}),M.createElement(Rp,{ref:m=>e.current=m,recommended:o,onClick:()=>n(m=>!m)},M.createElement("div",{className:so()},M.createElement(er,{variant:"body",size:"xsmall"},fc.t("Via:")),M.createElement(Xi,{direction:"horizontal",size:4}),r.map((m,f)=>{let T=`item-${f}`,S=M.createElement(Gi,null,M.createElement(hh,{size:12,color:"black"}));return c?M.createElement(M.Fragment,null,M.createElement(Eo,{content:m.swapper.displayName,src:m.swapper.image,state:m.state}),f!==l-1&&M.createElement(M.Fragment,null,S)):M.createElement(M.Fragment,{key:T},l<=tr||l>tr&&f<tr-1?M.createElement(M.Fragment,null,M.createElement(Eo,{content:m.swapper.displayName,src:m.swapper.image,state:m.state}),f!==l-1&&M.createElement(M.Fragment,null,S)):f===tr-1&&M.createElement(Ki,{container:a,side:"bottom",align:"right",sideOffset:4,content:M.createElement("div",{className:so()},S,r.map((d,y)=>{let v=`image-${y}`;return y>=f&&M.createElement(M.Fragment,{key:v},M.createElement(Eo,{content:d.swapper.displayName,src:d.swapper.image,state:d.state,open:!1}),y!==l-1&&M.createElement(M.Fragment,null,S))}))},M.createElement(Qi,{state:r.find((d,y)=>y>=f&&(d.state==="error"||d.state==="warning"))?.state},M.createElement(er,{size:"xsmall",variant:"body"},"+",l-f))))})),M.createElement("div",{className:so()},M.createElement("div",{className:"blockchains_section"},M.createElement("div",{className:so()},M.createElement(er,{variant:"body",size:"xsmall"},fc.t("Chains:")),M.createElement(Xi,{direction:"horizontal",size:4}),p.map((m,f)=>M.createElement(M.Fragment,null,p.length<=or||p.length>or&&f<or-1?M.createElement(Eo,{key:m.displayName,content:"",src:m.image,open:!1,className:f!==0?"blockchainImage":""}):f===or-1&&M.createElement(Ki,{container:a,side:"bottom",align:"right",sideOffset:4,content:M.createElement("div",{className:so()},p.map((T,S)=>S>=f&&M.createElement(Eo,{key:T.displayName,content:"",src:T.image,open:!1,className:S>f?"blockchainImage":""})))},M.createElement(Qi,{className:"blockchainImage"},M.createElement(er,{size:"xsmall",variant:"body"},"+",p.length-f))))),M.createElement(Xi,{direction:"horizontal",size:32}))),M.createElement(Gi,{orientation:s?"up":"down"},M.createElement(gh,{size:12,color:"black"}))))}i(gc,"QuoteTrigger");function Zi(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]=Ih(t.expanded),m=bh(null),f=A(o.value,6,6),T=A(n.value,6,6),S=n.usdValue?A(n.usdValue,4,4):"",d=Oe(o.usdValue,n.usdValue??null),y=A(d,2,2),v=ft(d??0),C=i(b=>b.map((k,E)=>{let N,z=r?.type===3&&r.swap.swapperId===k.swapperId||r?.type===4&&r.recommendedSlippages?.has(E),F=s?.type===2&&s.recommendedSlippages?.has(E);return z?N="error":F&&(N="warning"),{swapper:{displayName:yo(k.swapperId,c),image:k.swapperLogo},from:{token:{displayName:k.from.symbol,image:k.from.logo},chain:{displayName:Ue(k.from.blockchain,p),image:k.from.blockchainLogo},price:{value:E===0?A(o.value,6,6):A(k.fromAmount,6,6),usdValue:A((k.from.usdPrice??0)*parseFloat(k.fromAmount),4,4),realValue:le(E===0?o.value:k.fromAmount),realUsdValue:le(new yc(k.from.usdPrice??0).multipliedBy(k.fromAmount))}},to:{token:{displayName:k.to.symbol,image:k.to.logo},chain:{displayName:Ue(k.to.blockchain,p),image:k.to.blockchainLogo},price:{value:A(k.toAmount,6,6),usdValue:A((k.to.usdPrice??0)*parseFloat(k.toAmount),4,4),realValue:le(k.toAmount),realUsdValue:le(new yc(k.to.usdPrice??0).multipliedBy(k.toAmount))}},state:N,alerts:z||F?D.createElement(Qp,null,D.createElement(kh,{type:z?"error":"warning",title:r?.type===3?r?.recommendation:Yi.t(`Slippage ${z?"Error":"Warning"}:`),footer:D.createElement(Vp,null,r?.type===3&&D.createElement(D.Fragment,null,D.createElement(Wo,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),D.createElement(Ji,{direction:"horizontal",size:8}),D.createElement(Wo,{size:"xsmall",variant:"body",color:"neutral900"},"|"),D.createElement(Ji,{direction:"horizontal",size:8}),D.createElement(Wo,{size:"xsmall",variant:"body",color:"neutral900"},Yi.t({id:"Yours: {amount} {symbol}",values:{amount:A(k.fromAmount,6,6),symbol:k?.from.symbol}}))),(r?.type===4||s?.type===2)&&D.createElement(Wo,{size:"xsmall",variant:"body",color:"neutral900"},Yi.t({id:"Minimum required slippage is {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get(E)},...s?.type===2&&{minRequiredSlippage:s.recommendedSlippages?.get(E)}}})))})):void 0}}),"getQuoteSteps")(e.result?.swaps??[]),w=C.length,I=L();return D.createElement(D.Fragment,null,D.createElement(Yp,{recommended:l,listItem:a==="list-item",basic:a==="basic"},D.createElement("div",{className:Jp()},D.createElement(pc,{steps:w,quote:e}),a==="basic"&&D.createElement("div",{className:Zp()},D.createElement(nc,null,D.createElement(wh,{size:12,color:"gray"})),D.createElement(rc,null,D.createElement(Hi,{size:"small",variant:"body"},`${f} ${C[0].from.token.displayName} = `),D.createElement(hc,{content:le(n.value),container:I,open:n.value?void 0:!1},D.createElement(Hi,{size:"small",variant:"body"},"\xA0",`${T} ${C[C.length-1].to.token.displayName}`))),D.createElement(hc,{content:le(n.usdValue),container:I,style:{display:"flex"}},D.createElement(Wo,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${S})`))),a==="list-item"&&D.createElement(xh,{type:"output",direction:"vertical",tooltipContainer:I,price:{value:T,usdValue:S,realValue:le(n.value),realUsdValue:le(n.usdValue)},token:{displayName:C[w-1].to.token.displayName,image:C[w-1].to.token.image},chain:{image:C[w-1].to.chain.image},percentageChange:y,warningLevel:v}),a==="swap-preview"&&D.createElement(D.Fragment,null,D.createElement(Ao,{from:C[0].from,to:C[w-1].to,percentageChange:y,warningLevel:v}),D.createElement(Ji,{size:4}))),D.createElement(Xp,{recommended:l,open:u,onOpenChange:g},D.createElement(gc,{quoteRef:m,recommended:l,setExpanded:g,expanded:u,steps:C}),D.createElement(tc,{open:u},D.createElement(oc,null),D.createElement("div",{className:Kp()},C.map((b,k)=>{let E=`item-${k}`;return D.createElement(vh,{type:"quote-details",key:E,step:b,hasSeparator:k!==C.length-1,state:b.state,tooltipContainer:I})}))))))}i(Zi,"Quote");import{Divider as Wh,Skeleton as Lh}from"@rango-dev/ui";import gt from"react";import{darkTheme as Ah,styled as nr}from"@rango-dev/ui";var Sc=nr("div",{$$color:"$colors$neutral100",[`.${Ah} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15 ",variants:{rounded:{true:{borderRadius:"$xm"}}}}),Cc=nr("div",{paddingTop:"$2"}),Tc=nr("div",{paddingLeft:"$8"}),kc=nr("div",{borderLeft:"1px dashed black",minHeight:" 0",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});import{ChainToken as Bc,Divider as zt,Skeleton as st}from"@rango-dev/ui";import q from"react";import{styled as it}from"@rango-dev/ui";var wc=it("div",{display:"flex",justifyContent:"space-between",alignItems:"center",height:"22px"}),vc=it("div",{display:"flex"}),xc=it("div",{padding:"$15 $0 14px $0"}),bc=it("div",{padding:"$6 $0 $15 $0",display:"flex",flexDirection:"column"}),Ic=it("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$5"}),Ac=it("div",{display:"flex",justifyContent:"space-between",alignItems:"end"}),Ec=it("div",{height:"$28",marginLeft:"13px",borderLeft:"1px solid $neutral700"}),Wc=it("div",{width:"65%",display:"flex",justifyContent:"start"}),Lc=it("div",{display:"flex",flexDirection:"column",alignItems:"start",flexGrow:1,maxWidth:"148px"}),Nc=it("div",{padding:"$15 $0 $15 $0"});function Lo(t){let{type:e,tag:o=!1}=t,n=q.createElement(Ac,null,q.createElement(Wc,null,q.createElement(Bc,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),q.createElement(zt,{size:8,direction:"horizontal"}),q.createElement(Lc,null,q.createElement(st,{height:10,width:60,variant:"rounded"}),q.createElement(zt,{size:4}),q.createElement(st,{height:15,variant:"rounded"}))),q.createElement(st,{height:12,width:64,variant:"rounded"}));return q.createElement("div",null,q.createElement(wc,null,q.createElement(vc,null,q.createElement(st,{width:60,height:10,variant:"rounded"}),q.createElement(zt,{size:4,direction:"horizontal"}),q.createElement(st,{width:60,height:10,variant:"rounded"}),q.createElement(zt,{size:4,direction:"horizontal"}),q.createElement(st,{width:60,height:10,variant:"rounded"})),o&&q.createElement(st,{height:22,width:100,variant:"rounded"})),e==="basic"&&q.createElement(xc,null,q.createElement(st,{height:15,width:148,variant:"rounded"})),e==="list-item"&&q.createElement(bc,null,q.createElement(Ic,null,q.createElement(Bc,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),q.createElement(zt,{direction:"horizontal",size:4}),q.createElement(st,{height:15,width:150,variant:"rounded"})),q.createElement(zt,{size:4}),q.createElement(st,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&q.createElement(q.Fragment,null,q.createElement(zt,{size:4}),q.createElement(Nc,null,n,q.createElement(Ec,null),n)))}i(Lo,"QuoteSummarySkeleton");import{ChainToken as Dc,Divider as es,NextIcon as Eh,Skeleton as rr}from"@rango-dev/ui";import ge from"react";import{styled as No}from"@rango-dev/ui";var Mc=No("div",{display:"flex",alignItems:"start"}),Pc=No("div",{flexGrow:1,paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center"}),Ri=No("div",{display:"flex",alignItems:"center",flexGrow:1}),$c=No("div",{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}),_c=No("div",{display:"flex",alignItems:"center"});function at(t){let{separator:e=!0}=t;return ge.createElement(ge.Fragment,null,ge.createElement(_c,null,ge.createElement(rr,{height:22,width:22,variant:"circular"}),ge.createElement(es,{direction:"horizontal",size:8}),ge.createElement(rr,{height:15,width:148,variant:"rounded"})),ge.createElement(Mc,null,ge.createElement(kc,{hideSeparator:!e}),ge.createElement(Pc,null,ge.createElement(Ri,null,ge.createElement(Dc,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ge.createElement(es,{direction:"horizontal",size:8}),ge.createElement(rr,{height:12,variant:"rounded"})),ge.createElement($c,null,ge.createElement(Eh,{color:"gray",size:16})),ge.createElement(Ri,null,ge.createElement(Dc,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ge.createElement(es,{direction:"horizontal",size:8}),ge.createElement(rr,{height:12,variant:"rounded"})))))}i(at,"StepSkeleton");function ts(t){let{type:e,expanded:o,tag:n=!1}=t;return gt.createElement(Sc,{rounded:e!=="basic"},gt.createElement(Lo,{type:e,tag:n}),gt.createElement(Cc,null,gt.createElement(Lh,{height:15,variant:"rounded"})),o&&gt.createElement(Tc,null,gt.createElement(Wh,{size:20}),gt.createElement(at,null),gt.createElement(at,null),gt.createElement(at,{separator:!1})))}i(ts,"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}=X(),m=!(r&&(r.type===0||r.type===1))&&e&&e.result&&!n;return n?ir.createElement(qi,null,ir.createElement(ts,{type:o,expanded:a})):m?ir.createElement(qi,null,ir.createElement(Zi,{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 Mh}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Ph}from"react";import{useRef as Nh,useState as Bh}from"react";function sr(){let[t,e]=Bh(!1),o=Nh(null),n=i(()=>o.current?.abort(),"cancel");return{fetch:i(async s=>{n(),o.current=new AbortController,e(!0);try{let a=await Vt().getBestRoute(s,{signal:o.current.signal});return o.current=null,a}catch(a){throw a}finally{e(!1)}},"fetch"),loading:t,cancelFetch:n}}i(sr,"useFetchQuote");function ar(t){if(!t.result)throw new Error(j().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(ar,"throwErrorIfResponseIsNotValid");function Fc(t,e,o){let n=!1;t&&(n=gl(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&&(il(t,e)?r.quoteUpdate={type:3,newOutputAmount:A(Kt(e)),percentageChange:A(Oe(Kt(t)??"",Kt(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=sl(e,o.selectedWallets,o.meta.blockchains);return a.length===0||(r.balance={messages:a}),r}i(Fc,"generateWarnings");function lr(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(lr,"handleQuoteErrors");function os(){let{fromToken:t,toToken:e,inputAmount:o,setQuote:n,quote:r,customDestination:s,setQuoteWarningsConfirmed:a}=X(),{slippage:l,customSlippage:p,affiliatePercent:c,affiliateRef:u,affiliateWallets:g,disabledLiquiditySources:m}=h(),{connectedWallets:f}=Q(),T=h().blockchains(),S=h().tokens(),{features:d}=h().config,{enableNewLiquiditySources:y}=h().config,v=p||l,{fetch:x,cancelFetch:C,loading:w}=sr();return Ph(()=>C,[]),{loading:w,fetch:i(async b=>{let k=b.selectedWallets,E=b?.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:f,selectedWallets:k,excludeLiquiditySources:y,disabledLiquiditySources:m,slippage:v,affiliateRef:u,affiliatePercent:c,affiliateWallets:g,initialQuote:r??void 0,destination:E});un("experimentalRoute",d)&&(N.experimental=!0);let z;try{z=await x(N).then(te=>ar(te)),n(z)}catch(te){return lr(te)}let F={slippage:v.toString(),disabledSwappersGroups:m},W=Mh(o.toString(),z,nl(k),F,!1,{blockchains:T,tokens:S}),J=Fc(r??void 0,z,{fromToken:t,toToken:e,meta:{blockchains:T,tokens:S},selectedWallets:k,userSlippage:v});return J.quoteUpdate&&a(!1),{quote:z,swap:W,error:null,warnings:J}},"fetch"),cancelFetch:C}}i(os,"useConfirmSwap");var jh=Fh("div",{width:"100%",display:"flex",justifyContent:"space-between",[`& ${Oc}`]:{width:"$48",height:"$48"}}),Xh=rs({flexGrow:1,paddingRight:"$10"}),Kh=rs({width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}),Yh=rs({display:"flex",justifyContent:"space-between",alignItems:"center"});function zc(){let{quote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:s,quoteWarningsConfirmed:a}=X(),l=Vh(),p=Qh(),[c,u]=cr(""),{connectedWallets:g}=Q(),m=!n,[f,T]=cr(!1),{isActiveTab:S}=ee(),d=h().disabledLiquiditySources,y=Gh(d),{manager:v}=$h(),{fetch:x,loading:C,cancelFetch:w}=os(),[I,b]=cr({swap:null,error:null,warnings:null}),[k,E]=cr(!1),N=i(async({selectedWallets:G,customDestination:De})=>{let K=await x?.({selectedWallets:G,customDestination:De});return b(K),K},"onConfirmSwap"),z=i(async()=>{if(I.swap&&n)try{await v?.create("swap",{swapDetails:I.swap},{id:I.swap.requestId});let G=`../${P.swaps}/${I.swap.requestId}`;l(G,{replace:!0}),setTimeout(()=>{e("")},0)}catch(G){u("Error: "+G?.message)}},"addNewSwap"),F=i(async()=>{await z()},"onConfirm"),W=i(async()=>{I?.warnings?.quote&&!a?E(!0):await F()},"onStartConfirmSwap"),J=i(async()=>{b({error:null,swap:null,warnings:null}),x({selectedWallets:o,customDestination:s}).then(G=>{b(G)}).catch(G=>console.error(G))},"onRefresh");Mo(()=>{!!y.current.length&&!d.length&&J(),y.current=d},[d.length]),Mo(()=>{m&&w()},[m]),Mo(()=>{m&&T(m)},[m]),Mo(()=>{m||x({selectedWallets:o,customDestination:s}).then(G=>b(G)).catch(G=>console.error(G))},[]),Mo(()=>{let G=I.warnings?.quote?.type&&Object.values(vt).includes(I.warnings?.quote?.type),De=o.length<1||!o.every(U=>g.find(ke=>U.address===ke.address&&U.walletType===ke.walletType&&U.chain===ke.chain)),K=!1;if(G){let U=gn(t),ke=t?.result?.swaps[t.result.swaps.length-1].to.blockchain;!!t?.result?.swaps.find(ut=>ut.from.blockchain===ke)||(U=U.slice(-U.length,U.length-1)),U.every(ut=>o.find(_=>_.chain===ut))||(K=!0)}t&&(De||K)&&(queueMicrotask(()=>Hh(T.bind(null,!0))),r(!1))},[I.warnings?.quote,o.length,g.length]),qh(()=>{t||l(`../${p.search}`)},[]);let te=I.warnings?.quote??null,R=I.error,fe=[];return c&&fe.push(pe.createElement(Uc,{type:"error",variant:"alarm",title:c})),I.warnings?.quoteUpdate&&fe.push(pe.createElement(Uc,{variant:"alarm",type:"warning",title:I.warnings.quoteUpdate&&bn(I.warnings.quoteUpdate)})),(te||R)&&fe.push(pe.createElement(bo,{warning:te,error:R,loading:C,refetchQuote:J,showWarningModal:k,confirmationDisabled:!S,onOpenWarningModal:()=>E(!0),onCloseWarningModal:()=>E(!1),onConfirmWarningModal:async()=>{E(!1),await z()},onChangeSettings:()=>l(P.settings)})),pe.createElement(re,{header:{title:pr.t("Confirm Swap"),onWallet:()=>{let G=`../${P.wallets}`;l(G)},suffix:pe.createElement(Uh,{container:L(),side:"bottom",content:pr.t("Settings")},pe.createElement(qe,{size:"small",variant:"ghost",onClick:()=>l("../"+P.settings)},pe.createElement(Dh,{size:18,color:"black"})))},footer:pe.createElement(jh,null,pe.createElement("div",{className:Xh()},pe.createElement(_h,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:C,disabled:!!I.error||!S,onClick:W},pr.t("Start Swap"))),pe.createElement(Oc,{variant:"contained",type:"primary",size:"large",loading:C,onClick:T.bind(null,!0)},pe.createElement(zh,{size:24})))},f&&pe.createElement(bp,{open:f,onClose:()=>T(!1),onCancel:w,loading:C,onCheckBalance:N}),pe.createElement(se,null,pe.createElement("div",{className:Yh()},pe.createElement(Oh,{variant:"title",size:"small"},pr.t("You get")),pe.createElement("div",{className:Kh()},pe.createElement(On,{onClick:!C&&!f&&!k?J:void 0}))),pe.createElement(ns,{size:"12"}),Dl(fe,pe.createElement(ns,{size:10})),fe.length>0?pe.createElement(ns,{size:10}):null,pe.createElement(Bo,{quote:t,type:"swap-preview",expanded:!0,error:I.error,loading:C,warning:I.warnings?.quote??null})))}i(zc,"ConfirmSwapPage");import{i18n as mr}from"@lingui/core";import{useManager as my}from"@rango-dev/queue-manager-react";import{Divider as Zc,NotFound as dy,styled as fy}from"@rango-dev/ui";import yt,{useState as gy}from"react";import{useNavigate as hy}from"react-router-dom";import{i18n as Rh}from"@lingui/core";import{Divider as Vc,GroupedVirtualizedList as ey,Skeleton as ty,SwapListItem as jc,Typography as oy}from"@rango-dev/ui";import Ee,{useCallback as Xc,useEffect as ny,useRef as ry,useState as iy}from"react";function qc(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(qc,"calculateGroupsSoFar");import{css as Jh,darkTheme as Zh,styled as Po}from"@rango-dev/ui";var is=Jh(),Gc=Po("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$5"}),ss=Po("div",{width:"100%",display:"flex",flexDirection:"column",backgroundColor:"$background",padding:"$10 $5 0 $5",[`& .${is}`]:{$$color:"$colors$neutral600",[`.${Zh} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),as=Po("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),Hc=Po("div",{gap:"$10",display:"flex",flexDirection:"column"}),Qc=Po("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});var sy=10;function ls(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,[s,a]=iy([]),l=ry(0),{swaps:p,groupCounts:c,groups:u}=n(e),g=Xc(qc,[]),m=Xc(()=>{let f=e.length-l.current;f&&(l.current+=Math.min(f,sy),a(g(c,l.current)))},[e.length]);if(ny(()=>{r||m()},[r,m]),r){let f=[1,2];return Ee.createElement(Ee.Fragment,null,[f,f].map((S,d)=>Ee.createElement(ss,{key:d},Ee.createElement(as,null,Ee.createElement(ty,{variant:"text",width:60,size:"small"}),Ee.createElement(Vc,{size:16})),Ee.createElement(Vc,{size:4}),Ee.createElement(Hc,null,S.map((v,x)=>Ee.createElement(jc,{isLoading:!0,key:x}))))))}return Ee.createElement(ey,{endReached:()=>{l.current<e.length&&m()},groupCounts:s,groupContent:f=>Ee.createElement(ss,null,Ee.createElement(as,null,Ee.createElement(oy,{variant:"label",size:"medium",className:is()},u[f]))),itemContent:(f,T)=>{let S=p[f];if(!S)return null;let d=S.steps[0],y=S.steps[S.steps.length-1];return Ee.createElement(Gc,{key:S.requestId},Ee.createElement(jc,{requestId:S.requestId,creationTime:S.creationTime,status:S.status,onClick:o,tooltipContainer:L(),onlyShowTime:u[T]===Rh.t("Today"),swapTokenData:{from:{token:{image:d.fromLogo,displayName:d.fromSymbol},blockchain:{image:d.fromBlockchainLogo||""},amount:A(S.inputAmount,6,6),realAmount:le(S.inputAmount)},to:{token:{image:y.toLogo,displayName:y.toSymbol},blockchain:{image:y.toBlockchainLogo||""},amount:A(y.outputAmount||y.expectedOutputAmountHumanReadable||"",6,6),realAmount:le(y.outputAmount||y.expectedOutputAmountHumanReadable)}}}))}})}i(ls,"HistoryGroupedList");import{CloseIcon as ly,IconButton as py,SearchIcon as cy,TextField as uy}from"@rango-dev/ui";import $o from"react";import{styled as ay}from"@rango-dev/ui";var Kc=ay("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function ht(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:s,value:a,setValue:l,...p}=t;return $o.createElement(uy,{prefix:$o.createElement(Kc,null,$o.createElement(cy,{color:"black"})),suffix:!!a.length&&$o.createElement(py,{variant:"ghost",onClick:()=>l?.(""),size:"small"},$o.createElement(ly,{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(ht,"SearchInput");import{i18n as ur}from"@lingui/core";import Yc from"dayjs";var Jc=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=Yc();t.forEach(p=>{let c=Number(p.creationTime),u=Yc(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 yy=fy("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),Sy=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 Rc(){let t=hy(),{manager:e,state:o}=my(),n=At(e).map(({swap:u})=>u),[r,s]=gy(""),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)||Sy(u.steps,r)||et(u.requestId,r)));let c=!p?.length&&!a;return yt.createElement(re,{header:{title:mr.t("History")}},yt.createElement(se,null,yt.createElement(ht,{setValue:s,fullWidth:!0,variant:"contained",placeholder:mr.t("Search Transaction"),autoFocus:!0,onChange:l,value:r}),yt.createElement(Zc,{size:"16"}),yt.createElement(yy,null,c&&yt.createElement(Qc,null,yt.createElement(Zc,{size:32}),yt.createElement(dy,{title:mr.t("No results found"),description:r?mr.t("Try using different keywords"):""})),!c&&yt.createElement(ls,{list:p,onSwapClick:t,groupBy:Jc,isLoading:a}))))}i(Rc,"HistoryPage");import{i18n as us}from"@lingui/core";import{Button as by,Divider as nu,styled as iu,SwapInput as ru,WarningIcon as Iy}from"@rango-dev/ui";import ve,{useEffect as Ay,useState as Ey}from"react";import{useNavigate as Wy}from"react-router-dom";import{ReverseIcon as Cy,styled as eu}from"@rango-dev/ui";import ps from"react";var Ty=eu("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),ky=eu("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 tu(){let t=X.use.switchFromAndTo();return ps.createElement(Ty,null,ps.createElement(ky,{onClick:()=>{t()}},ps.createElement(Cy,{size:12})))}i(tu,"SwitchFromAndToButton");import{useCallback as wy,useEffect as vy,useState as cs}from"react";var xy=600;function ou(){let{fetch:t,cancelFetch:e}=sr(),{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}=X(),{slippage:f,customSlippage:T,affiliatePercent:S,affiliateRef:d,affiliateWallets:y,disabledLiquiditySources:v,fetchStatus:x}=h(),[C,w]=cs(!0),[I,b]=cs(null),[k,E]=cs(null),N=T??f,F=!a||!l||Ie(a,l)||!fo(p),W=i(R=>{w(R),b(null),E(null)},"resetState"),J=i(R=>{let{fromToken:fe,toToken:G,inputAmount:De,liquiditySources:K,excludeLiquiditySources:U,disabledLiquiditySources:ke,slippage:ct,affiliateRef:Le,affiliatePercent:ut,affiliateWallets:_}=R;if(C||W(!0),!F&&fe&&G){g();let V=kn({fromToken:fe,toToken:G,inputAmount:De,liquiditySources:K,excludeLiquiditySources:U,disabledLiquiditySources:ke,slippage:ct,affiliateRef:Le,affiliatePercent:ut,affiliateWallets:_});un("experimentalRoute",r)&&(V.experimental=!0),t(V).then(H=>{w(!1),m(H),ar(H);let ce=wn(H,{fromToken:fe,toToken:G,userSlippage:N,tokens:s});E(ce)}).catch(H=>{let{error:ce}=lr(H);(ce?.type===0||ce?.type===1)&&g(),ce?.type!==2&&(b(ce),w(!1))})}},"fetch"),te=wy(Ba(R=>{F||J(R)},xy),[F]);return vy(()=>{if(x==="success"){if(!fo(p)||c?.eq(0)){W(!1),e();return}if(F){u&&g();return}return g(),W(!0),te({inputAmount:p,fromToken:a,toToken:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:v,slippage:N,affiliateRef:d,affiliatePercent:S,affiliateWallets:y}),e}},[x,p,a?.symbol,a?.address,a?.blockchain,l?.symbol,l?.address,l?.blockchain,F,o?.length,n,v.length,N,d,S,JSON.stringify(y)]),{fetch:()=>J({inputAmount:p,fromToken:a,toToken:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:v,slippage:N,affiliateRef:d,affiliatePercent:S,affiliateWallets:y}),loading:C,error:I,warning:k}}i(ou,"useSwapInput");var Ly=iu("div",{position:"relative"}),Ny=iu("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"});function su(){let t=Wy(),{fetch:e,loading:o,error:n,warning:r}=ou(),{fromToken:s,fromBlockchain:a,toToken:l,toBlockchain:p,setInputAmount:c,inputAmount:u,inputUsdValue:g,outputAmount:m,outputUsdValue:f,quote:T,resetQuoteWallets:S,setQuoteWarningsConfirmed:d}=X(),{config:y,fetchStatus:v}=h(),{connectedWallets:x,getBalanceFor:C}=Q(),{isActiveTab:w}=ee(),[I,b]=Ey(!1),k=!!a&&xa(x,a.name),E=!1,N=!Rr(T,u,g),z=!Rr(T,u,f),F=Za({fetchMetaStatus:v,fetchingQuote:o,inputAmount:u,quote:T,anyWalletConnected:x.length>0,error:n,warning:r,needsToWarnEthOnPath:E}),W=s?C(s):null,J=rn(W)?.amount??"0",te=a&&s?A(W?.amount,W?.decimals):"0",R=v==="success"&&!!u&&!!s&&!!l&&o;Ay(()=>{S()},[]);let fe=!g||!f||!f.gt(0)?null:Oe(g.toString(),f.toString());return ve.createElement(re,{height:"auto",footer:ve.createElement(by,{type:"primary",size:"large",disabled:F.disabled||!w,prefix:F.action==="confirm-warning"&&ve.createElement(Iy,null),fullWidth:!0,onClick:()=>{F.action==="connect-wallet"?t(P.wallets):F.action==="confirm-warning"?b(!0):t(P.confirmSwap)}},F.title),header:{onWallet:()=>{t(P.wallets)},hasBackButton:!1,title:y.title||us.t("Swap"),suffix:ve.createElement(Ii,{onClickRefresh:(T||n)&&!I?e:void 0,onClickHistory:()=>t(P.swaps),onClickSettings:()=>t(P.settings)})}},ve.createElement(se,null,ve.createElement(Ny,null,ve.createElement(Ly,null,ve.createElement(ru,{label:us.t("From"),mode:"From",onInputChange:c,balance:J,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:A(g,4,4),realUsdValue:N?void 0:le(g),error:N?j().unknownPriceError.impactTitle:void 0},disabled:v==="failed",loading:v==="loading",loadingBalance:k,tooltipContainer:L(),onSelectMaxBalance:()=>{J!=="0"&&c(te.split(",").join(""))}}),ve.createElement(tu,null)),ve.createElement(ru,{sharpBottomStyle:!!T?.result||R,label:us.t("To"),mode:"To",fetchingQuote:R,chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:l?.symbol||"",image:l?.image||""},percentageChange:A(Oe(g,f),2,2),warningLevel:ft(fe??0),price:{value:A(m,6,6),usdValue:z?void 0:A(f,4,4),realValue:le(m),realUsdValue:z?void 0:le(f),error:z?j().unknownPriceError.impactTitle:void 0},onClickToken:()=>t(P.toSwap),disabled:v==="failed",loading:v==="loading",tooltipContainer:L()})),ve.createElement(nu,{size:"2"}),ve.createElement(Bo,{quote:T,loading:R,error:n,warning:r,type:"basic"}),r||n?ve.createElement(ve.Fragment,null,ve.createElement(nu,{size:"10"}),ve.createElement(bo,{warning:r,error:n,loading:R,refetchQuote:e,showWarningModal:I,confirmationDisabled:!w,onOpenWarningModal:()=>b(!0),onCloseWarningModal:()=>b(!1),onConfirmWarningModal:()=>{b(!1),d(!0),t(P.confirmSwap)},onChangeSettings:()=>t(P.settings)})):null))}i(su,"Home");import{i18n as au}from"@lingui/core";import{List as By,ListItemButton as My,Radio as Py,RadioRoot as $y,Typography as _y}from"@rango-dev/ui";import Nt from"react";function ao(){let{setLanguage:t,language:e,config:o}=h(),n=$a,r=o?.language||ho;return{activeLanguage:e||r,languages:n,defaultLanguage:r,changeLanguage:s=>t(s||ho),resetLanguage:()=>t(null)}}i(ao,"useLanguage");function lu(){let{activeLanguage:t,changeLanguage:e,languages:o}=ao(),n=o.map(r=>{let{local:s,label:a,SVGFlag:l}=r;return{id:s,value:s,title:Nt.createElement(_y,{variant:"title",size:"xmedium"},a),onClick:()=>e(r.local),end:Nt.createElement(Py,{value:s}),start:Nt.createElement(l,null)}});return Nt.createElement(re,{header:{title:au.t("Language")}},Nt.createElement(se,null,Nt.createElement($y,{value:t},Nt.createElement(By,{type:Nt.createElement(My,{title:au.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}i(lu,"LanguagePage");import{i18n as St}from"@lingui/core";import{Button as zy,Checkbox as qy,Image as Gy,ListItemButton as Hy,NotFound as Qy,Typography as Vy}from"@rango-dev/ui";import We,{useState as jy}from"react";import{Checkbox as Uy,Skeleton as cu}from"@rango-dev/ui";import Do from"react";import{styled as ms}from"@rango-dev/ui";var _o=ms("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto"}),ds=ms("div",{width:80,display:"flex",justifyContent:"flex-end"}),fs=ms("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});import{ListItem as Dy,styled as Fy}from"@rango-dev/ui";var pu=Fy(Dy,{height:61});var Oy=30;function gs(){return Do.createElement(_o,null,Array.from(Array(Oy),t=>Do.createElement(pu,{hasDivider:!0,key:t,start:Do.createElement(cu,{variant:"circular",width:35,height:35}),title:Do.createElement(cu,{variant:"text",size:"large",width:90}),end:Do.createElement(Uy,{checked:!1})})))}i(gs,"LoadingLiquiditySourceList");function hs({sourceType:t}){let e=h().fetchStatus,o=h().swappers(),n=h().disabledLiquiditySources,[r,s]=jy(""),a=h().toggleLiquiditySource,l=cn(o,n),p={Exchanges:St.t("Exchanges"),Bridges:St.t("Bridges")},c=[];t==="Exchanges"&&c.push("DEX"),t==="Bridges"&&(c.push("BRIDGE"),c.push("AGGREGATOR"));let u=l.filter(d=>c.includes(d.type)),g=u.length===u.filter(d=>d.selected).length,m=i(()=>{u.forEach(d=>{g?a(d.groupTitle):d.selected||a(d.groupTitle)})},"toggleAllSources"),f=u.map(d=>{let{selected:y,groupTitle:v,logo:x}=d;return{start:We.createElement(Gy,{src:x,size:22,type:"circular"}),onClick:()=>a(v),end:We.createElement(qy,{checked:y}),title:We.createElement(Vy,{variant:"title",size:"xmedium"},St.t(v)),...d}}),T=i(d=>{let y=d.target.value;s(y)},"searchHandler"),S=f;return r&&(S=f.filter(d=>et(d.groupTitle,r))),We.createElement(re,{header:{title:St.t(t),suffix:We.createElement(ds,null,We.createElement(zy,{variant:"ghost",size:"xsmall",onClick:m},g?St.t("Deselect all"):St.t("Select all")))}},We.createElement(se,{view:!0},We.createElement(ht,{value:r,setValue:s,fullWidth:!0,color:"light",variant:"contained",placeholder:St.t("Search {sourceType}",{sourceType:p[t]}),onChange:T}),e==="loading"&&We.createElement(gs,null),!S.length&&r?We.createElement(fs,null,We.createElement(Qy,{title:St.t("No results found"),description:St.t("Try using different keywords")})):e==="success"&&We.createElement(_o,null,S.map(d=>We.createElement(We.Fragment,{key:d.id},We.createElement(Hy,{style:{height:"61px"},...d,selected:!1,hasDivider:!0}))))))}i(hs,"LiquiditySourcePage");import{i18n as Su}from"@lingui/core";import{Divider as Cu,getCountCategories as nS,SelectableCategoryList as rS}from"@rango-dev/ui";import Ct,{useState as Tu}from"react";import{i18n as Ss}from"@lingui/core";import{Divider as hu,Image as Zy,ListItemButton as Ry,NotFound as eS,Typography as yu}from"@rango-dev/ui";import He,{useEffect as tS,useState as oS}from"react";import{BlockchainCategories as ys}from"@rango-dev/ui";import{TransactionType as dr}from"rango-sdk";var Xy=i((t,e)=>{switch(e){case ys.ALL:return!0;case ys.UTXO:return t.type===dr.TRANSFER;case ys.OTHER:return t.type!==dr.TRANSFER&&t.type!==dr.COSMOS&&t.type!==dr.EVM;default:return t.type===e}},"filterByType"),uu=i((t,e,o)=>t.filter(n=>Xy(n,o)).filter(n=>Pt(n.name,e)||Pt(n.displayName,e)),"filterBlockchains");import{ImageContainer as Ky,styled as mu}from"@rango-dev/ui";var du=mu("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),fr=mu(To,{padding:0,margin:0,listStyle:"none",[`& ${Ky}`]:{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as Yy,Skeleton as fu}from"@rango-dev/ui";import gr from"react";var Jy=20;function gu(){return gr.createElement(fr,null,Array.from(Array(Jy),t=>gr.createElement(Yy,{key:t,hasDivider:!0,start:gr.createElement(fu,{variant:"circular",width:35,height:35}),title:gr.createElement(fu,{variant:"text",size:"large",width:90})})))}i(gu,"LoadingBlockchainList");function Cs(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=oS(e),{fetchStatus:l}=h();tS(()=>{a([...uu(e,o,r)])},[e,o,r]);let p=i(()=>!s.length&&o?He.createElement(He.Fragment,null,He.createElement(hu,{size:32}),He.createElement(eS,{title:Ss.t("No results found"),description:Ss.t("Try using different keywords")})):He.createElement(fr,{as:"ul",key:`${r}-${o}`},s.map(c=>He.createElement(Ry,{key:`${c.name}-${c.chainId}`,hasDivider:!0,onClick:()=>n(c),start:He.createElement(Zy,{src:c.logo,size:30}),title:He.createElement(yu,{variant:"title",size:"medium"},c.displayName),id:c.chainId}))),"renderList");return He.createElement(du,null,He.createElement(yu,{variant:"label",size:"large"},Ss.t("Select Blockchain")),He.createElement(hu,{size:4}),l==="loading"&&He.createElement(gu,null),l==="success"&&p())}i(Cs,"BlockchainList");function Ts(t){let{type:e}=t,o=It(),[n,r]=Tu(""),[s,a]=Tu("ALL"),l=X.use.setToBlockchain(),p=X.use.setFromBlockchain(),c=h().fetchStatus,u=h().blockchains({type:e}),m=nS(u)!==1;return Ct.createElement(re,{header:{title:Su.t("Select Blockchain")}},Ct.createElement(se,{view:!0},m&&Ct.createElement(Ct.Fragment,null,Ct.createElement(rS,{setCategory:a,category:s,blockchains:u,isLoading:c==="loading"}),Ct.createElement(Cu,{size:24})),Ct.createElement(ht,{value:n,autoFocus:!0,placeholder:Su.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:f=>r(f.target.value)}),Ct.createElement(Cu,{size:16}),Ct.createElement(Cs,{list:u,searchedFor:n,blockchainCategory:s,onChange:f=>{e==="source"?p(f):l(f),o()}})))}i(Ts,"SelectBlockchainPage");import{i18n as Tr}from"@lingui/core";import{Divider as Ou}from"@rango-dev/ui";import qt,{useState as kS}from"react";import{useNavigate as wS}from"react-router-dom";import{i18n as vs}from"@lingui/core";import{BlockchainsChip as hr,Divider as xu,Image as bu,Skeleton as pS,Tooltip as cS,Typography as xs}from"@rango-dev/ui";import Se from"react";import{useEffect as aS}from"react";var ku=["ETH","COSMOS","OSMOSIS"];function ks(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(iS),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(sS(a)),r=n.splice(s)}return{list:n,more:r}}i(ks,"prepare");function iS(t,e){let o=ku,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(iS,"sortByMostUsedBlockchains");function sS(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(sS,"generateSortByPreferredBlockchainsFor");function wu(t,e){return!!e.list.find(o=>o.name===t)}i(wu,"isInVisibleList");function ws(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=h();aS(()=>{if(e?.selected){let s=ks(t,o,e);wu(e.selected,s)||n(e?.selected)}},[e?.selected]);let r=ks(t,o,e);return{list:r.list,more:r.more,history:[]}}i(ws,"usePrepareBlockchainList");import{styled as lS}from"@rango-dev/ui";var vu=lS("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var uS=12;function bs(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:s}=t,a=ws(e,{limit:10,selected:n?.name}),{fetchStatus:l}=h(),p=X.use.resetToBlockchain(),c=X.use.resetFromBlockchain(),u=a.more.length>0,g=a.more.length===1,m=!g&&u;return Se.createElement(Se.Fragment,null,Se.createElement(xu,{size:12}),Se.createElement(xs,{variant:"label",size:"large"},vs.t("Select Blockchain")),Se.createElement(xu,{size:12}),Se.createElement(vu,null,l==="loading"&&Array.from(Array(uS),f=>Se.createElement(pS,{key:f,variant:"rounded",height:50})),l==="success"&&Se.createElement(Se.Fragment,null,Se.createElement(hr,{selected:!n,onClick:()=>{o==="from"?c():p()}},Se.createElement(xs,{variant:"body",size:"xsmall",color:"secondary500"},vs.t("All"))),a.list.map(f=>Se.createElement(cS,{key:f.name,content:f.shortName,side:"bottom",sideOffset:2,container:L()},Se.createElement(hr,{key:f.name,selected:!!n&&n.name===f.name,onClick:()=>r(f)},Se.createElement(bu,{src:f.logo,size:30})))),g?Se.createElement(hr,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},Se.createElement(bu,{src:a.more[0].logo,size:30})):null,m?Se.createElement(hr,{onClick:s,key:"more-blockchains"},Se.createElement(xs,{variant:"body",size:"xsmall",color:"secondary500"},vs._("More +{count}",{count:a.more.length}))):null)))}i(bs,"BlockchainsSection");import{i18n as $s}from"@lingui/core";import{darkTheme as $u,Divider as po,ExternalLinkIcon as fS,Image as gS,ListItemButton as hS,NotFound as yS,PinIcon as SS,Skeleton as _u,Typography as Cr,VirtualizedList as CS}from"@rango-dev/ui";import $,{useEffect as Du,useState as Fu}from"react";import{Divider as Mu,ListItem as dS,Skeleton as Fo}from"@rango-dev/ui";import Ze from"react";import{css as lo,darkTheme as Iu,ImageContainer as mS,styled as Je,Typography as Au}from"@rango-dev/ui";var Is=lo({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}),As=lo({position:"relative",height:12,width:"30%",maxWidth:"150px"}),Es=lo({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"}),Ws=lo({transform:"translateY(12px)",visibility:"hidden","& a":{display:"flex",justifyContent:"center",alignItems:"center",fontSize:"$12",lineHeight:"$16",$$color:"$colors$neutral600",[`.${Iu} &`]:{$$color:"$colors$neutral700"},color:"$$color",textDecoration:"none"}}),Ls=lo({}),Ns=lo(),Eu=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}`]:{[`& .${Ws}`]:{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},[`& .${Ls}`]:{bottom:"-15px"},[`& .${Is}`]:{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},[`& .${Es}`]:{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),Ms=Je("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),Ps=Je(Au,{}),Wu=Je("div",{textAlign:"right",width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",[`& .${Ns}`]:{$$color:"$colors$neutral600",[`.${Iu} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Sr=Je("div",{display:"flex",alignItems:"end",flexDirection:"column"}),r$=Je("div",{display:"flex",alignItems:"center"}),Lu=Je("div",{position:"relative",[`& ${mS}`]:{borderRadius:"$xm",overflow:"hidden"}}),Nu=Je("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6}),Bu=Je(Au,{width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"});function Pu(t){return Ze.createElement(yr,null,Array.from(Array(t.size),e=>Ze.createElement(dS,{key:e,hasDivider:!0,start:Ze.createElement(Fo,{variant:"circular",width:35,height:35}),end:Ze.createElement(Sr,null,Ze.createElement(Fo,{variant:"text",size:"large",width:70}),Ze.createElement(Mu,{size:4}),Ze.createElement(Fo,{variant:"text",size:"medium",width:50})),title:Ze.createElement("div",null,Ze.createElement(Fo,{variant:"text",size:"large",width:90}),Ze.createElement(Mu,{size:4}),Ze.createElement(Fo,{variant:"text",size:"medium",width:90}))})))}i(Pu,"LoadingTokenList");var _s=20,TS=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:s,customCssForTagTitle:a}=t,l=e.length;return $.createElement("div",{className:As()},o?$.createElement("div",{className:Is()},o):$.createElement(Bs,{className:Es()},$.createElement(Cr,{variant:"title",size:"xmedium"},r.symbol),$.createElement(po,{direction:"horizontal",size:4}),$.createElement(Ms,{css:s},$.createElement(Ps,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&$.createElement("div",{className:`${Ws()} ${!o&&Ls()}`},$.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(po,{size:4,direction:"horizontal"}),$.createElement(fS,{color:"gray",size:12}))))},"renderDesc");function Uu(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=Fu(e),l=h().fetchStatus,p=h().blockchains(),[c,u]=Fu(!0),{getBalanceFor:g,loading:m}=Q(),{isTokenPinned:f}=h(),T=i(()=>{a(e.slice(0,s.length+_s))},"loadNextPage");Du(()=>{u(e.length>s.length)},[s.length]),Du(()=>{a(e.slice(0,_s))},[e]);let S=i(()=>!s.length&&o?$.createElement($.Fragment,null,$.createElement(po,{size:32}),$.createElement(yS,{title:$s.t("No results found"),description:$s.t("Try using different keywords")})):$.createElement(CS,{endReached:c?T:void 0,itemContent:d=>{let y=s[d],v=rn(g(y)),x=y.address||"",C=p.find(k=>k.name===y.blockchain),w=Pn(y.symbol,C?.color||""),I={$$color:w[`${y.symbol}100`],[`.${$u} &`]:{$$color:w[`${y.symbol}900`]},backgroundColor:"$$color"},b={$$color:w[`${y.symbol}700`],[`.${$u} &`]:{$$color:w[`${y.symbol}100`]},color:"$$color"};return $.createElement("div",{style:{paddingRight:5}},$.createElement(hS,{style:{width:"100%",overflow:"hidden"},"tab-index":d,key:`${y.symbol}${y.address}`,id:`${y.symbol}${y.address}`,hasDivider:!0,onClick:()=>n(s[d]),start:$.createElement(Lu,null,$.createElement(gS,{src:y.image,size:30}),f(y,t.type)&&$.createElement(Nu,null,$.createElement(SS,{size:12,color:"gray"}))),title:C?.type==="COSMOS"||y.name||!y.name&&!x?$.createElement(Bs,null,$.createElement(Cr,{variant:"title",size:"xmedium"},y.symbol),$.createElement(po,{direction:"horizontal",size:4}),$.createElement(Ms,{css:I},$.createElement(Ps,{variant:"body",size:"xsmall",css:b},y.blockchain))):void 0,description:C?.info&&x&&C.type!=="COSMOS"?TS({address:x,token:s[d],customCssForTag:I,customCssForTagTitle:b,name:y.name,url:C.info.addressUrl.split("{wallet}").join(x)}):y.name||void 0,end:m?$.createElement(Sr,null,$.createElement(_u,{variant:"text",size:"large",width:70}),$.createElement(po,{size:4}),$.createElement(_u,{variant:"text",size:"medium",width:50})):v&&$.createElement(Wu,null,$.createElement(Bu,{variant:"title",size:"small"},v.amount),$.createElement("div",null),v.usdValue&&$.createElement(Cr,{variant:"body",className:Ns(),size:"xsmall"},`$${v.usdValue}`))}))},totalCount:s.length,key:`${r}-${o}`}),"renderList");return $.createElement(Eu,null,$.createElement(Cr,{variant:"label",size:"large"},$s.t("Select Token")),$.createElement(po,{size:4}),l==="loading"&&$.createElement(Pu,{size:_s}),l==="success"&&$.createElement(yr,{as:"ul"},S()))}i(Uu,"TokenList");function Ds(t){let{type:e}=t,o=wS(),n=It(),{fromBlockchain:r,toBlockchain:s,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:c}=X(),u=Q.use.getBalanceFor(),[g,m]=kS(""),{isTokenPinned:f}=h(),S=(e==="source"?r:s)?.name??"",d=h().blockchains({type:e}),y=h().tokens({type:e,blockchain:S,searchFor:g}),x=ka(y,u,i(b=>f(b,e),"checkIsTokenPinned")),C=i(b=>{e==="source"?p(b):c(b)},"updateBlockchain"),w=i(b=>{e==="source"?a({token:b,meta:{blockchains:d,tokens:y}}):l({token:b,meta:{blockchains:d,tokens:y}})},"updateToken"),I={source:Tr.t("Source"),destination:Tr.t("Destination")};return qt.createElement(re,{header:{title:Tr.t("Swap {type}",{type:I[e]})}},qt.createElement(se,null,qt.createElement(bs,{blockchains:d,type:e=="source"?"from":"to",blockchain:e==="source"?r:s,onMoreClick:()=>o(P.blockchains),onChange:b=>{C(b)}}),qt.createElement(Ou,{size:24}),qt.createElement(ht,{value:g,autoFocus:!0,placeholder:Tr.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>m(""),onChange:b=>m(b.target.value)}),qt.createElement(Ou,{size:16}),qt.createElement(Uu,{list:x,selectedBlockchain:S,searchedFor:g,type:e,onChange:b=>{w(b);let k=d.find(E=>b.blockchain===E.name);k&&C(k),n()}})))}i(Ds,"SelectSwapItemsPage");import{i18n as Gt}from"@lingui/core";import{ChevronRightIcon as Os,Divider as zs,InfoIcon as LS,List as NS,ListItemButton as BS,Skeleton as MS,Switch as PS,Tooltip as $S,Typography as Ht}from"@rango-dev/ui";import Y from"react";import{useNavigate as _S}from"react-router-dom";import{i18n as Vu}from"@lingui/core";import{Divider as IS,InfoIcon as AS,TextField as ES,Tooltip as WS,Typography as ju}from"@rango-dev/ui";import _e from"react";import{Chip as vS,styled as Uo,TextField as xS}from"@rango-dev/ui";var zu=Uo("div",{paddingTop:"$5",padding:"$10 $5"}),qu=Uo("div",{display:"flex",flexWrap:"wrap",gap:"$10",[`& ${xS}`]:{flex:"1 1 0",maxWidth:"127px",minWidth:"85px"}}),Gu=Uo("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),kr=Uo("div",{maxWidth:"280px",padding:"$10"}),Hu=Uo(vS,{width:"61px",flexShrink:0});import{i18n as Fs}from"@lingui/core";import{Typography as bS}from"@rango-dev/ui";import Oo from"react";function Qu(){return Oo.createElement(kr,null,Oo.createElement(bS,{variant:"label",size:"medium",color:"neutral700"},Fs.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),Oo.createElement("br",null),Oo.createElement("br",null),Oo.createElement("b",null,Fs.t("Warning")),":",Fs.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(Qu,"SlippageTooltipContent");function Us(){let{slippage:t,setSlippage:e,customSlippage:o,setCustomSlippage:n}=h();return _e.createElement(zu,null,_e.createElement(Gu,null,_e.createElement(ju,{variant:"title",size:"xmedium"},Vu.t("Slippage tolerance per swap")),_e.createElement(IS,{direction:"horizontal",size:4}),_e.createElement(WS,{container:L(),side:"top",sideOffset:4,content:_e.createElement(Qu,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(Hu,{key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}))}),_e.createElement(ES,{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(ju,{variant:"body",size:"small"},"%"),placeholder:Vu.t("Custom")})))}i(Us,"Slippage");function Xu(){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,g=cn(n,r),m=g.filter(k=>k.type==="BRIDGE"||k.type==="AGGREGATOR"),f=m.length,T=m.filter(k=>k.selected).length,S=g.filter(k=>k.type==="DEX"),d=S.length,y=S.filter(k=>k.selected).length,v=i((k,E)=>{switch(o){case"loading":return Y.createElement(MS,{variant:"text",size:"medium",width:50});case"failed":return Y.createElement(Ht,{variant:"body",size:"medium",color:"$error500"},Gt.t("Loading failed"));default:return Y.createElement(Ht,{variant:"body",size:"medium"},`${k} / ${E}`)}},"handleEndItem"),x={id:"bridge-item",title:Y.createElement(Ht,{variant:"title",size:"xmedium"},Gt.t("Enabled bridges")),end:Y.createElement(Y.Fragment,null,v(T,f),Y.createElement(zs,{direction:"horizontal",size:8}),Y.createElement(Os,{color:"black"})),onClick:()=>t(P.bridges)},C={id:"exchange-item",title:Y.createElement(Ht,{variant:"title",size:"xmedium"},Gt.t("Enabled exchanges")),end:Y.createElement(Y.Fragment,null,v(y,d),Y.createElement(zs,{direction:"horizontal",size:8}),Y.createElement(Os,{color:"gray"})),onClick:()=>t(P.exchanges)},w={id:"theme-item",title:Y.createElement(Ht,{variant:"title",size:"xmedium"},Gt.t("Theme")),end:Y.createElement(Os,{color:"gray"}),onClick:()=>t(P.themes)},I={id:"infinite-approval-item",title:Y.createElement(Y.Fragment,null,Y.createElement(Ht,{variant:"title",size:"xmedium"},Gt.t("Infinite approval")),Y.createElement(zs,{direction:"horizontal",size:4}),Y.createElement($S,{side:"top",sideOffset:4,container:L(),content:Y.createElement(kr,null,Y.createElement(Ht,{variant:"label",size:"medium",color:"neutral700"},Gt.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.")))},Y.createElement(LS,{color:"gray"}))),end:Y.createElement(PS,{checked:c}),onClick:u},b=l?[]:[x,C];return!e?.singleTheme&&!a&&b.push(w),b.push(I),Y.createElement(re,{header:{title:Gt.t("Settings")}},Y.createElement(se,null,Y.createElement(Us,null),Y.createElement(NS,{type:Y.createElement(BS,{title:"_",id:"_",onClick:()=>console.log()}),items:b})))}i(Xu,"SettingsPage");import{i18n as wC}from"@lingui/core";import{cancelSwap as vC}from"@rango-dev/queue-manager-rango-preset";import{useManager as xC}from"@rango-dev/queue-manager-react";import{Alert as bC}from"@rango-dev/ui";import oa from"react";import{useParams as IC}from"react-router-dom";import{i18n as Tt}from"@lingui/core";import{getCurrentBlockchainOfOrNull as rC,getCurrentStep as iC,getRelatedWalletOrNull as sC}from"@rango-dev/queue-manager-rango-preset";import{Button as wm,CopyIcon as aC,Divider as lC,IconButton as pC,LinkIcon as cC,QuoteCost as uC,StepDetails as mC,Typography as uo,useCopyToClipboard as dC}from"@rango-dev/ui";import{useWallets as fC}from"@rango-dev/wallets-react";import vm from"bignumber.js";import{PendingSwapNetworkStatus as Nr}from"rango-types";import Z,{useEffect as xm,useRef as gC,useState as bm}from"react";import{useNavigate as hC}from"react-router-dom";import{i18n as Bt}from"@lingui/core";var DS=[Bt.t("Sunday"),Bt.t("Monday"),Bt.t("Tuesday"),Bt.t("Wednesday"),Bt.t("Thursday"),Bt.t("Friday"),Bt.t("Saturday")];function Ku(t){let e=new Date(t),o=e.getDate(),n=e.toLocaleString("default",{month:"long"}),r=e.getFullYear();return`${e.getDay()===new Date().getDay()?Bt.t("Today"):`${DS[e.getDay()]} ${o} ${n} ${r}`}, ${new Date(t).toLocaleTimeString()}`}i(Ku,"timeSince");function Yu(t){return t.finishTime?Ku(parseInt(t.finishTime)):Ku(parseInt(t.creationTime))}i(Yu,"getSwapDate");import{PendingSwapNetworkStatus as xr}from"rango-types";import br from"react";import{i18n as wr}from"@lingui/core";import{Button as Ju,Divider as qs,MessageBox as FS,Typography as Zu}from"@rango-dev/ui";import lt from"react";var Ru=i(({onCancel:t,onClose:e})=>lt.createElement(lt.Fragment,null,lt.createElement(qs,{size:20}),lt.createElement(FS,{type:"error",title:wr.t("Cancel Swap"),description:wr.t("Are you sure you want to cancel this swap?")}),lt.createElement(qs,{size:32}),lt.createElement(Ju,{variant:"contained",type:"primary",size:"large",onClick:t},lt.createElement(Zu,{variant:"title",size:"medium",color:"neutral100"},wr.t("Yes, Cancel it"))),lt.createElement(qs,{size:12}),lt.createElement(Ju,{variant:"outlined",type:"primary",size:"large",onClick:e},lt.createElement(Zu,{variant:"title",size:"medium",color:"primary"},wr.t("No, Continue")))),"CancelContent");import{i18n as vr}from"@lingui/core";import{Button as em,Divider as Gs,MessageBox as US,Typography as tm}from"@rango-dev/ui";import pt from"react";var om=i(({onDelete:t,onClose:e})=>pt.createElement(pt.Fragment,null,pt.createElement(Gs,{size:20}),pt.createElement(US,{type:"error",title:vr.t("Delete Transaction"),description:vr.t("Are you sure you want to delete this swap?")}),pt.createElement(Gs,{size:32}),pt.createElement(em,{variant:"contained",type:"primary",size:"large",onClick:t},pt.createElement(tm,{variant:"title",size:"medium",color:"neutral100"},vr.t("Yes, Delete it"))),pt.createElement(Gs,{size:12}),pt.createElement(em,{variant:"outlined",type:"primary",size:"large",onClick:e},pt.createElement(tm,{variant:"title",size:"medium",color:"primary"},vr.t("No, Cancel")))),"DeleteContent");import{i18n as Hs}from"@lingui/core";import{PendingSwapNetworkStatus as Qs}from"rango-types";var Vs={[Qs.WaitingForNetworkChange]:{type:"loading",title:Hs.t("Change Network")},[Qs.WaitingForConnectingWallet]:{type:"warning",title:Hs.t("Connect Wallet")},[Qs.NetworkChanged]:{type:"success",title:Hs.t("Network Changed")}};import{MessageBox as zS,Wallet as qS}from"@rango-dev/ui";import{useWallets as GS}from"@rango-dev/wallets-react";import zo from"react";import{styled as OS}from"@rango-dev/ui";var nm=OS("div",{display:"flex",justifyContent:"center"});var rm=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:s,walletButtonDisabled:a}=t,{connect:l,getWalletInfo:p,state:c}=GS(),u=n?.walletType,g=u?Ur(c(u)):null,m=u?p(u):null;return zo.createElement(zo.Fragment,null,zo.createElement(zS,{type:e,title:o,description:r}),s&&!!u&&!!g&&!!m&&zo.createElement(nm,null,zo.createElement(qS,{container:L(),title:m.name,image:m.img,type:u,state:g,link:m.installLink,disabled:a,onClick:async()=>l(u)})))},"WalletStateContent");function js(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(ie,{open:!!e,onClose:o,container:document.getElementById(xe.SWAP_BOX_ID)||document.body},p&&br.createElement(rm,{type:Vs[e].type,title:Vs[e].title,currentStepWallet:s,message:a,walletButtonDisabled:l,showWalletButton:e!==xr.WaitingForNetworkChange}),e==="delete"&&br.createElement(om,{onClose:o,onDelete:n}),e==="cancel"&&br.createElement(Ru,{onClose:o,onCancel:r}))}i(js,"SwapDetailsModal");import{i18n as qo}from"@lingui/core";import{Button as Xs,Divider as Ir,MessageBox as im,TokenAmount as HS,Typography as Ar}from"@rango-dev/ui";import Te from"react";import{useNavigate as QS}from"react-router-dom";function Ks(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,f=QS();return Te.createElement(ie,{open:e,onClose:o,container:document.getElementById(xe.SWAP_BOX_ID)||document.body},n==="success"?Te.createElement(im,{type:"success",title:qo.t("Swap Successful")},Te.createElement(HS,{direction:"vertical",tooltipContainer:L(),type:"output",centerAlign:!0,price:{value:r,usdValue:s,realUsdValue:a,realValue:l},token:p,chain:c,percentageChange:u}),Te.createElement(Ir,{size:12}),Te.createElement(Ar,{variant:"body",size:"medium",color:"neutral700",align:"center"},g)):Te.createElement(im,{type:"error",title:qo.t("Transaction Failed"),description:g}),Te.createElement(Ir,{size:32}),n==="success"&&Te.createElement(Xs,{variant:"contained",type:"primary",size:"large",onClick:()=>{f("../../")}},Te.createElement(Ar,{variant:"title",size:"medium",color:"neutral100"},qo.t("Done"))),Te.createElement(Ir,{size:12}),m&&Te.createElement(Te.Fragment,null,Te.createElement(Xs,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(m,"_blank")},Te.createElement(Ar,{variant:"title",size:"medium",color:"primary"},qo.t("Diagnosis"))),Te.createElement(Ir,{size:12})),Te.createElement(Xs,{variant:"outlined",type:"primary",size:"large",onClick:o},Te.createElement(Ar,{variant:"title",size:"medium",color:"primary"},qo.t("See Details"))))}i(Ks,"SwapDetailsCompleteModal");import oC from"react";import{i18n as ZS}from"@lingui/core";import{Alert as um,IconButton as RS,LinkIcon as eC}from"@rango-dev/ui";import Mt,{Fragment as tC}from"react";import{Alert as VS,ChevronDownIcon as jS,ChevronUpIcon as XS,IconButton as KS}from"@rango-dev/ui";import Er,{useState as YS}from"react";function sm(t){let{message:e}=t,[o,n]=YS(!1);return Er.createElement(VS,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Er.createElement(KS,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Er.createElement(XS,{size:12,color:"gray"}):Er.createElement(jS,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(sm,"FailedAlert");import{styled as JS}from"@rango-dev/ui";var am=JS("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as lm}from"@lingui/core";import{Alert as Ys,Button as pm}from"@rango-dev/ui";import{PendingSwapNetworkStatus as Js}from"rango-types";import Go from"react";function cm(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?Go.createElement(Ys,{type:"warning",title:n.shortMessage,action:Go.createElement(pm,{size:"xxsmall",type:"warning",onClick:()=>{o(Js.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},lm.t("Change"))}):r===Js.WaitingForConnectingWallet?Go.createElement(Ys,{type:"warning",title:n.shortMessage,action:Go.createElement(pm,{size:"xxsmall",type:"warning",onClick:()=>{o(Js.WaitingForConnectingWallet)}},lm.t("Connect"))}):Go.createElement(Ys,{type:"warning",title:n.shortMessage})}i(cm,"WarningAlert");function Zs(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:s,hasAlreadyProceededToSign:a}=t,l=So(s),p=s.status==="waitingForApproval"&&!l,c=s.status==="running"&&!l,u=c&&!a||p&&!s.explorerUrl?.length;return Mt.createElement(am,null,s.explorerUrl?.map((g,m,f)=>{let T=m+g.url,S=m===f.length-1,d=(S&&c||p)&&!u,y=S&&s.status==="failed";return Mt.createElement(tC,{key:T},Mt.createElement(um,{type:S&&(d&&"loading"||y&&"error")||"success",title:g.description?`${g.description} Tx`:ZS.t("View transaction"),action:g.url&&Mt.createElement(RS,{variant:"ghost",size:"xsmall",onClick:()=>window.open(g.url,"_blank")},Mt.createElement(eC,{size:12}))}))}),u&&Mt.createElement(um,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&l&&Mt.createElement(cm,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&Mt.createElement(sm,{message:r}))}i(Zs,"SwapDetailsAlerts");var mm=2e3;var dm=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:A(l,6,6),realValue:l}},to:{token:{displayName:s.toSymbol,image:s.toLogo},chain:{displayName:Ue(s.toBlockchain,e)??"",image:s.toBlockchainLogo??""},price:{value:A(s.outputAmount||s.expectedOutputAmountHumanReadable,6,6),realValue:s.outputAmount||s.expectedOutputAmountHumanReadable}},swapper:{displayName:yo(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:yo(p.swapperId,o),image:p.swapperLogo??"",type:p.swapperType}})):[],alerts:oC.createElement(Zs,{step:s,hasAlreadyProceededToSign:r,...n})}})},"getSteps");function fm(t){if(So(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(fm,"getStepState");import{css as Ho,darkTheme as nC,styled as Qt}from"@rango-dev/ui";var gm=Qt("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),Wr=Qt("div",{width:"100%"}),hm=Qt(To,{padding:"$0 $20 $20 $20"}),HD=Qt("div",{display:"flex",flexDirection:"column",gap:"$10"}),ym=Qt("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),QD=Qt("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1}),co=Ho({display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${nC} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"}),Sm=Ho({padding:"$5 0"}),Lr=Ho({display:"flex",justifyContent:"center",alignItems:"center",height:"$24"}),Cm=Ho({display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"}),Tm=Ho({width:"100%",padding:"0 $20 $10"}),km=Qt("a",{fontSize:"$16",fontWeight:"$400",color:"$neutral700",display:"flex",alignItems:"center",justifyContent:"center"});function Rs(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:s,connect:a,getWalletInfo:l}=fC(),p=h().blockchains(),c=h().swappers(),u=h().tokens(),g=X.use.retry(),m=ee.use.isActiveTab(),f=hC(),[T,S]=dC(mm),d=gC(null),[y,v]=bm(null),[x,C]=bm(null),w=i(()=>{r(),v(null)},"onCancel"),I=Pe.use.getUnreadNotifications(),b=Pe.use.setAsRead(),k=I(),E=iC(e),N=E?.networkStatus;xm(()=>{k.find(kt=>kt.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(C(e.status),b(e.requestId))},[e.status]),xm(()=>{fe?v(Nr.WaitingForNetworkChange):N===Nr.WaitingForConnectingWallet||N===Nr.NetworkChanged?v(N):v(null)},[N]);let z=pl(e),F=E?rC(e,E):null,W=E?sC(e,E):null,J=Yu(e),te=cl(e),R=i(Me=>!!l(Me)?.mobileWallet,"isMobileWallet"),fe=N===Nr.WaitingForNetworkChange&&!!F&&!!W?.walletType&&(R(W.walletType)||s(W.walletType,F)),G=fe?a.bind(null,W.walletType,F):void 0,De=ll(e,E),K=dm({swap:e,switchNetwork:G,showNetworkModal:N,setNetworkModal:v,message:De,blockchains:p,swappers:c}),U=K.length,[ke,ct]=[e.steps[0],e.steps[U-1]],Le=ct.outputAmount||ct.expectedOutputAmountHumanReadable,ut=e.steps.reduce((Me,kt)=>Me+parseFloat(kt.feeInUsd||""),0),_=e.steps.find(Me=>Me.diagnosisUrl)?.diagnosisUrl,V=A(parseFloat(A(Le,6,6))*(ct.toUsdPrice||0),4,4),H=A(parseFloat(e.inputAmount)*(ke.fromUsdPrice||0),4,4),ce=Le?le(new vm(Le).multipliedBy(ct.toUsdPrice||0)):"",mt=le(new vm(e.inputAmount).multipliedBy(ke.fromUsdPrice||0)),Qe=Oe(H,V),Dr=e.status==="success"?Tt.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:A(Le,6,6),token:K[U-1].to.token.displayName,conciseAddress:sn(e.wallets[K[U-1].to.chain.displayName]?.address||""),chain:K[U-1].to.chain.displayName}}):`${Tt.t("Transaction was not sent.")} ${z?Tt.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:z.outputAmount,symbol:z.symbol,blockchain:z.blockchain}}):""}`;return Z.createElement(re,{header:{title:Tt.t("Swap and Bridge"),onCancel:e.status==="running"?()=>v("cancel"):void 0,suffix:e.status!=="running"&&Z.createElement(Rt,null,Z.createElement(wm,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>v("delete")},Z.createElement(uo,{size:"medium",variant:"label",color:"error"},Tt.t("Delete"))))},footer:te&&!x&&Z.createElement(wm,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{g(e,{blockchains:p,tokens:u}),setTimeout(()=>{f("../../")},0)}},Tt.t("Try again"))},Z.createElement(se,{compact:!0,view:!0},Z.createElement(Wr,null,Z.createElement("div",{className:co()},Z.createElement(uo,{variant:"label",size:"large",color:"neutral700"},`${Tt.t("Request ID")}:`),Z.createElement("div",{className:Lr()},Z.createElement(uo,{variant:"label",size:"small",color:"neutral700"},o),Z.createElement(pC,{variant:"ghost",onClick:S.bind(null,o||"")},Z.createElement(aC,{size:16,color:"gray"})),Z.createElement(km,{target:"_blank",href:`${ca}/swap/${o}`},Z.createElement(cC,{size:16})))),Z.createElement("div",{className:co()},Z.createElement(uo,{variant:"label",size:"large",color:"neutral700"},`${Tt.t(e.finishTime?"Finished at":"Created at")}:`),Z.createElement(uo,{variant:"label",size:"small",color:"neutral700"},J))),Z.createElement("div",{className:Cm()},Z.createElement(uC,{fee:A(String(ut),2,2),time:Jo(Zo(e.steps)),steps:U}),Z.createElement(Ao,{from:{price:{value:A(e.inputAmount,6,6),usdValue:H,realUsdValue:mt,realValue:e.inputAmount},token:{displayName:K[0].from.token.displayName,image:K[0].from.token.image},chain:{image:K[0].from.chain.image,displayName:K[0].from.chain.displayName}},to:{price:{value:A(Le,6,6),usdValue:V,realUsdValue:ce,realValue:Le},token:{displayName:K[U-1].to.token.displayName,image:K[U-1].to.token.image},chain:{image:K[U-1].to.chain.image,displayName:K[U-1].to.chain.displayName}},percentageChange:A(Qe,2,2),warningLevel:ft(Qe??0)})),Z.createElement("div",{className:Tm()},Z.createElement(uo,{variant:"title",size:"small"},Tt.t("Swaps steps"))),Z.createElement(lC,{size:8}),Z.createElement(hm,{ref:d},K.map((Me,kt)=>{let la=kt,mo=fm(e.steps[kt]),Vm=mo==="error"||mo==="in-progress"||mo==="warning"||mo==="completed"&&kt===K.length-1;return Z.createElement(mC,{key:la,step:Me,type:"swap-progress",ref:d,state:mo,hasSeparator:kt!==0,tabIndex:la,isFocused:Vm,tooltipContainer:L()})}))),Z.createElement(js,{state:y,onClose:()=>v(null),onCancel:w,onDelete:n,message:De.detailedMessage.content,currentStepWallet:W,walletButtonDisabled:!m}),Z.createElement(Ks,{open:!!x,diagnosisUrl:_,onClose:()=>C(null),status:e.status==="success"?"success":"failed",priceValue:A(Le,6,6),usdValue:V,realUsdValue:ce,realValue:le(Le),percentageChange:A(Qe,2,2),token:{displayName:K[U-1].to.token.displayName,image:K[U-1].to.token.image},chain:{image:K[U-1].to.chain.image},description:Dr}))}i(Rs,"SwapDetails");import{i18n as Mr}from"@lingui/core";import{Divider as Em,NotFound as kC,Skeleton as Vo,Typography as Pr}from"@rango-dev/ui";import ue from"react";import{i18n as yC}from"@lingui/core";import{Divider as SC,Skeleton as CC,Typography as TC}from"@rango-dev/ui";import de from"react";import{css as Re,styled as ea}from"@rango-dev/ui";var Im=ea("div",{width:"100%",height:"100%",padding:"$10 $20"}),Qo=ea("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15"}),Br=ea("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"}),x1=Re({display:"flex",justifyContent:"space-between",alignItems:"center"}),b1=Re({display:"flex",justifyContent:"space-between",alignItems:"center"}),I1=Re({paddingTop:"$15",display:"flex"}),A1=Re({padding:"$15 $0"}),E1=Re({width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"}),W1=Re({paddingBottom:"$10"}),L1=Re({display:"flex",justifyContent:"start",alignItems:"center"}),N1=Re({paddingTop:"$5",display:"flex",alignItems:"center"}),B1=Re({display:"flex",alignItems:"center"}),M1=Re({padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"}),Am=Re({display:"flex",paddingTop:"$10",paddingBottom:"$5"});function ta(){return de.createElement(Im,null,de.createElement(Lo,{type:"swap-preview"}),de.createElement("div",{className:"swaps-steps"},de.createElement(TC,{variant:"title",size:"small"},yC.t("Swaps steps"))),de.createElement(de.Fragment,null,de.createElement(Qo,null,de.createElement(at,{separator:!1}),de.createElement("div",{className:Am()},de.createElement(SC,{direction:"horizontal",size:20}),de.createElement(CC,{height:22,variant:"rectangular"}))),de.createElement(Br,null),de.createElement(Qo,null,de.createElement(at,{separator:!1})),de.createElement(Br,null),de.createElement(Qo,null,de.createElement(at,{separator:!1})),de.createElement(Br,null),de.createElement(Qo,null,de.createElement(at,{separator:!1}))))}i(ta,"LoadingSwapDetails");function Wm(t){let{requestId:e,showSkeleton:o}=t;return ue.createElement(re,{header:{title:Mr.t("Swap and Bridge"),suffix:ue.createElement(Rt,null)}},o&&ue.createElement(gm,null,ue.createElement(Wr,null,ue.createElement("div",{className:co()},ue.createElement(Pr,{variant:"label",size:"large",color:"neutral700"},`${Mr.t("Request ID")}:`),ue.createElement("div",{className:Lr()},ue.createElement(Pr,{variant:"label",size:"small",color:"neutral700"},ue.createElement(Vo,{width:60,height:10,variant:"rounded"})),ue.createElement(Em,{direction:"horizontal",size:4}),ue.createElement(Vo,{width:16,height:16,variant:"rectangular"}),ue.createElement(Em,{direction:"horizontal",size:4}),ue.createElement(Vo,{width:16,height:16,variant:"rectangular"}))),ue.createElement("div",{className:co()},ue.createElement(Pr,{className:Sm(),variant:"label",size:"large",color:"neutral700"},ue.createElement(Vo,{width:60,height:10,variant:"rounded"})),ue.createElement(Pr,{variant:"label",size:"small",color:"neutral700"},ue.createElement(Vo,{width:60,height:10,variant:"rounded"})))),ue.createElement(ta,null)),!o&&ue.createElement(ym,null,ue.createElement(kC,{title:Mr.t("Not found"),description:Mr.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}i(Wm,"SwapDetailsPlaceholder");function Lm(){let{manager:t,state:e}=xC(),o=!e.loadedFromPersistor,n=At(t),{requestId:r}=IC(),s=It(),{fetchStatus:a}=h();if(!r)return oa.createElement(bC,{containerStyles:{margin:"20px"},type:"error",title:wC.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&&vC(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?oa.createElement(Wm,{requestId:r,showSkeleton:l}):oa.createElement(Rs,{swap:g,requestId:r,onCancel:c,onDelete:u})}i(Lm,"SwapDetailsPage");import{i18n as jo}from"@lingui/core";import{AutoThemeIcon as AC,DarkModeIcon as EC,LightModeIcon as WC,List as LC,ListItemButton as NC,Radio as na,RadioRoot as BC,Typography as ra}from"@rango-dev/ui";import Ne from"react";function Nm(){let{setTheme:t,theme:e}=h(),o=[{id:"light",value:"light",title:Ne.createElement(ra,{variant:"title",size:"xmedium"},jo.t("Light")),onClick:()=>t("light"),start:Ne.createElement(WC,{color:"gray"}),end:Ne.createElement(na,{value:"light"})},{id:"dark",value:"dark",title:Ne.createElement(ra,{variant:"title",size:"xmedium"},jo.t("Dark")),onClick:()=>t("dark"),start:Ne.createElement(EC,{color:"gray"}),end:Ne.createElement(na,{value:"dark"})},{id:"auto",value:"auto",title:Ne.createElement(ra,{variant:"title",size:"xmedium"},jo.t("Auto")),onClick:()=>t("auto"),start:Ne.createElement(AC,{color:"gray"}),end:Ne.createElement(na,{value:"auto"})}];return Ne.createElement(re,{header:{title:jo.t("Theme")}},Ne.createElement(se,null,Ne.createElement(BC,{onValueChange:n=>t(n),value:e},Ne.createElement(LC,{type:Ne.createElement(NC,{title:jo.t("Theme"),id:"_",onClick:()=>console.log()}),items:o}))))}i(Nm,"ThemePage");function Bm(){return Sl(),li(),MC([{path:P.home,element:Be.createElement(su,null)},{path:P.fromSwap,children:[{index:!0,element:Be.createElement(Ds,{type:"source"})},{path:P.blockchains,element:Be.createElement(Ts,{type:"source"})}]},{path:P.toSwap,children:[{index:!0,element:Be.createElement(Ds,{type:"destination"})},{path:P.blockchains,element:Be.createElement(Ts,{type:"destination"})}]},{path:P.settings,children:[{index:!0,element:Be.createElement(Xu,null)},{path:P.themes,element:Be.createElement(Nm,null)},{path:P.languages,element:Be.createElement(lu,null)},{path:P.exchanges,element:Be.createElement(hs,{sourceType:"Exchanges"})},{path:P.bridges,element:Be.createElement(hs,{sourceType:"Bridges"})}]},{path:P.swaps,children:[{index:!0,element:Be.createElement(Rc,null)},{path:P.swapDetails,element:Be.createElement(Lm,null)}]},{path:P.wallets,element:Be.createElement(hp,null)},{path:P.confirmSwap,element:Be.createElement(zc,null)}])}i(Bm,"AppRoutes");import{isApprovalTX as PC,MainEvents as Mm,RouteEventType as Pm,StepEventType as $m,StepExecutionEventStatus as $C,useEvents as _C}from"@rango-dev/queue-manager-rango-preset";import{useEffect as _m}from"react";function Dm(){let t=h().tokens(),e=Q.use.connectedWallets(),o=Q.use.getWalletsDetails(),n=Pe.use.setNotification(),r=_C();return _m(()=>(r.on(Mm.StepEvent,s=>{let{event:a,step:l,route:p}=s;if(a.type===$m.TX_EXECUTION&&a.status===$C.TX_SENT&&!PC(l)||a.type===$m.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]),_m(()=>(r.on(Mm.RouteEvent,s=>{let{event:a,route:l}=s;(a.type===Pm.FAILED||a.type===Pm.SUCCEEDED)&&n(a,l)}),()=>r.all.clear()),[r,e.length]),null}i(Dm,"WidgetEvents");import{globalCss as DC}from"@rango-dev/ui";var Fm=i(()=>DC({"@import":["url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap')","url('https://fonts.cdnfonts.com/css/times-new-roman')"]})(),"globalFont");function Um(){let{setWatermark:t}=ee();return{fetchApiConfig:i(async()=>{let o=await fetch(`${dt("BASE_URL")}/meta/dapp/config?apiKey=${dt("API_KEY")}`);if(!o.ok)throw new Error(`Request failed with status: ${o.status} `);let n=await o.json();t(n.config.watermark)},"fetchApiConfig")}}i(Um,"useFetchApiConfig");import{styled as FC}from"@rango-dev/ui";var Om=FC("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(){Fm();let{config:t}=h(),{activeTheme:e}=$n(t?.theme||{}),{activeLanguage:o}=ao(),[n,r]=zm(""),[s,a]=zm(),l=OC(dn),{fetchApiConfig:p}=Um();return zC(()=>{Pe.persist.rehydrate(),l.onConnectWallet(r),p().catch(console.log)},[]),Xo.createElement(UC,{language:o},Xo.createElement(Om,{id:"swap-container",className:e()},Xo.createElement(Dm,null),Xo.createElement(Xa,{lastConnectedWallet:n,disconnectedWallet:s,clearDisconnectedWallet:()=>{a(void 0)}},Xo.createElement(Bm,null))))}i($r,"Main");import sa,{useMemo as iT}from"react";import{checkWaitingForNetworkChange as qC,makeQueueDefinition as GC}from"@rango-dev/queue-manager-rango-preset";import{Provider as HC}from"@rango-dev/queue-manager-react";import{useWallets as QC}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as VC}from"@rango-dev/wallets-shared";import{isEvmBlockchain as jC}from"rango-types";import XC,{useMemo as KC}from"react";function YC(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=QC(),l=KC(()=>GC({API_KEY:t.apiKey||dt("API_KEY"),BASE_URL:dt("BASE_URL")}),[t.apiKey]),p=h().blockchains(),u={blockchains:Q.use.connectedWallets().map(x=>({accounts:[x],name:x.chain}))},g=i(async(x,C)=>{if(s(x,C))return r(x,C)},"switchNetwork"),m=i(x=>!!a(x).mobileWallet,"isMobileWallet"),f=p.filter(x=>x.enabled).reduce((x,C)=>(x[C.name]=C,x),{}),T=p.filter(jC),S=i(x=>{let{supportedChains:C}=a(x);return tn(C)},"getSupportedChainNames"),d=e(),y={meta:{blockchains:f,evmBasedChains:T,evmNetworkChainInfo:VC(T),getSupportedChainNames:S},getSigners:o,wallets:u,providers:d,switchNetwork:g,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:m},v=ee.use.isActiveTab();return XC.createElement(HC,{queuesDefs:[l],context:y,onPersistedDataLoaded:x=>{qC(x)},isPaused:!v},t.children)}i(YC,"QueueManager");var qm=YC;import{useManager as tT}from"@rango-dev/queue-manager-react";import oT,{createContext as nT,useContext as rT}from"react";import{cancelSwap as JC,getCurrentBlockchainOfOrNull as ZC,getCurrentStep as RC,getRelatedWalletOrNull as eT}from"@rango-dev/queue-manager-rango-preset";var Ko=class{constructor(e,o){this.manager=e,this.actions=o}getAllSwaps(){return At(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&&JC(o)}getCurrentStepInfo(e){let o=RC(e);return{step:o,wallet:o?eT(e,o):null,network:o?ZC(e,o):null}}};i(Ko,"WidgetHistory");var Gm=nT(void 0);function ia(t){let{manager:e}=tT(),o=ee.use.isActiveTab(),n=X.use.retry(),r=new Ko(e,{retrySwap:n}),s=Q.use.connectedWallets(),a=Q.use.loading(),l=Ta(s),p=Q.use.getWalletsDetails(),c=h().blockchains(),u=h().tokens(),g=h().swappers(),m=h().fetchStatus,f=ao().resetLanguage,T=Pe().getUnreadNotifications(),S={isActiveTab:o,setCurrentTabAsActive:$t.forceClaim,history:r,wallets:{isLoading:a,details:s,totalBalance:l,refetch:p},meta:{blockchains:c,tokens:u,swappers:g,loadingStatus:m},resetLanguage:f,notifications:{list:T}};return oT.createElement(Gm.Provider,{value:S},t.children)}i(ia,"WidgetInfo");function Hm(){let t=rT(Gm);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}i(Hm,"useWidget");function _r(t){let{onUpdateState:e,config:o}=t;return iT(()=>{ba({API_KEY:o?.apiKey||Yo,BASE_URL:o?.apiUrl||pa})},[o.apiKey,o.apiUrl]),sa.createElement(fn,{config:o,onUpdateState:e},sa.createElement(qm,{apiKey:o.apiKey},sa.createElement(ia,null,t.children)))}i(_r,"WidgetProvider");function Qm(t){return sT(()=>($t.init(),$t.destroy),[]),t.config?.externalWallets?aa.createElement($r,null):aa.createElement(_r,{config:t.config??Hr},aa.createElement($r,null))}i(Qm,"Widget");export{dO as EventSeverity,fO as MainEvents,xO as Networks,AO as PendingSwapNetworkStatus,gO as RouteEventType,hO as StepEventType,yO as StepExecutionBlockedEventStatus,SO as StepExecutionEventStatus,xe as UI_ID,wO as WalletEvents,bO as WalletTypes,Qm as Widget,_r as WidgetProvider,fn as WidgetWallets,gi as customizedThemeTokens,kO as readAccountAddress,vp as useWallets,Hm as useWidget,CO as useWidgetEvents};
+var Xm=Object.defineProperty;var i=(t,e)=>Xm(t,"name",{value:e,configurable:!0});import{EventSeverity as wO,MainEvents as vO,RouteEventType as xO,StepEventType as bO,StepExecutionBlockedEventStatus as IO,StepExecutionEventStatus as AO,useEvents as EO}from"@rango-dev/queue-manager-rango-preset";import{readAccountAddress as LO,useWallets as xp,Events as NO}from"@rango-dev/wallets-react";import{Networks as MO,WalletTypes as PO}from"@rango-dev/wallets-shared";import{PendingSwapNetworkStatus as _O}from"rango-types";import{UI_ID as Km}from"@rango-dev/ui";var Yo="c6381a79-2817-4602-83bf-6a641a409e32",pa="https://api.rango.exchange",ca="https://scan.rango.exchange",be={SWAP_BOX_ID:"rango-swap-box",...Km};import{Events as jr,Provider as Ed}from"@rango-dev/wallets-react";import{isEvmBlockchain as Wd}from"rango-sdk";import mn,{createContext as Ld,useEffect as Xr,useRef as Nd,useState as Bd}from"react";import{useEffect as md}from"react";import{create as pd}from"zustand";import{subscribeWithSelector as cd}from"zustand/middleware";import{RangoClient as ad}from"rango-sdk";import{WalletState as ot}from"@rango-dev/ui";import{readAccountAddress as Zm}from"@rango-dev/wallets-react";import{detectInstallLink as Rm,getCosmosExperimentalChainInfo as ed,isEvmAddress as td,KEPLR_COMPATIBLE_WALLETS as LT,Networks as fa}from"@rango-dev/wallets-shared";import Fr from"bignumber.js";import{isCosmosBlockchain as od}from"rango-types";import Ym from"bignumber.js";var Ie=new Ym(0);import{WalletTypes as Jm}from"@rango-dev/wallets-shared";var ua=[Jm.LEAP];import{BigNumber as da}from"bignumber.js";var Jo=i(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),A=i((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new da(t),r=1,s=1e3;for(let a=0;a<60;a++)if(new da(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 Zo=i(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var tt=i((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),fo=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function le(t){return A(t,12,12).replace(/(?:\.0*|(\.\d+?)0*)$/,"$1")}i(le,"formatTooltipNumbers");function Ur(t){switch(!0){case t.connected:return ot.CONNECTED;case t.connecting:return ot.CONNECTING;case!t.installed:return ot.NOT_INSTALLED;default:return ot.DISCONNECTED}}i(Ur,"mapStatusToWalletState");function ga(t,e,o,n){return o.filter(r=>!ua.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:Rm(l),state:p,type:r}})}i(ga,"mapWalletTypesToWalletInfo");function tn(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(tn,"walletAndSupportedChainsNames");function ha(t,e,o,n,r){let s=[];function a(p,c){if(!!!s.find(h=>h.chain===p)){let h={address:c,chain:p,walletType:t};s.push(h)}}i(a,"addAccount");let l=n||[];return e.forEach(p=>{let{address:c,network:u}=Zm(p),h=l.length>0,m=l.includes(u),f=u===fa.Unknown;if(h&&!m&&!f)return;let S=u===fa.Unknown&&td(c);if(f&&!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(ha,"prepareAccountsForWalletStore");function ya(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(ya,"getRequiredChains");function on(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(on,"isAccountAndWalletMatched");function Sa(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:rd(o,r.asset.symbol,r.asset.address,e)||null}))||[]}i(Sa,"makeBalanceFor");function Ca(t){return{...t,loading:!1,error:!0}}i(Ca,"resetConnectedWalletState");var Ta=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=A(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 nd(r)},"calculateWalletUsdValue");function nd(t){let e=t.toString().split(".");return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),e.join(".")}i(nd,"numberWithThousandSeparator");var rd=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice"),nn=i((t,e)=>{let o=ed(Object.entries(t).map(([,n])=>n).filter(od));return o&&o[e]?.experimental},"isExperimentalChain");function rn(t){return t?{...t,amount:A(t.amount,8,8),usdValue:A(t.usdValue,4,4)}:null}i(rn,"formatBalance");function id(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(id,"sortTokensByBalance");function sd(t,e,o){let n=o(t),r=o(e);return n===r?0:n?-1:1}i(sd,"sortTokensByPinnedToken");function ka(t,e,o){return t.sort((n,r)=>{let s=e(n),a=e(r),l=sd(n,r,o);return l!==0?l:id(s,a)}),t}i(ka,"sortTokens");function Ae(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(Ae,"areTokensEqual");function wa(t){return t.sort((e,o)=>+(o.state===ot.CONNECTED)-+(e.state===ot.CONNECTED)||+(o.state===ot.DISCONNECTED||o.state===ot.CONNECTING)-+(e.state===ot.DISCONNECTED||e.state===ot.CONNECTING))}i(wa,"sortWalletsBasedOnConnectionState");function sn(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(sn,"getConciseAddress");function va({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(va,"getAddress");function Or(t){return`${t.blockchain}-${t.symbol}-${t.address??""}`}i(Or,"createTokenHash");function an(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(an,"makeTokensBalance");var xa=i((t,e)=>!!t.find(o=>o.chain===e&&o.loading),"isFetchingBalance");var qr={API_KEY:Yo};function dt(t){return qr[t]||""}i(dt,"getConfig");function ba(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),qr=e,qr}i(ba,"initConfig");var Ia=20,Aa=25,Ea="Roboto",zr="theme-widget",go=i((t,e)=>{let o=!1;if(e&&t){if(Array.isArray(e))o=!e.some(n=>Ae(n,t));else if(!Array.isArray(e)&&e[t.blockchain]){o=e[t.blockchain].tokens.some(r=>Ae(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 ln,Vt=i(()=>ln||(ln=new ad(dt("API_KEY"),dt("BASE_URL")),ln),"httpService");var ld=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"),wt=ld;var V=wt(pd()(cd((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:an(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=>on(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:c,chain:u})=>({address:c,blockchain:u})),p=(await Vt().getWalletsDetails(a)).wallets;if(p)t(c=>{let u=c.connectedWallets.map(m=>{let f=o.find(S=>on(S,m)),C=p.find(S=>S.address===m.address&&S.blockChain===m.chain);return C?.failed&&f&&r&&s([f],n,!1),f&&C?{...m,explorerUrl:C.explorerUrl,balances:Sa(C,n),loading:!1}:m});return{loading:!1,balances:an(u),connectedWallets:u}});else throw new Error("Wallet not found")}catch{t(l=>{let p=l.connectedWallets.map(u=>o.find(h=>on(h,u))?Ca(u):u);return{loading:!1,balances:an(p),connectedWallets:p}})}},getBalanceFor:o=>{let{balances:n}=e(),r=Or(o);return n[r]??null}}))));import{allProviders as ud}from"@rango-dev/provider-all";function pn(t,e){let o=ud({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(pn,"matchAndGenerateProviders");function Wa(t,e){return pn(t,e).map(r=>r.config.type)}i(Wa,"configWalletsToWalletName");function La(t,e){let o=V.use.clearConnectedWallet(),n=pn(void 0,e);return md(()=>{o(),n=pn(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}i(La,"useWalletProviders");import kd,{createContext as wd,useContext as vd,useEffect as xd,useRef as bd}from"react";import{create as Cd}from"zustand";import{persist as Td}from"zustand/middleware";var Hr={apiKey:"",title:void 0,multiWallets:!0,enableNewLiquiditySources:!0,customDestination:!0},dd={clientUrl:void 0},fd={liquiditySources:void 0},Na=i((t,e,o)=>({config:{...Hr,...t},iframe:dd,campaignMode:fd,getLiquiditySources:()=>{let{config:n,campaignMode:r}=o();return r.liquiditySources?.length?r.liquiditySources:n.liquiditySources??[]},getDisabledLiquiditySources:()=>{let{disabledLiquiditySources:n,campaignMode:r}=o();return r.liquiditySources?.length?[]:n},excludeLiquiditySources:()=>{let{config:n,campaignMode:r}=o();return r.liquiditySources?.length?!1:!!n.enableNewLiquiditySources},isInCampaignMode:()=>{let{campaignMode:n}=o();return!!n.liquiditySources?.length},updateConfig:n=>{let r=o().config;e({config:{...r,...n}})},updateCampaignMode:(n,r)=>{let s=o().campaignMode;e({campaignMode:{...s,[n]:r}})},updateIframe:(n,r)=>{let s=o().iframe;e({iframe:{...s,[n]:r}})}}),"createConfigSlice");function jt(t){return Array.from(new Set(t))}i(jt,"removeDuplicateFrom");function Qr(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(Qr,"areEqual");function Ba(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i(Ba,"debounce");function $t(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i($t,"containsText");var N=i(()=>document.getElementById(be.SWAP_BOX_ID),"getContainer");function cn(t,e){let o=t.map(s=>s.swapperGroup),n=[];return jt(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(cn,"getUniqueSwappersGroups");function Ma(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}i(Ma,"sortLiquiditySourcesByGroupTitle");function Ue(t,e){return e?.[t]==="hidden"}i(Ue,"isFeatureHidden");function un(t,e){return e?.[t]==="enabled"}i(un,"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&&go(p,s)||o.blockchain&&p.blockchain!==o.blockchain||!a.some(c=>c.name===p.blockchain)?!1:o.searchFor?!!($t(p.symbol,o.searchFor)||$t(p.address||"",o.searchFor)||$t(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=>Ae(a,o)),swappers:()=>{let{config:o,campaignMode:n}=e(),r=n.liquiditySources?.length?n.liquiditySources:null,s=r??o.liquiditySources,a=r?!1:o.enableNewLiquiditySources;return e()._swappers.filter(c=>{let u=s?.includes(c.swapperGroup);return a||!s||s.length===0?!u:u}).sort(Ma)},fetch:async()=>{try{let o=await Vt().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 gd,French as hd,Japanese as yd,Spanish as Sd}from"@rango-dev/ui";var $a=[{title:"English",label:"English",local:"en",SVGFlag:gd},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:Sd},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:hd},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:yd}],ho="en";var _a=[.5,1,3],Da=1,Fa=5,Ua=100,Oa=0;var qa=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=jt(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=Ue("theme",n),s=Ue("language",n),a=Ue("liquiditySource",n);t({...r&&{theme:"auto"},...s&&{language:ho},...a&&{disabledLiquiditySources:[]}})}}),"createSettingsSlice");function za(t){return Cd()(Td((...e)=>({...Pa(...e),...qa(...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 Ga=wd(null);function d(){let t=vd(Ga);if(xd(()=>{t&&!t.persist.hasHydrated()&&t.persist.rehydrate()},[]),!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}i(d,"useAppStore");function Ha(t){let e=bd();return e.current||(e.current=za(t.config)),kd.createElement(Ga.Provider,{value:e.current},t.children)}i(Ha,"AppStoreProvider");import{create as Ad}from"zustand";var Qa="rango-widget";var Xt=class{constructor(e){this.state="not-initiated";this.events={};this.init=()=>{this.initEvents(),this.tryClaim()};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(Qa),this.tabId=Math.trunc(Math.random()*1e5),this.events=e}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(Xt,"TabManager");var ee=wt(Ad()((t,e)=>({isActiveTab:!1,tabManagerInitiated:!1,showActivateTabModal:!1,watermark:"NONE",fetchingApiConfig:!1,activateCurrentTab:(o,n)=>{let{showActivateTabModal:r}=e();!r&&n?t({showActivateTabModal:!0}):(r||!n)&&o()},setShowActivateTabModal:o=>{t({showActivateTabModal:o})},setWatermark:o=>{t({watermark:o})}}))),_t=new Xt({onInit:()=>ee.setState({tabManagerInitiated:!0}),onClaim:()=>ee.setState({isActiveTab:!0,showActivateTabModal:!1}),onRelease:()=>ee.setState({isActiveTab:!1})});var dn=Ld({onConnectWallet:()=>{}});function Md(t){let{updateConfig:e,updateSettings:o,fetch:n}=d(),r=d().blockchains(),s=d().tokens(),a={walletConnectProjectId:t.config?.walletConnectProjectId},[l,p]=Bd([]),{providers:c}=La(t.config.wallets,a),{connectWallet:u,disconnectWallet:h}=V(),m=Nd();Xr(()=>{n().catch(console.log)},[]),Xr(()=>{t.config&&(e(t.config),o(t.config))},[t.config]);let f=r.filter(Wd).map(y=>y.name),C=i((y,g,x,b,T)=>{if(g===jr.ACCOUNTS)if(x){let v=tn(T.supportedBlockchains),I=ha(y,x,f,v,T.isContractWallet);p(I)}else h(y);if(g===jr.ACCOUNTS&&b.connected){let v=`${y}-${b.network}-${x}`;b.connected&&(m.current?m.current(v):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(g===jr.NETWORK&&b.network){let v=`${y}-${b.network}`;m.current?m.current(v):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(y,g,x,b,T)},"onUpdateState"),S=ee.use.isActiveTab();return Xr(()=>{l.length&&u(l,s)},[l,s]),mn.createElement(dn.Provider,{value:{onConnectWallet:y=>{m.current=y}}},mn.createElement(Ed,{allBlockChains:r,providers:c,onUpdateState:C,autoConnect:!!S},t.children))}i(Md,"Main");function fn(t){let{config:e,...o}=t;return mn.createElement(Ha,{config:e},mn.createElement(Md,{...o,config:e}))}i(fn,"WidgetWallets");import aa,{useEffect as fT}from"react";import{I18nManager as jC}from"@rango-dev/ui";import Xo,{useContext as XC,useEffect as KC,useState as zm}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 qd}from"react";import{MemoryRouter as zd,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 Xa(){let{connect:t,state:e}=Pd(),o=_d({}),{fetchStatus:n}=d(),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(Xa,"useForceAutoConnect");function Ka({children:t,...e}){let n=Gd()?qd:zd,r=d().blockchains(),{canSwitchNetworkTo:s}=Fd();Xa();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(Ka,"AppRouter");import Pe from"react";import{useRoutes as qC}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 Yt,useRef as vn}from"react";import bt 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 mv from"bignumber.js";var vt=(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))(vt||{});function Ya(t,e){return e.find(o=>o.name===t)?.displayName}i(Ya,"getBlockchainDisplayNameFor");function Oe(t,e){return e.find(o=>o.name===t)?.shortName}i(Oe,"getBlockchainShortNameFor");function yo(t,e){return e.find(o=>o.id===t)?.swapperGroup}i(yo,"getSwapperDisplayName");function Kr(t,e){return e.find(o=>Ae(o,t))??null}i(Kr,"findToken");function Yr(t,e){return e.find(o=>o.name===t)??null}i(Yr,"findBlockchain");import{i18n as je}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 ve}from"@lingui/core";var j=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 Ja(t){switch(t.type){case 0:return t.diagnosisMessage??j().noResultError.title;case 1:return j().genericServerError;default:return""}}i(Ja,"getQuoteErrorMessage");import{i18n as yn}from"@lingui/core";var Dt=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=je.t({id:"Required: >= {min} {symbol}",values:{min:A(o,6,6),symbol:e.from.symbol}}),a=j().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(s=je.t({id:"Required: > {min} {symbol}",values:{min:A(o,6,6),symbol:e.from.symbol}}),a=j().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(s=je.t({id:"Required: <= {max} {symbol}",values:{max:A(n,6,6),symbol:e.from.symbol}}),a=j().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(s=je.t({id:"Required: < {max} {symbol}",values:{max:A(n,6,6),symbol:e.from.symbol}}),a=j().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:Dt().connectWallet,action:"connect-wallet",disabled:!0}:o?n||!s||!s.result||l||!r||r==="0"?{title:Dt().swap,action:"confirm-swap",disabled:!0}:a?{title:Dt().swapAnyway,action:"confirm-warning",disabled:!1}:p?{title:Dt().ethWarning,action:"confirm-warning",disabled:!1}:{title:Dt().swap,action:"confirm-swap",disabled:!1}:{title:Dt().connectWallet,action:"connect-wallet",disabled:!1}}i(Ra,"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 Hd(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(Hd,"requiredWallets");var Qd=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=Qd(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 Cn(t,e){return t.reduce((o,n)=>o.plus(Vd(n,e)),Ie)}i(Cn,"getTotalFeeInUsd");function ei(t){let e=Ie;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)),Ie)}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:h,affiliateWallets:m,initialQuote:f,destination:C}=t,S=s?.reduce((T,v)=>(T[v.chain]=v.address,T),{}),y=[];r?.forEach(T=>{let v=y.find(I=>I.blockchain===T.chain);v?v.addresses.push(T.address):y.push({blockchain:T.chain,addresses:[T.address]})});let g=!!f,x=jt((f?.result?.swaps||[]).reduce((T,v)=>(T.push(v.from.blockchain,v.to.blockchain),v.internalSwaps&&Array.isArray(v.internalSwaps)&&v.internalSwaps.map(I=>{T.push(I.from.blockchain,I.to.blockchain)}),T),[]));return{amount:n.toString(),affiliateRef:u??void 0,affiliatePercent:h??void 0,affiliateWallets:m??void 0,checkPrerequisites:g,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:y,selectedWallets:S??{},slippage:c.toString(),...C&&{destination:C},...p&&{swapperGroups:a.concat(l??[]),swappersGroupsExclude:!0},...!p&&{swapperGroups:l?.filter(T=>!a.includes(T)),swappersGroupsExclude:!1},...g&&{blockchains:x}}}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 Kt(t){return t.result?.outputAmount||null}i(Kt,"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=Kt(t),n=Kt(e);if(!o||!n)return!1;let r=qe(o,n);return r?r<=-1:!0}i(sl,"isOutputAmountChangedALot");function al(t,e,o){let n=t.validationStatus,r=ya(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=A(new Ee(a.currentAmount.amount).shiftedBy(-a.currentAmount.decimals),8,8),c=A(new Ee(a.requiredAmount.amount).shiftedBy(-a.requiredAmount.decimals),8,8),u="";return a.reason==="FEE"&&(u=je.t(" for network fee")),a.reason==="INPUT_ASSET"&&(u=je.t(" for swap")),a.reason==="FEE_AND_INPUT_ASSET"&&(u=je.t(" for input and network fee")),je.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:Oe(a.asset.blockchain,o)}})})}i(al,"generateBalanceWarnings");function ll(t,e){return(t?new Ee(t):Ie).multipliedBy(e||0)}i(ll,"calcOutputUsdValue");function So(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==Sn.NetworkChanged}i(So,"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,"")),So(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case Sn.WaitingForConnectingWallet:n=n||je.t("Waiting for connecting wallet");break;case Sn.WaitingForQueue:n=n||je.t("Waiting for other running tasks to be finished");break;case Sn.WaitingForNetworkChange:n=n||je.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&&!Hd(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 ft(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(ft,"getPriceImpactLevel");function yl(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),h=s?s.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:c,toBlockchain:p,toToken:u,inputAmount:h}}i(yl,"createRetryQuote");function wn(t,e){let{fromToken:o,toToken:n,tokens:r,userSlippage:s}=e,a=Ft(o,t.requestAmount),l=Ft(n,t.result?.outputAmount??"");if(t.result&&a&&l){let u=qe(a.toString(),l.toString());if(!!u&&Za(a,u)){let m=Cn(t.result.swaps,r),f=ft(u);return{type:0,inputUsdValue:a,outputUsdValue:l,priceImpact:u,totalFee:m,warningLevel:f}}}else if(t.result&&(!a||!l))return{type:1};let p=Tn(t),c=s>Fa;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 qe(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(qe,"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 Ft=i((t,e)=>t?.usdPrice?new bt(e||Ie).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),X=wt(Kd()(Yd(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new bt(0),outputUsdValue:new bt(0),toBlockchain:null,toToken:null,quote:null,quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:"",quoteWarningsConfirmed:!1,setQuote:e=>t(o=>{let n=null,r=Ie;return fo(o.inputAmount)?(e&&(n=e.result?.outputAmount?new bt(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 bt(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:Ft(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 bt(0),outputUsdValue:new bt(0),quote:null},...!!o.fromToken&&{inputUsdValue:Ft(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:Ft(a??null,c),outputUsdValue:new bt(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:Ft(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}=X(),c=d().config,u=d().fetchStatus,h=d().blockchains(),m=d().tokens(),{setAffiliateRef:f,setAffiliatePercent:C,setAffiliateWallets:S}=d(),y=c?.from?.tokens,g=c?.from?.blockchains,x=c?.to?.tokens,b=c?.to?.blockchains,T=vn(void 0),v=vn(void 0),I=vn(void 0),w=vn(void 0);Yt(()=>{t(c?.amount?.toString()||"")},[c?.amount]),Yt(()=>{if(u==="success"){let k=h.find(W=>W.name===c?.from?.blockchain),L=m.find(W=>Ae(W,c?.from?.token||null));(k||!k&&I.current)&&n(k??null),L?r({token:L,meta:{blockchains:h,tokens:m}}):!L&&T.current&&r({token:null}),I.current=c?.from?.blockchain,T.current=c?.from?.token}},[c?.from?.token?.symbol,c?.from?.token?.address,c?.from?.token?.blockchain,c?.from?.blockchain,u]),Yt(()=>{go(s,y)&&r({token:null}),Gr(l,g)&&n(null)},[y,g]),Yt(()=>{go(a,x)&&r({token:null}),Gr(p,b)&&o(null)},[x,b]),Yt(()=>{if(u==="success"){let k=h.find(W=>W.name===c?.to?.blockchain),L=m.find(W=>Ae(W,c?.to?.token||null));(k||!k&&w.current)&&o(k??null),L?e({token:L,meta:{blockchains:h,tokens:m}}):!L&&v.current&&e({token:null}),w.current=c?.to?.blockchain,v.current=c?.to?.token}},[c?.to?.token?.symbol,c?.to?.token?.address,c?.to?.token?.blockchain,c?.to?.blockchain,u]),Yt(()=>{f(c?.affiliate?.ref??null),C(c?.affiliate?.percent??null),S(c?.affiliate?.wallets??null)},[c?.affiliate?.ref,c?.affiliate?.percent,c?.affiliate?.wallets])}i(Cl,"useSyncStoresWithConfig");import{useEffect as ai,useRef as Jd}from"react";import{useInRouterContext as Zd,useLocation as Rd,useSearchParams as ef}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 li(){let t=Rd(),[e,o]=ef(),{fromBlockchain:n,toBlockchain:r,fromToken:s,toToken:a,inputAmount:l,setFromBlockchain:p,setToBlockchain:c,setFromToken:u,setToToken:h,setInputAmount:m}=X(),f=d().fetchStatus,C=d().blockchains(),S=d().tokens(),y=Zd(),{updateIframe:g,updateCampaignMode:x}=d(),b=d().isInCampaignMode(),T=Jd(),v=i(()=>{let w=e.get("fromAmount"),k=e.get("fromBlockchain"),L=e.get("fromToken"),W=e.get("toBlockchain"),$=e.get("toToken"),F=e.get("autoConnect"),E=e.get("clientUrl"),P=e.get("liquiditySources");return{fromAmount:w,fromBlockchain:k,fromToken:L,toBlockchain:W,toToken:$,autoConnect:F,clientUrl:E,liquiditySources:P}},"getUrlSearchParams"),I=i(w=>{for(let k in w)w[k]||delete w[k];o(w,{replace:!0})},"updateUrlSearchParams");ai(()=>{let{autoConnect:w,clientUrl:k}=v();y&&f==="success"&&I({["fromBlockchain"]:n?.name,["fromToken"]:si(s),["toBlockchain"]:r?.name,["toToken"]:si(a),["fromAmount"]:l,["autoConnect"]:w??void 0,["clientUrl"]:k??void 0,["liquiditySources"]:b?T.current:void 0})},[t.pathname,l,n,s,r,a,b]),ai(()=>{if(!y)return;let w=v();if(!T.current&&w.liquiditySources&&(T.current=w.liquiditySources),w.fromAmount&&m(w.fromAmount),f==="success"){let k=C.find(F=>F.name===w.fromBlockchain),L=ii(S,w.fromToken,k??null),W=C.find(F=>F.name===w.toBlockchain),$=ii(S,w.toToken,W??null);k&&(p(k),L&&u({token:L,meta:{blockchains:C,tokens:S}})),W&&(c(W),$&&h({token:$,meta:{blockchains:C,tokens:S}}))}},[f]),ai(()=>{let{clientUrl:w,liquiditySources:k}=v();g("clientUrl",w||void 0),x("liquiditySources",k?.split(",")??void 0)},[])}i(li,"useSyncUrlAndStore");import{i18n as pr}from"@lingui/core";import{useManager as Dh}from"@rango-dev/queue-manager-react";import{Alert as Oc,Button as Fh,css as rs,Divider as ns,IconButton as qc,SettingsIcon as Uh,styled as Oh,Tooltip as qh,Typography as zh,WalletIcon as Gh}from"@rango-dev/ui";import pe,{useEffect as Mo,useLayoutEffect as Hh,useRef as Qh,useState as cr}from"react";import{flushSync as Vh}from"react-dom";import{useLocation as jh,useNavigate as Xh}from"react-router-dom";import{i18n as nt}from"@lingui/core";import{Alert as $i,BalanceErrors as Lg,Button as bp,ChevronDownIcon as Ng,ChevronLeftIcon as Bg,Divider as oo,MessageBox as Mg,Typography as Vn,WalletIcon as Pg}from"@rango-dev/ui";import B,{useEffect as $g,useState as Ot}from"react";import{useNavigate as _g}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{Modal as of}from"@rango-dev/ui";import nf from"react";function ie(t){let{watermark:e}=ee();return nf.createElement(of,{hasWatermark:e==="FULL",...t},t.children)}i(ie,"WatermarkedModal");import Wn,{useRef as af}from"react";import*as Jt from"@radix-ui/react-collapsible";import{keyframes as Tl,styled as In}from"@rango-dev/ui";var pi=300,rf=Tl({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),sf=Tl({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),kl=In(Jt.Root,{borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),ci=In(Jt.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit",cursor:"pointer"}),An=In(Jt.Content,{overflow:"hidden",variants:{open:{true:{animation:`${rf} ${pi}ms ease-out`},false:{animation:`${sf} ${pi}ms ease-out`}}}}),En=In("div",{transition:`all ${pi}ms ease`,display:"flex",alignItems:"center",variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}});function Ln(t){let{open:e,hasSelected:o,onOpenChange:n,children:r,onClickTrigger:s,trigger:a,triggerAnchor:l}=t,p=af(null);return Wn.createElement(kl,{ref:p,className:"collapsible_root",selected:o&&e,open:e,onOpenChange:n},l==="top"&&Wn.createElement(ci,{className:"collapsible_trigger",onClick:s},a),Wn.createElement(An,{className:"collapsible_content",open:e},r),l==="bottom"&&Wn.createElement(ci,{className:"collapsible_trigger",onClick:s},a))}i(Ln,"CustomCollapsible");import{Button as lf,css as wl,darkTheme as Zt,IconButton as pf,styled as ze,TextField as cf}from"@rango-dev/ui";var vl=ze("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),xl=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",[`.${Zt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${Zt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${Zt} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),bl=ze(uf,{alignSelf:"stretch",minHeight:"93px"}),Il=ze("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),Al=ze(pf,{position:"absolute",left:"$20"}),El=ze("div",{paddingTop:"$20"}),Wl=wl({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"}}),Nl=wl({paddingTop:"$5"}),Bl=ze("div",{display:"flex"}),Ml=ze(cf,{backgroundColor:"$neutral100",padding:"$0 $15 $15 $15"}),Pl=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",[`.${Zt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${Zt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${Zt} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}});import{i18n as Ke}from"@lingui/core";import{Button as Ig,Divider as Mi,Image as Ag,MessageBox as Qn,SelectableWallet as Eg,Typography as kp,WalletState as wp}from"@rango-dev/ui";import ae,{useEffect as vp,useState as wo}from"react";import{WalletState as ui}from"@rango-dev/ui";import{useWallets as mf}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as df,WalletTypes as Nn}from"@rango-dev/wallets-shared";import{useEffect as ff,useState as gf}from"react";var hf=Object.values(Nn);function Bn(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:l,connect:p}=mf(),{connectedWallets:c}=V(),u=d().blockchains(),h=Wa(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||hf,m=ga(s,l,h,o),f=wa(m),[C,S]=gf(""),y=i(v=>!c.find(I=>I.walletType===v&&I.chain===o),"isExperimentalChainNotAdded"),g=i(async v=>{let I=s(v);try{if(C&&S(""),I.connected)await a(v);else{let w=!!m.find(k=>k.state===ui.CONNECTED);if(!e?.multiWallets&&w)return;n?.(v),await p(v),r?.(v)}}catch(w){S("Error: "+w?.message)}},"handleClick"),x=i(()=>{let v=m?.filter(I=>I.state===ui.CONNECTING)||[];for(let I of v)a(I.type)},"disconnectConnectingWallets");ff(()=>()=>{x()},[]);let b=i(v=>v.filter(w=>w.state!=ui.NOT_INSTALLED&&![Nn.DEFAULT,Nn.WALLET_CONNECT_2].includes(w.type)&&l(w.type).supportedChains.filter(k=>k.type=="EVM").length>0).length==0,"shouldShowDefaultInjectedWallet"),T=i((v,I,w)=>nn(w,I)&&y(v)&&!df.includes(v)||v==Nn.DEFAULT&&!b(m),"shouldExcludeWallet");return{list:f.filter(v=>!T(v.type,o??"",u)),error:C,handleClick:g}}i(Bn,"useWalletList");import{i18n as fp}from"@lingui/core";import{styled as hp,Typography as Cg,Wallet as Tg,WalletState as kg}from"@rango-dev/ui";import to,{useState as gp}from"react";import{useManager as pg}from"@rango-dev/queue-manager-react";import{BottomLogo as cg,Divider as sp,Header as ug}from"@rango-dev/ui";import de,{useEffect as ap,useRef as lp}from"react";import{useRef as yf}from"react";function Mn(){return window.self!==window.top}i(Mn,"isAppLoadedIntoIframe");function mi(){let t=yf(null),{iframe:e}=d(),o=Mn()&&e.clientUrl,n=i(a=>{o&&window.top?.postMessage(a,e.clientUrl)},"send");return{send:n,connectHeightObserver:i(a=>{t.current=new ResizeObserver(l=>{for(let p of l)n({type:"widget_height",data:{height:p.contentRect.height}})}),t.current.observe(a)},"connectHeightObserver"),disconnectHeightObserver:i(()=>{t.current&&(t.current.disconnect(),t.current=null)},"disconnectHeightObserver")}}i(mi,"useIframe");import{useNavigate as Sf}from"react-router-dom";function It(){let t=Sf();return()=>t(-1)}i(It,"useNavigateBack");import{createTheme as hi,darkTheme as vf,lightTheme as xf}from"@rango-dev/ui";import{useEffect as Ul,useState as bf}from"react";import{theme as kf,darkColors as wf}from"@rango-dev/ui";var _l=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"),Pn=i((t,e)=>{let a={[t]:e};for(let l=1;l<10;l++)l<5&&(a={...a,[t+l*100]:_l(e,(5-l)*25)}),l===5&&(a={...a,[t+l*100]:e}),l>5&&(a={...a,[t+l*100]:_l(e,-((l-5)*25))});return a},"generateRangeColors"),di=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=Pn(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,...Pn(s,a)}}return n?r:{}},"generateColors");var Dl=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=Dl(o%52)+e;return Dl(o%52)+e},"toAlphabeticName"),Tf=i((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),fi=i(t=>Cf(Tf(5381,JSON.stringify(t))>>>0),"toHash");function gi(t){let e=kf.colors,o=di({...e,...wf},!0,t?.dark),n=di(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:`${zr}-light-${fi(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${zr}-dark-${fi(p)}`,tokens:p}}return{light:a,dark:l}}i(gi,"customizedThemeTokens");function Fl(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(Fl,"joinList");function $n(t){let{colors:e,fontFamily:o=Ea,borderRadius:n=Ia,secondaryBorderRadius:r=Aa,mode:s="auto"}=t,[a,l]=bf("light"),{setTheme:p,theme:c}=d(),{dark:u,light:h}=gi(e),m=hi({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),f=[m.className,xf.className],C=[m.className,vf.className];if(h){let y=hi(h.id,h.tokens);f.push(y.className)}if(u){let y=hi(u.id,u.tokens);C.push(y.className)}return Ul(()=>{let y=i(g=>{g.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",y),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",y)}},[]),Ul(()=>{s!=="auto"&&p(s)},[s]),{activeTheme:i(()=>{let y=f.join(" "),g=C.join(" ");return c==="auto"?a==="dark"?g:y:c==="dark"?g:y},"getActiveTheme")}}i($n,"useTheme");var At=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 Ol}from"@lingui/core";import{Alert as If,Button as Af}from"@rango-dev/ui";import ql from"react";function yi(t){return ql.createElement(If,{action:ql.createElement(Af,{onClick:t.onActivateTab,variant:"contained",size:"xxsmall",type:"warning"},Ol.t("Activate")),type:"warning",variant:"alarm",title:Ol.t("Another tab is open and handles transactions. You can activate this tab.")})}i(yi,"ActivateTabAlert");import{i18n as Si}from"@lingui/core";import{Button as Ef,Divider as Wf,MessageBox as Lf}from"@rango-dev/ui";import _n from"react";function Ci(t){let{open:e,onClose:o,onConfirm:n}=t;return _n.createElement(ie,{open:e,dismissible:!0,onClose:o,container:N()},_n.createElement(Lf,{title:Si.t("Activate current tab"),type:"warning",description:Si.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},Si.t("Confirm"))))}i(Ci,"ActivateTabModal");import{ChevronLeftIcon as Mf}from"@rango-dev/ui";import Ql from"react";import{darkTheme as Nf,IconButton as Bf,styled as Co}from"@rango-dev/ui";var Ge=Co(Bf,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),zl=Co("div",{position:"absolute",background:"$secondary500",[`.${Nf} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),Rt=Co("div",{display:"flex",justifyContent:"flex-end",minWidth:"$40",button:{padding:0}}),Gl=Co("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"}),Hl=Co("div",{padding:"$2",variants:{isRefetched:{true:{transform:"rotate(360deg)",transition:"transform 1s ease-in-out"}}}});function Ti(t){return Ql.createElement(Ge,{variant:"ghost",size:"small",onClick:t.onClick},Ql.createElement(Mf,{color:"black",size:16}))}i(Ti,"BackButton");import{i18n as Pf}from"@lingui/core";import{Button as $f,Typography as _f}from"@rango-dev/ui";import ki from"react";function wi(t){return ki.createElement(Rt,null,ki.createElement($f,{variant:"ghost",onClick:t.onClick,size:"xsmall"},ki.createElement(_f,{variant:"label",size:"medium",color:"error500"},Pf.t("Cancel"))))}i(wi,"CancelButton");import{i18n as Df}from"@lingui/core";import{Tooltip as Ff,WalletIcon as Uf}from"@rango-dev/ui";import Dn from"react";function vi(t){return Dn.createElement(Ff,{container:t.container,side:"top",content:Df.t("Connect Wallet")},Dn.createElement(Ge,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&Dn.createElement(zl,null),Dn.createElement(Uf,{size:18,color:"black"})))}i(vi,"WalletButton");import{i18n as qn}from"@lingui/core";import{NotificationsIcon as ig,Popover as sg,SettingsIcon as ag,Tooltip as zn,TransactionIcon as lg}from"@rango-dev/ui";import Ce from"react";import{i18n as jf}from"@lingui/core";import{EventSeverity as Xf}from"@rango-dev/queue-manager-rango-preset";import{ChainToken as Jl,ChevronRightIcon as Kf,ListItemButton as Yf,Typography as Jf}from"@rango-dev/ui";import Xe from"react";import{useNavigate as Zf}from"react-router-dom";import{create as Of}from"zustand";import{persist as qf,subscribeWithSelector as zf}from"zustand/middleware";var _e=wt(Of()(qf(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,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 Fn}from"@rango-dev/ui";var Vl=Fn("div",{padding:"$10",width:"350px",maxWidth:"90vw",minHeight:"150px"}),jl=Fn("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),Xl=Fn("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),Kl=Fn("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as Gf}from"@lingui/core";import{Divider as Hf,NoNotificationIcon as Qf,Typography as Vf}from"@rango-dev/ui";import Un from"react";function Yl(){return Un.createElement(Kl,null,Un.createElement(Qf,{color:"secondary",size:26}),Un.createElement(Hf,{size:12}),Un.createElement(Vf,{variant:"body",size:"medium",color:"neutral700"},Gf.t("There are no notifications.")))}i(Yl,"NotificationNotFound");var Rf=4;function xi(){let t=Zf(),{getUnreadNotifications:e}=_e(),o=e(),n=d().blockchains(),r=d().tokens(),s=o.sort((l,p)=>p.creationTime-l.creationTime).slice(0,Rf),a=i(l=>{t(`${_.swaps}/${l}`)},"handleOnClick");return Xe.createElement(Vl,null,s.length?Xe.createElement(jl,null,s.map(l=>{let{route:p,requestId:c,event:u}=l,h=r.find(S=>Ae(S,p.from)),m=n.find(S=>S.name===p.from.blockchain),f=r.find(S=>Ae(S,p.to)),C=n.find(S=>S.name===p.to.blockchain);return Xe.createElement(Yf,{key:c,onClick:()=>a(c),title:Xe.createElement(Jf,{variant:"body",size:"small",color:u.messageSeverity===Xf.WARNING?"$foreground":"$neutral700"},jf.t(u.message)),id:c,start:Xe.createElement(Xl,null,Xe.createElement("div",{className:"from-chain-token"},Xe.createElement(Jl,{tokenImage:h?h.image:"",chainImage:m?m.logo:"",size:"small"})),Xe.createElement("div",{className:"to-chain-token"},Xe.createElement(Jl,{tokenImage:f?f.image:"",chainImage:C?C.logo:"",size:"small"}))),end:Xe.createElement(Kf,{size:12,color:"gray"})})})):Xe.createElement(Yl,null))}i(xi,"NotificationContent");import{RefreshProgressButton as eg}from"@rango-dev/ui";import bi,{useEffect as tg,useState as Zl}from"react";var og=1e3,Rl=60,ng=100;function On({onClick:t}){let[e,o]=Zl(0),[n,r]=Zl(!1),s=i(p=>{document.hidden&&p&&a(p)},"handleVisibilityChange");tg(()=>{let p;return t?p=window.setInterval(()=>{o(c=>c+1),e===Rl&&l()},og):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 bi.createElement(Ge,{variant:"ghost",size:"small",onClick:l,disabled:!t},bi.createElement(Hl,{onTransitionEnd:()=>r(!1),isRefetched:n},bi.createElement(eg,{size:24,color:t?"black":"gray",progress:e/Rl*ng})))}i(On,"RefreshButton");import{Typography as rg}from"@rango-dev/ui";import ep from"react";function tp(){let{getUnreadNotifications:t}=_e(),e=t().length;return e?ep.createElement(Gl,null,ep.createElement(rg,{variant:"body",size:"xsmall",color:"$background"},e)):null}i(tp,"UnreadNotificationsBadge");function Ii(t){let{onClickRefresh:e,onClickHistory:o,onClickSettings:n}=t,{config:{features:r}}=d(),s=Ue("notification",r);return Ce.createElement(Ce.Fragment,null,Ce.createElement(zn,{container:N(),side:"top",content:qn.t("Refresh")},Ce.createElement(On,{onClick:e})),!s&&Ce.createElement(sg,{align:"end",alignOffset:-88,collisionPadding:{right:20,left:20},container:N(),content:Ce.createElement(xi,null)},Ce.createElement("div",null,Ce.createElement(zn,{container:N(),side:"top",content:qn.t("Notifications")},Ce.createElement(Ge,{size:"small",variant:"ghost"},Ce.createElement(ig,{size:18,color:"black"}),Ce.createElement(tp,null))))),Ce.createElement(zn,{container:N(),side:"top",content:qn.t("Settings")},Ce.createElement(Ge,{size:"small",variant:"ghost",onClick:n},Ce.createElement(ag,{size:18,color:"black"}))),Ce.createElement(zn,{container:N(),side:"top",content:qn.t("Transactions History")},Ce.createElement(Ge,{size:"small",variant:"ghost",onClick:o},Ce.createElement(lg,{size:18,color:"black"}))))}i(Ii,"HomeButtons");function Ai(t){let e=t.target;if(e){let o=e.scrollTop,n=N();o>1?n.classList.add("rng-scrolled"):n.classList.remove("rng-scrolled")}}i(Ai,"onScrollContentAttachStatusToContainer");import{styled as Ei}from"@rango-dev/ui";var op="700px",np=Ei("div",{position:"relative",display:"flex",flexDirection:"column",borderRadius:"$primary",width:"100vw",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:op},fixed:{height:op}}}}),rp=Ei("div",{position:"relative",overflow:"hidden",flexGrow:1,display:"flex",flexDirection:"column",padding:0,overflowY:"auto"}),ip=Ei("div",{padding:"0 $20 $10","& .footer__logo":{opacity:0,transition:"opacity 1s ease-in-out","&.logo__show":{opacity:1},"&.logo__hidden":{visibility:"hidden"}}});function ne(t){let{connectHeightObserver:e,disconnectHeightObserver:o}=mi(),{children:n,header:r,footer:s,height:a="fixed"}=t,l=V.use.connectedWallets(),{config:{features:p,theme:c}}=d(),{watermark:u}=ee(),h=u==="FULL",{activeTheme:m}=$n(c||{}),f=Ue("connectWalletButton",p),{isActiveTab:C,tabManagerInitiated:S,showActivateTabModal:y,setShowActivateTabModal:g,activateCurrentTab:x}=ee(),b=It(),{manager:T}=pg(),I=At(T).map(({swap:F})=>F).some(F=>F.status==="running"),w=i(()=>x(_t.forceClaim,I),"onActivateTab"),k=i(()=>{r.onWallet?.()},"onConnectWallet"),L=typeof r.hasBackButton>"u"||r.hasBackButton,W=lp(null),$=lp(null);return ap(()=>(Mn()&&$.current&&e($.current),()=>{o()}),[]),ap(()=>(W.current?.addEventListener("scroll",Ai),()=>{W.current?.removeEventListener("scroll",Ai)}),[]),de.createElement(np,{height:a,id:be.SWAP_BOX_ID,className:m(),ref:$},de.createElement(ug,{prefix:de.createElement(de.Fragment,null,L&&de.createElement(Ti,{onClick:b})),title:r.title,suffix:de.createElement(de.Fragment,null,r.suffix,r.onWallet&&!f&&de.createElement(vi,{container:N(),onClick:k,isConnected:!!l?.length}),r.onCancel&&de.createElement(wi,{onClick:r.onCancel}))}),de.createElement(rp,{ref:W},n),de.createElement(Ci,{open:y,onClose:()=>g(!1),onConfirm:w}),de.createElement(ip,null,de.createElement("div",{className:"footer__content"},s,S&&!C&&de.createElement(de.Fragment,null,de.createElement(sp,{size:12}),de.createElement(yi,{onActivateTab:w}))),de.createElement(sp,{size:12}),de.createElement("div",{className:`footer__logo ${h?"logo__show":"logo__hidden"}`},de.createElement(cg,null))))}i(ne,"Layout");import{styled as mg}from"@rango-dev/ui";var pp="$20 $20 $10 $20",To=mg("div",{padding:pp,overflowY:"auto",flexGrow:1});import{styled as dg}from"@rango-dev/ui";var se=dg("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 Sg}from"@rango-dev/ui";import Li from"react";import{i18n as eo}from"@lingui/core";import{Image as hg,MessageBox as Wi,WalletState as yg}from"@rango-dev/ui";import Ut from"react";import{keyframes as fg,styled as Gn}from"@rango-dev/ui";var TA=Gn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),cp=Gn("div",{position:"relative"}),gg=fg({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),up=Gn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${gg} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),mp=Gn("div",{"& img":{borderRadius:"50%"}});function dp(t){let{state:e,image:o,error:n}=t;return e===yg.CONNECTED?Ut.createElement(Wi,{type:"success",title:eo.t("Wallet Connected"),description:eo.t("Your wallet is connected, you can use it to swap.")}):n?Ut.createElement(Wi,{type:"error",title:eo.t("Failed to Connect"),description:n||eo.t("Your wallet is not connected. Please try again.")}):Ut.createElement(Wi,{type:"loading",title:eo.t("Connecting to your wallet"),description:eo.t("Click connect in your wallet popup."),icon:Ut.createElement(cp,null,Ut.createElement(mp,null,Ut.createElement(hg,{src:o,size:45})),Ut.createElement(up,null))})}i(dp,"ModalContent");function ko(t){let{open:e,onClose:o,...n}=t;return Li.createElement(ie,{open:e,onClose:o,container:document.getElementById(be.SWAP_BOX_ID)||document.body},Li.createElement(dp,{...n}),Li.createElement(Sg,{direction:"vertical",size:32}))}i(ko,"WalletModal");var wg=hp("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),vg=hp(se,{textAlign:"center"}),Hn=3e3,Ni=300;function yp(){let{config:t,fetchStatus:e}=d(),[o,n]=gp(!1),[r,s]=gp(""),a=null,l=ee.use.isActiveTab(),{list:p,handleClick:c,error:u}=Bn({config:t,onBeforeConnect:C=>{a=setTimeout(()=>{n(!0),s(C)},Ni)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},Hn)}}),h=p.find(C=>C.type===r),m=h?.image||"",f=h?.state||kg.NOT_INSTALLED;return to.createElement(ne,{header:{title:fp.t("Connect Wallets")}},to.createElement(vg,null,to.createElement(Cg,{variant:"title",size:"xmedium",align:"center"},fp.t("Choose a wallet to connect.")),to.createElement(wg,null,p.map((C,S)=>{let y=`wallet-${S}-${C.type}`;return to.createElement(Tg,{key:y,...C,container:N(),onClick:g=>{c(g)},isLoading:e==="loading",disabled:!l})}),to.createElement(ko,{open:!!o,onClose:()=>n(!1),image:m,state:f,error:u}))))}i(yp,"WalletsPage");import{keyframes as xg,styled as Bi}from"@rango-dev/ui";var Sp=Bi("div",{position:"relative"}),bg=xg({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),Cp=Bi("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${bg} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Tp=Bi("div",{"& img":{borderRadius:"50%"}});var Wg=7;function Pi(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:s}=t,{config:a}=d(),l=ee.use.isActiveTab(),p=V.use.connectedWallets(),{blockchains:c}=d(),[u,h]=wo(""),[m,f]=wo(null),[C,S]=wo(!1),[y,g]=wo(null),{suggestAndConnect:x}=xp(),b=null,{list:T,error:v,handleClick:I}=Bn({config:a,chain:e,onBeforeConnect:E=>{b=setTimeout(()=>{h(E)},Ni)},onConnect:()=>{b&&clearTimeout(b),setTimeout(()=>{h("")},Hn)}}),[w,k]=wo(T),L=T.length,W=r&&L-r>0,$=i(async E=>{S(!1),g("in-progress");try{await x(E.walletType,E.chain),g("completed")}catch{g("rejected")}},"addExperimentalChain");vp(()=>{k(E=>{let P=T.findIndex(J=>o(J.type,e));return W&&P>1?[T[P]].concat(T.filter((J,re)=>re!==P)):E.map(J=>T.find(re=>re.type===J.type)??J)})},[JSON.stringify(T)]);let F=document.getElementById(be.SWAP_BOX_ID);return vp(()=>{let E=null;return(y==="completed"||y==="rejected")&&(E=setTimeout(()=>g(null),Hn)),()=>{E&&clearTimeout(E)}},[y]),ae.createElement(ae.Fragment,null,w.slice(0,r).map(E=>{let P=va({connectedWallets:p,walletType:E.type,chain:e}),J=P?sn(P,Wg):"",re=nn(c(),e),ce=!p.find(ke=>ke.walletType===E.type&&ke.chain===e),Q=re&&ce&&E.state===wp.CONNECTED,Ne=Q?Ke.t({id:"Add {chain} chain",values:{chain:e}}):J,K=i(()=>{E.state===wp.DISCONNECTED?I(E.type):Q?(f({walletType:E.type,chain:e,address:P??""}),S(!0)):n({walletType:E.type,chain:e,address:P??""})},"onClick"),q=m?.chain?Ya(m.chain,c()):void 0;return ae.createElement(ae.Fragment,null,ae.createElement(ko,{open:u===E.type,onClose:()=>h(""),image:E.image,state:E.state,error:v}),!!m&&ae.createElement(ie,{open:!!m&&C,container:F,onClose:()=>{f(null)}},ae.createElement(Qn,{title:Ke.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:q}}),type:"warning",description:Ke.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:q}})},ae.createElement(Mi,{size:18}),ae.createElement(Mi,{size:32}),ae.createElement(Ig,{onClick:$.bind(null,m),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},Ke.t("Confirm")))),y&&ae.createElement(ie,{open:!!y,onClose:g.bind(null,null),container:F},y==="in-progress"&&ae.createElement(Qn,{type:"loading",title:Ke.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:q}}),description:Ke.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:q}}),icon:ae.createElement(Sp,null,ae.createElement(Tp,null,ae.createElement(Ag,{src:E.image,size:45})),ae.createElement(Cp,null))}),y==="completed"&&ae.createElement(Qn,{type:"success",title:Ke.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:q}}),description:Ke.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:q}})}),y==="rejected"&&ae.createElement(Qn,{type:"error",title:Ke.t("Request Rejected"),description:Ke.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:q}})}),ae.createElement(Mi,{direction:"vertical",size:32})),ae.createElement(Eg,{key:E.type,description:Ne,onClick:K,selected:o(E.type,e),disabled:!l,...E}))}),W&&ae.createElement(bl,{selected:!1,onClick:s},ae.createElement(kp,{variant:"label",size:"medium"},Ke.t("Show more wallets"),ae.createElement(kp,{variant:"label",size:"medium",color:"$primary"},"\xA0+",L-(r??0)))))}i(Pi,"WalletList");var Dg=2;function Ip(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,loading:s}=t,a=d().config,l=d().blockchains(),{quote:p,setSelectedWallets:c,quoteWalletsConfirmed:u,setQuoteWalletConfirmed:h,customDestination:m,setCustomDestination:f}=X(),{connectedWallets:C,selectWallets:S}=V(),[y,g]=Ot(""),[x,b]=Ot([]),[T,v]=Ot(""),[I,w]=Ot(null),[k,L]=Ot(m),[W,$]=Ot(!!m),F=gn(p),E=l.find(U=>U.name===p?.result?.swaps[p?.result?.swaps.length-1].to.blockchain),P=i(U=>!!p?.result?.swaps.find(Y=>Y.from.blockchain===U),"isWalletRequiredFor"),[J,re]=Ot(C.filter(U=>U.selected&&F.includes(U.chain))),ce=l.find(U=>U.name===E?.name),Q=i((U,Y)=>!!J.find(Z=>Z.walletType===U&&Z.chain===Y&&Z.selected&&(P(Y)||!P(Y)&&!k)),"isSelected"),Ne=!!k&&W&&ce&&!hn(ce,k),K=i(()=>{$(!1),L(""),re(U=>{let Y=!1;return U.map(Z=>!Y&&Z.chain===E?.name?(Y=!0,{...Z,selected:!0}):Z)})},"resetCustomDestination"),q=i(U=>{if(y&&g(""),Q(U.walletType,U.chain))return;let Z=C.find(me=>me.walletType===U.walletType&&me.chain===U.chain);Z&&(n(),U.chain===E?.name&&W&&($(!1),L("")),re(me=>me.filter(we=>we.chain!==U.chain).concat({...Z,selected:!0})))},"onChange"),ke=i(()=>{let U=J.filter(Y=>Y.selected);S(U),c(U),f(k),h(!0),o()},"onConfirmBalance"),ut=i(async()=>{b([]),v(""),w(null);let U=C.filter(me=>J.find(we=>we.chain===me.chain&&we.walletType===me.walletType)),Y=await r?.({selectedWallets:U,customDestination:k}),Z=Y.warnings;Z?.balance?.messages&&b(Z.balance.messages),Z?.quoteUpdate&&w(Z.quoteUpdate),Y.error&&v(Ja(Y.error)),!Y.error&&(!Z?.balance?.messages.length||0>0)?ke():b(Z?.balance?.messages??[])},"onConfirmWallets");$g(()=>{re(U=>U.concat(C.filter(Y=>!!!U.find(me=>me.chain===Y.chain)&&Y.selected&&F.includes(Y.chain))))},[C.length]);let Be=document.getElementById(be.SWAP_BOX_ID),mt=_g();return B.createElement(ie,{open:e,onClose:()=>{u||mt("../",{replace:!0}),o()},dismissible:!y,container:Be,...!y&&{footer:B.createElement(Bl,null,B.createElement(bp,{loading:s,disabled:ml(s,W,k,p,J,E),onClick:ut,variant:"contained",type:"primary",fullWidth:!0,size:"large"},nt.t("Confirm")))},...y&&{styles:{container:{padding:"$0"}},header:B.createElement(Il,null,B.createElement(Al,{variant:"ghost",onClick:g.bind(null,"")},B.createElement(Bg,{size:16})),B.createElement(Vn,{variant:"headline",size:"small"},nt.t({id:"Your {blockchainName} wallets",values:{blockchainName:Oe(y,l)}})))},anchor:"center"},B.createElement(ie,{open:x.length>0,onClose:b.bind(null,[]),container:Be},B.createElement(Mg,{title:nt.t("Insufficient account balance"),type:"error",description:B.createElement(Lg,{messages:x??[]})},B.createElement(bp,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:ke},nt.t("Proceed anyway")))),y&&B.createElement(El,null,B.createElement("div",{className:Wl()},B.createElement(Pi,{chain:y,isSelected:Q,selectWallet:q,onShowMore:g.bind(null,y)}))),!y&&B.createElement(B.Fragment,null,T&&B.createElement(B.Fragment,null,B.createElement($i,{variant:"alarm",type:"error",title:nt.t(T)}),B.createElement(oo,{size:12})),I&&B.createElement(B.Fragment,null,B.createElement($i,{variant:"alarm",type:"warning",title:bn(I)}),B.createElement(oo,{size:12})),B.createElement(Pl,null,F.map((U,Y)=>{let Z=l.find(Ve=>Ve.name===U),me=`wallet-${Y}`,we=Y===F.length-1;return B.createElement("div",{key:me},B.createElement(vl,null,B.createElement(Vn,{variant:"title",size:"xmedium"},nt.t({id:"Your {blockchainName} wallets",values:{blockchainName:Z?.shortName}})),B.createElement(Vn,{variant:"label",color:"$neutral700",size:"medium"},nt.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:Z?.shortName}}))),B.createElement(oo,{size:24}),B.createElement(xl,null,B.createElement(Pi,{chain:U,isSelected:Q,selectWallet:q,limit:Dg,onShowMore:()=>g(Z?.name??"")})),!we&&B.createElement(oo,{size:32}),we&&a?.customDestination&&B.createElement(Ll,null,B.createElement(Ln,{onOpenChange:Ve=>{Ve?P(E?.name??"")||re(Dr=>Dr.map($e=>$e.chain===E?.name?{...$e,selected:!1}:$e)):K()},hasSelected:!0,open:W,triggerAnchor:"top",trigger:B.createElement($l,{fullWidth:!0,variant:"default",suffix:B.createElement(En,{orientation:W?"up":"down"},B.createElement(Ng,{size:10,color:"gray"}))},B.createElement("div",{className:"button__content"},B.createElement(Pg,{size:18,color:"info"}),B.createElement(oo,{size:4,direction:"horizontal"}),B.createElement(Vn,{variant:"label",size:"medium"},nt.t("Send to a different address")))),onClickTrigger:()=>$(Ve=>!Ve)},B.createElement(oo,{size:4}),B.createElement(Ml,{autoFocus:!0,placeholder:nt.t("Your destination address"),value:k,onChange:Ve=>{L(Ve.target.value)}})),Ne&&B.createElement("div",{className:Nl()},B.createElement($i,{variant:"alarm",type:"error",title:nt.t({values:{destination:k},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(Ip,"ConfirmWalletsModal");import{i18n as eh}from"@lingui/core";import{Alert as th,Button as oh,InfoIcon as nh}from"@rango-dev/ui";import De from"react";import{Alert as Fg,Button as Ug,Divider as Bp,NoRouteIcon as Og,RefreshIcon as qg,Typography as Mp}from"@rango-dev/ui";import Ye from"react";import{i18n as Ap}from"@lingui/core";function Ep(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:j().genericServerError,action:{onClick:n,title:Ap.t("Retry")}},description:""}:e.length?{alert:{type:"warning",text:j().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:Ap.t("Reset")}},description:j().liquiditySourcesError.description}:t?.type===0&&t.diagnosisMessage?{alert:{type:"error",text:t.diagnosisMessage,action:null},description:""}:{alert:null,description:j().noResultError.description}}i(Ep,"makeInfo");import{styled as _i}from"@rango-dev/ui";var Wp=_i("div",{minHeight:"162px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}),Lp=_i("div",{width:"100%"}),Np=_i("div",{padding:"$6 $0"});function Di(t){let{fetch:e,error:o}=t,n=d().getDisabledLiquiditySources(),r=d().toggleAllLiquiditySources,s=d().swappers(),a=Ep(o,n,()=>r(s,!0),e);return Ye.createElement(Wp,null,Ye.createElement(Og,{size:24,color:"gray"}),Ye.createElement(Bp,{size:4}),Ye.createElement(Mp,{variant:"title",size:"small"},j().noResultError.title),!!a.description&&Ye.createElement(Mp,{variant:"body",size:"small",align:"center",color:"neutral700"},a.description),Ye.createElement(Bp,{size:4}),!!a.alert&&Ye.createElement(Lp,null,Ye.createElement(Fg,{type:a.alert.type,title:a.alert.text,action:a.alert.action&&Ye.createElement(Ug,{size:"xsmall",type:a.alert.type,prefix:Ye.createElement(Np,null,Ye.createElement(qg,{size:8})),onClick:a.alert.action.onClick},a.alert.action.title),variant:"alarm"})))}i(Di,"NoResult");import{i18n as vo}from"@lingui/core";import{Button as Gg,Divider as Up,MessageBox as Hg,Typography as Qg,WarningIcon as Vg}from"@rango-dev/ui";import rt from"react";import{Typography as Dp}from"@rango-dev/ui";import Ui from"react";import{darkTheme as zg,styled as jn}from"@rango-dev/ui";var Pp=jn("div",{width:"100%"}),Fi=jn("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),$p=jn("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${zg} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),_p=jn("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function Fp(t){let{title:e,value:o,valueColor:n}=t;return Ui.createElement($p,null,Ui.createElement(Dp,{size:"medium",variant:"label",className:"_title"},e),Ui.createElement(Dp,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(Fp,"QuoteErrorsModalItem");function Op(t){let{open:e,onClose:o,onConfirm:n,warning:r,confirmationDisabled:s}=t,a=r.warningLevel==="high"?"error":"warning",l=[{title:vo.t("Swapping"),value:A(r.inputUsdValue,4,4)},{title:vo.t("Gas cost"),value:A(r.totalFee,2,2)},{title:vo.t("Receiving"),value:A(r.outputUsdValue,4,4)},{title:vo.t("Price impact"),value:A(r.priceImpact,2,2),valueColor:`${a}500`}];return rt.createElement(ie,{open:e,onClose:o,container:N()},rt.createElement(Hg,{type:a,title:j().highValueLossError.impactTitle,description:j().highValueLossError.description}),rt.createElement(Fi,null,rt.createElement(Up,{size:20}),rt.createElement(Qg,{size:"small",variant:"title"},vo.t("Details")),rt.createElement(Fi,null,l.map((p,c)=>rt.createElement(Fp,{key:c,...p})))),rt.createElement(Up,{size:32}),rt.createElement(Gg,{type:"primary",size:"large",prefix:rt.createElement(Vg,null),fullWidth:!0,disabled:s,onClick:n},j().highValueLossError.confirmMessage))}i(Op,"HighValueLossWarningModal");import{i18n as Oi}from"@lingui/core";function qp(t,e){let o={alertType:"warning",title:"",action:"show-info"};return t?(t.type===0&&(ft(t.priceImpact)==="high"&&(o.alertType="error"),o.action=null,o.title=j().highValueLossError.title),t.type===1&&(o.title=j().unknownPriceError.title),t.type===2&&(o.title=Oi.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=Oi.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=Oi.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 io}from"@lingui/core";import{Button as zp,Divider as Gp,MessageBox as jg,Typography as Xg}from"@rango-dev/ui";import qt from"react";import{useNavigate as Kg}from"react-router-dom";function Hp(t){let{customSlippage:e,slippage:o}=d(),{open:n,onClose:r,onConfirm:s,warning:a,confirmationDisabled:l}=t,p=Kg(),c=e??o;return qt.createElement(ie,{anchor:"bottom",open:n,prefix:qt.createElement(zp,{size:"small",variant:"ghost",onClick:()=>p("../"+_.settings)},qt.createElement(Xg,{variant:"label",size:"medium",color:"$neutral900"},io.t("Change settings"))),container:N(),onClose:r},qt.createElement(jg,{type:"warning",title:a.type===3?io.t("High slippage"):io.t("Low slippage"),description:a.type===3?io.t({id:" Caution, your slippage is high (={userSlippage}). Your trade may be front run.",values:{userSlippage:c}}):io.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:a.minRequiredSlippage}})},qt.createElement(Gp,{size:18}),qt.createElement(Gp,{size:32}),qt.createElement(zp,{size:"large",type:"primary",variant:"contained",fullWidth:!0,disabled:l,onClick:s},io.t("Confirm anyway"))))}i(Hp,"SlippageWarningModal");import{Button as Yg,Divider as Jg,MessageBox as Zg,WarningIcon as Rg}from"@rango-dev/ui";import xo from"react";function Qp(t){let{open:e,onClose:o,onConfirm:n,confirmationDisabled:r}=t;return xo.createElement(ie,{open:e,onClose:o,container:N()},xo.createElement(Zg,{type:"warning",title:j().unknownPriceError.impactTitle,description:j().unknownPriceError.description}),xo.createElement(Jg,{size:32}),xo.createElement(Yg,{type:"primary",size:"large",prefix:xo.createElement(Rg,null),fullWidth:!0,disabled:r,onClick:n},j().unknownPriceError.confirmMessage))}i(Qp,"UnknownPriceWarningModal");function bo(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},h=o?.type===0||o?.type===1,m=qp(e,o?.type===3||o?.type===4?o:null);return De.createElement(De.Fragment,null,h&&De.createElement(Di,{error:o,fetch:s}),!!m&&De.createElement(Pp,null,De.createElement(th,{title:m.title,type:m.alertType,variant:"alarm",...m.action==="show-info"&&{action:De.createElement(_p,{onClick:a},De.createElement(nh,{size:12,color:"gray"}))},...m.action==="change-settings"&&{action:De.createElement(oh,{size:"xxsmall",type:m.alertType,onClick:c},eh.t("Change"))}})),e&&De.createElement(De.Fragment,null,e.type===0&&De.createElement(Op,{...u,warning:e}),(e.type===3||e.type===2)&&De.createElement(Hp,{...u,warning:e}),e.type===1&&De.createElement(Qp,{...u,warning:e})))}i(bo,"QuoteWarningsAndErrors");import ir from"react";import{i18n as Yi}from"@lingui/core";import{Alert as vh,Divider as Ji,InfoIcon as xh,StepDetails as bh,TokenAmount as Ih,Tooltip as yc,Typography as Wo}from"@rango-dev/ui";import Sc from"bignumber.js";import O,{useRef as Ah,useState as Eh}from"react";import{styled as qi}from"@rango-dev/ui";var zi=qi("div",{width:"100%","& .position-top__skeleton":{paddingTop:"$10"}}),Vp=qi("div",{paddingBottom:"$15"}),jp=qi("div",{width:"100%",display:"flex"});import*as Xn from"@radix-ui/react-collapsible";import{css as Kn,darkTheme as it,Image as Xp,styled as He,Typography as rh}from"@rango-dev/ui";var ih=300,Kp=He(Xn.Root,{display:"flex",flexDirection:"column",alignItems:"start",overflowX:"auto",overflowY:"hidden",width:"100%",borderRadius:"$xm",cursor:"default",variants:{recommended:{true:{$$color:"$colors$info300",[`.${it} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${it} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}}}),Yp=Kn({padding:"$10 $15"}),Jp=He("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",[`.${it} &`]:{$$color:"$colors$secondary600"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}},false:{$$color:"$colors$neutral200",[`.${it} &`]:{$$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",[`.${it} &`]:{$$color:"$colors$secondary700"},backgroundColor:"$$color"}}},{listItem:!0,recommended:!1,css:{"&:hover":{$$color:"$colors$neutral300",[`.${it} &`]:{$$color:"$colors$neutral400"},backgroundColor:"$$color"}}}]}),Zp=Kn({width:"100%",padding:"$15 $15 $10 $15",cursor:"default"}),so=Kn({display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",".blockchainImage":{marginLeft:"-$8"}}),Rp=Kn({paddingTop:"$10",display:"flex",alignItems:"center",".usd-value":{$$color:"$colors$neutral600",[`.${it} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),ec=He(Xn.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:{[`& ${Xp}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${Xp}`]:{border:"1px transparent solid",borderRadius:"100%"}}},recommended:{true:{$$color:"$colors$info300",[`.${it} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${it} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}},".blockchains_section":{display:"none"},"@xs":{".blockchains_section":{display:"block"}}}),tc=He("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"}}}}),oc=He(An,{width:"100%",background:"inherit"}),Gi=He("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${ih}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),rW=He("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),nc=He("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${it} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),rc=He("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"}),Hi=He(rh,{overflow:"hidden",textOverflow:"ellipsis",letterSpacing:.4}),ic=He("div",{display:"flex",flexWrap:"wrap"}),Qi=He("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 Lt}from"@lingui/core";import{ChevronDownIcon as ah,CloseIcon as lh,Divider as Zn,IconButton as ph,QuoteCost as ch,Tooltip as uh,Typography as Je}from"@rango-dev/ui";import mh from"bignumber.js";import z,{useState as pc}from"react";import{i18n as Io}from"@lingui/core";var Vi={"Network Fee":Io.t("Network Fee"),"Swapper Fee":Io.t("Protocol Fee"),"Affiliate Fee":Io.t("Affiliate Fee"),"Outbound network fee":Io.t("Outbound Fee"),"Rango Fee":Io.t("Rango Fee")};import{css as sh,styled as Yn}from"@rango-dev/ui";var Jn=Yn("div",{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"$5 0","&.total_payable_fee":{padding:"$12 0"}}),ji=Yn("div",{width:"100%",borderTop:"1px solid $neutral300",margin:"$10 0"}),sc=Yn("div",{padding:"$20 0",display:"flex",flexDirection:"column","& .collapsible_trigger":{display:"flex",alignItems:"center"}}),ac=Yn("div",{padding:"$20 $20 $10",textAlign:"center",position:"relative","._icon-button":{position:"absolute",zIndex:10,top:"$16",right:"$16"}}),lc=sh({display:"flex",flexDirection:"row",alignItems:"center",padding:"$5","&:hover":{"& ._typography, & svg":{color:"$secondary"}}});var dh=30,fh=i(t=>t.fee.isZero()?null:z.createElement(Jn,null,z.createElement(Je,{variant:"label",size:"medium",color:"neutral600"},t.label),z.createElement(Je,{variant:"label",size:"medium"},"$",A(t.fee,4,4))),"NonPayableFee");function cc(t){let[e,o]=pc(!1),[n,r]=pc(!1),{steps:s,quote:a}=t,l=d().tokens(),p=Jo(Zo(a.result?.swaps)),c=a.result?.swaps??[],u=N(),h=Cn(c,l),m=tl(c);return z.createElement(z.Fragment,null,z.createElement(ch,{onClickFee:()=>o(!e),fee:A(h,2,2),feeWarning:h.gte(new mh(dh)),time:p,steps:s,tooltipGas:Lt.t("View more info"),tooltipContainer:u}),z.createElement(ie,{container:u,open:e,header:z.createElement(ac,null,z.createElement(Je,{variant:"title",size:"medium"},Lt.t("Gas & Fee Explanation")),z.createElement(ph,{onClick:()=>o(!1),variant:"ghost"},z.createElement(lh,{color:"gray",size:14}))),onClose:()=>o(!1)},z.createElement(sc,null,z.createElement(Je,{variant:"title",size:"small"},Lt.t("Details")),z.createElement(Zn,{size:10}),Object.entries(m.payable).flatMap(([f,C])=>C.map((S,y)=>{let g=`payable-fee-${y}`,x=ei(S);return z.createElement(Jn,{key:g},z.createElement(Je,{variant:"label",size:"medium",color:"neutral600"},Vi[f]),z.createElement(uh,{content:le(S.amount),container:u},z.createElement(Je,{variant:"label",size:"medium"},A(S.amount,2,2)," ",S.asset.symbol," ($",A(x,4,4),")")))})),z.createElement(Jn,{className:"total_payable_fee"},z.createElement(Je,{variant:"label",size:"medium"},Lt.t("Total Payable Fee")),z.createElement(Je,{variant:"label",size:"medium"},"$",A(h,4,4))),z.createElement(ji,null),Object.keys(m.nonePayable).length&&z.createElement(Ln,{triggerAnchor:"bottom",onClickTrigger:()=>r(f=>!f),trigger:z.createElement("div",{className:lc()},z.createElement(Je,{size:"small",variant:"body",color:"neutral700"},n?Lt.t("Hide non-payable fees"):Lt.t("Show non-payable fees")),z.createElement(Zn,{size:4,direction:"horizontal"}),z.createElement(En,{orientation:n?"up":"down"},z.createElement(ah,{size:12,color:"gray"}))),open:n},z.createElement(Je,{size:"small",variant:"title"},Lt.t("Description")),z.createElement(Zn,{size:4}),z.createElement(Je,{size:"small",variant:"body",color:"neutral700"},Lt.t(`The following fees are considered in the transaction output and
+                you won\u2019t need to pay extra gas for them.`)),z.createElement(Zn,{size:10}),Object.entries(m.nonePayable).map(([f,C],S)=>{let y=el(C),g=Vi[f],x=`non-payable-fee-${S}`;return z.createElement(fh,{key:x,fee:y,label:g})}),z.createElement(ji,null)))))}i(cc,"QuoteCostDetails");import{i18n as dc}from"@lingui/core";import{TokenAmount as fc}from"@rango-dev/ui";import Rn from"react";import{css as gh,styled as hh}from"@rango-dev/ui";var uc=hh("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%"}),mc=gh({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 Rn.createElement(uc,null,Rn.createElement(fc,{direction:"horizontal",label:dc.t("Swap input"),type:"input",tooltipContainer:N(),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}}),Rn.createElement("div",{className:mc()}),Rn.createElement(fc,{direction:"horizontal",tooltipContainer:N(),label:dc.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 gc}from"@lingui/core";import{ChevronDownIcon as yh,ChevronRightIcon as Sh,Divider as Xi,Image as Ch,Tooltip as Ki,Typography as er}from"@rango-dev/ui";import M,{useEffect as Th,useState as kh}from"react";var tr=4,or=6,wh=375,Eo=i(t=>{let e=N(),{content:o,src:n,className:r,open:s,state:a}=t;return M.createElement(Ki,{container:e,side:"bottom",sideOffset:4,open:s,content:o},M.createElement(tc,{className:r,state:a},M.createElement(Ch,{src:n,size:16})))},"ImageComponent");function hc(t){let{quoteRef:e,recommended:o,setExpanded:n,steps:r,expanded:s}=t,a=N(),l=r.length,p=Sl(r),[c,u]=kh(!1),h=i(()=>{window.innerWidth<wh?u(!0):u(!1)},"handleResize");return Th(()=>{window.addEventListener("resize",h)}),M.createElement(ec,{ref:m=>e.current=m,recommended:o,onClick:()=>n(m=>!m)},M.createElement("div",{className:so()},M.createElement(er,{variant:"body",size:"xsmall"},gc.t("Via:")),M.createElement(Xi,{direction:"horizontal",size:4}),r.map((m,f)=>{let C=`item-${f}`,S=M.createElement(Gi,null,M.createElement(Sh,{size:12,color:"black"}));return c?M.createElement(M.Fragment,null,M.createElement(Eo,{content:m.swapper.displayName,src:m.swapper.image,state:m.state}),f!==l-1&&M.createElement(M.Fragment,null,S)):M.createElement(M.Fragment,{key:C},l<=tr||l>tr&&f<tr-1?M.createElement(M.Fragment,null,M.createElement(Eo,{content:m.swapper.displayName,src:m.swapper.image,state:m.state}),f!==l-1&&M.createElement(M.Fragment,null,S)):f===tr-1&&M.createElement(Ki,{container:a,side:"bottom",align:"right",sideOffset:4,content:M.createElement("div",{className:so()},S,r.map((y,g)=>{let x=`image-${g}`;return g>=f&&M.createElement(M.Fragment,{key:x},M.createElement(Eo,{content:y.swapper.displayName,src:y.swapper.image,state:y.state,open:!1}),g!==l-1&&M.createElement(M.Fragment,null,S))}))},M.createElement(Qi,{state:r.find((y,g)=>g>=f&&(y.state==="error"||y.state==="warning"))?.state},M.createElement(er,{size:"xsmall",variant:"body"},"+",l-f))))})),M.createElement("div",{className:so()},M.createElement("div",{className:"blockchains_section"},M.createElement("div",{className:so()},M.createElement(er,{variant:"body",size:"xsmall"},gc.t("Chains:")),M.createElement(Xi,{direction:"horizontal",size:4}),p.map((m,f)=>M.createElement(M.Fragment,null,p.length<=or||p.length>or&&f<or-1?M.createElement(Eo,{key:m.displayName,content:"",src:m.image,open:!1,className:f!==0?"blockchainImage":""}):f===or-1&&M.createElement(Ki,{container:a,side:"bottom",align:"right",sideOffset:4,content:M.createElement("div",{className:so()},p.map((C,S)=>S>=f&&M.createElement(Eo,{key:C.displayName,content:"",src:C.image,open:!1,className:S>f?"blockchainImage":""})))},M.createElement(Qi,{className:"blockchainImage"},M.createElement(er,{size:"xsmall",variant:"body"},"+",p.length-f))))),M.createElement(Xi,{direction:"horizontal",size:32}))),M.createElement(Gi,{orientation:s?"up":"down"},M.createElement(yh,{size:12,color:"black"}))))}i(hc,"QuoteTrigger");function Zi(t){let{quote:e,input:o,output:n,error:r,warning:s,type:a,recommended:l=!0}=t,p=d().blockchains(),c=d().swappers(),[u,h]=Eh(t.expanded),m=Ah(null),f=A(o.value,6,6),C=A(n.value,6,6),S=n.usdValue?A(n.usdValue,4,4):"",y=qe(o.usdValue,n.usdValue??null),g=A(y,2,2),x=ft(y??0),T=i(w=>w.map((k,L)=>{let W,$=r?.type===3&&r.swap.swapperId===k.swapperId||r?.type===4&&r.recommendedSlippages?.has(L),F=s?.type===2&&s.recommendedSlippages?.has(L);return $?W="error":F&&(W="warning"),{swapper:{displayName:yo(k.swapperId,c),image:k.swapperLogo},from:{token:{displayName:k.from.symbol,image:k.from.logo},chain:{displayName:Oe(k.from.blockchain,p),image:k.from.blockchainLogo},price:{value:L===0?A(o.value,6,6):A(k.fromAmount,6,6),usdValue:A((k.from.usdPrice??0)*parseFloat(k.fromAmount),4,4),realValue:le(L===0?o.value:k.fromAmount),realUsdValue:le(new Sc(k.from.usdPrice??0).multipliedBy(k.fromAmount))}},to:{token:{displayName:k.to.symbol,image:k.to.logo},chain:{displayName:Oe(k.to.blockchain,p),image:k.to.blockchainLogo},price:{value:A(k.toAmount,6,6),usdValue:A((k.to.usdPrice??0)*parseFloat(k.toAmount),4,4),realValue:le(k.toAmount),realUsdValue:le(new Sc(k.to.usdPrice??0).multipliedBy(k.toAmount))}},state:W,alerts:$||F?O.createElement(Vp,null,O.createElement(vh,{type:$?"error":"warning",title:r?.type===3?r?.recommendation:Yi.t(`Slippage ${$?"Error":"Warning"}:`),footer:O.createElement(jp,null,r?.type===3&&O.createElement(O.Fragment,null,O.createElement(Wo,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),O.createElement(Ji,{direction:"horizontal",size:8}),O.createElement(Wo,{size:"xsmall",variant:"body",color:"neutral900"},"|"),O.createElement(Ji,{direction:"horizontal",size:8}),O.createElement(Wo,{size:"xsmall",variant:"body",color:"neutral900"},Yi.t({id:"Yours: {amount} {symbol}",values:{amount:A(k.fromAmount,6,6),symbol:k?.from.symbol}}))),(r?.type===4||s?.type===2)&&O.createElement(Wo,{size:"xsmall",variant:"body",color:"neutral900"},Yi.t({id:"Minimum required slippage is {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get(L)},...s?.type===2&&{minRequiredSlippage:s.recommendedSlippages?.get(L)}}})))})):void 0}}),"getQuoteSteps")(e.result?.swaps??[]),v=T.length,I=N();return O.createElement(O.Fragment,null,O.createElement(Jp,{recommended:l,listItem:a==="list-item",basic:a==="basic"},O.createElement("div",{className:Zp()},O.createElement(cc,{steps:v,quote:e}),a==="basic"&&O.createElement("div",{className:Rp()},O.createElement(rc,null,O.createElement(xh,{size:12,color:"gray"})),O.createElement(ic,null,O.createElement(Hi,{size:"small",variant:"body"},`${f} ${T[0].from.token.displayName} = `),O.createElement(yc,{content:le(n.value),container:I,open:n.value?void 0:!1},O.createElement(Hi,{size:"small",variant:"body"},"\xA0",`${C} ${T[T.length-1].to.token.displayName}`))),O.createElement(yc,{content:le(n.usdValue),container:I,style:{display:"flex"}},O.createElement(Wo,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${S})`))),a==="list-item"&&O.createElement(Ih,{type:"output",direction:"vertical",tooltipContainer:I,price:{value:C,usdValue:S,realValue:le(n.value),realUsdValue:le(n.usdValue)},token:{displayName:T[v-1].to.token.displayName,image:T[v-1].to.token.image},chain:{image:T[v-1].to.chain.image},percentageChange:g,warningLevel:x}),a==="swap-preview"&&O.createElement(O.Fragment,null,O.createElement(Ao,{from:T[0].from,to:T[v-1].to,percentageChange:g,warningLevel:x}),O.createElement(Ji,{size:4}))),O.createElement(Kp,{recommended:l,open:u,onOpenChange:h},O.createElement(hc,{quoteRef:m,recommended:l,setExpanded:h,expanded:u,steps:T}),O.createElement(oc,{open:u},O.createElement(nc,null),O.createElement("div",{className:Yp()},T.map((w,k)=>{let L=`item-${k}`;return O.createElement(bh,{type:"quote-details",key:L,step:w,hasSeparator:k!==T.length-1,state:w.state,tooltipContainer:I})}))))))}i(Zi,"Quote");import{Divider as Nh,Skeleton as Bh}from"@rango-dev/ui";import gt from"react";import{darkTheme as Wh,styled as nr}from"@rango-dev/ui";var Cc=nr("div",{$$color:"$colors$neutral100",[`.${Wh} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15 ",variants:{rounded:{true:{borderRadius:"$xm"}}}}),Tc=nr("div",{paddingTop:"$2"}),kc=nr("div",{paddingLeft:"$8"}),wc=nr("div",{borderLeft:"1px dashed black",minHeight:" 0",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});import{ChainToken as Mc,Divider as zt,Skeleton as at}from"@rango-dev/ui";import G from"react";import{styled as st}from"@rango-dev/ui";var vc=st("div",{display:"flex",justifyContent:"space-between",alignItems:"center",height:"22px"}),xc=st("div",{display:"flex"}),bc=st("div",{padding:"$15 $0 14px $0"}),Ic=st("div",{padding:"$6 $0 $15 $0",display:"flex",flexDirection:"column"}),Ac=st("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$5"}),Ec=st("div",{display:"flex",justifyContent:"space-between",alignItems:"end"}),Wc=st("div",{height:"$28",marginLeft:"13px",borderLeft:"1px solid $neutral700"}),Lc=st("div",{width:"65%",display:"flex",justifyContent:"start"}),Nc=st("div",{display:"flex",flexDirection:"column",alignItems:"start",flexGrow:1,maxWidth:"148px"}),Bc=st("div",{padding:"$15 $0 $15 $0"});function Lo(t){let{type:e,tag:o=!1}=t,n=G.createElement(Ec,null,G.createElement(Lc,null,G.createElement(Mc,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),G.createElement(zt,{size:8,direction:"horizontal"}),G.createElement(Nc,null,G.createElement(at,{height:10,width:60,variant:"rounded"}),G.createElement(zt,{size:4}),G.createElement(at,{height:15,variant:"rounded"}))),G.createElement(at,{height:12,width:64,variant:"rounded"}));return G.createElement("div",null,G.createElement(vc,null,G.createElement(xc,null,G.createElement(at,{width:60,height:10,variant:"rounded"}),G.createElement(zt,{size:4,direction:"horizontal"}),G.createElement(at,{width:60,height:10,variant:"rounded"}),G.createElement(zt,{size:4,direction:"horizontal"}),G.createElement(at,{width:60,height:10,variant:"rounded"})),o&&G.createElement(at,{height:22,width:100,variant:"rounded"})),e==="basic"&&G.createElement(bc,null,G.createElement(at,{height:15,width:148,variant:"rounded"})),e==="list-item"&&G.createElement(Ic,null,G.createElement(Ac,null,G.createElement(Mc,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),G.createElement(zt,{direction:"horizontal",size:4}),G.createElement(at,{height:15,width:150,variant:"rounded"})),G.createElement(zt,{size:4}),G.createElement(at,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&G.createElement(G.Fragment,null,G.createElement(zt,{size:4}),G.createElement(Bc,null,n,G.createElement(Wc,null),n)))}i(Lo,"QuoteSummarySkeleton");import{ChainToken as Fc,Divider as es,NextIcon as Lh,Skeleton as rr}from"@rango-dev/ui";import ge from"react";import{styled as No}from"@rango-dev/ui";var Pc=No("div",{display:"flex",alignItems:"start"}),$c=No("div",{flexGrow:1,paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center"}),Ri=No("div",{display:"flex",alignItems:"center",flexGrow:1}),_c=No("div",{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}),Dc=No("div",{display:"flex",alignItems:"center"});function lt(t){let{separator:e=!0}=t;return ge.createElement(ge.Fragment,null,ge.createElement(Dc,null,ge.createElement(rr,{height:22,width:22,variant:"circular"}),ge.createElement(es,{direction:"horizontal",size:8}),ge.createElement(rr,{height:15,width:148,variant:"rounded"})),ge.createElement(Pc,null,ge.createElement(wc,{hideSeparator:!e}),ge.createElement($c,null,ge.createElement(Ri,null,ge.createElement(Fc,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ge.createElement(es,{direction:"horizontal",size:8}),ge.createElement(rr,{height:12,variant:"rounded"})),ge.createElement(_c,null,ge.createElement(Lh,{color:"gray",size:16})),ge.createElement(Ri,null,ge.createElement(Fc,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ge.createElement(es,{direction:"horizontal",size:8}),ge.createElement(rr,{height:12,variant:"rounded"})))))}i(lt,"StepSkeleton");function ts(t){let{type:e,expanded:o,tag:n=!1}=t;return gt.createElement(Cc,{rounded:e!=="basic"},gt.createElement(Lo,{type:e,tag:n}),gt.createElement(Tc,null,gt.createElement(Bh,{height:15,variant:"rounded"})),o&&gt.createElement(kc,null,gt.createElement(Nh,{size:20}),gt.createElement(lt,null),gt.createElement(lt,null),gt.createElement(lt,{separator:!1})))}i(ts,"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}=X(),m=!(r&&(r.type===0||r.type===1))&&e&&e.result&&!n;return n?ir.createElement(zi,null,ir.createElement(ts,{type:o,expanded:a})):m?ir.createElement(zi,null,ir.createElement(Zi,{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 $h}from"@rango-dev/queue-manager-rango-preset";import{useEffect as _h}from"react";import{useRef as Mh,useState as Ph}from"react";function sr(){let[t,e]=Ph(!1),o=Mh(null),n=i(()=>o.current?.abort(),"cancel");return{fetch:i(async s=>{n(),o.current=new AbortController,e(!0);try{let a=await Vt().getBestRoute(s,{signal:o.current.signal});return o.current=null,a}catch(a){throw a}finally{e(!1)}},"fetch"),loading:t,cancelFetch:n}}i(sr,"useFetchQuote");function ar(t){if(!t.result)throw new Error(j().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(ar,"throwErrorIfResponseIsNotValid");function Uc(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:A(Kt(e)),percentageChange:A(qe(Kt(t)??"",Kt(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(Uc,"generateWarnings");function lr(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(lr,"handleQuoteErrors");function os(){let{fromToken:t,toToken:e,inputAmount:o,setQuote:n,quote:r,customDestination:s,setQuoteWarningsConfirmed:a}=X(),{slippage:l,customSlippage:p,affiliatePercent:c,affiliateRef:u,affiliateWallets:h}=d(),m=d().getDisabledLiquiditySources(),{connectedWallets:f}=V(),C=d().blockchains(),S=d().tokens(),{features:y}=d().config,{enableNewLiquiditySources:g}=d().config,x=p||l,{fetch:b,cancelFetch:T,loading:v}=sr();return _h(()=>T,[]),{loading:v,fetch:i(async w=>{let k=w.selectedWallets,L=w?.customDestination??s;if(!t||!e||!o)return{quote:null,swap:null,error:null,warnings:null};let W=kn({fromToken:t,toToken:e,inputAmount:o,wallets:f,selectedWallets:k,excludeLiquiditySources:g,disabledLiquiditySources:m,slippage:x,affiliateRef:u,affiliatePercent:c,affiliateWallets:h,initialQuote:r??void 0,destination:L});un("experimentalRoute",y)&&(W.experimental=!0);let $;try{$=await b(W).then(J=>ar(J)),n($)}catch(J){return lr(J)}let F={slippage:x.toString(),disabledSwappersGroups:m},E=$h(o.toString(),$,rl(k),F,!1,{blockchains:C,tokens:S}),P=Uc(r??void 0,$,{fromToken:t,toToken:e,meta:{blockchains:C,tokens:S},selectedWallets:k,userSlippage:x});return P.quoteUpdate&&a(!1),{quote:$,swap:E,error:null,warnings:P}},"fetch"),cancelFetch:T}}i(os,"useConfirmSwap");var Kh=Oh("div",{width:"100%",display:"flex",justifyContent:"space-between",[`& ${qc}`]:{width:"$48",height:"$48"}}),Yh=rs({flexGrow:1,paddingRight:"$10"}),Jh=rs({width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}),Zh=rs({display:"flex",justifyContent:"space-between",alignItems:"center"});function zc(){let{quote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:s,quoteWarningsConfirmed:a}=X(),l=Xh(),p=jh(),[c,u]=cr(""),{connectedWallets:h}=V(),m=!n,[f,C]=cr(!1),{isActiveTab:S}=ee(),y=d().getDisabledLiquiditySources(),g=Qh(y),{manager:x}=Dh(),{fetch:b,loading:T,cancelFetch:v}=os(),[I,w]=cr({swap:null,error:null,warnings:null}),[k,L]=cr(!1),W=i(async({selectedWallets:Q,customDestination:Ne})=>{let K=await b?.({selectedWallets:Q,customDestination:Ne});return w(K),K},"onConfirmSwap"),$=i(async()=>{if(I.swap&&n)try{await x?.create("swap",{swapDetails:I.swap},{id:I.swap.requestId});let Q=`../${_.swaps}/${I.swap.requestId}`;l(Q,{replace:!0}),setTimeout(()=>{e("")},0)}catch(Q){u("Error: "+Q?.message)}},"addNewSwap"),F=i(async()=>{await $()},"onConfirm"),E=i(async()=>{I?.warnings?.quote&&!a?L(!0):await F()},"onStartConfirmSwap"),P=i(async()=>{w({error:null,swap:null,warnings:null}),b({selectedWallets:o,customDestination:s}).then(Q=>{w(Q)}).catch(Q=>console.error(Q))},"onRefresh");Mo(()=>{!!g.current.length&&!y.length&&P(),g.current=y},[y.length]),Mo(()=>{m&&v()},[m]),Mo(()=>{m&&C(m)},[m]),Mo(()=>{m||b({selectedWallets:o,customDestination:s}).then(Q=>w(Q)).catch(Q=>console.error(Q))},[]),Mo(()=>{let Q=I.warnings?.quote?.type&&Object.values(vt).includes(I.warnings?.quote?.type),Ne=o.length<1||!o.every(q=>h.find(ke=>q.address===ke.address&&q.walletType===ke.walletType&&q.chain===ke.chain)),K=!1;if(Q){let q=gn(t),ke=t?.result?.swaps[t.result.swaps.length-1].to.blockchain;!!t?.result?.swaps.find(mt=>mt.from.blockchain===ke)||(q=q.slice(-q.length,q.length-1)),q.every(mt=>o.find(U=>U.chain===mt))||(K=!0)}t&&(Ne||K)&&(queueMicrotask(()=>Vh(C.bind(null,!0))),r(!1))},[I.warnings?.quote,o.length,h.length]),Hh(()=>{t||l(`../${p.search}`)},[]);let J=I.warnings?.quote??null,re=I.error,ce=[];return c&&ce.push(pe.createElement(Oc,{type:"error",variant:"alarm",title:c})),I.warnings?.quoteUpdate&&ce.push(pe.createElement(Oc,{variant:"alarm",type:"warning",title:I.warnings.quoteUpdate&&bn(I.warnings.quoteUpdate)})),(J||re)&&ce.push(pe.createElement(bo,{warning:J,error:re,loading:T,refetchQuote:P,showWarningModal:k,confirmationDisabled:!S,onOpenWarningModal:()=>L(!0),onCloseWarningModal:()=>L(!1),onConfirmWarningModal:async()=>{L(!1),await $()},onChangeSettings:()=>l(_.settings)})),pe.createElement(ne,{header:{title:pr.t("Confirm Swap"),onWallet:()=>{let Q=`../${_.wallets}`;l(Q)},suffix:pe.createElement(qh,{container:N(),side:"bottom",content:pr.t("Settings")},pe.createElement(Ge,{size:"small",variant:"ghost",onClick:()=>l("../"+_.settings)},pe.createElement(Uh,{size:18,color:"black"})))},footer:pe.createElement(Kh,null,pe.createElement("div",{className:Yh()},pe.createElement(Fh,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:T,disabled:!!I.error||!S,onClick:E},pr.t("Start Swap"))),pe.createElement(qc,{variant:"contained",type:"primary",size:"large",loading:T,onClick:C.bind(null,!0)},pe.createElement(Gh,{size:24})))},f&&pe.createElement(Ip,{open:f,onClose:()=>C(!1),onCancel:v,loading:T,onCheckBalance:W}),pe.createElement(se,null,pe.createElement("div",{className:Zh()},pe.createElement(zh,{variant:"title",size:"small"},pr.t("You get")),pe.createElement("div",{className:Jh()},pe.createElement(On,{onClick:!T&&!f&&!k?P:void 0}))),pe.createElement(ns,{size:"12"}),Fl(ce,pe.createElement(ns,{size:10})),ce.length>0?pe.createElement(ns,{size:10}):null,pe.createElement(Bo,{quote:t,type:"swap-preview",expanded:!0,error:I.error,loading:T,warning:I.warnings?.quote??null})))}i(zc,"ConfirmSwapPage");import{i18n as mr}from"@lingui/core";import{useManager as fy}from"@rango-dev/queue-manager-react";import{Divider as Rc,NotFound as gy,styled as hy}from"@rango-dev/ui";import yt,{useState as yy}from"react";import{useNavigate as Sy}from"react-router-dom";import{i18n as ty}from"@lingui/core";import{Divider as jc,GroupedVirtualizedList as oy,Skeleton as ny,SwapListItem as Xc,Typography as ry}from"@rango-dev/ui";import We,{useCallback as Kc,useEffect as iy,useRef as sy,useState as ay}from"react";function Gc(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(Gc,"calculateGroupsSoFar");import{css as Rh,darkTheme as ey,styled as Po}from"@rango-dev/ui";var is=Rh(),Hc=Po("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$5"}),ss=Po("div",{width:"100%",display:"flex",flexDirection:"column",backgroundColor:"$background",padding:"$10 $5 0 $5",[`& .${is}`]:{$$color:"$colors$neutral600",[`.${ey} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),as=Po("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),Qc=Po("div",{gap:"$10",display:"flex",flexDirection:"column"}),Vc=Po("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});var ly=10;function ls(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,[s,a]=ay([]),l=sy(0),{swaps:p,groupCounts:c,groups:u}=n(e),h=Kc(Gc,[]),m=Kc(()=>{let f=e.length-l.current;f&&(l.current+=Math.min(f,ly),a(h(c,l.current)))},[e.length]);if(iy(()=>{r||m()},[r,m]),r){let f=[1,2];return We.createElement(We.Fragment,null,[f,f].map((S,y)=>We.createElement(ss,{key:y},We.createElement(as,null,We.createElement(ny,{variant:"text",width:60,size:"small"}),We.createElement(jc,{size:16})),We.createElement(jc,{size:4}),We.createElement(Qc,null,S.map((x,b)=>We.createElement(Xc,{isLoading:!0,key:b}))))))}return We.createElement(oy,{endReached:()=>{l.current<e.length&&m()},groupCounts:s,groupContent:f=>We.createElement(ss,null,We.createElement(as,null,We.createElement(ry,{variant:"label",size:"medium",className:is()},u[f]))),itemContent:(f,C)=>{let S=p[f];if(!S)return null;let y=S.steps[0],g=S.steps[S.steps.length-1];return We.createElement(Hc,{key:S.requestId},We.createElement(Xc,{requestId:S.requestId,creationTime:S.creationTime,status:S.status,onClick:o,tooltipContainer:N(),onlyShowTime:u[C]===ty.t("Today"),swapTokenData:{from:{token:{image:y.fromLogo,displayName:y.fromSymbol},blockchain:{image:y.fromBlockchainLogo||""},amount:A(S.inputAmount,6,6),realAmount:le(S.inputAmount)},to:{token:{image:g.toLogo,displayName:g.toSymbol},blockchain:{image:g.toBlockchainLogo||""},amount:A(g.outputAmount||g.expectedOutputAmountHumanReadable||"",6,6),realAmount:le(g.outputAmount||g.expectedOutputAmountHumanReadable)}}}))}})}i(ls,"HistoryGroupedList");import{CloseIcon as cy,IconButton as uy,SearchIcon as my,TextField as dy}from"@rango-dev/ui";import $o from"react";import{styled as py}from"@rango-dev/ui";var Yc=py("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function ht(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:s,value:a,setValue:l,...p}=t;return $o.createElement(dy,{prefix:$o.createElement(Yc,null,$o.createElement(my,{color:"black"})),suffix:!!a.length&&$o.createElement(uy,{variant:"ghost",onClick:()=>l?.(""),size:"small"},$o.createElement(cy,{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(ht,"SearchInput");import{i18n as ur}from"@lingui/core";import Jc from"dayjs";var Zc=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=Jc();t.forEach(p=>{let c=Number(p.creationTime),u=Jc(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 h=new Date(c).getFullYear().toString();o(h,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 Cy=hy("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),Ty=i((t,e)=>t?.length?t.filter(o=>tt(o.fromBlockchain,e)||tt(o.toBlockchain,e)||tt(o.toSymbol,e)||tt(o.fromSymbol,e)).length:!1,"isStepContainsText");function eu(){let t=Sy(),{manager:e,state:o}=fy(),n=At(e).map(({swap:u})=>u),[r,s]=yy(""),a=!o.loadedFromPersistor,l=i(u=>{let h=u.target.value;s(h)},"searchHandler"),p=n;r&&(p=n.filter(u=>tt(u.inputAmount,r)||tt(u.status,r)||Ty(u.steps,r)||tt(u.requestId,r)));let c=!p?.length&&!a;return yt.createElement(ne,{header:{title:mr.t("History")}},yt.createElement(se,null,yt.createElement(ht,{setValue:s,fullWidth:!0,variant:"contained",placeholder:mr.t("Search Transaction"),autoFocus:!0,onChange:l,value:r}),yt.createElement(Rc,{size:"16"}),yt.createElement(Cy,null,c&&yt.createElement(Vc,null,yt.createElement(Rc,{size:32}),yt.createElement(gy,{title:mr.t("No results found"),description:r?mr.t("Try using different keywords"):""})),!c&&yt.createElement(ls,{list:p,onSwapClick:t,groupBy:Zc,isLoading:a}))))}i(eu,"HistoryPage");import{i18n as us}from"@lingui/core";import{Button as Ay,Divider as ru,styled as su,SwapInput as iu,WarningIcon as Ey}from"@rango-dev/ui";import xe,{useEffect as Wy,useState as Ly}from"react";import{useNavigate as Ny}from"react-router-dom";import{ReverseIcon as ky,styled as tu}from"@rango-dev/ui";import ps from"react";var wy=tu("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),vy=tu("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 ou(){let t=X.use.switchFromAndTo();return ps.createElement(wy,null,ps.createElement(vy,{onClick:()=>{t()}},ps.createElement(ky,{size:12})))}i(ou,"SwitchFromAndToButton");import{useCallback as xy,useEffect as by,useState as cs}from"react";var Iy=600;function nu(){let{fetch:t,cancelFetch:e}=sr(),{enableNewLiquiditySources:o,features:n}=d().config,r=d().tokens(),{fromToken:s,toToken:a,inputAmount:l,inputUsdValue:p,quote:c,resetQuote:u,setQuote:h}=X(),{slippage:m,customSlippage:f,affiliatePercent:C,affiliateRef:S,affiliateWallets:y,fetchStatus:g}=d(),x=d().getLiquiditySources(),b=d().getDisabledLiquiditySources(),T=d().excludeLiquiditySources(),[v,I]=cs(!0),[w,k]=cs(null),[L,W]=cs(null),$=f??m,E=!s||!a||Ae(s,a)||!fo(l),P=i(ce=>{I(ce),k(null),W(null)},"resetState"),J=i(ce=>{let{fromToken:Q,toToken:Ne,inputAmount:K,liquiditySources:q,excludeLiquiditySources:ke,disabledLiquiditySources:ut,slippage:Be,affiliateRef:mt,affiliatePercent:U,affiliateWallets:Y}=ce;if(v||P(!0),!E&&Q&&Ne){u();let Z=kn({fromToken:Q,toToken:Ne,inputAmount:K,liquiditySources:q,excludeLiquiditySources:ke,disabledLiquiditySources:ut,slippage:Be,affiliateRef:mt,affiliatePercent:U,affiliateWallets:Y});un("experimentalRoute",n)&&(Z.experimental=!0),t(Z).then(me=>{I(!1),h(me),ar(me);let we=wn(me,{fromToken:Q,toToken:Ne,userSlippage:$,tokens:r});W(we)}).catch(me=>{let{error:we}=lr(me);(we?.type===0||we?.type===1)&&u(),we?.type!==2&&(k(we),I(!1))})}},"fetch"),re=xy(Ba(ce=>{E||J(ce)},Iy),[E]);return by(()=>{if(g==="success"){if(!fo(l)||p?.eq(0)){P(!1),e();return}if(E){c&&u();return}return u(),P(!0),re({inputAmount:l,fromToken:s,toToken:a,liquiditySources:x,excludeLiquiditySources:T,disabledLiquiditySources:b,slippage:$,affiliateRef:S,affiliatePercent:C,affiliateWallets:y}),e}},[g,l,s?.symbol,s?.address,s?.blockchain,a?.symbol,a?.address,a?.blockchain,E,x?.length,o,b.length,$,S,C,JSON.stringify(y)]),{fetch:()=>J({inputAmount:l,fromToken:s,toToken:a,liquiditySources:x,excludeLiquiditySources:T,disabledLiquiditySources:b,slippage:$,affiliateRef:S,affiliatePercent:C,affiliateWallets:y}),loading:v,error:w,warning:L}}i(nu,"useSwapInput");var By=su("div",{position:"relative"}),My=su("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"});function au(){let t=Ny(),{fetch:e,loading:o,error:n,warning:r}=nu(),{fromToken:s,fromBlockchain:a,toToken:l,toBlockchain:p,setInputAmount:c,inputAmount:u,inputUsdValue:h,outputAmount:m,outputUsdValue:f,quote:C,resetQuoteWallets:S,setQuoteWarningsConfirmed:y}=X(),{config:g,fetchStatus:x}=d(),{connectedWallets:b,getBalanceFor:T}=V(),{isActiveTab:v}=ee(),[I,w]=Ly(!1),k=!!a&&xa(b,a.name),L=!1,W=!Rr(C,u,h),$=!Rr(C,u,f),F=Ra({fetchMetaStatus:x,fetchingQuote:o,inputAmount:u,quote:C,anyWalletConnected:b.length>0,error:n,warning:r,needsToWarnEthOnPath:L}),E=s?T(s):null,P=rn(E)?.amount??"0",J=a&&s?A(E?.amount,E?.decimals):"0",re=x==="success"&&!!u&&!!s&&!!l&&o;Wy(()=>{S()},[]);let ce=!h||!f||!f.gt(0)?null:qe(h.toString(),f.toString());return xe.createElement(ne,{height:"auto",footer:xe.createElement(Ay,{type:"primary",size:"large",disabled:F.disabled||!v,prefix:F.action==="confirm-warning"&&xe.createElement(Ey,null),fullWidth:!0,onClick:()=>{F.action==="connect-wallet"?t(_.wallets):F.action==="confirm-warning"?w(!0):t(_.confirmSwap)}},F.title),header:{onWallet:()=>{t(_.wallets)},hasBackButton:!1,title:g.title||us.t("Swap"),suffix:xe.createElement(Ii,{onClickRefresh:(C||n)&&!I?e:void 0,onClickHistory:()=>t(_.swaps),onClickSettings:()=>t(_.settings)})}},xe.createElement(se,null,xe.createElement(My,null,xe.createElement(By,null,xe.createElement(iu,{label:us.t("From"),mode:"From",onInputChange:c,balance:P,chain:{displayName:a?.displayName||"",image:a?.logo||""},token:{displayName:s?.symbol||"",image:s?.image||""},onClickToken:()=>t(_.fromSwap),price:{value:u,usdValue:W?void 0:A(h,4,4),realUsdValue:W?void 0:le(h),error:W?j().unknownPriceError.impactTitle:void 0},disabled:x==="failed",loading:x==="loading",loadingBalance:k,tooltipContainer:N(),onSelectMaxBalance:()=>{P!=="0"&&c(J.split(",").join(""))}}),xe.createElement(ou,null)),xe.createElement(iu,{sharpBottomStyle:!!C?.result||re,label:us.t("To"),mode:"To",fetchingQuote:re,chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:l?.symbol||"",image:l?.image||""},percentageChange:A(qe(h,f),2,2),warningLevel:ft(ce??0),price:{value:A(m,6,6),usdValue:$?void 0:A(f,4,4),realValue:le(m),realUsdValue:$?void 0:le(f),error:$?j().unknownPriceError.impactTitle:void 0},onClickToken:()=>t(_.toSwap),disabled:x==="failed",loading:x==="loading",tooltipContainer:N()})),xe.createElement(ru,{size:"2"}),xe.createElement(Bo,{quote:C,loading:re,error:n,warning:r,type:"basic"}),r||n?xe.createElement(xe.Fragment,null,xe.createElement(ru,{size:"10"}),xe.createElement(bo,{warning:r,error:n,loading:re,refetchQuote:e,showWarningModal:I,confirmationDisabled:!v,onOpenWarningModal:()=>w(!0),onCloseWarningModal:()=>w(!1),onConfirmWarningModal:()=>{w(!1),y(!0),t(_.confirmSwap)},onChangeSettings:()=>t(_.settings)})):null))}i(au,"Home");import{i18n as lu}from"@lingui/core";import{List as Py,ListItemButton as $y,Radio as _y,RadioRoot as Dy,Typography as Fy}from"@rango-dev/ui";import Nt from"react";function ao(){let{setLanguage:t,language:e,config:o}=d(),n=$a,r=o?.language||ho;return{activeLanguage:e||r,languages:n,defaultLanguage:r,changeLanguage:s=>t(s||ho),resetLanguage:()=>t(null)}}i(ao,"useLanguage");function pu(){let{activeLanguage:t,changeLanguage:e,languages:o}=ao(),n=o.map(r=>{let{local:s,label:a,SVGFlag:l}=r;return{id:s,value:s,title:Nt.createElement(Fy,{variant:"title",size:"xmedium"},a),onClick:()=>e(r.local),end:Nt.createElement(_y,{value:s}),start:Nt.createElement(l,null)}});return Nt.createElement(ne,{header:{title:lu.t("Language")}},Nt.createElement(se,null,Nt.createElement(Dy,{value:t},Nt.createElement(Py,{type:Nt.createElement($y,{title:lu.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}i(pu,"LanguagePage");import{i18n as St}from"@lingui/core";import{Button as Gy,Checkbox as Hy,Image as Qy,ListItemButton as Vy,NotFound as jy,Typography as Xy}from"@rango-dev/ui";import Le,{useState as Ky}from"react";import{Checkbox as qy,Skeleton as uu}from"@rango-dev/ui";import Do from"react";import{styled as ms}from"@rango-dev/ui";var _o=ms("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto",variants:{disabled:{true:{pointerEvents:"none"}}}}),ds=ms("div",{width:80,display:"flex",justifyContent:"flex-end"}),fs=ms("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});import{ListItem as Uy,styled as Oy}from"@rango-dev/ui";var cu=Oy(Uy,{height:61});var zy=30;function gs(){return Do.createElement(_o,null,Array.from(Array(zy),t=>Do.createElement(cu,{hasDivider:!0,key:t,start:Do.createElement(uu,{variant:"circular",width:35,height:35}),title:Do.createElement(uu,{variant:"text",size:"large",width:90}),end:Do.createElement(qy,{checked:!1})})))}i(gs,"LoadingLiquiditySourceList");function hs({sourceType:t}){let e=d().fetchStatus,o=d().swappers(),n=d().getDisabledLiquiditySources(),[r,s]=Ky(""),a=d().toggleLiquiditySource,l=d().isInCampaignMode(),p=cn(o,n),c={Exchanges:St.t("Exchanges"),Bridges:St.t("Bridges")},u=[];t==="Exchanges"&&u.push("DEX"),t==="Bridges"&&(u.push("BRIDGE"),u.push("AGGREGATOR"));let h=p.filter(g=>u.includes(g.type)),m=h.length===h.filter(g=>g.selected).length,f=i(()=>{h.forEach(g=>{m?a(g.groupTitle):g.selected||a(g.groupTitle)})},"toggleAllSources"),C=h.map(g=>{let{selected:x,groupTitle:b,logo:T}=g;return{start:Le.createElement(Qy,{src:T,size:22,type:"circular"}),onClick:()=>{l||a(b)},end:Le.createElement(Hy,{checked:x,disabled:l}),title:Le.createElement(Xy,{variant:"title",size:"xmedium"},St.t(b)),...g}}),S=i(g=>{let x=g.target.value;s(x)},"searchHandler"),y=C;return r&&(y=C.filter(g=>tt(g.groupTitle,r))),Le.createElement(ne,{header:{title:St.t(t),suffix:Le.createElement(ds,null,Le.createElement(Gy,{variant:"ghost",size:"xsmall",onClick:f},m?St.t("Deselect all"):St.t("Select all")))}},Le.createElement(se,{view:!0},Le.createElement(ht,{value:r,setValue:s,fullWidth:!0,color:"light",variant:"contained",placeholder:St.t("Search {sourceType}",{sourceType:c[t]}),onChange:S}),e==="loading"&&Le.createElement(gs,null),!y.length&&r?Le.createElement(fs,null,Le.createElement(jy,{title:St.t("No results found"),description:St.t("Try using different keywords")})):e==="success"&&Le.createElement(_o,{disabled:l},y.map(g=>Le.createElement(Le.Fragment,{key:g.id},Le.createElement(Vy,{style:{height:"61px"},...g,selected:!1,hasDivider:!0}))))))}i(hs,"LiquiditySourcePage");import{i18n as Cu}from"@lingui/core";import{Divider as Tu,getCountCategories as iS,SelectableCategoryList as sS}from"@rango-dev/ui";import Ct,{useState as ku}from"react";import{i18n as Ss}from"@lingui/core";import{Divider as yu,Image as eS,ListItemButton as tS,NotFound as oS,Typography as Su}from"@rango-dev/ui";import Qe,{useEffect as nS,useState as rS}from"react";import{BlockchainCategories as ys}from"@rango-dev/ui";import{TransactionType as dr}from"rango-sdk";var Yy=i((t,e)=>{switch(e){case ys.ALL:return!0;case ys.UTXO:return t.type===dr.TRANSFER;case ys.OTHER:return t.type!==dr.TRANSFER&&t.type!==dr.COSMOS&&t.type!==dr.EVM;default:return t.type===e}},"filterByType"),mu=i((t,e,o)=>t.filter(n=>Yy(n,o)).filter(n=>$t(n.name,e)||$t(n.displayName,e)),"filterBlockchains");import{ImageContainer as Jy,styled as du}from"@rango-dev/ui";var fu=du("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),fr=du(To,{padding:0,margin:0,listStyle:"none",[`& ${Jy}`]:{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as Zy,Skeleton as gu}from"@rango-dev/ui";import gr from"react";var Ry=20;function hu(){return gr.createElement(fr,null,Array.from(Array(Ry),t=>gr.createElement(Zy,{key:t,hasDivider:!0,start:gr.createElement(gu,{variant:"circular",width:35,height:35}),title:gr.createElement(gu,{variant:"text",size:"large",width:90})})))}i(hu,"LoadingBlockchainList");function Cs(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=rS(e),{fetchStatus:l}=d();nS(()=>{a([...mu(e,o,r)])},[e,o,r]);let p=i(()=>!s.length&&o?Qe.createElement(Qe.Fragment,null,Qe.createElement(yu,{size:32}),Qe.createElement(oS,{title:Ss.t("No results found"),description:Ss.t("Try using different keywords")})):Qe.createElement(fr,{as:"ul",key:`${r}-${o}`},s.map(c=>Qe.createElement(tS,{key:`${c.name}-${c.chainId}`,hasDivider:!0,onClick:()=>n(c),start:Qe.createElement(eS,{src:c.logo,size:30}),title:Qe.createElement(Su,{variant:"title",size:"medium"},c.displayName),id:c.chainId}))),"renderList");return Qe.createElement(fu,null,Qe.createElement(Su,{variant:"label",size:"large"},Ss.t("Select Blockchain")),Qe.createElement(yu,{size:4}),l==="loading"&&Qe.createElement(hu,null),l==="success"&&p())}i(Cs,"BlockchainList");function Ts(t){let{type:e}=t,o=It(),[n,r]=ku(""),[s,a]=ku("ALL"),l=X.use.setToBlockchain(),p=X.use.setFromBlockchain(),c=d().fetchStatus,u=d().blockchains({type:e}),m=iS(u)!==1;return Ct.createElement(ne,{header:{title:Cu.t("Select Blockchain")}},Ct.createElement(se,{view:!0},m&&Ct.createElement(Ct.Fragment,null,Ct.createElement(sS,{setCategory:a,category:s,blockchains:u,isLoading:c==="loading"}),Ct.createElement(Tu,{size:24})),Ct.createElement(ht,{value:n,autoFocus:!0,placeholder:Cu.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:f=>r(f.target.value)}),Ct.createElement(Tu,{size:16}),Ct.createElement(Cs,{list:u,searchedFor:n,blockchainCategory:s,onChange:f=>{e==="source"?p(f):l(f),o()}})))}i(Ts,"SelectBlockchainPage");import{i18n as Tr}from"@lingui/core";import{Divider as qu}from"@rango-dev/ui";import Gt,{useState as vS}from"react";import{useNavigate as xS}from"react-router-dom";import{i18n as vs}from"@lingui/core";import{BlockchainsChip as hr,Divider as bu,Image as Iu,Skeleton as uS,Tooltip as mS,Typography as xs}from"@rango-dev/ui";import Se from"react";import{useEffect as pS}from"react";var wu=["ETH","COSMOS","OSMOSIS"];function ks(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(aS),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(lS(a)),r=n.splice(s)}return{list:n,more:r}}i(ks,"prepare");function aS(t,e){let o=wu,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(aS,"sortByMostUsedBlockchains");function lS(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(lS,"generateSortByPreferredBlockchainsFor");function vu(t,e){return!!e.list.find(o=>o.name===t)}i(vu,"isInVisibleList");function ws(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=d();pS(()=>{if(e?.selected){let s=ks(t,o,e);vu(e.selected,s)||n(e?.selected)}},[e?.selected]);let r=ks(t,o,e);return{list:r.list,more:r.more,history:[]}}i(ws,"usePrepareBlockchainList");import{styled as cS}from"@rango-dev/ui";var xu=cS("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var dS=12;function bs(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:s}=t,a=ws(e,{limit:10,selected:n?.name}),{fetchStatus:l}=d(),p=X.use.resetToBlockchain(),c=X.use.resetFromBlockchain(),u=a.more.length>0,h=a.more.length===1,m=!h&&u;return Se.createElement(Se.Fragment,null,Se.createElement(bu,{size:12}),Se.createElement(xs,{variant:"label",size:"large"},vs.t("Select Blockchain")),Se.createElement(bu,{size:12}),Se.createElement(xu,null,l==="loading"&&Array.from(Array(dS),f=>Se.createElement(uS,{key:f,variant:"rounded",height:50})),l==="success"&&Se.createElement(Se.Fragment,null,Se.createElement(hr,{selected:!n,onClick:()=>{o==="from"?c():p()}},Se.createElement(xs,{variant:"body",size:"xsmall",color:"secondary500"},vs.t("All"))),a.list.map(f=>Se.createElement(mS,{key:f.name,content:f.shortName,side:"bottom",sideOffset:2,container:N()},Se.createElement(hr,{key:f.name,selected:!!n&&n.name===f.name,onClick:()=>r(f)},Se.createElement(Iu,{src:f.logo,size:30})))),h?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(xs,{variant:"body",size:"xsmall",color:"secondary500"},vs._("More +{count}",{count:a.more.length}))):null)))}i(bs,"BlockchainsSection");import{i18n as $s}from"@lingui/core";import{darkTheme as _u,Divider as po,ExternalLinkIcon as hS,Image as yS,ListItemButton as SS,NotFound as CS,PinIcon as TS,Skeleton as Du,Typography as Cr,VirtualizedList as kS}from"@rango-dev/ui";import D,{useEffect as Fu,useState as Uu}from"react";import{Divider as Pu,ListItem as gS,Skeleton as Fo}from"@rango-dev/ui";import Re from"react";import{css as lo,darkTheme as Au,ImageContainer as fS,styled as Ze,Typography as Eu}from"@rango-dev/ui";var Is=lo({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}),As=lo({position:"relative",height:12,width:"30%",maxWidth:"150px"}),Es=lo({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"}),Ws=lo({transform:"translateY(12px)",visibility:"hidden","& a":{display:"flex",justifyContent:"center",alignItems:"center",fontSize:"$12",lineHeight:"$16",$$color:"$colors$neutral600",[`.${Au} &`]:{$$color:"$colors$neutral700"},color:"$$color",textDecoration:"none"}}),Ls=lo({}),Ns=lo(),Wu=Ze("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),Bs=Ze("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),yr=Ze("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none","&:hover":{[`& .${As}`]:{[`& .${Ws}`]:{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},[`& .${Ls}`]:{bottom:"-15px"},[`& .${Is}`]:{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},[`& .${Es}`]:{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),Ms=Ze("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),Ps=Ze(Eu,{}),Lu=Ze("div",{textAlign:"right",width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",[`& .${Ns}`]:{$$color:"$colors$neutral600",[`.${Au} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Sr=Ze("div",{display:"flex",alignItems:"end",flexDirection:"column"}),m$=Ze("div",{display:"flex",alignItems:"center"}),Nu=Ze("div",{position:"relative",[`& ${fS}`]:{borderRadius:"$xm",overflow:"hidden"}}),Bu=Ze("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6}),Mu=Ze(Eu,{width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"});function $u(t){return Re.createElement(yr,null,Array.from(Array(t.size),e=>Re.createElement(gS,{key:e,hasDivider:!0,start:Re.createElement(Fo,{variant:"circular",width:35,height:35}),end:Re.createElement(Sr,null,Re.createElement(Fo,{variant:"text",size:"large",width:70}),Re.createElement(Pu,{size:4}),Re.createElement(Fo,{variant:"text",size:"medium",width:50})),title:Re.createElement("div",null,Re.createElement(Fo,{variant:"text",size:"large",width:90}),Re.createElement(Pu,{size:4}),Re.createElement(Fo,{variant:"text",size:"medium",width:90}))})))}i($u,"LoadingTokenList");var _s=20,wS=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:s,customCssForTagTitle:a}=t,l=e.length;return D.createElement("div",{className:As()},o?D.createElement("div",{className:Is()},o):D.createElement(Bs,{className:Es()},D.createElement(Cr,{variant:"title",size:"xmedium"},r.symbol),D.createElement(po,{direction:"horizontal",size:4}),D.createElement(Ms,{css:s},D.createElement(Ps,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&D.createElement("div",{className:`${Ws()} ${!o&&Ls()}`},D.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," ",D.createElement(po,{size:4,direction:"horizontal"}),D.createElement(hS,{color:"gray",size:12}))))},"renderDesc");function Ou(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=Uu(e),l=d().fetchStatus,p=d().blockchains(),[c,u]=Uu(!0),{getBalanceFor:h,loading:m}=V(),{isTokenPinned:f}=d(),C=i(()=>{a(e.slice(0,s.length+_s))},"loadNextPage");Fu(()=>{u(e.length>s.length)},[s.length]),Fu(()=>{a(e.slice(0,_s))},[e]);let S=i(()=>!s.length&&o?D.createElement(D.Fragment,null,D.createElement(po,{size:32}),D.createElement(CS,{title:$s.t("No results found"),description:$s.t("Try using different keywords")})):D.createElement(kS,{endReached:c?C:void 0,itemContent:y=>{let g=s[y],x=rn(h(g)),b=g.address||"",T=p.find(k=>k.name===g.blockchain),v=Pn(g.symbol,T?.color||""),I={$$color:v[`${g.symbol}100`],[`.${_u} &`]:{$$color:v[`${g.symbol}900`]},backgroundColor:"$$color"},w={$$color:v[`${g.symbol}700`],[`.${_u} &`]:{$$color:v[`${g.symbol}100`]},color:"$$color"};return D.createElement("div",{style:{paddingRight:5}},D.createElement(SS,{style:{width:"100%",overflow:"hidden"},"tab-index":y,key:`${g.symbol}${g.address}`,id:`${g.symbol}${g.address}`,hasDivider:!0,onClick:()=>n(s[y]),start:D.createElement(Nu,null,D.createElement(yS,{src:g.image,size:30}),f(g,t.type)&&D.createElement(Bu,null,D.createElement(TS,{size:12,color:"gray"}))),title:T?.type==="COSMOS"||g.name||!g.name&&!b?D.createElement(Bs,null,D.createElement(Cr,{variant:"title",size:"xmedium"},g.symbol),D.createElement(po,{direction:"horizontal",size:4}),D.createElement(Ms,{css:I},D.createElement(Ps,{variant:"body",size:"xsmall",css:w},g.blockchain))):void 0,description:T?.info&&b&&T.type!=="COSMOS"?wS({address:b,token:s[y],customCssForTag:I,customCssForTagTitle:w,name:g.name,url:T.info.addressUrl.split("{wallet}").join(b)}):g.name||void 0,end:m?D.createElement(Sr,null,D.createElement(Du,{variant:"text",size:"large",width:70}),D.createElement(po,{size:4}),D.createElement(Du,{variant:"text",size:"medium",width:50})):x&&D.createElement(Lu,null,D.createElement(Mu,{variant:"title",size:"small"},x.amount),D.createElement("div",null),x.usdValue&&D.createElement(Cr,{variant:"body",className:Ns(),size:"xsmall"},`$${x.usdValue}`))}))},totalCount:s.length,key:`${r}-${o}`}),"renderList");return D.createElement(Wu,null,D.createElement(Cr,{variant:"label",size:"large"},$s.t("Select Token")),D.createElement(po,{size:4}),l==="loading"&&D.createElement($u,{size:_s}),l==="success"&&D.createElement(yr,{as:"ul"},S()))}i(Ou,"TokenList");function Ds(t){let{type:e}=t,o=xS(),n=It(),{fromBlockchain:r,toBlockchain:s,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:c}=X(),u=V.use.getBalanceFor(),[h,m]=vS(""),{isTokenPinned:f}=d(),S=(e==="source"?r:s)?.name??"",y=d().blockchains({type:e}),g=d().tokens({type:e,blockchain:S,searchFor:h}),b=ka(g,u,i(w=>f(w,e),"checkIsTokenPinned")),T=i(w=>{e==="source"?p(w):c(w)},"updateBlockchain"),v=i(w=>{e==="source"?a({token:w,meta:{blockchains:y,tokens:g}}):l({token:w,meta:{blockchains:y,tokens:g}})},"updateToken"),I={source:Tr.t("Source"),destination:Tr.t("Destination")};return Gt.createElement(ne,{header:{title:Tr.t("Swap {type}",{type:I[e]})}},Gt.createElement(se,null,Gt.createElement(bs,{blockchains:y,type:e=="source"?"from":"to",blockchain:e==="source"?r:s,onMoreClick:()=>o(_.blockchains),onChange:w=>{T(w)}}),Gt.createElement(qu,{size:24}),Gt.createElement(ht,{value:h,autoFocus:!0,placeholder:Tr.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>m(""),onChange:w=>m(w.target.value)}),Gt.createElement(qu,{size:16}),Gt.createElement(Ou,{list:b,selectedBlockchain:S,searchedFor:h,type:e,onChange:w=>{v(w);let k=y.find(L=>w.blockchain===L.name);k&&T(k),n()}})))}i(Ds,"SelectSwapItemsPage");import{i18n as Bt}from"@lingui/core";import{Alert as BS,Button as MS,ChevronRightIcon as Os,Divider as qs,InfoIcon as PS,List as $S,ListItemButton as _S,Skeleton as DS,styled as FS,Switch as US,Tooltip as OS,Typography as Ht}from"@rango-dev/ui";import H from"react";import{useInRouterContext as qS,useNavigate as zS,useSearchParams as GS}from"react-router-dom";import{i18n as ju}from"@lingui/core";import{Divider as ES,InfoIcon as WS,TextField as LS,Tooltip as NS,Typography as Xu}from"@rango-dev/ui";import Fe from"react";import{Chip as bS,styled as Uo,TextField as IS}from"@rango-dev/ui";var zu=Uo("div",{paddingTop:"$5",padding:"$10 $5"}),Gu=Uo("div",{display:"flex",flexWrap:"wrap",gap:"$10",[`& ${IS}`]:{flex:"1 1 0",maxWidth:"127px",minWidth:"85px"}}),Hu=Uo("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),kr=Uo("div",{maxWidth:"280px",padding:"$10"}),Qu=Uo(bS,{width:"61px",flexShrink:0});import{i18n as Fs}from"@lingui/core";import{Typography as AS}from"@rango-dev/ui";import Oo from"react";function Vu(){return Oo.createElement(kr,null,Oo.createElement(AS,{variant:"label",size:"medium",color:"neutral700"},Fs.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),Oo.createElement("br",null),Oo.createElement("br",null),Oo.createElement("b",null,Fs.t("Warning")),":",Fs.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(Vu,"SlippageTooltipContent");function Us(){let{slippage:t,setSlippage:e,customSlippage:o,setCustomSlippage:n}=d();return Fe.createElement(zu,null,Fe.createElement(Hu,null,Fe.createElement(Xu,{variant:"title",size:"xmedium"},ju.t("Slippage tolerance per swap")),Fe.createElement(ES,{direction:"horizontal",size:4}),Fe.createElement(NS,{container:N(),side:"top",sideOffset:4,content:Fe.createElement(Vu,null)},Fe.createElement(WS,{color:"gray"}))),Fe.createElement(Gu,null,_a.map((r,s)=>{let a=`slippage-${s}`;return Fe.createElement(Fe.Fragment,null,Fe.createElement(Qu,{key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}))}),Fe.createElement(LS,{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&&Fe.createElement(Xu,{variant:"body",size:"small"},"%"),placeholder:ju.t("Custom")})))}i(Us,"Slippage");var HS=FS("div",{paddingLeft:"$8"});function Ku(){let t=zS(),{theme:e}=d().config,o=d().fetchStatus,n=d().swappers(),r=d().getDisabledLiquiditySources(),{config:{features:s},isInCampaignMode:a,updateCampaignMode:l}=d(),p=a(),c=Ue("theme",s),u=Ue("liquiditySource",s),h=Ue("language",s),m=d().infiniteApprove,f=d().toggleInfiniteApprove,C=cn(n,r),S=C.filter(P=>P.type==="BRIDGE"||P.type==="AGGREGATOR"),y=S.length,g=S.filter(P=>P.selected).length,x=C.filter(P=>P.type==="DEX"),b=x.length,T=x.filter(P=>P.selected).length,v=i((P,J)=>{switch(o){case"loading":return H.createElement(DS,{variant:"text",size:"medium",width:50});case"failed":return H.createElement(Ht,{variant:"body",size:"medium",color:"$error500"},Bt.t("Loading failed"));default:return H.createElement(Ht,{variant:"body",size:"medium"},`${P} / ${J}`)}},"handleEndItem"),I={id:"bridge-item",title:H.createElement(Ht,{variant:"title",size:"xmedium"},Bt.t("Enabled bridges")),end:H.createElement(H.Fragment,null,v(g,y),H.createElement(qs,{direction:"horizontal",size:8}),H.createElement(Os,{color:"black"})),onClick:()=>t(_.bridges)},w={id:"exchange-item",title:H.createElement(Ht,{variant:"title",size:"xmedium"},Bt.t("Enabled exchanges")),end:H.createElement(H.Fragment,null,v(T,b),H.createElement(qs,{direction:"horizontal",size:8}),H.createElement(Os,{color:"gray"})),onClick:()=>t(_.exchanges)},k={id:"theme-item",title:H.createElement(Ht,{variant:"title",size:"xmedium"},Bt.t("Theme")),end:H.createElement(Os,{color:"gray"}),onClick:()=>t(_.themes)},L={id:"infinite-approval-item",title:H.createElement(H.Fragment,null,H.createElement(Ht,{variant:"title",size:"xmedium"},Bt.t("Infinite approval")),H.createElement(qs,{direction:"horizontal",size:4}),H.createElement(OS,{side:"top",sideOffset:4,container:N(),content:H.createElement(kr,null,H.createElement(Ht,{variant:"label",size:"medium",color:"neutral700"},Bt.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.")))},H.createElement(PS,{color:"gray"}))),end:H.createElement(US,{checked:m}),onClick:f},W=u?[]:[I,w];!e?.singleTheme&&!c&&W.push(k),W.push(L);let[,$]=GS(),F=qS(),E=i(()=>{F&&p&&($(P=>(P.delete("liquiditySources"),P),{replace:!0}),l("liquiditySources",void 0))},"onClick");return H.createElement(ne,{header:{title:Bt.t("Settings")}},H.createElement(se,null,p&&H.createElement(BS,{type:"info",variant:"alarm",title:Bt.t("Currently, you're in campaign mode with restrictions on liquidity sources. Would you like to switch out of this mode and make use of all available liquidity sources?"),action:H.createElement(HS,null,H.createElement(MS,{type:"secondary",size:"small",onClick:E},"Reset"))}),H.createElement(Us,null),H.createElement($S,{type:H.createElement(_S,{title:"_",id:"_",onClick:()=>console.log()}),items:W})))}i(Ku,"SettingsPage");import{i18n as LC}from"@lingui/core";import{cancelSwap as NC}from"@rango-dev/queue-manager-rango-preset";import{useManager as BC}from"@rango-dev/queue-manager-react";import{Alert as MC}from"@rango-dev/ui";import oa from"react";import{useParams as PC}from"react-router-dom";import{i18n as Tt}from"@lingui/core";import{getCurrentBlockchainOfOrNull as mC,getCurrentStep as dC,getRelatedWalletOrNull as fC}from"@rango-dev/queue-manager-rango-preset";import{Button as vm,CopyIcon as gC,Divider as hC,IconButton as yC,LinkIcon as SC,QuoteCost as CC,StepDetails as TC,Typography as uo,useCopyToClipboard as kC}from"@rango-dev/ui";import{useWallets as wC}from"@rango-dev/wallets-react";import xm from"bignumber.js";import{PendingSwapNetworkStatus as Nr}from"rango-types";import R,{useEffect as bm,useRef as vC,useState as Im}from"react";import{useNavigate as xC}from"react-router-dom";import{i18n as Mt}from"@lingui/core";var QS=[Mt.t("Sunday"),Mt.t("Monday"),Mt.t("Tuesday"),Mt.t("Wednesday"),Mt.t("Thursday"),Mt.t("Friday"),Mt.t("Saturday")];function Yu(t){let e=new Date(t),o=e.getDate(),n=e.toLocaleString("default",{month:"long"}),r=e.getFullYear();return`${e.getDay()===new Date().getDay()?Mt.t("Today"):`${QS[e.getDay()]} ${o} ${n} ${r}`}, ${new Date(t).toLocaleTimeString()}`}i(Yu,"timeSince");function Ju(t){return t.finishTime?Yu(parseInt(t.finishTime)):Yu(parseInt(t.creationTime))}i(Ju,"getSwapDate");import{PendingSwapNetworkStatus as xr}from"rango-types";import br from"react";import{i18n as wr}from"@lingui/core";import{Button as Zu,Divider as zs,MessageBox as VS,Typography as Ru}from"@rango-dev/ui";import pt from"react";var em=i(({onCancel:t,onClose:e})=>pt.createElement(pt.Fragment,null,pt.createElement(zs,{size:20}),pt.createElement(VS,{type:"error",title:wr.t("Cancel Swap"),description:wr.t("Are you sure you want to cancel this swap?")}),pt.createElement(zs,{size:32}),pt.createElement(Zu,{variant:"contained",type:"primary",size:"large",onClick:t},pt.createElement(Ru,{variant:"title",size:"medium",color:"neutral100"},wr.t("Yes, Cancel it"))),pt.createElement(zs,{size:12}),pt.createElement(Zu,{variant:"outlined",type:"primary",size:"large",onClick:e},pt.createElement(Ru,{variant:"title",size:"medium",color:"primary"},wr.t("No, Continue")))),"CancelContent");import{i18n as vr}from"@lingui/core";import{Button as tm,Divider as Gs,MessageBox as jS,Typography as om}from"@rango-dev/ui";import ct from"react";var nm=i(({onDelete:t,onClose:e})=>ct.createElement(ct.Fragment,null,ct.createElement(Gs,{size:20}),ct.createElement(jS,{type:"error",title:vr.t("Delete Transaction"),description:vr.t("Are you sure you want to delete this swap?")}),ct.createElement(Gs,{size:32}),ct.createElement(tm,{variant:"contained",type:"primary",size:"large",onClick:t},ct.createElement(om,{variant:"title",size:"medium",color:"neutral100"},vr.t("Yes, Delete it"))),ct.createElement(Gs,{size:12}),ct.createElement(tm,{variant:"outlined",type:"primary",size:"large",onClick:e},ct.createElement(om,{variant:"title",size:"medium",color:"primary"},vr.t("No, Cancel")))),"DeleteContent");import{i18n as Hs}from"@lingui/core";import{PendingSwapNetworkStatus as Qs}from"rango-types";var Vs={[Qs.WaitingForNetworkChange]:{type:"loading",title:Hs.t("Change Network")},[Qs.WaitingForConnectingWallet]:{type:"warning",title:Hs.t("Connect Wallet")},[Qs.NetworkChanged]:{type:"success",title:Hs.t("Network Changed")}};import{MessageBox as KS,Wallet as YS}from"@rango-dev/ui";import{useWallets as JS}from"@rango-dev/wallets-react";import qo from"react";import{styled as XS}from"@rango-dev/ui";var rm=XS("div",{display:"flex",justifyContent:"center"});var im=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:s,walletButtonDisabled:a}=t,{connect:l,getWalletInfo:p,state:c}=JS(),u=n?.walletType,h=u?Ur(c(u)):null,m=u?p(u):null;return qo.createElement(qo.Fragment,null,qo.createElement(KS,{type:e,title:o,description:r}),s&&!!u&&!!h&&!!m&&qo.createElement(rm,null,qo.createElement(YS,{container:N(),title:m.name,image:m.img,type:u,state:h,link:m.installLink,disabled:a,onClick:async()=>l(u)})))},"WalletStateContent");function js(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(ie,{open:!!e,onClose:o,container:document.getElementById(be.SWAP_BOX_ID)||document.body},p&&br.createElement(im,{type:Vs[e].type,title:Vs[e].title,currentStepWallet:s,message:a,walletButtonDisabled:l,showWalletButton:e!==xr.WaitingForNetworkChange}),e==="delete"&&br.createElement(nm,{onClose:o,onDelete:n}),e==="cancel"&&br.createElement(em,{onClose:o,onCancel:r}))}i(js,"SwapDetailsModal");import{i18n as zo}from"@lingui/core";import{Button as Xs,Divider as Ir,MessageBox as sm,TokenAmount as ZS,Typography as Ar}from"@rango-dev/ui";import Te from"react";import{useNavigate as RS}from"react-router-dom";function Ks(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:s,realUsdValue:a,realValue:l,token:p,chain:c,percentageChange:u,description:h,diagnosisUrl:m}=t,f=RS();return Te.createElement(ie,{open:e,onClose:o,container:document.getElementById(be.SWAP_BOX_ID)||document.body},n==="success"?Te.createElement(sm,{type:"success",title:zo.t("Swap Successful")},Te.createElement(ZS,{direction:"vertical",tooltipContainer:N(),type:"output",centerAlign:!0,price:{value:r,usdValue:s,realUsdValue:a,realValue:l},token:p,chain:c,percentageChange:u}),Te.createElement(Ir,{size:12}),Te.createElement(Ar,{variant:"body",size:"medium",color:"neutral700",align:"center"},h)):Te.createElement(sm,{type:"error",title:zo.t("Transaction Failed"),description:h}),Te.createElement(Ir,{size:32}),n==="success"&&Te.createElement(Xs,{variant:"contained",type:"primary",size:"large",onClick:()=>{f("../../")}},Te.createElement(Ar,{variant:"title",size:"medium",color:"neutral100"},zo.t("Done"))),Te.createElement(Ir,{size:12}),m&&Te.createElement(Te.Fragment,null,Te.createElement(Xs,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(m,"_blank")},Te.createElement(Ar,{variant:"title",size:"medium",color:"primary"},zo.t("Diagnosis"))),Te.createElement(Ir,{size:12})),Te.createElement(Xs,{variant:"outlined",type:"primary",size:"large",onClick:o},Te.createElement(Ar,{variant:"title",size:"medium",color:"primary"},zo.t("See Details"))))}i(Ks,"SwapDetailsCompleteModal");import cC from"react";import{i18n as sC}from"@lingui/core";import{Alert as mm,IconButton as aC,LinkIcon as lC}from"@rango-dev/ui";import Pt,{Fragment as pC}from"react";import{Alert as eC,ChevronDownIcon as tC,ChevronUpIcon as oC,IconButton as nC}from"@rango-dev/ui";import Er,{useState as rC}from"react";function am(t){let{message:e}=t,[o,n]=rC(!1);return Er.createElement(eC,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Er.createElement(nC,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Er.createElement(oC,{size:12,color:"gray"}):Er.createElement(tC,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(am,"FailedAlert");import{styled as iC}from"@rango-dev/ui";var lm=iC("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as pm}from"@lingui/core";import{Alert as Ys,Button as cm}from"@rango-dev/ui";import{PendingSwapNetworkStatus as Js}from"rango-types";import Go from"react";function um(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?Go.createElement(Ys,{type:"warning",title:n.shortMessage,action:Go.createElement(cm,{size:"xxsmall",type:"warning",onClick:()=>{o(Js.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},pm.t("Change"))}):r===Js.WaitingForConnectingWallet?Go.createElement(Ys,{type:"warning",title:n.shortMessage,action:Go.createElement(cm,{size:"xxsmall",type:"warning",onClick:()=>{o(Js.WaitingForConnectingWallet)}},pm.t("Connect"))}):Go.createElement(Ys,{type:"warning",title:n.shortMessage})}i(um,"WarningAlert");function Zs(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:s,hasAlreadyProceededToSign:a}=t,l=So(s),p=s.status==="waitingForApproval"&&!l,c=s.status==="running"&&!l,u=c&&!a||p&&!s.explorerUrl?.length;return Pt.createElement(lm,null,s.explorerUrl?.map((h,m,f)=>{let C=m+h.url,S=m===f.length-1,y=(S&&c||p)&&!u,g=S&&s.status==="failed";return Pt.createElement(pC,{key:C},Pt.createElement(mm,{type:S&&(y&&"loading"||g&&"error")||"success",title:h.description?`${h.description} Tx`:sC.t("View transaction"),action:h.url&&Pt.createElement(aC,{variant:"ghost",size:"xsmall",onClick:()=>window.open(h.url,"_blank")},Pt.createElement(lC,{size:12}))}))}),u&&Pt.createElement(mm,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&l&&Pt.createElement(um,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&Pt.createElement(am,{message:r}))}i(Zs,"SwapDetailsAlerts");var dm=2e3;var fm=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:Oe(s.fromBlockchain,e)??"",image:s.fromBlockchainLogo??""},price:{value:A(l,6,6),realValue:l}},to:{token:{displayName:s.toSymbol,image:s.toLogo},chain:{displayName:Oe(s.toBlockchain,e)??"",image:s.toBlockchainLogo??""},price:{value:A(s.outputAmount||s.expectedOutputAmountHumanReadable,6,6),realValue:s.outputAmount||s.expectedOutputAmountHumanReadable}},swapper:{displayName:yo(s.swapperId,o),image:s.swapperLogo??"",type:s.swapperType},internalSwaps:s.internalSwaps?s.internalSwaps.map(p=>({from:{blockchain:Oe(p.fromBlockchain,e)??""},to:{blockchain:Oe(p.toBlockchain,e)??""},swapper:{displayName:yo(p.swapperId,o),image:p.swapperLogo??"",type:p.swapperType}})):[],alerts:cC.createElement(Zs,{step:s,hasAlreadyProceededToSign:r,...n})}})},"getSteps");function gm(t){if(So(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(gm,"getStepState");import{css as Ho,darkTheme as uC,styled as Qt}from"@rango-dev/ui";var hm=Qt("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),Wr=Qt("div",{width:"100%"}),ym=Qt(To,{padding:"$0 $20 $20 $20"}),RD=Qt("div",{display:"flex",flexDirection:"column",gap:"$10"}),Sm=Qt("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),e1=Qt("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1}),co=Ho({display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${uC} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"}),Cm=Ho({padding:"$5 0"}),Lr=Ho({display:"flex",justifyContent:"center",alignItems:"center",height:"$24"}),Tm=Ho({display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"}),km=Ho({width:"100%",padding:"0 $20 $10"}),wm=Qt("a",{fontSize:"$16",fontWeight:"$400",color:"$neutral700",display:"flex",alignItems:"center",justifyContent:"center"});function Rs(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:s,connect:a,getWalletInfo:l}=wC(),p=d().blockchains(),c=d().swappers(),u=d().tokens(),h=X.use.retry(),m=ee.use.isActiveTab(),f=xC(),[C,S]=kC(dm),y=vC(null),[g,x]=Im(null),[b,T]=Im(null),v=i(()=>{r(),x(null)},"onCancel"),I=_e.use.getUnreadNotifications(),w=_e.use.setAsRead(),k=I(),L=dC(e),W=L?.networkStatus;bm(()=>{k.find(kt=>kt.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(T(e.status),w(e.requestId))},[e.status]),bm(()=>{ce?x(Nr.WaitingForNetworkChange):W===Nr.WaitingForConnectingWallet||W===Nr.NetworkChanged?x(W):x(null)},[W]);let $=cl(e),F=L?mC(e,L):null,E=L?fC(e,L):null,P=Ju(e),J=ul(e),re=i($e=>!!l($e)?.mobileWallet,"isMobileWallet"),ce=W===Nr.WaitingForNetworkChange&&!!F&&!!E?.walletType&&(re(E.walletType)||s(E.walletType,F)),Q=ce?a.bind(null,E.walletType,F):void 0,Ne=pl(e,L),K=fm({swap:e,switchNetwork:Q,showNetworkModal:W,setNetworkModal:x,message:Ne,blockchains:p,swappers:c}),q=K.length,[ke,ut]=[e.steps[0],e.steps[q-1]],Be=ut.outputAmount||ut.expectedOutputAmountHumanReadable,mt=e.steps.reduce(($e,kt)=>$e+parseFloat(kt.feeInUsd||""),0),U=e.steps.find($e=>$e.diagnosisUrl)?.diagnosisUrl,Y=A(parseFloat(A(Be,6,6))*(ut.toUsdPrice||0),4,4),Z=A(parseFloat(e.inputAmount)*(ke.fromUsdPrice||0),4,4),me=Be?le(new xm(Be).multipliedBy(ut.toUsdPrice||0)):"",we=le(new xm(e.inputAmount).multipliedBy(ke.fromUsdPrice||0)),Ve=qe(Z,Y),Dr=e.status==="success"?Tt.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:A(Be,6,6),token:K[q-1].to.token.displayName,conciseAddress:sn(e.wallets[K[q-1].to.chain.displayName]?.address||""),chain:K[q-1].to.chain.displayName}}):`${Tt.t("Transaction was not sent.")} ${$?Tt.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:$.outputAmount,symbol:$.symbol,blockchain:$.blockchain}}):""}`;return R.createElement(ne,{header:{title:Tt.t("Swap and Bridge"),onCancel:e.status==="running"?()=>x("cancel"):void 0,suffix:e.status!=="running"&&R.createElement(Rt,null,R.createElement(vm,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>x("delete")},R.createElement(uo,{size:"medium",variant:"label",color:"error"},Tt.t("Delete"))))},footer:J&&!b&&R.createElement(vm,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{h(e,{blockchains:p,tokens:u}),setTimeout(()=>{f("../../")},0)}},Tt.t("Try again"))},R.createElement(se,{compact:!0,view:!0},R.createElement(Wr,null,R.createElement("div",{className:co()},R.createElement(uo,{variant:"label",size:"large",color:"neutral700"},`${Tt.t("Request ID")}:`),R.createElement("div",{className:Lr()},R.createElement(uo,{variant:"label",size:"small",color:"neutral700"},o),R.createElement(yC,{variant:"ghost",onClick:S.bind(null,o||"")},R.createElement(gC,{size:16,color:"gray"})),R.createElement(wm,{target:"_blank",href:`${ca}/swap/${o}`},R.createElement(SC,{size:16})))),R.createElement("div",{className:co()},R.createElement(uo,{variant:"label",size:"large",color:"neutral700"},`${Tt.t(e.finishTime?"Finished at":"Created at")}:`),R.createElement(uo,{variant:"label",size:"small",color:"neutral700"},P))),R.createElement("div",{className:Tm()},R.createElement(CC,{fee:A(String(mt),2,2),time:Jo(Zo(e.steps)),steps:q}),R.createElement(Ao,{from:{price:{value:A(e.inputAmount,6,6),usdValue:Z,realUsdValue:we,realValue:e.inputAmount},token:{displayName:K[0].from.token.displayName,image:K[0].from.token.image},chain:{image:K[0].from.chain.image,displayName:K[0].from.chain.displayName}},to:{price:{value:A(Be,6,6),usdValue:Y,realUsdValue:me,realValue:Be},token:{displayName:K[q-1].to.token.displayName,image:K[q-1].to.token.image},chain:{image:K[q-1].to.chain.image,displayName:K[q-1].to.chain.displayName}},percentageChange:A(Ve,2,2),warningLevel:ft(Ve??0)})),R.createElement("div",{className:km()},R.createElement(uo,{variant:"title",size:"small"},Tt.t("Swaps steps"))),R.createElement(hC,{size:8}),R.createElement(ym,{ref:y},K.map(($e,kt)=>{let la=kt,mo=gm(e.steps[kt]),jm=mo==="error"||mo==="in-progress"||mo==="warning"||mo==="completed"&&kt===K.length-1;return R.createElement(TC,{key:la,step:$e,type:"swap-progress",ref:y,state:mo,hasSeparator:kt!==0,tabIndex:la,isFocused:jm,tooltipContainer:N()})}))),R.createElement(js,{state:g,onClose:()=>x(null),onCancel:v,onDelete:n,message:Ne.detailedMessage.content,currentStepWallet:E,walletButtonDisabled:!m}),R.createElement(Ks,{open:!!b,diagnosisUrl:U,onClose:()=>T(null),status:e.status==="success"?"success":"failed",priceValue:A(Be,6,6),usdValue:Y,realUsdValue:me,realValue:le(Be),percentageChange:A(Ve,2,2),token:{displayName:K[q-1].to.token.displayName,image:K[q-1].to.token.image},chain:{image:K[q-1].to.chain.image},description:Dr}))}i(Rs,"SwapDetails");import{i18n as Mr}from"@lingui/core";import{Divider as Wm,NotFound as WC,Skeleton as Vo,Typography as Pr}from"@rango-dev/ui";import ue from"react";import{i18n as bC}from"@lingui/core";import{Divider as IC,Skeleton as AC,Typography as EC}from"@rango-dev/ui";import fe from"react";import{css as et,styled as ea}from"@rango-dev/ui";var Am=ea("div",{width:"100%",height:"100%",padding:"$10 $20"}),Qo=ea("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15"}),Br=ea("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"}),M1=et({display:"flex",justifyContent:"space-between",alignItems:"center"}),P1=et({display:"flex",justifyContent:"space-between",alignItems:"center"}),$1=et({paddingTop:"$15",display:"flex"}),_1=et({padding:"$15 $0"}),D1=et({width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"}),F1=et({paddingBottom:"$10"}),U1=et({display:"flex",justifyContent:"start",alignItems:"center"}),O1=et({paddingTop:"$5",display:"flex",alignItems:"center"}),q1=et({display:"flex",alignItems:"center"}),z1=et({padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"}),Em=et({display:"flex",paddingTop:"$10",paddingBottom:"$5"});function ta(){return fe.createElement(Am,null,fe.createElement(Lo,{type:"swap-preview"}),fe.createElement("div",{className:"swaps-steps"},fe.createElement(EC,{variant:"title",size:"small"},bC.t("Swaps steps"))),fe.createElement(fe.Fragment,null,fe.createElement(Qo,null,fe.createElement(lt,{separator:!1}),fe.createElement("div",{className:Em()},fe.createElement(IC,{direction:"horizontal",size:20}),fe.createElement(AC,{height:22,variant:"rectangular"}))),fe.createElement(Br,null),fe.createElement(Qo,null,fe.createElement(lt,{separator:!1})),fe.createElement(Br,null),fe.createElement(Qo,null,fe.createElement(lt,{separator:!1})),fe.createElement(Br,null),fe.createElement(Qo,null,fe.createElement(lt,{separator:!1}))))}i(ta,"LoadingSwapDetails");function Lm(t){let{requestId:e,showSkeleton:o}=t;return ue.createElement(ne,{header:{title:Mr.t("Swap and Bridge"),suffix:ue.createElement(Rt,null)}},o&&ue.createElement(hm,null,ue.createElement(Wr,null,ue.createElement("div",{className:co()},ue.createElement(Pr,{variant:"label",size:"large",color:"neutral700"},`${Mr.t("Request ID")}:`),ue.createElement("div",{className:Lr()},ue.createElement(Pr,{variant:"label",size:"small",color:"neutral700"},ue.createElement(Vo,{width:60,height:10,variant:"rounded"})),ue.createElement(Wm,{direction:"horizontal",size:4}),ue.createElement(Vo,{width:16,height:16,variant:"rectangular"}),ue.createElement(Wm,{direction:"horizontal",size:4}),ue.createElement(Vo,{width:16,height:16,variant:"rectangular"}))),ue.createElement("div",{className:co()},ue.createElement(Pr,{className:Cm(),variant:"label",size:"large",color:"neutral700"},ue.createElement(Vo,{width:60,height:10,variant:"rounded"})),ue.createElement(Pr,{variant:"label",size:"small",color:"neutral700"},ue.createElement(Vo,{width:60,height:10,variant:"rounded"})))),ue.createElement(ta,null)),!o&&ue.createElement(Sm,null,ue.createElement(WC,{title:Mr.t("Not found"),description:Mr.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}i(Lm,"SwapDetailsPlaceholder");function Nm(){let{manager:t,state:e}=BC(),o=!e.loadedFromPersistor,n=At(t),{requestId:r}=PC(),s=It(),{fetchStatus:a}=d();if(!r)return oa.createElement(MC,{containerStyles:{margin:"20px"},type:"error",title:LC.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&&NC(m)}},"onCancel"),u=i(async()=>{if(p?.id)try{t?.deleteQueue(p.id),s()}catch(m){console.log(m)}},"onDelete"),h=p?.swap;return!h||l?oa.createElement(Lm,{requestId:r,showSkeleton:l}):oa.createElement(Rs,{swap:h,requestId:r,onCancel:c,onDelete:u})}i(Nm,"SwapDetailsPage");import{i18n as jo}from"@lingui/core";import{AutoThemeIcon as $C,DarkModeIcon as _C,LightModeIcon as DC,List as FC,ListItemButton as UC,Radio as na,RadioRoot as OC,Typography as ra}from"@rango-dev/ui";import Me from"react";function Bm(){let{setTheme:t,theme:e}=d(),o=[{id:"light",value:"light",title:Me.createElement(ra,{variant:"title",size:"xmedium"},jo.t("Light")),onClick:()=>t("light"),start:Me.createElement(DC,{color:"gray"}),end:Me.createElement(na,{value:"light"})},{id:"dark",value:"dark",title:Me.createElement(ra,{variant:"title",size:"xmedium"},jo.t("Dark")),onClick:()=>t("dark"),start:Me.createElement(_C,{color:"gray"}),end:Me.createElement(na,{value:"dark"})},{id:"auto",value:"auto",title:Me.createElement(ra,{variant:"title",size:"xmedium"},jo.t("Auto")),onClick:()=>t("auto"),start:Me.createElement($C,{color:"gray"}),end:Me.createElement(na,{value:"auto"})}];return Me.createElement(ne,{header:{title:jo.t("Theme")}},Me.createElement(se,null,Me.createElement(OC,{onValueChange:n=>t(n),value:e},Me.createElement(FC,{type:Me.createElement(UC,{title:jo.t("Theme"),id:"_",onClick:()=>console.log()}),items:o}))))}i(Bm,"ThemePage");function Mm(){return Cl(),li(),qC([{path:_.home,element:Pe.createElement(au,null)},{path:_.fromSwap,children:[{index:!0,element:Pe.createElement(Ds,{type:"source"})},{path:_.blockchains,element:Pe.createElement(Ts,{type:"source"})}]},{path:_.toSwap,children:[{index:!0,element:Pe.createElement(Ds,{type:"destination"})},{path:_.blockchains,element:Pe.createElement(Ts,{type:"destination"})}]},{path:_.settings,children:[{index:!0,element:Pe.createElement(Ku,null)},{path:_.themes,element:Pe.createElement(Bm,null)},{path:_.languages,element:Pe.createElement(pu,null)},{path:_.exchanges,element:Pe.createElement(hs,{sourceType:"Exchanges"})},{path:_.bridges,element:Pe.createElement(hs,{sourceType:"Bridges"})}]},{path:_.swaps,children:[{index:!0,element:Pe.createElement(eu,null)},{path:_.swapDetails,element:Pe.createElement(Nm,null)}]},{path:_.wallets,element:Pe.createElement(yp,null)},{path:_.confirmSwap,element:Pe.createElement(zc,null)}])}i(Mm,"AppRoutes");import{isApprovalTX as zC,MainEvents as Pm,RouteEventType as $m,StepEventType as _m,StepExecutionEventStatus as GC,useEvents as HC}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Dm}from"react";function Fm(){let t=d().tokens(),e=V.use.connectedWallets(),o=V.use.getWalletsDetails(),n=_e.use.setNotification(),r=HC();return Dm(()=>(r.on(Pm.StepEvent,s=>{let{event:a,step:l,route:p}=s;if(a.type===_m.TX_EXECUTION&&a.status===GC.TX_SENT&&!zC(l)||a.type===_m.SUCCEEDED){let u=e.find(m=>m.chain===l?.fromBlockchain),h=l?.fromBlockchain!==l?.toBlockchain&&e.find(m=>m.chain===l?.toBlockchain);u&&o([u],t),h&&o([h],t)}n(a,p)}),()=>r.all.clear()),[r,e.length]),Dm(()=>(r.on(Pm.RouteEvent,s=>{let{event:a,route:l}=s;(a.type===$m.FAILED||a.type===$m.SUCCEEDED)&&n(a,l)}),()=>r.all.clear()),[r,e.length]),null}i(Fm,"WidgetEvents");import{globalCss as QC}from"@rango-dev/ui";var Um=i(()=>QC({"@import":["url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap')","url('https://fonts.cdnfonts.com/css/times-new-roman')"]})(),"globalFont");function Om(){let{setWatermark:t}=ee();return{fetchApiConfig:i(async()=>{let o=await fetch(`${dt("BASE_URL")}/meta/dapp/config?apiKey=${dt("API_KEY")}`);if(!o.ok)throw new Error(`Request failed with status: ${o.status} `);let n=await o.json();t(n.config.watermark)},"fetchApiConfig")}}i(Om,"useFetchApiConfig");import{styled as VC}from"@rango-dev/ui";var qm=VC("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(){Um();let{config:t}=d(),{activeTheme:e}=$n(t?.theme||{}),{activeLanguage:o}=ao(),[n,r]=zm(""),[s,a]=zm(),l=XC(dn),{fetchApiConfig:p}=Om();return KC(()=>{_e.persist.rehydrate(),l.onConnectWallet(r),p().catch(console.log)},[]),Xo.createElement(jC,{language:o},Xo.createElement(qm,{id:"swap-container",className:e()},Xo.createElement(Fm,null),Xo.createElement(Ka,{lastConnectedWallet:n,disconnectedWallet:s,clearDisconnectedWallet:()=>{a(void 0)}},Xo.createElement(Mm,null))))}i($r,"Main");import sa,{useMemo as dT}from"react";import{checkWaitingForNetworkChange as YC,makeQueueDefinition as JC}from"@rango-dev/queue-manager-rango-preset";import{Provider as ZC}from"@rango-dev/queue-manager-react";import{useWallets as RC}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as eT}from"@rango-dev/wallets-shared";import{isEvmBlockchain as tT}from"rango-types";import oT,{useMemo as nT}from"react";function rT(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=RC(),l=nT(()=>JC({API_KEY:t.apiKey||dt("API_KEY"),BASE_URL:dt("BASE_URL")}),[t.apiKey]),p=d().blockchains(),u={blockchains:V.use.connectedWallets().map(b=>({accounts:[b],name:b.chain}))},h=i(async(b,T)=>{if(s(b,T))return r(b,T)},"switchNetwork"),m=i(b=>!!a(b).mobileWallet,"isMobileWallet"),f=p.filter(b=>b.enabled).reduce((b,T)=>(b[T.name]=T,b),{}),C=p.filter(tT),S=i(b=>{let{supportedChains:T}=a(b);return tn(T)},"getSupportedChainNames"),y=e(),g={meta:{blockchains:f,evmBasedChains:C,evmNetworkChainInfo:eT(C),getSupportedChainNames:S},getSigners:o,wallets:u,providers:y,switchNetwork:h,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:m},x=ee.use.isActiveTab();return oT.createElement(ZC,{queuesDefs:[l],context:g,onPersistedDataLoaded:b=>{YC(b)},isPaused:!x},t.children)}i(rT,"QueueManager");var Gm=rT;import{useManager as pT}from"@rango-dev/queue-manager-react";import cT,{createContext as uT,useContext as mT}from"react";import{cancelSwap as iT,getCurrentBlockchainOfOrNull as sT,getCurrentStep as aT,getRelatedWalletOrNull as lT}from"@rango-dev/queue-manager-rango-preset";var Ko=class{constructor(e,o){this.manager=e,this.actions=o}getAllSwaps(){return At(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&&iT(o)}getCurrentStepInfo(e){let o=aT(e);return{step:o,wallet:o?lT(e,o):null,network:o?sT(e,o):null}}};i(Ko,"WidgetHistory");var Hm=uT(void 0);function ia(t){let{manager:e}=pT(),o=ee.use.isActiveTab(),n=X.use.retry(),r=new Ko(e,{retrySwap:n}),s=V.use.connectedWallets(),a=V.use.loading(),l=Ta(s),p=V.use.getWalletsDetails(),c=d().blockchains(),u=d().tokens(),h=d().swappers(),m=d().fetchStatus,f=ao().resetLanguage,C=_e().getUnreadNotifications(),S={isActiveTab:o,setCurrentTabAsActive:_t.forceClaim,history:r,wallets:{isLoading:a,details:s,totalBalance:l,refetch:p},meta:{blockchains:c,tokens:u,swappers:h,loadingStatus:m},resetLanguage:f,notifications:{list:C}};return cT.createElement(Hm.Provider,{value:S},t.children)}i(ia,"WidgetInfo");function Qm(){let t=mT(Hm);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}i(Qm,"useWidget");function _r(t){let{onUpdateState:e,config:o}=t;return dT(()=>{ba({API_KEY:o?.apiKey||Yo,BASE_URL:o?.apiUrl||pa})},[o.apiKey,o.apiUrl]),sa.createElement(fn,{config:o,onUpdateState:e},sa.createElement(Gm,{apiKey:o.apiKey},sa.createElement(ia,null,t.children)))}i(_r,"WidgetProvider");function Vm(t){return fT(()=>(_t.init(),_t.destroy),[]),t.config?.externalWallets?aa.createElement($r,null):aa.createElement(_r,{config:t.config??Hr},aa.createElement($r,null))}i(Vm,"Widget");export{wO as EventSeverity,vO as MainEvents,MO as Networks,_O as PendingSwapNetworkStatus,xO as RouteEventType,bO as StepEventType,IO as StepExecutionBlockedEventStatus,AO as StepExecutionEventStatus,be as UI_ID,NO as WalletEvents,PO as WalletTypes,Vm as Widget,_r as WidgetProvider,fn as WidgetWallets,gi as customizedThemeTokens,LO as readAccountAddress,xp as useWallets,Qm as useWidget,EO as useWidgetEvents};
 //# sourceMappingURL=index.js.map