@rango-dev/widget-embedded 0.21.1-next.5 → 0.21.1-next.6

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 QU,MainEvents as VU,RouteEventType as jU,StepEventType as XU,StepExecutionBlockedEventStatus as KU,StepExecutionEventStatus as YU,useEvents as JU}from"@rango-dev/queue-manager-rango-preset";import{readAccountAddress as RU,useWallets as bp,Events as eO}from"@rango-dev/wallets-react";import{Networks as oO,WalletTypes as nO}from"@rango-dev/wallets-shared";import{PendingSwapNetworkStatus as iO}from"rango-types";import{UI_ID as Zm}from"@rango-dev/ui";var Ko="c6381a79-2817-4602-83bf-6a641a409e32",aa="https://api.rango.exchange",la="https://scan.rango.exchange",be={SWAP_BOX_ID:"rango-swap-box",...Zm};import{Events as jr,Provider as Wd}from"@rango-dev/wallets-react";import{isEvmBlockchain as Nd}from"rango-sdk";import mn,{createContext as Ld,useEffect as Xr,useRef as Bd,useState as Md}from"react";import{useEffect as gd}from"react";import{create as md}from"zustand";import{subscribeWithSelector as dd}from"zustand/middleware";import{RangoClient as cd}from"rango-sdk";import{WalletState as tt}from"@rango-dev/ui";import{readAccountAddress as td}from"@rango-dev/wallets-react";import{detectInstallLink as od,getCosmosExperimentalChainInfo as nd,isEvmAddress as rd,KEPLR_COMPATIBLE_WALLETS as BT,Networks as ma}from"@rango-dev/wallets-shared";import Fr from"bignumber.js";import{isCosmosBlockchain as id}from"rango-types";import Rm from"bignumber.js";var Ae=new Rm(0);import{WalletTypes as ed}from"@rango-dev/wallets-shared";var pa=[ed.LEAP];import{BigNumber as ua}from"bignumber.js";var Yo=i(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),E=i((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new ua(t),r=1,s=1e3;for(let a=0;a<60;a++)if(new ua(n.toFixed(a,r)).eq(n)){s=a;break}if(n.gte(1e4))return n.toFormat(0,r);if(n.gte(1e3)||n.gte(100))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,1))),r);if(n.gte(1))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,2))),r);if(n.gte(.01))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,4))),r);for(let a=e||4;a<17;a++)if(n.gte(Math.pow(10,-a)))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,a))),r);return n.isEqualTo(0)?"0":n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,8))),r)},"numberToString");var Jo=i(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var et=i((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),uo=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function se(t){return E(t,12,12).replace(/(?:\.0*|(\.\d+?)0*)$/,"$1")}i(se,"formatTooltipNumbers");function Ur(t){switch(!0){case t.connected:return tt.CONNECTED;case t.connecting:return tt.CONNECTING;case!t.installed:return tt.NOT_INSTALLED;default:return tt.DISCONNECTED}}i(Ur,"mapStatusToWalletState");function da(t,e,o,n){return o.filter(r=>!pa.includes(r)).filter(r=>{let{supportedChains:s,isContractWallet:a}=e(r),{installed:l,network:p}=t(r);return a&&(!l||!!n&&p!==n)?!1:n?!!s.find(u=>u.name===n):!0}).map(r=>{let{name:s,img:a,installLink:l}=e(r),p=Ur(t(r));return{title:s,image:a,link:od(l),state:p,type:r}})}i(da,"mapWalletTypesToWalletInfo");function en(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(en,"walletAndSupportedChainsNames");function fa(t,e,o,n,r){let s=[];function a(p,c){if(!!!s.find(g=>g.chain===p)){let g={address:c,chain:p,walletType:t};s.push(g)}}i(a,"addAccount");let l=n||[];return e.forEach(p=>{let{address:c,network:u}=td(p),g=l.length>0,m=l.includes(u),d=u===ma.Unknown;if(g&&!m&&!d)return;let y=u===ma.Unknown&&rd(c);if(d&&!y)return;o.includes(u)||y?r?a(u,c.toLowerCase()):l.filter(v=>o.includes(v)).forEach(v=>{a(v,c.toLowerCase())}):a(u,c)}),s}i(fa,"prepareAccountsForWalletStore");function ga(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain;e.includes(n)||e.push(n),e.includes(r)||e.push(r),o.internalSwaps&&Array.isArray(o.internalSwaps)&&o.internalSwaps.forEach(s=>{let a=s.from.blockchain,l=s.to.blockchain;e.includes(a)||e.push(a),e.includes(l)||e.push(l)})}),e}i(ga,"getRequiredChains");function tn(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(tn,"isAccountAndWalletMatched");function ha(t,e){let{blockChain:o,balances:n=[]}=t;return n?.map(r=>({chain:o,symbol:r.asset.symbol,ticker:r.asset.symbol,address:r.asset.address||null,rawAmount:r.amount.amount,decimal:r.amount.decimals,amount:new Fr(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:ad(o,r.asset.symbol,r.asset.address,e)||null}))||[]}i(ha,"makeBalanceFor");function ya(t){return{...t,loading:!1,error:!0}}i(ya,"resetConnectedWalletState");var Sa=i(t=>{let e=new Set,n=t?.reduce((s,a)=>s.findIndex(l=>l.address===a.address&&l.chain===a.chain)===-1?[...s,a]:s,[])?.map(s=>{let a={name:s.chain,accounts:[]};return e.has(s.address)||e.add(s.address),e.forEach(l=>{s.address===l&&a.accounts.push(s)}),a}),r=E(n?.flatMap(s=>s.accounts)?.flatMap(s=>s?.balances)?.map(s=>new Fr(s?.amount||Ae).multipliedBy(s?.usdPrice||0))?.reduce((s,a)=>s.plus(a),Ae)||Ae).toString();return sd(r)},"calculateWalletUsdValue");function sd(t){let e=t.toString().split(".");return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),e.join(".")}i(sd,"numberWithThousandSeparator");var ad=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice"),on=i((t,e)=>{let o=nd(Object.entries(t).map(([,n])=>n).filter(id));return o&&o[e]?.experimental},"isExperimentalChain");function nn(t){return t?{...t,amount:E(t.amount,8,8),usdValue:E(t.usdValue,4,4)}:null}i(nn,"formatBalance");function ld(t,e){return t?.usdValue&&e?.usdValue?parseFloat(e.usdValue)-parseFloat(t.usdValue):!t?.usdValue&&e?.usdValue?1:t?.usdValue&&!e?.usdValue?-1:!t?.usdValue&&!e?.usdValue?parseFloat(e?.amount||"0")-parseFloat(t?.amount||"0"):0}i(ld,"sortTokensByBalance");function pd(t,e,o){let n=o(t),r=o(e);return n===r?0:n?-1:1}i(pd,"sortTokensByPinnedToken");function Ca(t,e,o){return t.sort((n,r)=>{let s=e(n),a=e(r),l=pd(n,r,o);return l!==0?l:ld(s,a)}),t}i(Ca,"sortTokens");function Ie(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(Ie,"areTokensEqual");function Ta(t){return t.sort((e,o)=>+(o.state===tt.CONNECTED)-+(e.state===tt.CONNECTED)||+(o.state===tt.DISCONNECTED||o.state===tt.CONNECTING)-+(e.state===tt.DISCONNECTED||e.state===tt.CONNECTING))}i(Ta,"sortWalletsBasedOnConnectionState");function rn(t,e=8,o=3){if(t.length<2*e+o)return t;let n=t.slice(0,e),r=t.slice(-e);return`${n}${".".repeat(o)}${r}`}i(rn,"getConciseAddress");function ka({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(ka,"getAddress");function Or(t){return`${t.blockchain}-${t.symbol}-${t.address??""}`}i(Or,"createTokenHash");function sn(t){return t.flatMap(e=>e.balances).reduce((e,o)=>{let n={amount:o?.amount??"",decimals:o?.decimal??0,usdValue:o?.usdPrice?new Fr(o?.usdPrice??Ae).multipliedBy(o?.amount).toString():""},r=o?Or({symbol:o.symbol,blockchain:o.chain,address:o.address}):null,s=r?e[r]:null;return r&&(!s||s&&s.amount<n.amount)&&(e[r]=n),e},{})}i(sn,"makeTokensBalance");var wa=i((t,e)=>!!t.find(o=>o.chain===e&&o.loading),"isFetchingBalance");function va(t){return t.map(e=>e.state).join("-")}i(va,"hashWalletsState");var zr={API_KEY:Ko};function Gt(t){return zr[t]||""}i(Gt,"getConfig");function xa(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),zr=e,zr}i(xa,"initConfig");var ba=20,Aa=25,Ia="Roboto",qr="theme-widget",mo=i((t,e)=>{let o=!1;if(e&&t){if(Array.isArray(e))o=!e.some(n=>Ie(n,t));else if(!Array.isArray(e)&&e[t.blockchain]){o=e[t.blockchain].tokens.some(r=>Ie(r,t));let n=e[t.blockchain].isExcluded;return!n&&!o||n&&o}}return o},"isTokenExcludedInConfig"),Gr=i((t,e)=>t&&e&&!e.includes(t.name),"isBlockchainExcludedInConfig");var an,Ht=i(()=>an||(an=new cd(Gt("API_KEY"),Gt("BASE_URL")),an),"httpService");var ud=i(t=>{let e=t;e.use={};for(let o of Object.keys(e.getState()))e.use[o]=()=>e(n=>n[o]);return e},"createSelectors"),Tt=ud;var G=Tt(md()(dd((t,e)=>({connectedWallets:[],balances:{},customDestination:"",loading:!1,connectWallet:(o,n)=>{let r=e().getWalletsDetails;t(s=>({loading:!0,connectedWallets:s.connectedWallets.filter(a=>a.walletType!==o[0].walletType).concat(o.map(a=>{let l=!s.connectedWallets.find(p=>p.chain===a.chain&&p.selected);return{balances:[],address:a.address,chain:a.chain,explorerUrl:null,walletType:a.walletType,selected:l,loading:!0,error:!1}}))})),r(o,n)},disconnectWallet:o=>{t(n=>{let r=n.connectedWallets.filter(l=>l.selected&&l.walletType!==o).map(l=>l.chain),s=n.connectedWallets.filter(l=>l.walletType!==o).map(l=>r.includes(l.chain)?l:(r.push(l.chain),{...l,selected:!0}));return{balances:sn(s),connectedWallets:s}})},selectWallets:o=>t(n=>({connectedWallets:n.connectedWallets.map(r=>{let s=!!o.find(l=>l.chain===r.chain&&l.walletType!==r.walletType&&r.selected),a=!!o.find(l=>l.chain===r.chain&&l.walletType===r.walletType&&!r.selected);return s?{...r,selected:!1}:a?{...r,selected:!0}:r})})),clearConnectedWallet:()=>t(()=>({connectedWallets:[],selectedWallets:[]})),getWalletsDetails:async(o,n,r=!0)=>{let s=e().getWalletsDetails;t(a=>({loading:!0,connectedWallets:a.connectedWallets.map(l=>o.find(p=>tn(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:c,chain:u})=>({address:c,blockchain:u})),p=(await Ht().getWalletsDetails(a)).wallets;if(p)t(c=>{let u=c.connectedWallets.map(m=>{let d=o.find(y=>tn(y,m)),C=p.find(y=>y.address===m.address&&y.blockChain===m.chain);return C?.failed&&d&&r&&s([d],n,!1),d&&C?{...m,explorerUrl:C.explorerUrl,balances:ha(C,n),loading:!1}:m});return{loading:!1,balances:sn(u),connectedWallets:u}});else throw new Error("Wallet not found")}catch{t(l=>{let p=l.connectedWallets.map(u=>o.find(g=>tn(g,u))?ya(u):u);return{loading:!1,balances:sn(p),connectedWallets:p}})}},getBalanceFor:o=>{let{balances:n}=e(),r=Or(o);return n[r]??null}}))));import{allProviders as fd}from"@rango-dev/provider-all";function ln(t,e){let o=fd({walletconnect2:{WC_PROJECT_ID:e?.walletConnectProjectId||""}});if(t){let n=[];return t.forEach(r=>{if(typeof r=="string"){let s=o.find(a=>a.config.type===r);s?n.push(s):console.warn(`Couldn't find ${r} provider. Please make sure you are passing the correct name.`)}else n.push(r)}),n}return o}i(ln,"matchAndGenerateProviders");function Ea(t,e){return ln(t,e).map(r=>r.config.type)}i(Ea,"configWalletsToWalletName");function Wa(t,e){let o=G.use.clearConnectedWallet(),n=ln(void 0,e);return gd(()=>{o(),n=ln(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}i(Wa,"useWalletProviders");import wd,{createContext as vd,useContext as xd,useEffect as bd,useRef as Ad}from"react";import{create as Td}from"zustand";import{persist as kd}from"zustand/middleware";var Hr={apiKey:"",title:void 0,multiWallets:!0,enableNewLiquiditySources:!0,customDestination:!0},Na=i((t,e,o)=>({config:{...Hr,...t},updateConfig:n=>{let r=o().config;e({config:{...r,...n}})}}),"createConfigSlice");function Qt(t){return Array.from(new Set(t))}i(Qt,"removeDuplicateFrom");function Qr(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(Qr,"areEqual");function La(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i(La,"debounce");function Bt(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(Bt,"containsText");var W=i(()=>document.getElementById(be.SWAP_BOX_ID),"getContainer");function pn(t,e){let o=t.map(s=>s.swapperGroup),n=[];return Qt(t.map(s=>s.swapperGroup)).map(s=>{let a=t.find(l=>l.swapperGroup===s);if(a){let l=!0;o&&(l=o.some(p=>p===a.swapperGroup)),l&&a.types.map(p=>{n.push({id:a.swapperGroup,groupTitle:a.swapperGroup,logo:a.logo,type:p,selected:!e.includes(a.swapperGroup)})})}}),n}i(pn,"getUniqueSwappersGroups");function Ba(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}i(Ba,"sortLiquiditySourcesByGroupTitle");function Fe(t,e){return e?.[t]==="hidden"}i(Fe,"isFeatureHidden");function cn(t,e){return e?.[t]==="enabled"}i(cn,"isFeatureEnabled");var Ma=i((t,e)=>({_blockchains:[],_tokens:[],_popularTokens:[],_swappers:[],fetchStatus:"loading",blockchains:o=>{let n=e()._blockchains;if(!o||!o?.type)return n;let r=e().config,s=(o.type==="source"?r.from?.blockchains:r.to?.blockchains)??[];return n.filter(l=>!(s.length>0&&!s.includes(l.name)))},tokens:o=>{let n=e()._tokens;if(!o||!o?.type)return n;let r=e().config,s=(o.type==="source"?r.from?.tokens:r.to?.tokens)??{},a=e().blockchains({type:o.type});return n.filter(p=>s&&mo(p,s)||o.blockchain&&p.blockchain!==o.blockchain||!a.some(c=>c.name===p.blockchain)?!1:o.searchFor?!!(Bt(p.symbol,o.searchFor)||Bt(p.address||"",o.searchFor)||Bt(p.name||"",o.searchFor)):!0).sort((p,c)=>e().isTokenPinned(p,o.type)?-1:e().isTokenPinned(c,o.type)||p.isSecondaryCoin?1:c.isSecondaryCoin||!p.address&&c.address?-1:p.address&&!c.address?1:0)},isTokenPinned:(o,n)=>!!(n==="source"?e().config.from?.pinnedTokens:e().config.to?.pinnedTokens)?.some(a=>Ie(a,o)),swappers:()=>{let{config:{enableNewLiquiditySources:o,liquiditySources:n}}=e();return e()._swappers.filter(a=>{let l=n?.includes(a.swapperGroup);return o||!n||n.length===0?!l:l}).sort(Ba)},fetch:async()=>{try{let o=await Ht().getAllMetadata();t({fetchStatus:"success"});let n=[],r=[],s=o.popularTokens,a=o.swappers,l=new Set;o.tokens.forEach(p=>{l.add(p.blockchain),r.push(p)}),o.blockchains.forEach(p=>{p.enabled&&l.has(p.name)&&n.push(p)}),n.sort((p,c)=>p.sort-c.sort),t({_blockchains:n,_tokens:r,_popularTokens:s,_swappers:a})}catch(o){throw t({fetchStatus:"failed"}),o}}}),"createDataSlice");import{English as hd,French as yd,Japanese as Sd,Spanish as Cd}from"@rango-dev/ui";var Pa=[{title:"English",label:"English",local:"en",SVGFlag:hd},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:Cd},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:yd},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:Sd}],fo="en";var $a=[.5,1,3],_a=1,Da=5,Fa=100,Ua=0;var Oa=i((t,e)=>({disabledLiquiditySources:[],theme:"auto",language:null,preferredBlockchains:[],slippage:_a,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,addPreferredBlockchain:o=>{let n=e().preferredBlockchains;if(n.find((a,l)=>{let p=a===o,c=l<=10-1;return p&&c}))return;let s=n.filter(a=>!(a===o));t(()=>({preferredBlockchains:[o,...s]}))},setSlippage:o=>t(()=>({slippage:o})),setCustomSlippage:o=>t(()=>({customSlippage:o})),setAffiliateRef:o=>t(()=>({affiliateRef:o})),setAffiliatePercent:o=>t(()=>({affiliatePercent:o})),setAffiliateWallets:o=>t(()=>({affiliateWallets:o})),toggleAllLiquiditySources:(o,n)=>t(r=>{if(n)return{disabledLiquiditySources:[]};let s=Qt(o.map(a=>a.swapperGroup));return s.length===r.disabledLiquiditySources.length?{disabledLiquiditySources:[]}:{disabledLiquiditySources:s}}),toggleInfiniteApprove:()=>t(o=>({infiniteApprove:!o.infiniteApprove})),toggleLiquiditySource:o=>t(n=>n.disabledLiquiditySources.includes(o)?{disabledLiquiditySources:n.disabledLiquiditySources.filter(r=>r!=o)}:{disabledLiquiditySources:n.disabledLiquiditySources.concat(o)}),setTheme:o=>t(()=>({theme:o})),setLanguage:o=>t(()=>({language:o})),updateSettings:o=>{let{features:n}=o,r=Fe("theme",n),s=Fe("language",n),a=Fe("liquiditySource",n);t({...r&&{theme:"auto"},...s&&{language:fo},...a&&{disabledLiquiditySources:[]}})}}),"createSettingsSlice");function za(t){return Td()(kd((...e)=>({...Ma(...e),...Oa(...e),...Na(t,...e)}),{name:"user-settings",skipHydration:!0,partialize:e=>({theme:e.theme,language:e.language,affiliatePercent:e.affiliatePercent,affiliateRef:e.affiliateRef,affiliateWallets:e.affiliateWallets,slippage:e.slippage,customSlippage:e.customSlippage,infiniteApprove:e.infiniteApprove,preferredBlockchains:e.preferredBlockchains,disabledLiquiditySources:e.disabledLiquiditySources})}))}i(za,"createAppStore");var qa=vd(null);function h(){let t=xd(qa);if(bd(()=>{t&&!t.persist.hasHydrated()&&t.persist.rehydrate()},[]),!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}i(h,"useAppStore");function Ga(t){let e=Ad();return e.current||(e.current=za(t.config)),wd.createElement(qa.Provider,{value:e.current},t.children)}i(Ga,"AppStoreProvider");import{create as Ed}from"zustand";var Ha="rango-widget";var Vt=class{constructor(e){this.state="not-initiated";this.events={};this.forceClaim=()=>{if(!this.isClaimed()){let e={name:"force-claim",candidateId:this.tabId};this.channel.postMessage(e),setTimeout(()=>{this.isClaimed()||this.claim()},300)}};this.isClaimed=()=>this.state==="claimed";this.destroy=()=>{this.channel.removeEventListener("message",this.handleMessageEvent),document.removeEventListener("visibilitychange",this.handleVisibilityChange),document.removeEventListener("resume",this.handleResume)};this.handleMessageEvent=e=>{let o=e.data.name;switch(o){case"ping":this.claimedByCurrentTab(e.data.pingAt);break;case"pong":this.alreadyClaimedByAnotherTab();break;case"force-claim":this.forceRelease(e.data.candidateId);break;case"force-release":this.tabId===e.data.candidateId&&this.claim();break;default:throw new Error(`${o} is not supported.`)}};this.handleVisibilityChange=async()=>{document.visibilityState==="visible"&&await this.tryClaim()};this.handleResume=async()=>{this.isClaimed()&&(await this.tryClaim(),this.isClaimed()||this.events.onRelease?.())};this.channel=new BroadcastChannel(Ha),this.tabId=Math.trunc(Math.random()*1e5),this.events=e,this.initEvents(),this.tryClaim()}initEvents(){this.channel.addEventListener("message",this.handleMessageEvent),document.addEventListener("visibilitychange",this.handleVisibilityChange),document.addEventListener("resume",this.handleResume)}claimedByCurrentTab(e){let o=this.lastTryClaim&&this.lastTryClaim<e;if(this.isClaimed()||o){let n={name:"pong"};this.channel.postMessage(n);return}}alreadyClaimedByAnotherTab(){this.resetLastCheck()}async tryClaim(){return this.setLastCheck(),new Promise(e=>{setTimeout(()=>{this.check(),e()},300)})}check(){this.state==="not-initiated"&&this.events.onInit?.(),this.lastTryClaim?(this.claim(),this.resetLastCheck()):this.state="not-claimed"}claim(){this.state="claimed",this.events.onClaim?.()}setLastCheck(){this.lastTryClaim=Date.now();let e={name:"ping",pingAt:this.lastTryClaim};this.channel.postMessage(e)}resetLastCheck(){this.lastTryClaim=void 0}forceRelease(e){if(this.isClaimed()){this.state="not-claimed",this.events.onRelease?.();let o={name:"force-release",candidateId:e};this.channel.postMessage(o)}}};i(Vt,"TabManager");var pe=Tt(Ed()((t,e)=>({isActiveTab:!1,tabManagerInitiated:!1,showActivateTabModal:!1,activateCurrentTab:(o,n)=>{let{showActivateTabModal:r}=e();!r&&n?t({showActivateTabModal:!0}):(r||!n)&&o()},setShowActivateTabModal:o=>{t({showActivateTabModal:o})}}))),Va=new Vt({onInit:()=>pe.setState({tabManagerInitiated:!0}),onClaim:()=>pe.setState({isActiveTab:!0,showActivateTabModal:!1}),onRelease:()=>pe.setState({isActiveTab:!1})}),un=Va.forceClaim,ja=Va.destroy;var dn=Ld({onConnectWallet:()=>{}});function Pd(t){let{updateConfig:e,updateSettings:o,fetch:n}=h(),r=h().blockchains(),s=h().tokens(),a={walletConnectProjectId:t.config?.walletConnectProjectId},[l,p]=Md([]),{providers:c}=Wa(t.config.wallets,a),{connectWallet:u,disconnectWallet:g}=G(),m=Bd();Xr(()=>{n().catch(console.log)},[]),Xr(()=>{t.config&&(e(t.config),o(t.config))},[t.config]);let d=r.filter(Nd).map(f=>f.name),C=i((f,S,v,T,k)=>{if(S===jr.ACCOUNTS)if(v){let A=en(k.supportedBlockchains),w=fa(f,v,d,A,k.isContractWallet);p(w)}else g(f);if(S===jr.ACCOUNTS&&T.connected){let A=`${f}-${T.network}-${v}`;T.connected&&(m.current?m.current(A):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(S===jr.NETWORK&&T.network){let A=`${f}-${T.network}`;m.current?m.current(A):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(f,S,v,T,k)},"onUpdateState"),y=pe.use.isActiveTab();return Xr(()=>{l.length&&u(l,s)},[l,s]),mn.createElement(dn.Provider,{value:{onConnectWallet:f=>{m.current=f}}},mn.createElement(Wd,{allBlockChains:r,providers:c,onUpdateState:C,autoConnect:!!y},t.children))}i(Pd,"Main");function fn(t){let{config:e,...o}=t;return mn.createElement(Ga,{config:e},mn.createElement(Pd,{...o,config:e}))}i(fn,"WidgetWallets");import ia,{useEffect as hT}from"react";import{I18nManager as KC}from"@rango-dev/ui";import jo,{useContext as YC,useEffect as JC,useState as Qm}from"react";import{useQueueManager as Ud}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Od}from"@rango-dev/wallets-react";import{isEvmBlockchain as zd}from"rango-types";import qd,{Fragment as Gd}from"react";import{MemoryRouter as Hd,useInRouterContext as Qd}from"react-router";import{useWallets as _d}from"@rango-dev/wallets-react";import{useEffect as Dd,useRef as Fd}from"react";function Xa(){let{connect:t,state:e}=_d(),o=Fd({}),{fetchStatus:n}=h(),r=new URLSearchParams(location.search).get("autoConnect")||"",s=e(r);Dd(()=>{n==="success"&&r&&s.installed&&!s.connecting&&!s.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[s,n])}i(Xa,"useForceAutoConnect");function Ka({children:t,...e}){let n=Qd()?Gd:Hd,r=h().blockchains(),{canSwitchNetworkTo:s}=Od();Xa();let a=r.filter(zd);return Ud({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:s}),qd.createElement(n,null,t)}i(Ka,"AppRouter");import Be from"react";import{useRoutes as GC}from"react-router-dom";var P={home:"/",fromSwap:"from-swap",toSwap:"to-swap",blockchains:"blockchains",settings:"settings",liquiditySources:"liquidity-sources",themes:"themes",bridges:"bridges",exchanges:"exchanges",languages:"languages",swaps:"swaps",wallets:"wallets",confirmSwap:"confirm-swap",swapDetails:":requestId"};import{useEffect as Xt,useRef as vn}from"react";import vt from"bignumber.js";import{create as Jd}from"zustand";import{subscribeWithSelector as Zd}from"zustand/middleware";import{getLastSuccessfulStep as Yd}from"@rango-dev/queue-manager-rango-preset";import fv from"bignumber.js";var kt=(r=>(r[r.HIGH_VALUE_LOSS=0]="HIGH_VALUE_LOSS",r[r.UNKNOWN_PRICE=1]="UNKNOWN_PRICE",r[r.INSUFFICIENT_SLIPPAGE=2]="INSUFFICIENT_SLIPPAGE",r[r.HIGH_SLIPPAGE=3]="HIGH_SLIPPAGE",r))(kt||{});function Ya(t,e){return e.find(o=>o.name===t)?.displayName}i(Ya,"getBlockchainDisplayNameFor");function Ue(t,e){return e.find(o=>o.name===t)?.shortName}i(Ue,"getBlockchainShortNameFor");function go(t,e){return e.find(o=>o.id===t)?.swapperGroup}i(go,"getSwapperDisplayName");function Kr(t,e){return e.find(o=>Ie(o,t))??null}i(Kr,"findToken");function Yr(t,e){return e.find(o=>o.name===t)??null}i(Yr,"findBlockchain");import{i18n as Ve}from"@lingui/core";import Ee from"bignumber.js";import{PendingSwapNetworkStatus as Sn}from"rango-types";function gn(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,s=e[e.length-1];n!=s&&e.push(n),s=e[e.length-1],r!=s&&e.push(r)}),e}i(gn,"getRequiredWallets");function hn(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(hn,"isValidAddress");import{i18n as we}from"@lingui/core";var X=i(()=>({genericServerError:we.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:we.t("Please reset your liquidity sources."),description:we.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources.")},noResultError:{title:we.t("No Routes Found."),description:we.t("Reasons why Rango couldn't find a route: low liquidity on token, very low input amount or no routes available for the selected input/output token combination.")},bridgeLimitErrors:{increaseAmount:we.t("Bridge Limit Error: Please increase your amount."),decreaseAmount:we.t("Bridge Limit Error: Please decrease your amount.")},highValueLossError:{impactTitle:we.t("High Price Impact"),title:we.t("Price impact is too high!"),description:we.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:we.t("Confirm high price impact")},quoteUpdatedWithHighValueLoss:{title:we.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:we.t("USD Price Unknown"),title:we.t("USD Price Unknown, Cannot calculate Price Impact."),description:we.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:we.t("Confirm USD Price Unknown")}}),"errorMessages");function Ja(t){switch(t.type){case 0:return t.diagnosisMessage??X().noResultError.title;case 1:return X().genericServerError;default:return""}}i(Ja,"getQuoteErrorMessage");import{i18n as yn}from"@lingui/core";var Mt=i(()=>({connectWallet:yn.t("Connect Wallet"),swap:yn.t("Swap"),swapAnyway:yn.t("Swap anyway"),ethWarning:yn.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function Za(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new Ee(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new Ee(1e3)))??!1}i(Za,"hasHighValueLoss");function Jr(t){return(t?.result?.swaps||[]).filter(e=>{let o=e.fromAmountMinValue?new Ee(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Ee(e.fromAmountMaxValue):null;return e.fromAmountRestrictionType==="EXCLUSIVE"?o?.gte(e.fromAmount)||n?.lte(e.fromAmount):o?.gt(e.fromAmount)||n?.lt(e.fromAmount)}).length>0}i(Jr,"hasLimitError");function Zr(t){let e=(t.result?.swaps||[]).filter(l=>{let p=l.fromAmountMinValue?new Ee(l.fromAmountMinValue):null,c=l.fromAmountMaxValue?new Ee(l.fromAmountMaxValue):null;return l.fromAmountRestrictionType==="EXCLUSIVE"?p?.gte(l.fromAmount)||c?.lte(l.fromAmount):p?.gt(l.fromAmount)||c?.lt(l.fromAmount)})[0],o=e.fromAmountMinValue?new Ee(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Ee(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",s="",a="";return!r&&o&&o.gt(e.fromAmount)?(s=Ve.t({id:"Required: >= {min} {symbol}",values:{min:E(o,6,6),symbol:e.from.symbol}}),a=X().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(s=Ve.t({id:"Required: > {min} {symbol}",values:{min:E(o,6,6),symbol:e.from.symbol}}),a=X().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(s=Ve.t({id:"Required: <= {max} {symbol}",values:{max:E(n,6,6),symbol:e.from.symbol}}),a=X().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(s=Ve.t({id:"Required: < {max} {symbol}",values:{max:E(n,6,6),symbol:e.from.symbol}}),a=X().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:s,recommendation:a}}i(Zr,"getLimitErrorMessage");function Ra(t){let{fetchMetaStatus:e,anyWalletConnected:o,fetchingQuote:n,inputAmount:r,quote:s,warning:a,error:l,needsToWarnEthOnPath:p}=t;return e!=="success"?{title:Mt().connectWallet,action:"connect-wallet",disabled:!0}:o?n||!s||!s.result||l||!r||r==="0"?{title:Mt().swap,action:"confirm-swap",disabled:!0}:a?{title:Mt().swapAnyway,action:"confirm-warning",disabled:!1}:p?{title:Mt().ethWarning,action:"confirm-warning",disabled:!1}:{title:Mt().swap,action:"confirm-swap",disabled:!1}:{title:Mt().connectWallet,action:"connect-wallet",disabled:!1}}i(Ra,"getSwapButtonState");function Rr(t,e,o){return!((!o||o.lte(Ae))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}i(Rr,"canComputePriceImpact");function Vd(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,s=e[e.length-1];n!=s&&e.push(n),s=e[e.length-1],r!=s&&e.push(r)}),e}i(Vd,"requiredWallets");var jd=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice");function Xd(t,e){let o=Ae;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let s=jd(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new Ee(r.amount).multipliedBy(s||0))}return o}i(Xd,"getUsdFeeOfStep");function Cn(t,e){return t.reduce((o,n)=>o.plus(Xd(n,e)),Ae)}i(Cn,"getTotalFeeInUsd");function ei(t){let e=Ae;return e=e.plus(new Ee(t.amount).multipliedBy(t.price||0)),e}i(ei,"getUsdFee");function el(t){return t.reduce((e,o)=>e.plus(ei(o)),Ae)}i(el,"getTotalFeesInUsd");function tl(t){return t.reduce((e,o)=>{for(let n of o.fee){let r=n.name,s=n.expenseType!=="DECREASE_FROM_OUTPUT"?e.payable:e.nonePayable;s[r]=[...s[r]||[],n]}return e},{payable:{},nonePayable:{}})}i(tl,"getFeesGroup");function ti(t){let e=new Map;return t.result?.swaps.forEach((o,n)=>{o.recommendedSlippage?.error&&e.set(n,o.recommendedSlippage.slippage)}),e.size>0?e:null}i(ti,"checkSlippageErrors");function ol(t,e){let o=new Map;return t.result?.swaps.forEach((n,r)=>{n.recommendedSlippage?.slippage&&parseFloat(n.recommendedSlippage.slippage)>e&&o.set(r,n.recommendedSlippage.slippage)}),o.size>0?o:null}i(ol,"checkSlippageWarnings");function Tn(t){return t.result?.swaps.map(o=>o.recommendedSlippage)?.map(o=>o?.slippage||"0")?.filter(o=>parseFloat(o)>0)?.sort((o,n)=>parseFloat(n)-parseFloat(o))?.find(()=>!0)||null}i(Tn,"getMinRequiredSlippage");function nl(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(nl,"hasProperSlippage");function kn(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:s,disabledLiquiditySources:a,liquiditySources:l,excludeLiquiditySources:p,slippage:c,affiliateRef:u,affiliatePercent:g,affiliateWallets:m,initialQuote:d,destination:C}=t,y=s?.reduce((k,A)=>(k[A.chain]=A.address,k),{}),f=[];r?.forEach(k=>{let A=f.find(w=>w.blockchain===k.chain);A?A.addresses.push(k.address):f.push({blockchain:k.chain,addresses:[k.address]})});let S=!!d,v=Qt((d?.result?.swaps||[]).reduce((k,A)=>(k.push(A.from.blockchain,A.to.blockchain),A.internalSwaps&&Array.isArray(A.internalSwaps)&&A.internalSwaps.map(w=>{k.push(w.from.blockchain,w.to.blockchain)}),k),[]));return{amount:n.toString(),affiliateRef:u??void 0,affiliatePercent:g??void 0,affiliateWallets:m??void 0,checkPrerequisites:S,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:f,selectedWallets:y??{},slippage:c.toString(),...C&&{destination:C},...p&&{swapperGroups:a.concat(l??[]),swappersGroupsExclude:!0},...!p&&{swapperGroups:l?.filter(k=>!a.includes(k)),swappersGroupsExclude:!1},...S&&{blockchains:v}}}i(kn,"createQuoteRequestBody");function rl(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(rl,"getWalletsForNewSwap");function jt(t){return t.result?.outputAmount||null}i(jt,"getQuoteOutputAmount");function il(t,e){return new Ee(e).div(new Ee(t)).minus(1).multipliedBy(100).toNumber()}i(il,"getPercentageChange");function sl(t,e){let o=jt(t),n=jt(e);if(!o||!n)return!1;let r=Oe(o,n);return r?r<=-1:!0}i(sl,"isOutputAmountChangedALot");function al(t,e,o){let n=t.validationStatus,r=ga(t);return e.sort((a,l)=>r.indexOf(a.chain)-r.indexOf(l.chain)).flatMap(a=>dl(a,n)||[]).filter(a=>!a.ok).map(a=>{let l=a.asset.symbol,p=E(new Ee(a.currentAmount.amount).shiftedBy(-a.currentAmount.decimals),8,8),c=E(new Ee(a.requiredAmount.amount).shiftedBy(-a.requiredAmount.decimals),8,8),u="";return a.reason==="FEE"&&(u=Ve.t(" for network fee")),a.reason==="INPUT_ASSET"&&(u=Ve.t(" for swap")),a.reason==="FEE_AND_INPUT_ASSET"&&(u=Ve.t(" for input and network fee")),Ve.t({id:"Needs \u2248 {requiredAmount} {symbol}{reason}, but you have {currentAmount} {symbol} in your {blockchain} wallet.",values:{requiredAmount:c,symbol:l,reason:u,currentAmount:p,blockchain:Ue(a.asset.blockchain,o)}})})}i(al,"generateBalanceWarnings");function ll(t,e){return(t?new Ee(t):Ae).multipliedBy(e||0)}i(ll,"calcOutputUsdValue");function ho(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==Sn.NetworkChanged}i(ho,"isNetworkStatusInWarningState");function pl(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),ho(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case Sn.WaitingForConnectingWallet:n=n||Ve.t("Waiting for connecting wallet");break;case Sn.WaitingForQueue:n=n||Ve.t("Waiting for other running tasks to be finished");break;case Sn.WaitingForNetworkChange:n=n||Ve.t("Waiting for changing wallet network");break;default:n=n||"";break}r=r||"",n=n||"";let a=n?.indexOf("code")!==-1&&n?.indexOf("reason")!==-1;return{shortMessage:n,detailedMessage:{content:r,long:a}}}i(pl,"getSwapMessages");function cl(t){let e=null;if(t.status==="failed"){let o=t.steps.slice().reverse().filter(n=>n.status==="success")[0];o&&(e={blockchain:o.toBlockchain,symbol:o.toSymbol,outputAmount:o.outputAmount,address:o.toSymbolAddress})}return e}i(cl,"getLastConvertedTokenInFailedSwap");function ul(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}i(ul,"shouldRetrySwap");function ml(t,e,o,n,r,s){return t||!e&&!Vd(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!hn(s,o)}i(ml,"confirmSwapDisabled");function gl(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}i(gl,"getQuoteToTokenUsdPrice");function oi(t,e){let o=t.result?.swaps||[],n=e.result?.swaps||[];return o.length!==n.length}i(oi,"isNumberOfSwapsChanged");function ni(t,e){let o=t.result?.swaps.map(r=>r.swapperId)||[],n=e.result?.swaps.map(r=>r.swapperId)||[];return!Qr(o,n)}i(ni,"isQuoteSwappersUpdated");function ri(t,e){let o=t.result?.swaps.map(r=>r.to.symbol)||[],n=e.result?.swaps.map(r=>r.to.symbol)||[];return!Qr(o,n)}i(ri,"isQuoteInternalCoinsUpdated");function hl(t,e){return oi(t,e)||ni(t,e)||ri(t,e)}i(hl,"isQuoteChanged");function dl(t,e){if(e===null)return null;let o=e?.find(n=>n.blockchain===t.chain)?.wallets.find(n=>n.address?.toLowerCase()===t.address.toLowerCase());return o?o.requiredAssets:null}i(dl,"getRequiredBalanceOfWallet");function mt(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(mt,"getPriceImpactLevel");function yl(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],s=Yd(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=Yr(s?s.toBlockchain:n.fromBlockchain,e),p=Yr(r.toBlockchain,e),c=Kr(s?{blockchain:l?.name??"",symbol:s.toSymbol,address:s.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),u=Kr(a,o),g=s?s.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:c,toBlockchain:p,toToken:u,inputAmount:g}}i(yl,"createRetryQuote");function wn(t,e){let{fromToken:o,toToken:n,tokens:r,userSlippage:s}=e,a=Pt(o,t.requestAmount),l=Pt(n,t.result?.outputAmount??"");if(t.result&&a&&l){let u=Oe(a.toString(),l.toString());if(!!u&&Za(a,u)){let m=Cn(t.result.swaps,r),d=mt(u);return{type:0,inputUsdValue:a,outputUsdValue:l,priceImpact:u,totalFee:m,warningLevel:d}}}else if(t.result&&(!a||!l))return{type:1};let p=Tn(t),c=s>Da;if(nl(e.userSlippage.toString(),p)){if(c&&parseFloat(p??"0")<s)return{type:3,slippage:s.toString()}}else return{type:2,recommendedSlippages:ol(t,s),minRequiredSlippage:p};return null}i(wn,"generateQuoteWarnings");function Oe(t,e){let o=typeof e=="string"?parseFloat(e)<=0:!e?.gt(0),n=!t||!e||o?null:il(t.toString(),e.toString());return n&&n<0?n:null}i(Oe,"getPriceImpact");var Sl=i(t=>{let e=new Set,o=[];return t.forEach(n=>{e.has(n.from.chain.displayName)||(e.add(n.from.chain.displayName),o.push(n.from.chain)),e.has(n.to.chain.displayName)||(e.add(n.to.chain.displayName),o.push(n.to.chain))}),o},"getUniqueBlockchains");var Pt=i((t,e)=>t?.usdPrice?new vt(e||Ae).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),K=Tt(Jd()(Zd(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new vt(0),outputUsdValue:new vt(0),toBlockchain:null,toToken:null,quote:null,quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:"",quoteWarningsConfirmed:!1,setQuote:e=>t(o=>{let n=null,r=Ae;return uo(o.inputAmount)?(e&&(n=e.result?.outputAmount?new vt(e.result?.outputAmount):null,r=ll(e.result?.outputAmount,gl(e)||o.toToken?.usdPrice)),{quote:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetQuote:()=>t(()=>({quote:null,outputAmount:null,outputUsdValue:new vt(0)})),setFromBlockchain:e=>{t(o=>o.fromBlockchain?.name===e?.name?{}:{fromBlockchain:e,...o.fromToken&&{quote:null,fromToken:null,outputAmount:null,outputUsdValue:null}})},setFromToken:e=>t(o=>({fromToken:e.token,...e.token&&{fromBlockchain:e.meta.blockchains.find(n=>n.name===e.token.blockchain)??null},...!!o.inputAmount&&{inputUsdValue:Pt(e.token,o.inputAmount)}})),setToBlockchain:e=>{t(o=>o.toBlockchain?.name===e?.name?{}:{toBlockchain:e,...o.toToken&&{quote:null,toToken:null,outputAmount:null,outputUsdValue:null}})},setToToken:e=>t(()=>({toToken:e.token,...e.token&&{toBlockchain:e.meta.blockchains.find(o=>o.name===e.token.blockchain)??null}})),setInputAmount:e=>{t(o=>({inputAmount:e,...!e&&{outputAmount:new vt(0),outputUsdValue:new vt(0),quote:null},...!!o.fromToken&&{inputUsdValue:Pt(o.fromToken,e)}}))},retry:(e,o)=>{let{tokens:n,blockchains:r}=o,{fromBlockchain:s,fromToken:a,toBlockchain:l,toToken:p,inputAmount:c}=yl(e,r,n);t({fromBlockchain:s,fromToken:a,inputAmount:c,outputAmount:null,inputUsdValue:Pt(a??null,c),outputUsdValue:new vt(0),toBlockchain:l,toToken:p,quote:null})},switchFromAndTo:()=>t(e=>({fromBlockchain:e.toBlockchain,fromToken:e.toToken,toBlockchain:e.fromBlockchain,toToken:e.fromToken,inputAmount:e.outputAmount?.toString()||"",inputUsdValue:Pt(e.toToken,e.outputAmount?.toString()||"")})),resetFromBlockchain:()=>t(()=>({fromToken:null,fromBlockchain:null,outputAmount:null,outputUsdValue:null,quote:null})),resetToBlockchain:()=>t(()=>({toToken:null,toBlockchain:null,outputAmount:null,outputUsdValue:null,quote:null})),setQuoteWalletConfirmed:e=>t({quoteWalletsConfirmed:e}),setSelectedWallets:e=>t({selectedWallets:e}),setCustomDestination:e=>t({customDestination:e}),resetQuoteWallets:()=>t({quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:""}),setQuoteWarningsConfirmed:e=>t({quoteWarningsConfirmed:e})}))));function Cl(){let{setInputAmount:t,setToToken:e,setToBlockchain:o,setFromBlockchain:n,setFromToken:r,fromToken:s,toToken:a,fromBlockchain:l,toBlockchain:p}=K(),c=h().config,u=h().fetchStatus,g=h().blockchains(),m=h().tokens(),{setAffiliateRef:d,setAffiliatePercent:C,setAffiliateWallets:y}=h(),f=c?.from?.tokens,S=c?.from?.blockchains,v=c?.to?.tokens,T=c?.to?.blockchains,k=vn(void 0),A=vn(void 0),w=vn(void 0),x=vn(void 0);Xt(()=>{t(c?.amount?.toString()||"")},[c?.amount]),Xt(()=>{if(u==="success"){let b=g.find(N=>N.name===c?.from?.blockchain),I=m.find(N=>Ie(N,c?.from?.token||null));(b||!b&&w.current)&&n(b??null),I?r({token:I,meta:{blockchains:g,tokens:m}}):!I&&k.current&&r({token:null}),w.current=c?.from?.blockchain,k.current=c?.from?.token}},[c?.from?.token?.symbol,c?.from?.token?.address,c?.from?.token?.blockchain,c?.from?.blockchain,u]),Xt(()=>{mo(s,f)&&r({token:null}),Gr(l,S)&&n(null)},[f,S]),Xt(()=>{mo(a,v)&&r({token:null}),Gr(p,T)&&o(null)},[v,T]),Xt(()=>{if(u==="success"){let b=g.find(N=>N.name===c?.to?.blockchain),I=m.find(N=>Ie(N,c?.to?.token||null));(b||!b&&x.current)&&o(b??null),I?e({token:I,meta:{blockchains:g,tokens:m}}):!I&&A.current&&e({token:null}),x.current=c?.to?.blockchain,A.current=c?.to?.token}},[c?.to?.token?.symbol,c?.to?.token?.address,c?.to?.token?.blockchain,c?.to?.blockchain,u]),Xt(()=>{d(c?.affiliate?.ref??null),C(c?.affiliate?.percent??null),y(c?.affiliate?.wallets??null)},[c?.affiliate?.ref,c?.affiliate?.percent,c?.affiliate?.wallets])}i(Cl,"useSyncStoresWithConfig");import{useEffect as Tl}from"react";import{useInRouterContext as Rd,useLocation as ef,useSearchParams as tf}from"react-router-dom";function ii(t,e,o){return o&&t.find(n=>{let r=e?.split("--");return r?.length===1?n.symbol===r[0]&&n.address===null&&n.blockchain===o.name:n.symbol===r?.[0]&&n.address===r?.[1]&&n.blockchain===o.name})||null}i(ii,"searchParamToToken");function si(t){if(t)return`${t.symbol}${t.address?`--${t.address}`:""}`}i(si,"tokenToSearchParam");function ai(){let t=ef(),[e,o]=tf(),{fromBlockchain:n,toBlockchain:r,fromToken:s,toToken:a,inputAmount:l,setFromBlockchain:p,setToBlockchain:c,setFromToken:u,setToToken:g,setInputAmount:m}=K(),d=h().fetchStatus,C=h().blockchains(),y=h().tokens(),f=Rd(),S=i(()=>{let T=e.get("fromAmount"),k=e.get("fromBlockchain"),A=e.get("fromToken"),w=e.get("toBlockchain"),x=e.get("toToken"),b=e.get("autoConnect");return{fromAmount:T,fromBlockchain:k,fromToken:A,toBlockchain:w,toToken:x,autoConnect:b}},"getUrlSearchParams"),v=i(T=>{for(let k in T)T[k]||delete T[k];o(T,{replace:!0})},"updateUrlSearchParams");Tl(()=>{let{autoConnect:T}=S();f&&d==="success"&&v({["fromBlockchain"]:n?.name,["fromToken"]:si(s),["toBlockchain"]:r?.name,["toToken"]:si(a),["fromAmount"]:l,["autoConnect"]:T??void 0})},[t.pathname,l,n,s,r,a]),Tl(()=>{if(!f)return;let T=S();if(T.fromAmount&&m(T.fromAmount),d==="success"){let k=C.find(b=>b.name===T.fromBlockchain),A=ii(y,T.fromToken,k??null),w=C.find(b=>b.name===T.toBlockchain),x=ii(y,T.toToken,w??null);k&&(p(k),A&&u({token:A,meta:{blockchains:C,tokens:y}})),w&&(c(w),x&&g({token:x,meta:{blockchains:C,tokens:y}}))}},[d])}i(ai,"useSyncUrlAndStore");import{i18n as lr}from"@lingui/core";import{useManager as Gh}from"@rango-dev/queue-manager-react";import{Alert as Gc,Button as Hh,css as os,Divider as ts,IconButton as Hc,SettingsIcon as Qh,styled as Vh,Tooltip as jh,Typography as Xh,WalletIcon as Kh}from"@rango-dev/ui";import ae,{useEffect as Bo,useLayoutEffect as Yh,useRef as Jh,useState as pr}from"react";import{flushSync as Zh}from"react-dom";import{useLocation as Rh,useNavigate as ey}from"react-router-dom";import{i18n as ot}from"@lingui/core";import{Alert as Bi,BalanceErrors as Mg,Button as Ap,ChevronDownIcon as Pg,ChevronLeftIcon as $g,Divider as eo,MessageBox as _g,Modal as Ip,Typography as Qn,WalletIcon as Dg}from"@rango-dev/ui";import L,{useEffect as Fg,useState as _t}from"react";import{useNavigate as Ug}from"react-router-dom";import{i18n as xn}from"@lingui/core";function bn(t){switch(t.type){case 0:return xn.t("Route has been updated.");case 3:return xn.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return xn.t("Route swappers has been updated.");case 2:return xn.t("Route internal coins has been updated.");default:return""}}i(bn,"getQuoteUpdateWarningMessage");import Wn,{useLayoutEffect as sf,useRef as af}from"react";import*as Kt from"@radix-ui/react-collapsible";import{keyframes as kl,styled as An}from"@rango-dev/ui";var yo=300,nf=kl({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),rf=kl({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),wl=An(Kt.Root,{borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),li=An(Kt.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit",cursor:"pointer"}),In=An(Kt.Content,{overflow:"hidden",variants:{open:{true:{animation:`${nf} ${yo}ms ease-out`},false:{animation:`${rf} ${yo}ms ease-out`}}}}),En=An("div",{transition:`all ${yo}ms ease`,display:"flex",alignItems:"center",variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}});function Nn(t){let{open:e,hasSelected:o,onOpenChange:n,children:r,onClickTrigger:s,trigger:a,triggerAnchor:l}=t,p=af(null);return sf(()=>{e&&p.current&&setTimeout(()=>{p?.current?.scrollIntoView({behavior:"smooth"})},yo)},[e]),Wn.createElement(wl,{ref:p,className:"collapsible_root",selected:o&&e,open:e,onOpenChange:n},l==="top"&&Wn.createElement(li,{className:"collapsible_trigger",onClick:s},a),Wn.createElement(In,{className:"collapsible_content",open:e},r),l==="bottom"&&Wn.createElement(li,{className:"collapsible_trigger",onClick:s},a))}i(Nn,"CustomCollapsible");import{Button as lf,css as vl,darkTheme as Yt,IconButton as pf,styled as ze,TextField as cf}from"@rango-dev/ui";var xl=ze("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),bl=ze("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),uf=ze("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${Yt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${Yt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${Yt} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),Al=ze(uf,{alignSelf:"stretch",minHeight:"93px"}),Il=ze("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),El=ze(pf,{position:"absolute",left:"$20"}),Wl=ze("div",{paddingTop:"$20"}),Nl=vl({display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Ll=ze("div",{padding:"$10 $0","& .button__content":{display:"flex",alignItems:"center"},"& .alarms":{paddingTop:"$5"},"& .collapsible_content":{backgroundColor:"$neutral100"},"& .collapsible_root":{backgroundColor:"$neutral200"}}),Bl=vl({paddingTop:"$5"}),Ml=ze("div",{display:"flex"}),Pl=ze(cf,{backgroundColor:"$neutral100",padding:"$0 $15 $15 $15"}),$l=ze("div",{overflow:"visible",width:"100%"}),_l=ze(lf,{width:"100%",borderRadius:"$sm !important",padding:"$15 !important",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${Yt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${Yt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${Yt} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}});import{i18n as Xe}from"@lingui/core";import{Button as Ng,Divider as Ni,Image as Lg,MessageBox as Hn,Modal as kp,SelectableWallet as Bg,Typography as wp,WalletState as vp}from"@rango-dev/ui";import ie,{useEffect as xp,useState as ko}from"react";import{WalletState as pi}from"@rango-dev/ui";import{useWallets as mf}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as df,WalletTypes as Ln}from"@rango-dev/wallets-shared";import{useCallback as ff,useEffect as Dl,useRef as gf,useState as hf}from"react";var yf=Object.values(Ln);function Bn(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:l,connect:p}=mf(),{connectedWallets:c}=G(),u=h().blockchains(),g=gf(!1),m=Ea(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||yf,d=da(s,l,m,o),C=Ta(d),[y,f]=hf(""),S=i(w=>!c.find(x=>x.walletType===w&&x.chain===o),"isExperimentalChainNotAdded"),v=i(async w=>{let x=s(w);try{if(y&&f(""),x.connected)await a(w);else{let b=!!d.find(I=>I.state===pi.CONNECTED);if(!e?.multiWallets&&b)return;n?.(w),await p(w),r?.(w)}}catch(b){f("Error: "+b?.message)}},"handleClick"),T=ff(()=>{let w=d?.filter(x=>x.state===pi.CONNECTING)||[];for(let x of w)a(x.type)},[va(d)]);Dl(()=>()=>{g.current=!0},[]),Dl(()=>()=>{g.current&&T()},[T]);let k=i(w=>w.filter(b=>b.state!=pi.NOT_INSTALLED&&![Ln.DEFAULT,Ln.WALLET_CONNECT_2].includes(b.type)&&l(b.type).supportedChains.filter(I=>I.type=="EVM").length>0).length==0,"shouldShowDefaultInjectedWallet"),A=i((w,x,b)=>on(b,x)&&S(w)&&!df.includes(w)||w==Ln.DEFAULT&&!k(d),"shouldExcludeWallet");return{list:C.filter(w=>!A(w.type,o??"",u)),error:y,handleClick:v,disconnectConnectingWallets:T}}i(Bn,"useWalletList");import{i18n as fp}from"@lingui/core";import{styled as hp,Typography as vg,Wallet as xg,WalletState as bg}from"@rango-dev/ui";import Rt,{useState as gp}from"react";import{useManager as cg}from"@rango-dev/queue-manager-react";import{BottomLogo as ug,Divider as lp,Header as mg}from"@rango-dev/ui";import me,{useEffect as dg,useRef as fg}from"react";import{useNavigate as Sf}from"react-router-dom";function xt(){let t=Sf();return()=>t(-1)}i(xt,"useNavigateBack");import{createTheme as di,darkTheme as vf,lightTheme as xf}from"@rango-dev/ui";import{useEffect as zl,useState as bf}from"react";import{theme as kf,darkColors as wf}from"@rango-dev/ui";var Fl=i((t,e)=>{t=t.replace(/^#/,""),t.length===3&&(t=t[0]+t[0]+t[1]+t[1]+t[2]+t[2]);let[s,a,l]=t.match(/.{2}/g);[s,a,l]=[parseInt(s,16)+e,parseInt(a,16)+e,parseInt(l,16)+e],s=Math.max(Math.min(255,s),0).toString(16),a=Math.max(Math.min(255,a),0).toString(16),l=Math.max(Math.min(255,l),0).toString(16);let p=(s.length<2?"0":"")+s,c=(a.length<2?"0":"")+a,u=(l.length<2?"0":"")+l;return`#${p}${c}${u}`},"colorShade"),Mn=i((t,e)=>{let a={[t]:e};for(let l=1;l<10;l++)l<5&&(a={...a,[t+l*100]:Fl(e,(5-l)*25)}),l===5&&(a={...a,[t+l*100]:e}),l>5&&(a={...a,[t+l*100]:Fl(e,-((l-5)*25))});return a},"generateRangeColors"),ci=i((t,e,o)=>{if(!o||!Object.entries(o).length)return{};let n=!1,r={...t};for(let s in o){let a=o[s];if(a&&a!==t[s])if(n=!0,s==="background"||s==="foreground")r={...r,[s]:a};else if(s==="neutral"&&e){let l=Mn(s,a);r={...r,[`${s}100`]:l[`${s}900`],[`${s}200`]:l[`${s}800`],[`${s}300`]:l[`${s}700`],[`${s}400`]:l[`${s}600`],[`${s}500`]:l[`${s}500`],[`${s}600`]:l[`${s}400`],[`${s}700`]:l[`${s}300`],[`${s}800`]:l[`${s}200`],[`${s}900`]:l[`${s}100`]}}else r={...r,...Mn(s,a)}}return n?r:{}},"generateColors");var Ul=i(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),Cf=i(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=Ul(o%52)+e;return Ul(o%52)+e},"toAlphabeticName"),Tf=i((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),ui=i(t=>Cf(Tf(5381,JSON.stringify(t))>>>0),"toHash");function mi(t){let e=kf.colors,o=ci({...e,...wf},!0,t?.dark),n=ci(e,!1,t?.light),r=Object.keys(o).length>0,s=Object.keys(n).length>0,a,l;if(s){let p={colors:n};a={id:`${qr}-light-${ui(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${qr}-dark-${ui(p)}`,tokens:p}}return{light:a,dark:l}}i(mi,"customizedThemeTokens");function Ol(t,e){if(t.length<=1)return t;let o=[];return t.forEach((n,r)=>{o.push(n),r<t.length-1&&o.push(e)}),o}i(Ol,"joinList");function Pn(t){let{colors:e,fontFamily:o=Ia,borderRadius:n=ba,secondaryBorderRadius:r=Aa,mode:s="auto"}=t,[a,l]=bf("light"),{setTheme:p,theme:c}=h(),{dark:u,light:g}=mi(e),m=di({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),d=[m.className,xf.className],C=[m.className,vf.className];if(g){let f=di(g.id,g.tokens);d.push(f.className)}if(u){let f=di(u.id,u.tokens);C.push(f.className)}return zl(()=>{let f=i(S=>{S.matches?l("dark"):l("light")},"switchThemeListener");return window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&l("dark"),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",f),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",f)}},[]),zl(()=>{s!=="auto"&&p(s)},[s]),{activeTheme:i(()=>{let f=d.join(" "),S=C.join(" ");return c==="auto"?a==="dark"?S:f:c==="dark"?S:f},"getActiveTheme")}}i(Pn,"useTheme");var bt=i(t=>{let e=[];return t?.getAll().forEach((o,n)=>{let r=o.list.getStorage();r?.swapDetails&&e.push({id:n,swap:r?.swapDetails})}),e.sort((o,n)=>Number(n.swap.creationTime)-Number(o.swap.creationTime))},"getPendingSwaps");import{i18n as ql}from"@lingui/core";import{Alert as Af,Button as If}from"@rango-dev/ui";import Gl from"react";function fi(t){return Gl.createElement(Af,{action:Gl.createElement(If,{onClick:t.onActivateTab,variant:"contained",size:"xxsmall",type:"warning"},ql.t("Activate")),type:"warning",variant:"alarm",title:ql.t("Another tab is open and handles transactions. You can activate this tab.")})}i(fi,"ActivateTabAlert");import{i18n as gi}from"@lingui/core";import{Button as Ef,Divider as Wf,MessageBox as Nf,Modal as Lf}from"@rango-dev/ui";import $n from"react";function hi(t){let{open:e,onClose:o,onConfirm:n}=t;return $n.createElement(Lf,{open:e,dismissible:!0,onClose:o,container:W()},$n.createElement(Nf,{title:gi.t("Activate current tab"),type:"warning",description:gi.t("Currently, some transactions are running and being handled by other browser tab. If you activate this tab, all transactions that are already in the transaction sign step will expire.")},$n.createElement(Wf,{size:20}),$n.createElement(Ef,{variant:"contained",size:"large",type:"primary",fullWidth:!0,onClick:n},gi.t("Confirm"))))}i(hi,"ActivateTabModal");import{ChevronLeftIcon as Pf}from"@rango-dev/ui";import jl from"react";import{darkTheme as Bf,IconButton as Mf,styled as So}from"@rango-dev/ui";var qe=So(Mf,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),Hl=So("div",{position:"absolute",background:"$secondary500",[`.${Bf} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),Jt=So("div",{display:"flex",justifyContent:"flex-end",minWidth:"$40",button:{padding:0}}),Ql=So("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"}),Vl=So("div",{padding:"$2",variants:{isRefetched:{true:{transform:"rotate(360deg)",transition:"transform 1s ease-in-out"}}}});function yi(t){return jl.createElement(qe,{variant:"ghost",size:"small",onClick:t.onClick},jl.createElement(Pf,{color:"black",size:16}))}i(yi,"BackButton");import{i18n as $f}from"@lingui/core";import{Button as _f,Typography as Df}from"@rango-dev/ui";import Si from"react";function Ci(t){return Si.createElement(Jt,null,Si.createElement(_f,{variant:"ghost",onClick:t.onClick,size:"xsmall"},Si.createElement(Df,{variant:"label",size:"medium",color:"error500"},$f.t("Cancel"))))}i(Ci,"CancelButton");import{i18n as Ff}from"@lingui/core";import{Tooltip as Uf,WalletIcon as Of}from"@rango-dev/ui";import _n from"react";function Ti(t){return _n.createElement(Uf,{container:t.container,side:"top",content:Ff.t("Connect Wallet")},_n.createElement(qe,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&_n.createElement(Hl,null),_n.createElement(Of,{size:18,color:"black"})))}i(Ti,"WalletButton");import{i18n as On}from"@lingui/core";import{NotificationsIcon as sg,Popover as ag,SettingsIcon as lg,Tooltip as zn,TransactionIcon as pg}from"@rango-dev/ui";import Te from"react";import{i18n as Xf}from"@lingui/core";import{EventSeverity as Kf}from"@rango-dev/queue-manager-rango-preset";import{ChainToken as Rl,ChevronRightIcon as Yf,ListItemButton as Jf,Typography as Zf}from"@rango-dev/ui";import je from"react";import{useNavigate as Rf}from"react-router-dom";import{create as zf}from"zustand";import{persist as qf,subscribeWithSelector as Gf}from"zustand/middleware";var Pe=Tt(zf()(qf(Gf((t,e)=>({notifications:[],setNotification:(o,n)=>{let r=n.steps[0],s=n.steps[n.steps.length-1],a={event:o,creationTime:Date.now(),read:!1,requestId:n.requestId,route:{from:{blockchain:r.fromBlockchain,address:r.fromSymbolAddress,symbol:r.fromSymbol},to:{blockchain:s.toBlockchain,address:s.toSymbolAddress,symbol:s.toSymbol}}},l=e().notifications.filter(p=>p.requestId!==n.requestId);t(()=>({notifications:[...l,a]}))},setAsRead:o=>{t(n=>({notifications:n.notifications.map(r=>r.requestId===o?{...r,read:!0}:r)}))},getUnreadNotifications:()=>e().notifications.filter(o=>!o.read)})),{name:"notification",skipHydration:!0})));import{styled as Dn}from"@rango-dev/ui";var Xl=Dn("div",{padding:"$10",width:"350px",minHeight:"150px"}),Kl=Dn("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),Yl=Dn("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),Jl=Dn("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as Hf}from"@lingui/core";import{Divider as Qf,NoNotificationIcon as Vf,Typography as jf}from"@rango-dev/ui";import Fn from"react";function Zl(){return Fn.createElement(Jl,null,Fn.createElement(Vf,{color:"secondary",size:26}),Fn.createElement(Qf,{size:12}),Fn.createElement(jf,{variant:"body",size:"medium",color:"neutral700"},Hf.t("There are no notifications.")))}i(Zl,"NotificationNotFound");var eg=4;function ki(){let t=Rf(),{getUnreadNotifications:e}=Pe(),o=e(),n=h().blockchains(),r=h().tokens(),s=o.sort((l,p)=>p.creationTime-l.creationTime).slice(0,eg),a=i(l=>{t(`${P.swaps}/${l}`)},"handleOnClick");return je.createElement(Xl,null,s.length?je.createElement(Kl,null,s.map(l=>{let{route:p,requestId:c,event:u}=l,g=r.find(y=>Ie(y,p.from)),m=n.find(y=>y.name===p.from.blockchain),d=r.find(y=>Ie(y,p.to)),C=n.find(y=>y.name===p.to.blockchain);return je.createElement(Jf,{key:c,onClick:()=>a(c),title:je.createElement(Zf,{variant:"body",size:"small",color:u.messageSeverity===Kf.WARNING?"$foreground":"$neutral700"},Xf.t(u.message)),id:c,start:je.createElement(Yl,null,je.createElement("div",{className:"from-chain-token"},je.createElement(Rl,{tokenImage:g?g.image:"",chainImage:m?m.logo:"",size:"small"})),je.createElement("div",{className:"to-chain-token"},je.createElement(Rl,{tokenImage:d?d.image:"",chainImage:C?C.logo:"",size:"small"}))),end:je.createElement(Yf,{size:12,color:"gray"})})})):je.createElement(Zl,null))}i(ki,"NotificationContent");import{RefreshProgressButton as tg}from"@rango-dev/ui";import wi,{useEffect as og,useState as ep}from"react";var ng=1e3,tp=60,rg=100;function Un({onClick:t}){let[e,o]=ep(0),[n,r]=ep(!1),s=i(p=>{document.hidden&&p&&a(p)},"handleVisibilityChange");og(()=>{let p;return t?p=window.setInterval(()=>{o(c=>c+1),e===tp&&l()},ng):a(p),document.addEventListener("visibilitychange",()=>s(p)),()=>{document.removeEventListener("visibilitychange",()=>s(p)),p&&clearInterval(p)}},[e,t]);let a=i(p=>{p&&clearInterval(p),o(0)},"clearTimeout"),l=i(()=>{t?.(),o(0),r(!0)},"handleRefreshClick");return wi.createElement(qe,{variant:"ghost",size:"small",onClick:l,disabled:!t},wi.createElement(Vl,{onTransitionEnd:()=>r(!1),isRefetched:n},wi.createElement(tg,{size:24,color:t?"black":"gray",progress:e/tp*rg})))}i(Un,"RefreshButton");import{Typography as ig}from"@rango-dev/ui";import op from"react";function np(){let{getUnreadNotifications:t}=Pe(),e=t().length;return e?op.createElement(Ql,null,op.createElement(ig,{variant:"body",size:"xsmall",color:"$background"},e)):null}i(np,"UnreadNotificationsBadge");function vi(t){let{onClickRefresh:e,onClickHistory:o,onClickSettings:n}=t,{config:{features:r}}=h(),s=Fe("notification",r);return Te.createElement(Te.Fragment,null,Te.createElement(zn,{container:W(),side:"top",content:On.t("Refresh")},Te.createElement(Un,{onClick:e})),!s&&Te.createElement(ag,{align:"center",collisionPadding:{right:20,left:20},container:W(),content:Te.createElement(ki,null)},Te.createElement("div",null,Te.createElement(zn,{container:W(),side:"top",content:On.t("Notifications")},Te.createElement(qe,{size:"small",variant:"ghost"},Te.createElement(sg,{size:18,color:"black"}),Te.createElement(np,null))))),Te.createElement(zn,{container:W(),side:"top",content:On.t("Settings")},Te.createElement(qe,{size:"small",variant:"ghost",onClick:n},Te.createElement(lg,{size:18,color:"black"}))),Te.createElement(zn,{container:W(),side:"top",content:On.t("Transactions History")},Te.createElement(qe,{size:"small",variant:"ghost",onClick:o},Te.createElement(pg,{size:18,color:"black"}))))}i(vi,"HomeButtons");function xi(t){let e=t.target;if(e){let o=e.scrollTop,n=W();o>1?n.classList.add("rng-scrolled"):n.classList.remove("rng-scrolled")}}i(xi,"onScrollContentAttachStatusToContainer");import{styled as bi}from"@rango-dev/ui";var rp="700px",ip=bi("div",{position:"relative",display:"flex",flexDirection:"column",borderRadius:"$primary",width:"100vh",minWidth:"300px",maxWidth:"390px",boxShadow:"15px 15px 15px 0px rgba(0, 0, 0, 0.05)",overflow:"hidden",backgroundColor:"$background",variants:{height:{auto:{height:"auto",maxHeight:rp},fixed:{height:rp}}}}),sp=bi("div",{position:"relative",overflow:"hidden",flexGrow:1,display:"flex",flexDirection:"column",padding:0,overflowY:"auto"}),ap=bi("div",{"& .footer__content":{padding:"$0 $20"},"& .footer__logo":{padding:"$0 $20 $10 $20"}});function ne(t){let{children:e,header:o,footer:n,hasLogo:r=!0,height:s="fixed"}=t,a=G.use.connectedWallets(),{config:{features:l,theme:p}}=h(),{activeTheme:c}=Pn(p||{}),u=Fe("connectWalletButton",l),{isActiveTab:g,tabManagerInitiated:m,showActivateTabModal:d,setShowActivateTabModal:C,activateCurrentTab:y}=pe(),f=xt(),{manager:S}=cg(),T=bt(S).map(({swap:b})=>b).some(b=>b.status==="running"),k=i(()=>y(un,T),"onActivateTab"),A=i(()=>{o.onWallet?.()},"onConnectWallet"),w=typeof o.hasBackButton>"u"||o.hasBackButton,x=fg(null);return dg(()=>(x.current?.addEventListener("scroll",xi),()=>{x.current?.removeEventListener("scroll",xi)}),[]),me.createElement(ip,{height:s,id:be.SWAP_BOX_ID,className:c()},me.createElement(mg,{prefix:me.createElement(me.Fragment,null,w&&me.createElement(yi,{onClick:f})),title:o.title,suffix:me.createElement(me.Fragment,null,o.suffix,o.onWallet&&!u&&me.createElement(Ti,{container:W(),onClick:A,isConnected:!!a?.length}),o.onCancel&&me.createElement(Ci,{onClick:o.onCancel}))}),me.createElement(sp,{ref:x},e),me.createElement(hi,{open:d,onClose:()=>C(!1),onConfirm:k}),(r||n)&&me.createElement(ap,null,me.createElement("div",{className:"footer__content"},n,m&&!g&&me.createElement(me.Fragment,null,me.createElement(lp,{size:12}),me.createElement(fi,{onActivateTab:k}))),me.createElement(lp,{size:12}),r&&me.createElement("div",{className:"footer__logo"},me.createElement(ug,null))))}i(ne,"Layout");import{styled as gg}from"@rango-dev/ui";var pp="$20 $20 $10 $20",Co=gg("div",{padding:pp,overflowY:"auto",flexGrow:1});import{styled as hg}from"@rango-dev/ui";var re=hg("div",{display:"flex",flexDirection:"column",padding:"20px 20px 10px",flexGrow:1,variants:{view:{true:{flexGrow:1,overflow:"hidden"}},compact:{true:{padding:0}}}});import{Divider as kg,Modal as wg}from"@rango-dev/ui";import Ii from"react";import{i18n as Zt}from"@lingui/core";import{Image as Cg,MessageBox as Ai,WalletState as Tg}from"@rango-dev/ui";import $t from"react";import{keyframes as yg,styled as qn}from"@rango-dev/ui";var nI=qn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),cp=qn("div",{position:"relative"}),Sg=yg({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),up=qn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Sg} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),mp=qn("div",{"& img":{borderRadius:"50%"}});function dp(t){let{state:e,image:o,error:n}=t;return e===Tg.CONNECTED?$t.createElement(Ai,{type:"success",title:Zt.t("Wallet Connected"),description:Zt.t("Your wallet is connected, you can use it to swap.")}):n?$t.createElement(Ai,{type:"error",title:Zt.t("Failed to Connect"),description:n||Zt.t("Your wallet is not connected. Please try again.")}):$t.createElement(Ai,{type:"loading",title:Zt.t("Connecting to your wallet"),description:Zt.t("Click connect in your wallet popup."),icon:$t.createElement(cp,null,$t.createElement(mp,null,$t.createElement(Cg,{src:o,size:45})),$t.createElement(up,null))})}i(dp,"ModalContent");function To(t){let{open:e,onClose:o,...n}=t;return Ii.createElement(wg,{open:e,onClose:o,container:document.getElementById(be.SWAP_BOX_ID)||document.body},Ii.createElement(dp,{...n}),Ii.createElement(kg,{direction:"vertical",size:32}))}i(To,"WalletModal");var Ag=hp("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Ig=hp(re,{textAlign:"center"}),Gn=3e3,Ei=300;function yp(){let{config:t,fetchStatus:e}=h(),[o,n]=gp(!1),[r,s]=gp(""),a=null,l=pe.use.isActiveTab(),{list:p,handleClick:c,error:u,disconnectConnectingWallets:g}=Bn({config:t,onBeforeConnect:f=>{a=setTimeout(()=>{n(!0),s(f)},Ei)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},Gn)}}),m=i(()=>{g(),n(!1)},"handleCloseWalletModal"),d=p.find(f=>f.type===r),C=d?.image||"",y=d?.state||bg.NOT_INSTALLED;return Rt.createElement(ne,{header:{title:fp.t("Connect Wallets")}},Rt.createElement(Ig,null,Rt.createElement(vg,{variant:"title",size:"xmedium",align:"center"},fp.t("Choose a wallet to connect.")),Rt.createElement(Ag,null,p.map((f,S)=>{let v=`wallet-${S}-${f.type}`;return Rt.createElement(xg,{key:v,...f,container:W(),onClick:T=>{c(T)},isLoading:e==="loading",disabled:!l})}),Rt.createElement(To,{open:!!o,onClose:m,image:C,state:y,error:u}))))}i(yp,"WalletsPage");import{keyframes as Eg,styled as Wi}from"@rango-dev/ui";var Sp=Wi("div",{position:"relative"}),Wg=Eg({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),Cp=Wi("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Wg} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Tp=Wi("div",{"& img":{borderRadius:"50%"}});function Li(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:s}=t,{config:a}=h(),l=pe.use.isActiveTab(),p=G.use.connectedWallets(),{blockchains:c}=h(),[u,g]=ko(""),[m,d]=ko(null),[C,y]=ko(!1),[f,S]=ko(null),{suggestAndConnect:v}=bp(),T=null,{list:k,error:A,handleClick:w,disconnectConnectingWallets:x}=Bn({config:a,chain:e,onBeforeConnect:M=>{T=setTimeout(()=>{g(M)},Ei)},onConnect:()=>{T&&clearTimeout(T),setTimeout(()=>{g("")},Gn)}}),[b,I]=ko(k),N=k.length,Y=r&&N-r>0,H=i(async M=>{y(!1),S("in-progress");try{await v(M.walletType,M.chain),S("completed")}catch{S("rejected")}},"addExperimentalChain");xp(()=>{I(M=>{let z=k.findIndex(ee=>o(ee.type,e));return Y&&z>1?[k[z]].concat(k.filter((ee,F)=>F!==z)):M.map(ee=>k.find(F=>F.type===ee.type)??ee)})},[JSON.stringify(k)]);let Q=document.getElementById(be.SWAP_BOX_ID);xp(()=>{let M=null;return(f==="completed"||f==="rejected")&&(M=setTimeout(()=>S(null),Gn)),()=>{M&&clearTimeout(M)}},[f]);let ue=i(()=>{x(),g("")},"handleCloseWalletModal");return ie.createElement(ie.Fragment,null,b.slice(0,r).map(M=>{let z=ka({connectedWallets:p,walletType:M.type,chain:e}),ee=z?rn(z):"",F=on(c(),e),De=!p.find(Ce=>Ce.walletType===M.type&&Ce.chain===e),V=F&&De&&M.state===vp.CONNECTED,J=V?Xe.t({id:"Add {chain} chain",values:{chain:e}}):ee,xe=i(()=>{M.state===vp.DISCONNECTED?w(M.type):V?(d({walletType:M.type,chain:e,address:z??""}),y(!0)):n({walletType:M.type,chain:e,address:z??""})},"onClick"),Se=m?.chain?Ya(m.chain,c()):void 0;return ie.createElement(ie.Fragment,null,ie.createElement(To,{open:u===M.type,onClose:ue,image:M.image,state:M.state,error:A}),!!m&&ie.createElement(kp,{open:!!m&&C,container:Q,onClose:()=>{d(null)}},ie.createElement(Hn,{title:Xe.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:Se}}),type:"warning",description:Xe.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:Se}})},ie.createElement(Ni,{size:18}),ie.createElement(Ni,{size:32}),ie.createElement(Ng,{onClick:H.bind(null,m),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},Xe.t("Confirm")))),f&&ie.createElement(kp,{open:!!f,onClose:S.bind(null,null),container:Q},f==="in-progress"&&ie.createElement(Hn,{type:"loading",title:Xe.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:Se}}),description:Xe.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:Se}}),icon:ie.createElement(Sp,null,ie.createElement(Tp,null,ie.createElement(Lg,{src:M.image,size:45})),ie.createElement(Cp,null))}),f==="completed"&&ie.createElement(Hn,{type:"success",title:Xe.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:Se}}),description:Xe.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:Se}})}),f==="rejected"&&ie.createElement(Hn,{type:"error",title:Xe.t("Request Rejected"),description:Xe.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:Se}})}),ie.createElement(Ni,{direction:"vertical",size:32})),ie.createElement(Bg,{key:M.type,description:J,onClick:xe,selected:o(M.type,e),disabled:!l,...M}))}),Y&&ie.createElement(Al,{selected:!1,onClick:s},ie.createElement(wp,{variant:"label",size:"medium"},Xe.t("Show more wallets"),ie.createElement(wp,{variant:"label",size:"medium",color:"$primary"},"\xA0+",N-(r??0)))))}i(Li,"WalletList");var Og=2;function Ep(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,loading:s}=t,a=h().config,l=h().blockchains(),{quote:p,setSelectedWallets:c,quoteWalletsConfirmed:u,setQuoteWalletConfirmed:g,customDestination:m,setCustomDestination:d}=K(),{connectedWallets:C,selectWallets:y}=G(),[f,S]=_t(""),[v,T]=_t([]),[k,A]=_t(""),[w,x]=_t(null),[b,I]=_t(m),[N,Y]=_t(!!m),H=gn(p),Q=l.find(_=>_.name===p?.result?.swaps[p?.result?.swaps.length-1].to.blockchain),ue=i(_=>!!p?.result?.swaps.find(j=>j.from.blockchain===_),"isWalletRequiredFor"),[M,z]=_t(C.filter(_=>_.selected&&H.includes(_.chain))),ee=l.find(_=>_.name===Q?.name),F=i((_,j)=>!!M.find(q=>q.walletType===_&&q.chain===j&&q.selected&&(ue(j)||!ue(j)&&!b)),"isSelected"),De=!!b&&N&&ee&&!hn(ee,b),V=i(()=>{Y(!1),I(""),z(_=>{let j=!1;return _.map(q=>!j&&q.chain===Q?.name?(j=!0,{...q,selected:!0}):q)})},"resetCustomDestination"),J=i(_=>{if(f&&S(""),F(_.walletType,_.chain))return;let q=C.find(le=>le.walletType===_.walletType&&le.chain===_.chain);q&&(n(),_.chain===Q?.name&&N&&(Y(!1),I("")),z(le=>le.filter(ut=>ut.chain!==_.chain).concat({...q,selected:!0})))},"onChange"),xe=i(()=>{let _=M.filter(j=>j.selected);y(_),c(_),d(b),g(!0),o()},"onConfirmBalance"),Se=i(async()=>{T([]),A(""),x(null);let _=C.filter(le=>M.find(ut=>ut.chain===le.chain&&ut.walletType===le.walletType)),j=await r?.({selectedWallets:_,customDestination:b}),q=j.warnings;q?.balance?.messages&&T(q.balance.messages),q?.quoteUpdate&&x(q.quoteUpdate),j.error&&A(Ja(j.error)),!j.error&&(!q?.balance?.messages.length||0>0)?xe():T(q?.balance?.messages??[])},"onConfirmWallets");Fg(()=>{z(_=>_.concat(C.filter(j=>!!!_.find(le=>le.chain===j.chain)&&j.selected&&H.includes(j.chain))))},[C.length]);let Ce=document.getElementById(be.SWAP_BOX_ID),ct=Ug();return L.createElement(Ip,{open:e,onClose:()=>{u||ct("../",{replace:!0}),o()},dismissible:!f,container:Ce,...!f&&{footer:L.createElement(Ml,null,L.createElement(Ap,{loading:s,disabled:ml(s,N,b,p,M,Q),onClick:Se,variant:"contained",type:"primary",fullWidth:!0,size:"large"},ot.t("Confirm")))},...f&&{containerStyle:{padding:"$0"},header:L.createElement(Il,null,L.createElement(El,{variant:"ghost",onClick:S.bind(null,"")},L.createElement($g,{size:16})),L.createElement(Qn,{variant:"headline",size:"small"},ot.t({id:"Your {blockchainName} wallets",values:{blockchainName:Ue(f,l)}})))},anchor:"center"},L.createElement(Ip,{open:v.length>0,onClose:T.bind(null,[]),container:Ce},L.createElement(_g,{title:ot.t("Insufficient account balance"),type:"error",description:L.createElement(Mg,{messages:v??[]})},L.createElement(Ap,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:xe},ot.t("Proceed anyway")))),f&&L.createElement(Wl,null,L.createElement("div",{className:Nl()},L.createElement(Li,{chain:f,isSelected:F,selectWallet:J,onShowMore:S.bind(null,f)}))),!f&&L.createElement(L.Fragment,null,k&&L.createElement(L.Fragment,null,L.createElement(Bi,{variant:"alarm",type:"error",title:ot.t(k)}),L.createElement(eo,{size:12})),w&&L.createElement(L.Fragment,null,L.createElement(Bi,{variant:"alarm",type:"warning",title:bn(w)}),L.createElement(eo,{size:12})),L.createElement($l,null,H.map((_,j)=>{let q=l.find(Qe=>Qe.name===_),le=`wallet-${j}`,ut=j===H.length-1;return L.createElement("div",{key:le},L.createElement(xl,null,L.createElement(Qn,{variant:"title",size:"xmedium"},ot.t({id:"Your {blockchainName} wallets",values:{blockchainName:q?.shortName}})),L.createElement(Qn,{variant:"label",color:"$neutral700",size:"medium"},ot.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:q?.shortName}}))),L.createElement(eo,{size:24}),L.createElement(bl,null,L.createElement(Li,{chain:_,isSelected:F,selectWallet:J,limit:Og,onShowMore:()=>S(q?.name??"")})),!ut&&L.createElement(eo,{size:32}),ut&&a?.customDestination&&L.createElement(Ll,null,L.createElement(Nn,{onOpenChange:Qe=>{Qe?ue(Q?.name??"")||z(Dr=>Dr.map(Me=>Me.chain===Q?.name?{...Me,selected:!1}:Me)):V()},hasSelected:!0,open:N,triggerAnchor:"top",trigger:L.createElement(_l,{fullWidth:!0,variant:"default",suffix:L.createElement(En,{orientation:N?"up":"down"},L.createElement(Pg,{size:10,color:"gray"}))},L.createElement("div",{className:"button__content"},L.createElement(Dg,{size:18,color:"info"}),L.createElement(eo,{size:4,direction:"horizontal"}),L.createElement(Qn,{variant:"label",size:"medium"},ot.t("Send to a different address")))),onClickTrigger:()=>Y(Qe=>!Qe)},L.createElement(eo,{size:4}),L.createElement(Pl,{autoFocus:!0,placeholder:ot.t("Your destination address"),value:b,onChange:Qe=>{I(Qe.target.value)}})),De&&L.createElement("div",{className:Bl()},L.createElement(Bi,{variant:"alarm",type:"error",title:ot.t({values:{destination:b},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(Ep,"ConfirmWalletsModal");import{i18n as sh}from"@lingui/core";import{Alert as ah,Button as lh,InfoIcon as ph}from"@rango-dev/ui";import $e from"react";import{Alert as zg,Button as qg,Divider as Pp,NoRouteIcon as Gg,RefreshIcon as Hg,Typography as $p}from"@rango-dev/ui";import Ke from"react";import{i18n as Wp}from"@lingui/core";function Np(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:X().genericServerError,action:{onClick:n,title:Wp.t("Retry")}},description:""}:e.length?{alert:{type:"warning",text:X().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:Wp.t("Reset")}},description:X().liquiditySourcesError.description}:t?.type===0&&t.diagnosisMessage?{alert:{type:"error",text:t.diagnosisMessage,action:null},description:""}:{alert:null,description:X().noResultError.description}}i(Np,"makeInfo");import{styled as Mi}from"@rango-dev/ui";var Lp=Mi("div",{minHeight:"162px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}),Bp=Mi("div",{width:"100%"}),Mp=Mi("div",{padding:"$6 $0"});function Pi(t){let{fetch:e,error:o}=t,n=h().disabledLiquiditySources,r=h().toggleAllLiquiditySources,s=h().swappers(),a=Np(o,n,()=>r(s,!0),e);return Ke.createElement(Lp,null,Ke.createElement(Gg,{size:24,color:"gray"}),Ke.createElement(Pp,{size:4}),Ke.createElement($p,{variant:"title",size:"small"},X().noResultError.title),!!a.description&&Ke.createElement($p,{variant:"body",size:"small",align:"center",color:"neutral700"},a.description),Ke.createElement(Pp,{size:4}),!!a.alert&&Ke.createElement(Bp,null,Ke.createElement(zg,{type:a.alert.type,title:a.alert.text,action:a.alert.action&&Ke.createElement(qg,{size:"xsmall",type:a.alert.type,prefix:Ke.createElement(Mp,null,Ke.createElement(Hg,{size:8})),onClick:a.alert.action.onClick},a.alert.action.title),variant:"alarm"})))}i(Pi,"NoResult");import{i18n as wo}from"@lingui/core";import{Button as Vg,Divider as zp,MessageBox as jg,Modal as Xg,Typography as Kg,WarningIcon as Yg}from"@rango-dev/ui";import nt from"react";import{Typography as Up}from"@rango-dev/ui";import _i from"react";import{darkTheme as Qg,styled as Vn}from"@rango-dev/ui";var _p=Vn("div",{width:"100%"}),$i=Vn("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),Dp=Vn("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${Qg} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Fp=Vn("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function Op(t){let{title:e,value:o,valueColor:n}=t;return _i.createElement(Dp,null,_i.createElement(Up,{size:"medium",variant:"label",className:"_title"},e),_i.createElement(Up,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(Op,"QuoteErrorsModalItem");function qp(t){let{open:e,onClose:o,onConfirm:n,warning:r,confirmationDisabled:s}=t,a=r.warningLevel==="high"?"error":"warning",l=[{title:wo.t("Swapping"),value:E(r.inputUsdValue,4,4)},{title:wo.t("Gas cost"),value:E(r.totalFee,2,2)},{title:wo.t("Receiving"),value:E(r.outputUsdValue,4,4)},{title:wo.t("Price impact"),value:E(r.priceImpact,2,2),valueColor:`${a}500`}];return nt.createElement(Xg,{open:e,onClose:o,container:W()},nt.createElement(jg,{type:a,title:X().highValueLossError.impactTitle,description:X().highValueLossError.description}),nt.createElement($i,null,nt.createElement(zp,{size:20}),nt.createElement(Kg,{size:"small",variant:"title"},wo.t("Details")),nt.createElement($i,null,l.map((p,c)=>nt.createElement(Op,{key:c,...p})))),nt.createElement(zp,{size:32}),nt.createElement(Vg,{type:"primary",size:"large",prefix:nt.createElement(Yg,null),fullWidth:!0,disabled:s,onClick:n},X().highValueLossError.confirmMessage))}i(qp,"HighValueLossWarningModal");import{i18n as Di}from"@lingui/core";function Gp(t,e){let o={alertType:"warning",title:"",action:"show-info"};return t?(t.type===0&&(mt(t.priceImpact)==="high"&&(o.alertType="error"),o.action=null,o.title=X().highValueLossError.title),t.type===1&&(o.title=X().unknownPriceError.title),t.type===2&&(o.title=Di.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:t.minRequiredSlippage}}),o.action="change-settings"),t.type===3&&(o.title=Di.t("Caution, your slippage is high.")),o):e?(o.alertType="error",e.type===3&&(o.title=e.recommendation,o.action="show-info"),e.type===4&&(o.title=Di.t({id:"You need to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:e.minRequiredSlippage}}),o.action="change-settings"),o):null}i(Gp,"makeAlerts");import{i18n as no}from"@lingui/core";import{Button as Hp,Divider as Qp,MessageBox as Jg,Modal as Zg,Typography as Rg}from"@rango-dev/ui";import Dt from"react";import{useNavigate as eh}from"react-router-dom";function Vp(t){let{customSlippage:e,slippage:o}=h(),{open:n,onClose:r,onConfirm:s,warning:a,confirmationDisabled:l}=t,p=eh(),c=e??o;return Dt.createElement(Zg,{anchor:"bottom",open:n,prefix:Dt.createElement(Hp,{size:"small",variant:"ghost",onClick:()=>p("../"+P.settings)},Dt.createElement(Rg,{variant:"label",size:"medium",color:"$neutral900"},no.t("Change settings"))),container:W(),onClose:r},Dt.createElement(Jg,{type:"warning",title:a.type===3?no.t("High slippage"):no.t("Low slippage"),description:a.type===3?no.t({id:" Caution, your slippage is high (={userSlippage}). Your trade may be front run.",values:{userSlippage:c}}):no.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:a.minRequiredSlippage}})},Dt.createElement(Qp,{size:18}),Dt.createElement(Qp,{size:32}),Dt.createElement(Hp,{size:"large",type:"primary",variant:"contained",fullWidth:!0,disabled:l,onClick:s},no.t("Confirm anyway"))))}i(Vp,"SlippageWarningModal");import{Button as th,Divider as oh,MessageBox as nh,Modal as rh,WarningIcon as ih}from"@rango-dev/ui";import vo from"react";function jp(t){let{open:e,onClose:o,onConfirm:n,confirmationDisabled:r}=t;return vo.createElement(rh,{open:e,onClose:o,container:W()},vo.createElement(nh,{type:"warning",title:X().unknownPriceError.impactTitle,description:X().unknownPriceError.description}),vo.createElement(oh,{size:32}),vo.createElement(th,{type:"primary",size:"large",prefix:vo.createElement(ih,null),fullWidth:!0,disabled:r,onClick:n},X().unknownPriceError.confirmMessage))}i(jp,"UnknownPriceWarningModal");function xo(t){let{warning:e,error:o,showWarningModal:n,confirmationDisabled:r,refetchQuote:s,onOpenWarningModal:a,onCloseWarningModal:l,onConfirmWarningModal:p,onChangeSettings:c}=t,u={confirmationDisabled:r,open:n,onClose:l,onConfirm:p},g=o?.type===0||o?.type===1,m=Gp(e,o?.type===3||o?.type===4?o:null);return $e.createElement($e.Fragment,null,g&&$e.createElement(Pi,{error:o,fetch:s}),!!m&&$e.createElement(_p,null,$e.createElement(ah,{title:m.title,type:m.alertType,variant:"alarm",...m.action==="show-info"&&{action:$e.createElement(Fp,{onClick:a},$e.createElement(ph,{size:12,color:"gray"}))},...m.action==="change-settings"&&{action:$e.createElement(lh,{size:"xxsmall",type:m.alertType,onClick:c},sh.t("Change"))}})),e&&$e.createElement($e.Fragment,null,e.type===0&&$e.createElement(qp,{...u,warning:e}),(e.type===3||e.type===2)&&$e.createElement(Vp,{...u,warning:e}),e.type===1&&$e.createElement(jp,{...u,warning:e})))}i(xo,"QuoteWarningsAndErrors");import rr from"react";import{i18n as Xi}from"@lingui/core";import{Alert as Wh,Divider as Ki,InfoIcon as Nh,StepDetails as Lh,TokenAmount as Bh,Tooltip as Cc,Typography as Eo}from"@rango-dev/ui";import Tc from"bignumber.js";import D,{useLayoutEffect as Mh,useRef as kc,useState as Ph}from"react";import{styled as Fi}from"@rango-dev/ui";var Ui=Fi("div",{width:"100%","& .position-top__skeleton":{paddingTop:"$10"}}),Xp=Fi("div",{paddingBottom:"$15"}),Kp=Fi("div",{width:"100%",display:"flex"});import*as jn from"@radix-ui/react-collapsible";import{css as Xn,darkTheme as rt,Image as Yp,styled as Ge,Typography as ch}from"@rango-dev/ui";var Oi=300,Jp=Ge(jn.Root,{display:"flex",flexDirection:"column",alignItems:"start",overflowX:"auto",overflowY:"hidden",width:"100%",borderRadius:"$xm",cursor:"default",variants:{recommended:{true:{$$color:"$colors$info300",[`.${rt} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${rt} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}}}),Zp=Xn({padding:"$10 $15"}),Rp=Ge("div",{borderRadius:"$xm",display:"flex",flexDirection:"column",alignItems:"start",justifyContent:"space-between",color:"$foreground",cursor:"pointer",boxSizing:"border-box",position:"relative",variants:{recommended:{true:{$$color:"$colors$info100",[`.${rt} &`]:{$$color:"$colors$secondary600"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}},false:{$$color:"$colors$neutral200",[`.${rt} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}}},basic:{true:{borderTopRightRadius:"0",borderTopLeftRadius:"0"}},listItem:{true:{},false:{}}},compoundVariants:[{listItem:!0,recommended:!0,css:{"&:hover":{$$color:"$colors$secondary200",[`.${rt} &`]:{$$color:"$colors$secondary700"},backgroundColor:"$$color"}}},{listItem:!0,recommended:!1,css:{"&:hover":{$$color:"$colors$neutral300",[`.${rt} &`]:{$$color:"$colors$neutral400"},backgroundColor:"$$color"}}}]}),ec=Xn({width:"100%",padding:"$15 $15 $10 $15",cursor:"default"}),ro=Xn({display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",".blockchainImage":{marginLeft:"-$8"}}),tc=Xn({paddingTop:"$10",display:"flex",alignItems:"center",".usd-value":{$$color:"$colors$neutral600",[`.${rt} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),oc=Ge(jn.Trigger,{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",height:"$36",padding:"$10 $15",boxSizing:"border-box",cursor:"pointer",border:"none",outline:"none",backgroundColor:"transparent",variants:{error:{true:{[`& ${Yp}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${Yp}`]:{border:"1px transparent solid",borderRadius:"100%"}}},recommended:{true:{$$color:"$colors$info300",[`.${rt} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${rt} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}},".blockchains_section":{display:"none"},"@xs":{".blockchains_section":{display:"block"}}}),nc=Ge("div",{width:"18px",height:"18px",borderRadius:"100%",display:"flex",justifyContent:"center",alignItems:"center",border:"1.5px transparent solid",img:{borderRadius:"100%"},variants:{state:{error:{borderColor:"$error500"},warning:{borderColor:"$warning500"}}}}),rc=Ge(In,{width:"100%",background:"inherit"}),zi=Ge("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${Oi}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),$0=Ge("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),ic=Ge("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${rt} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),sc=Ge("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"}),qi=Ge(ch,{overflow:"hidden",textOverflow:"ellipsis",letterSpacing:.4}),ac=Ge("div",{display:"flex",flexWrap:"wrap"}),Gi=Ge("div",{width:"18px",height:"18px",borderRadius:"100%",backgroundColor:"$background",cursor:"default",display:"flex",justifyContent:"center",alignItems:"center",border:"1.5px transparent solid",variants:{state:{error:{borderColor:"$error500"},warning:{borderColor:"$warning500"}}}});import{i18n as Et}from"@lingui/core";import{ChevronDownIcon as mh,CloseIcon as dh,Divider as Jn,IconButton as fh,Modal as gh,QuoteCost as hh,Tooltip as yh,Typography as Ye}from"@rango-dev/ui";import Sh from"bignumber.js";import U,{useState as uc}from"react";import{i18n as bo}from"@lingui/core";var Hi={"Network Fee":bo.t("Network Fee"),"Swapper Fee":bo.t("Protocol Fee"),"Affiliate Fee":bo.t("Affiliate Fee"),"Outbound network fee":bo.t("Outbound Fee"),"Rango Fee":bo.t("Rango Fee")};import{css as uh,styled as Kn}from"@rango-dev/ui";var Yn=Kn("div",{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"$5 0","&.total_payable_fee":{padding:"$12 0"}}),Qi=Kn("div",{width:"100%",borderTop:"1px solid $neutral300",margin:"$10 0"}),lc=Kn("div",{padding:"$20 0",display:"flex",flexDirection:"column","& .collapsible_trigger":{display:"flex",alignItems:"center"}}),pc=Kn("div",{padding:"$20 $20 $10",textAlign:"center",position:"relative","._icon-button":{position:"absolute",zIndex:10,top:"$16",right:"$16"}}),cc=uh({display:"flex",flexDirection:"row",alignItems:"center",padding:"$5","&:hover":{"& ._typography, & svg":{color:"$secondary"}}});var Ch=30,Th=i(t=>t.fee.isZero()?null:U.createElement(Yn,null,U.createElement(Ye,{variant:"label",size:"medium",color:"neutral600"},t.label),U.createElement(Ye,{variant:"label",size:"medium"},"$",E(t.fee,4,4))),"NonPayableFee");function mc(t){let[e,o]=uc(!1),[n,r]=uc(!1),{steps:s,quote:a}=t,l=h().tokens(),p=Yo(Jo(a.result?.swaps)),c=a.result?.swaps??[],u=W(),g=Cn(c,l),m=tl(c);return U.createElement(U.Fragment,null,U.createElement(hh,{onClickFee:()=>o(!e),fee:E(g,2,2),feeWarning:g.gte(new Sh(Ch)),time:p,steps:s,tooltipGas:Et.t("View more info"),tooltipContainer:u}),U.createElement(gh,{container:u,open:e,header:U.createElement(pc,null,U.createElement(Ye,{variant:"title",size:"medium"},Et.t("Gas & Fee Explanation")),U.createElement(fh,{onClick:()=>o(!1),variant:"ghost"},U.createElement(dh,{color:"gray",size:14}))),onClose:()=>o(!1)},U.createElement(lc,null,U.createElement(Ye,{variant:"title",size:"small"},Et.t("Details")),U.createElement(Jn,{size:10}),Object.entries(m.payable).flatMap(([d,C])=>C.map((y,f)=>{let S=`payable-fee-${f}`,v=ei(y);return U.createElement(Yn,{key:S},U.createElement(Ye,{variant:"label",size:"medium",color:"neutral600"},Hi[d]),U.createElement(yh,{content:se(y.amount),container:u},U.createElement(Ye,{variant:"label",size:"medium"},E(y.amount,2,2)," ",y.asset.symbol," ($",E(v,4,4),")")))})),U.createElement(Yn,{className:"total_payable_fee"},U.createElement(Ye,{variant:"label",size:"medium"},Et.t("Total Payable Fee")),U.createElement(Ye,{variant:"label",size:"medium"},"$",E(g,4,4))),U.createElement(Qi,null),Object.keys(m.nonePayable).length&&U.createElement(Nn,{triggerAnchor:"bottom",onClickTrigger:()=>r(d=>!d),trigger:U.createElement("div",{className:cc()},U.createElement(Ye,{size:"small",variant:"body",color:"neutral700"},n?Et.t("Hide non-payable fees"):Et.t("Show non-payable fees")),U.createElement(Jn,{size:4,direction:"horizontal"}),U.createElement(En,{orientation:n?"up":"down"},U.createElement(mh,{size:12,color:"gray"}))),open:n},U.createElement(Ye,{size:"small",variant:"title"},Et.t("Description")),U.createElement(Jn,{size:4}),U.createElement(Ye,{size:"small",variant:"body",color:"neutral700"},Et.t(`The following fees are considered in the transaction output and
-                you won\u2019t need to pay extra gas for them.`)),U.createElement(Jn,{size:10}),Object.entries(m.nonePayable).map(([d,C],y)=>{let f=el(C),S=Hi[d],v=`non-payable-fee-${y}`;return U.createElement(Th,{key:v,fee:f,label:S})}),U.createElement(Qi,null)))))}i(mc,"QuoteCostDetails");import{i18n as gc}from"@lingui/core";import{TokenAmount as hc}from"@rango-dev/ui";import Zn from"react";import{css as kh,styled as wh}from"@rango-dev/ui";var dc=wh("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%"}),fc=kh({height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"});function Ao(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return Zn.createElement(dc,null,Zn.createElement(hc,{direction:"horizontal",label:gc.t("Swap input"),type:"input",tooltipContainer:W(),price:{value:e.price.value,usdValue:e.price.usdValue,realValue:e.price.realValue,realUsdValue:e.price.realUsdValue},token:{displayName:e.token.displayName,image:e.token.image},chain:{image:e.chain.image}}),Zn.createElement("div",{className:fc()}),Zn.createElement(hc,{direction:"horizontal",tooltipContainer:W(),label:gc.t("Estimated output"),type:"output",price:{value:o.price.value,usdValue:o.price.usdValue,realValue:o.price.realValue,realUsdValue:o.price.realUsdValue},token:{displayName:o.token.displayName,image:o.token.image},chain:{image:o.chain.image},percentageChange:n,warningLevel:r}))}i(Ao,"QuoteSummary");import{i18n as yc}from"@lingui/core";import{ChevronDownIcon as vh,ChevronRightIcon as xh,Divider as Vi,Image as bh,Tooltip as ji,Typography as Rn}from"@rango-dev/ui";import B,{useEffect as Ah,useState as Ih}from"react";var er=4,tr=6,Eh=375,Io=i(t=>{let e=W(),{content:o,src:n,className:r,open:s,state:a}=t;return B.createElement(ji,{container:e,side:"bottom",sideOffset:4,open:s,content:o},B.createElement(nc,{className:r,state:a},B.createElement(bh,{src:n,size:16})))},"ImageComponent");function Sc(t){let{quoteRef:e,recommended:o,setExpanded:n,steps:r,expanded:s}=t,a=W(),l=r.length,p=Sl(r),[c,u]=Ih(!1),g=i(()=>{window.innerWidth<Eh?u(!0):u(!1)},"handleResize");return Ah(()=>{window.addEventListener("resize",g)}),B.createElement(oc,{ref:m=>e.current=m,recommended:o,onClick:()=>n(m=>!m)},B.createElement("div",{className:ro()},B.createElement(Rn,{variant:"body",size:"xsmall"},yc.t("Via:")),B.createElement(Vi,{direction:"horizontal",size:4}),r.map((m,d)=>{let C=`item-${d}`,y=B.createElement(zi,null,B.createElement(xh,{size:12,color:"black"}));return c?B.createElement(B.Fragment,null,B.createElement(Io,{content:m.swapper.displayName,src:m.swapper.image,state:m.state}),d!==l-1&&B.createElement(B.Fragment,null,y)):B.createElement(B.Fragment,{key:C},l<=er||l>er&&d<er-1?B.createElement(B.Fragment,null,B.createElement(Io,{content:m.swapper.displayName,src:m.swapper.image,state:m.state}),d!==l-1&&B.createElement(B.Fragment,null,y)):d===er-1&&B.createElement(ji,{container:a,side:"bottom",align:"right",sideOffset:4,content:B.createElement("div",{className:ro()},y,r.map((f,S)=>{let v=`image-${S}`;return S>=d&&B.createElement(B.Fragment,{key:v},B.createElement(Io,{content:f.swapper.displayName,src:f.swapper.image,state:f.state,open:!1}),S!==l-1&&B.createElement(B.Fragment,null,y))}))},B.createElement(Gi,{state:r.find((f,S)=>S>=d&&(f.state==="error"||f.state==="warning"))?.state},B.createElement(Rn,{size:"xsmall",variant:"body"},"+",l-d))))})),B.createElement("div",{className:ro()},B.createElement("div",{className:"blockchains_section"},B.createElement("div",{className:ro()},B.createElement(Rn,{variant:"body",size:"xsmall"},yc.t("Chains:")),B.createElement(Vi,{direction:"horizontal",size:4}),p.map((m,d)=>B.createElement(B.Fragment,null,p.length<=tr||p.length>tr&&d<tr-1?B.createElement(Io,{key:m.displayName,content:"",src:m.image,open:!1,className:d!==0?"blockchainImage":""}):d===tr-1&&B.createElement(ji,{container:a,side:"bottom",align:"right",sideOffset:4,content:B.createElement("div",{className:ro()},p.map((C,y)=>y>=d&&B.createElement(Io,{key:C.displayName,content:"",src:C.image,open:!1,className:y>d?"blockchainImage":""})))},B.createElement(Gi,{className:"blockchainImage"},B.createElement(Rn,{size:"xsmall",variant:"body"},"+",p.length-d))))),B.createElement(Vi,{direction:"horizontal",size:32}))),B.createElement(zi,{orientation:s?"up":"down"},B.createElement(vh,{size:12,color:"black"}))))}i(Sc,"QuoteTrigger");function Yi(t){let{quote:e,input:o,output:n,error:r,warning:s,type:a,recommended:l=!0}=t,p=h().blockchains(),c=h().swappers(),[u,g]=Ph(t.expanded),m=kc(null),d=kc(u),C=E(o.value,6,6),y=E(n.value,6,6),f=n.usdValue?E(n.usdValue,4,4):"",S=Oe(o.usdValue,n.usdValue??null),v=E(S,2,2),T=mt(S??0),A=i(b=>b.map((I,N)=>{let Y,H=r?.type===3&&r.swap.swapperId===I.swapperId||r?.type===4&&r.recommendedSlippages?.has(N),Q=s?.type===2&&s.recommendedSlippages?.has(N);return H?Y="error":Q&&(Y="warning"),{swapper:{displayName:go(I.swapperId,c),image:I.swapperLogo},from:{token:{displayName:I.from.symbol,image:I.from.logo},chain:{displayName:Ue(I.from.blockchain,p),image:I.from.blockchainLogo},price:{value:N===0?E(o.value,6,6):E(I.fromAmount,6,6),usdValue:E((I.from.usdPrice??0)*parseFloat(I.fromAmount),4,4),realValue:se(N===0?o.value:I.fromAmount),realUsdValue:se(new Tc(I.from.usdPrice??0).multipliedBy(I.fromAmount))}},to:{token:{displayName:I.to.symbol,image:I.to.logo},chain:{displayName:Ue(I.to.blockchain,p),image:I.to.blockchainLogo},price:{value:E(I.toAmount,6,6),usdValue:E((I.to.usdPrice??0)*parseFloat(I.toAmount),4,4),realValue:se(I.toAmount),realUsdValue:se(new Tc(I.to.usdPrice??0).multipliedBy(I.toAmount))}},state:Y,alerts:H||Q?D.createElement(Xp,null,D.createElement(Wh,{type:H?"error":"warning",title:r?.type===3?r?.recommendation:Xi.t("Slippage Error:"),footer:D.createElement(Kp,null,r?.type===3&&D.createElement(D.Fragment,null,D.createElement(Eo,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),D.createElement(Ki,{direction:"horizontal",size:8}),D.createElement(Eo,{size:"xsmall",variant:"body",color:"neutral900"},"|"),D.createElement(Ki,{direction:"horizontal",size:8}),D.createElement(Eo,{size:"xsmall",variant:"body",color:"neutral900"},Xi.t({id:"Yours: {amount} {symbol}",values:{amount:E(I.fromAmount,6,6),symbol:I?.from.symbol}}))),(r?.type===4||s?.type===2)&&D.createElement(Eo,{size:"xsmall",variant:"body",color:"neutral900"},Xi.t({id:"Minimum required slippage is {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get(N)},...s?.type===2&&{minRequiredSlippage:s.recommendedSlippages?.get(N)}}})))})):void 0}}),"getQuoteSteps")(e.result?.swaps??[]),w=A.length,x=W();return Mh(()=>{u&&!d.current&&m.current&&setTimeout(()=>{m?.current?.scrollIntoView({behavior:"smooth"})},Oi),d.current=u},[u,d]),D.createElement(D.Fragment,null,D.createElement(Rp,{recommended:l,listItem:a==="list-item",basic:a==="basic"},D.createElement("div",{className:ec()},D.createElement(mc,{steps:w,quote:e}),a==="basic"&&D.createElement("div",{className:tc()},D.createElement(sc,null,D.createElement(Nh,{size:12,color:"gray"})),D.createElement(ac,null,D.createElement(qi,{size:"small",variant:"body"},`${C} ${A[0].from.token.displayName} = `),D.createElement(Cc,{content:se(n.value),container:x,open:n.value?void 0:!1},D.createElement(qi,{size:"small",variant:"body"},"\xA0",`${y} ${A[A.length-1].to.token.displayName}`))),D.createElement(Cc,{content:se(n.usdValue),container:x,style:{display:"flex"}},D.createElement(Eo,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${f})`))),a==="list-item"&&D.createElement(Bh,{type:"output",direction:"vertical",tooltipContainer:x,price:{value:y,usdValue:f,realValue:se(n.value),realUsdValue:se(n.usdValue)},token:{displayName:A[w-1].to.token.displayName,image:A[w-1].to.token.image},chain:{image:A[w-1].to.chain.image},percentageChange:v,warningLevel:T}),a==="swap-preview"&&D.createElement(D.Fragment,null,D.createElement(Ao,{from:A[0].from,to:A[w-1].to,percentageChange:v,warningLevel:T}),D.createElement(Ki,{size:4}))),D.createElement(Jp,{recommended:l,open:u,onOpenChange:g},D.createElement(Sc,{quoteRef:m,recommended:l,setExpanded:g,expanded:u,steps:A}),D.createElement(rc,{open:u},D.createElement(ic,null),D.createElement("div",{className:Zp()},A.map((b,I)=>{let N=`item-${I}`;return D.createElement(Lh,{type:"quote-details",key:N,step:b,hasSeparator:I!==A.length-1,state:b.state,tooltipContainer:x})}))))))}i(Yi,"Quote");import{Divider as Dh,Skeleton as Fh}from"@rango-dev/ui";import dt from"react";import{darkTheme as $h,styled as or}from"@rango-dev/ui";var wc=or("div",{$$color:"$colors$neutral100",[`.${$h} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15 ",variants:{rounded:{true:{borderRadius:"$xm"}}}}),vc=or("div",{paddingTop:"$2"}),xc=or("div",{paddingLeft:"$8"}),bc=or("div",{borderLeft:"1px dashed black",minHeight:" 0",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});import{ChainToken as _c,Divider as Ft,Skeleton as st}from"@rango-dev/ui";import O from"react";import{styled as it}from"@rango-dev/ui";var Ac=it("div",{display:"flex",justifyContent:"space-between",alignItems:"center",height:"22px"}),Ic=it("div",{display:"flex"}),Ec=it("div",{padding:"$15 $0 14px $0"}),Wc=it("div",{padding:"$6 $0 $15 $0",display:"flex",flexDirection:"column"}),Nc=it("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$5"}),Lc=it("div",{display:"flex",justifyContent:"space-between",alignItems:"end"}),Bc=it("div",{height:"$28",marginLeft:"13px",borderLeft:"1px solid $neutral700"}),Mc=it("div",{width:"65%",display:"flex",justifyContent:"start"}),Pc=it("div",{display:"flex",flexDirection:"column",alignItems:"start",flexGrow:1,maxWidth:"148px"}),$c=it("div",{padding:"$15 $0 $15 $0"});function Wo(t){let{type:e,tag:o=!1}=t,n=O.createElement(Lc,null,O.createElement(Mc,null,O.createElement(_c,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),O.createElement(Ft,{size:8,direction:"horizontal"}),O.createElement(Pc,null,O.createElement(st,{height:10,width:60,variant:"rounded"}),O.createElement(Ft,{size:4}),O.createElement(st,{height:15,variant:"rounded"}))),O.createElement(st,{height:12,width:64,variant:"rounded"}));return O.createElement("div",null,O.createElement(Ac,null,O.createElement(Ic,null,O.createElement(st,{width:60,height:10,variant:"rounded"}),O.createElement(Ft,{size:4,direction:"horizontal"}),O.createElement(st,{width:60,height:10,variant:"rounded"}),O.createElement(Ft,{size:4,direction:"horizontal"}),O.createElement(st,{width:60,height:10,variant:"rounded"})),o&&O.createElement(st,{height:22,width:100,variant:"rounded"})),e==="basic"&&O.createElement(Ec,null,O.createElement(st,{height:15,width:148,variant:"rounded"})),e==="list-item"&&O.createElement(Wc,null,O.createElement(Nc,null,O.createElement(_c,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),O.createElement(Ft,{direction:"horizontal",size:4}),O.createElement(st,{height:15,width:150,variant:"rounded"})),O.createElement(Ft,{size:4}),O.createElement(st,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&O.createElement(O.Fragment,null,O.createElement(Ft,{size:4}),O.createElement($c,null,n,O.createElement(Bc,null),n)))}i(Wo,"QuoteSummarySkeleton");import{ChainToken as zc,Divider as Zi,NextIcon as _h,Skeleton as nr}from"@rango-dev/ui";import fe from"react";import{styled as No}from"@rango-dev/ui";var Dc=No("div",{display:"flex",alignItems:"start"}),Fc=No("div",{flexGrow:1,paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center"}),Ji=No("div",{display:"flex",alignItems:"center",flexGrow:1}),Uc=No("div",{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}),Oc=No("div",{display:"flex",alignItems:"center"});function at(t){let{separator:e=!0}=t;return fe.createElement(fe.Fragment,null,fe.createElement(Oc,null,fe.createElement(nr,{height:22,width:22,variant:"circular"}),fe.createElement(Zi,{direction:"horizontal",size:8}),fe.createElement(nr,{height:15,width:148,variant:"rounded"})),fe.createElement(Dc,null,fe.createElement(bc,{hideSeparator:!e}),fe.createElement(Fc,null,fe.createElement(Ji,null,fe.createElement(zc,{size:"small",loading:!0,chainImage:"",tokenImage:""}),fe.createElement(Zi,{direction:"horizontal",size:8}),fe.createElement(nr,{height:12,variant:"rounded"})),fe.createElement(Uc,null,fe.createElement(_h,{color:"gray",size:16})),fe.createElement(Ji,null,fe.createElement(zc,{size:"small",loading:!0,chainImage:"",tokenImage:""}),fe.createElement(Zi,{direction:"horizontal",size:8}),fe.createElement(nr,{height:12,variant:"rounded"})))))}i(at,"StepSkeleton");function Ri(t){let{type:e,expanded:o,tag:n=!1}=t;return dt.createElement(wc,{rounded:e!=="basic"},dt.createElement(Wo,{type:e,tag:n}),dt.createElement(vc,null,dt.createElement(Fh,{height:15,variant:"rounded"})),o&&dt.createElement(xc,null,dt.createElement(Dh,{size:20}),dt.createElement(at,null),dt.createElement(at,null),dt.createElement(at,{separator:!1})))}i(Ri,"QuoteSkeleton");function Lo(t){let{quote:e,type:o,loading:n,error:r,warning:s,expanded:a=!1}=t,{inputAmount:l,inputUsdValue:p,outputUsdValue:c,outputAmount:u}=K(),m=!(r&&(r.type===0||r.type===1))&&e&&e.result&&!n;return n?rr.createElement(Ui,null,rr.createElement(Ri,{type:o,expanded:a})):m?rr.createElement(Ui,null,rr.createElement(Yi,{quote:e,error:r,warning:s,type:o,expanded:a,recommended:!0,input:{value:l,usdValue:p?.toString()??""},output:{value:u?.toString()??"",usdValue:c?.toString()??""}})):null}i(Lo,"QuoteInfo");import{calculatePendingSwap as zh}from"@rango-dev/queue-manager-rango-preset";import{useEffect as qh}from"react";import{useRef as Uh,useState as Oh}from"react";function ir(){let[t,e]=Oh(!1),o=Uh(null),n=i(()=>o.current?.abort(),"cancel");return{fetch:i(async s=>{n(),o.current=new AbortController,e(!0);try{let a=await Ht().getBestRoute(s,{signal:o.current.signal});return o.current=null,a}catch(a){throw a}finally{e(!1)}},"fetch"),loading:t,cancelFetch:n}}i(ir,"useFetchQuote");function sr(t){if(!t.result)throw new Error(X().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});if(Jr(t)){let{swap:n,recommendation:r,fromAmountRangeError:s}=Zr(t);throw new Error("bridge limit error",{cause:{type:3,swap:n,recommendation:r,fromAmountRangeError:s}})}let o=ti(t);if(o){let n=Tn(t);throw new Error("",{cause:{type:4,recommendedSlippages:o,minRequiredSlippage:n}})}return t}i(sr,"throwErrorIfResponseIsNotValid");function qc(t,e,o){let n=!1;t&&(n=hl(t,e));let r={quote:null,quoteUpdate:null,balance:null},s=wn(e,{fromToken:o.fromToken,toToken:o.toToken,tokens:o.meta.tokens,userSlippage:o.userSlippage});s&&(r.quote=s),t&&n&&(sl(t,e)?r.quoteUpdate={type:3,newOutputAmount:E(jt(e)),percentageChange:E(Oe(jt(t)??"",jt(e)??""),null,2)}:oi(t,e)?r.quoteUpdate={type:0}:ni(t,e)?r.quoteUpdate={type:1}:ri(t,e)&&(r.quoteUpdate={type:2}));let a=al(e,o.selectedWallets,o.meta.blockchains);return a.length===0||(r.balance={messages:a}),r}i(qc,"generateWarnings");function ar(t){return t?.code==="ERR_CANCELED"?{swap:null,error:{type:2},warnings:null}:t.cause?{swap:null,error:t.cause,warnings:null}:{swap:null,error:{type:1},warnings:null}}i(ar,"handleQuoteErrors");function es(){let{fromToken:t,toToken:e,inputAmount:o,setQuote:n,quote:r,customDestination:s,setQuoteWarningsConfirmed:a}=K(),{slippage:l,customSlippage:p,affiliatePercent:c,affiliateRef:u,affiliateWallets:g,disabledLiquiditySources:m}=h(),{connectedWallets:d}=G(),C=h().blockchains(),y=h().tokens(),{features:f}=h().config,{enableNewLiquiditySources:S}=h().config,v=p||l,{fetch:T,cancelFetch:k,loading:A}=ir();return qh(()=>k,[]),{loading:A,fetch:i(async x=>{let b=x.selectedWallets,I=x?.customDestination??s;if(!t||!e||!o)return{quote:null,swap:null,error:null,warnings:null};let N=kn({fromToken:t,toToken:e,inputAmount:o,wallets:d,selectedWallets:b,excludeLiquiditySources:S,disabledLiquiditySources:m,slippage:v,affiliateRef:u,affiliatePercent:c,affiliateWallets:g,initialQuote:r??void 0,destination:I});cn("experimentalRoute",f)&&(N.experimental=!0);let Y;try{Y=await T(N).then(M=>sr(M)),n(Y)}catch(M){return ar(M)}let H={slippage:v.toString(),disabledSwappersGroups:m},Q=zh(o.toString(),Y,rl(b),H,!1,{blockchains:C,tokens:y}),ue=qc(r??void 0,Y,{fromToken:t,toToken:e,meta:{blockchains:C,tokens:y},selectedWallets:b,userSlippage:v});return ue.quoteUpdate&&a(!1),{quote:Y,swap:Q,error:null,warnings:ue}},"fetch"),cancelFetch:k}}i(es,"useConfirmSwap");var ty=Vh("div",{width:"100%",display:"flex",justifyContent:"space-between",[`& ${Hc}`]:{width:"$48",height:"$48"}}),oy=os({flexGrow:1,paddingRight:"$10"}),ny=os({width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}),ry=os({display:"flex",justifyContent:"space-between",alignItems:"center"});function Qc(){let{quote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:s,quoteWarningsConfirmed:a}=K(),l=ey(),p=Rh(),[c,u]=pr(""),{connectedWallets:g}=G(),m=!n,[d,C]=pr(!1),{isActiveTab:y}=pe(),f=h().disabledLiquiditySources,S=Jh(f),{manager:v}=Gh(),{fetch:T,loading:k,cancelFetch:A}=es(),[w,x]=pr({swap:null,error:null,warnings:null}),[b,I]=pr(!1),N=i(async({selectedWallets:F,customDestination:De})=>{let V=await T?.({selectedWallets:F,customDestination:De});return x(V),V},"onConfirmSwap"),Y=i(async()=>{if(w.swap&&n)try{await v?.create("swap",{swapDetails:w.swap},{id:w.swap.requestId});let F=`../${P.swaps}/${w.swap.requestId}`;l(F,{replace:!0}),setTimeout(()=>{e("")},0)}catch(F){u("Error: "+F?.message)}},"addNewSwap"),H=i(async()=>{await Y()},"onConfirm"),Q=i(async()=>{w?.warnings?.quote&&!a?I(!0):await H()},"onStartConfirmSwap"),ue=i(async()=>{x({error:null,swap:null,warnings:null}),T({selectedWallets:o,customDestination:s}).then(F=>{x(F)}).catch(F=>console.error(F))},"onRefresh");Bo(()=>{!!S.current.length&&!f.length&&ue(),S.current=f},[f.length]),Bo(()=>{m&&A()},[m]),Bo(()=>{m&&C(m)},[m]),Bo(()=>{m||T({selectedWallets:o,customDestination:s}).then(F=>x(F)).catch(F=>console.error(F))},[]),Bo(()=>{let F=w.warnings?.quote?.type&&Object.values(kt).includes(w.warnings?.quote?.type),De=o.length<1||!o.every(J=>g.find(xe=>J.address===xe.address&&J.walletType===xe.walletType&&J.chain===xe.chain)),V=!1;if(F){let J=gn(t),xe=t?.result?.swaps[t.result.swaps.length-1].to.blockchain;!!t?.result?.swaps.find(ct=>ct.from.blockchain===xe)||(J=J.slice(-J.length,J.length-1)),J.every(ct=>o.find(_=>_.chain===ct))||(V=!0)}t&&(De||V)&&(queueMicrotask(()=>Zh(C.bind(null,!0))),r(!1))},[w.warnings?.quote,o.length,g.length]),Yh(()=>{t||l(`../${p.search}`)},[]);let M=w.warnings?.quote??null,z=w.error,ee=[];return c&&ee.push(ae.createElement(Gc,{type:"error",variant:"alarm",title:c})),w.warnings?.quoteUpdate&&ee.push(ae.createElement(Gc,{variant:"alarm",type:"warning",title:w.warnings.quoteUpdate&&bn(w.warnings.quoteUpdate)})),(M||z)&&ee.push(ae.createElement(xo,{warning:M,error:z,loading:k,refetchQuote:ue,showWarningModal:b,confirmationDisabled:!y,onOpenWarningModal:()=>I(!0),onCloseWarningModal:()=>I(!1),onConfirmWarningModal:async()=>{I(!1),await Y()},onChangeSettings:()=>l(P.settings)})),ae.createElement(ne,{header:{title:lr.t("Confirm Swap"),onWallet:()=>{let F=`../${P.wallets}`;l(F)},suffix:ae.createElement(jh,{container:W(),side:"bottom",content:lr.t("Settings")},ae.createElement(qe,{size:"small",variant:"ghost",onClick:()=>l("../"+P.settings)},ae.createElement(Qh,{size:18,color:"black"})))},footer:ae.createElement(ty,null,ae.createElement("div",{className:oy()},ae.createElement(Hh,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:k,disabled:!!w.error||!y,onClick:Q},lr.t("Start Swap"))),ae.createElement(Hc,{variant:"contained",type:"primary",size:"large",loading:k,onClick:C.bind(null,!0)},ae.createElement(Kh,{size:24})))},d&&ae.createElement(Ep,{open:d,onClose:()=>C(!1),onCancel:A,loading:k,onCheckBalance:N}),ae.createElement(re,null,ae.createElement("div",{className:ry()},ae.createElement(Xh,{variant:"title",size:"small"},lr.t("You get")),ae.createElement("div",{className:ny()},ae.createElement(Un,{onClick:!k&&!d&&!b?ue:void 0}))),ae.createElement(ts,{size:"12"}),Ol(ee,ae.createElement(ts,{size:10})),ee.length>0?ae.createElement(ts,{size:10}):null,ae.createElement(Lo,{quote:t,type:"swap-preview",expanded:!0,error:w.error,loading:k,warning:w.warnings?.quote??null})))}i(Qc,"ConfirmSwapPage");import{i18n as mr}from"@lingui/core";import{useManager as Sy}from"@rango-dev/queue-manager-react";import{Divider as ou,NotFound as Cy,styled as Ty}from"@rango-dev/ui";import gt,{useState as ky}from"react";import{useNavigate as wy}from"react-router-dom";import{i18n as is}from"@lingui/core";import{Divider as ay,GroupedVirtualizedList as ly,SwapListItem as Yc,Typography as Jc}from"@rango-dev/ui";import Ne,{useCallback as Zc,useEffect as py,useRef as cy,useState as uy}from"react";function Vc(t,e){let o=[],n=0;do{let r=t[n];o.push(Math.min(r,e)),e-=r,n++}while(e>0&&n<=t.length);return o}i(Vc,"calculateGroupsSoFar");import{css as iy,darkTheme as sy,styled as Mo}from"@rango-dev/ui";var cr=iy(),jc=Mo("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$5"}),ns=Mo("div",{width:"100%",display:"flex",flexDirection:"column",backgroundColor:"$background",padding:"$10 $5 0 $5",[`& .${cr}`]:{$$color:"$colors$neutral600",[`.${sy} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),rs=Mo("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),Xc=Mo("div",{gap:"$10",display:"flex",flexDirection:"column"}),Kc=Mo("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});var my=10;function ss(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,[s,a]=uy([]),l=cy(0),{swaps:p,groupCounts:c,groups:u}=n(e),g=Zc(Vc,[]),m=Zc(()=>{let d=e.length-l.current;d&&(l.current+=Math.min(d,my),a(g(c,l.current)))},[e.length]);if(py(()=>{r||m()},[r,m]),r){let d=[{},{}],C=[{title:is.t("Today"),swaps:d},{title:is.t("This month"),swaps:d}];return Ne.createElement(Ne.Fragment,null,C.map(y=>Ne.createElement(ns,{key:y.title},Ne.createElement(rs,null,Ne.createElement(Jc,{variant:"label",size:"medium",className:cr()},y.title)),Ne.createElement(ay,{size:4}),Ne.createElement(Xc,null,y.swaps.map((f,S)=>{let v=S+y.title;return Ne.createElement(Yc,{isLoading:!0,key:v})})))))}return Ne.createElement(ly,{endReached:()=>{l.current<e.length&&m()},groupCounts:s,groupContent:d=>Ne.createElement(ns,null,Ne.createElement(rs,null,Ne.createElement(Jc,{variant:"label",size:"medium",className:cr()},u[d]))),itemContent:(d,C)=>{let y=p[d],f=y.steps[0],S=y.steps[y.steps.length-1];return Ne.createElement(jc,{key:y.requestId},Ne.createElement(Yc,{requestId:y.requestId,creationTime:y.creationTime,status:y.status,onClick:o,tooltipContainer:W(),onlyShowTime:u[C]===is.t("Today"),swapTokenData:{from:{token:{image:f.fromLogo,displayName:f.fromSymbol},blockchain:{image:f.fromBlockchainLogo||""},amount:E(y.inputAmount,6,6),realAmount:se(y.inputAmount)},to:{token:{image:S.toLogo,displayName:S.toSymbol},blockchain:{image:S.toBlockchainLogo||""},amount:E(S.outputAmount||S.expectedOutputAmountHumanReadable||"",6,6),realAmount:se(S.outputAmount||S.expectedOutputAmountHumanReadable)}}}))}})}i(ss,"HistoryGroupedList");import{CloseIcon as fy,IconButton as gy,SearchIcon as hy,TextField as yy}from"@rango-dev/ui";import Po from"react";import{styled as dy}from"@rango-dev/ui";var Rc=dy("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function ft(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:s,value:a,setValue:l,...p}=t;return Po.createElement(yy,{prefix:Po.createElement(Rc,null,Po.createElement(hy,{color:"black"})),suffix:!!a.length&&Po.createElement(gy,{variant:"ghost",onClick:()=>l?.(""),size:"small"},Po.createElement(fy,{color:"gray",size:10})),fullWidth:o,color:n,variant:e,style:{padding:10,borderRadius:25,alignItems:"center"},size:r,value:a,onChange:s,...p})}i(ft,"SearchInput");import{i18n as ur}from"@lingui/core";import eu from"dayjs";var tu=i(t=>{let e=new Map([["today",{title:ur.t("Today"),swaps:[]}],["week",{title:ur.t("This week"),swaps:[]}],["month",{title:ur.t("This month"),swaps:[]}],["year",{title:ur.t("This year"),swaps:[]}]]);function o(p,c){e.has(p)||e.set(p,{title:p,swaps:[]}),e.get(p)?.swaps.push(c)}i(o,"addYearsToOutput");let n=eu();t.forEach(p=>{let c=Number(p.creationTime),u=eu(c);if(n.isSame(u,"day"))e.get("today")?.swaps.push(p);else if(n.isSame(u,"week"))e.get("week")?.swaps.push(p);else if(n.isSame(u,"month"))e.get("month")?.swaps.push(p);else if(n.isSame(u,"year"))e.get("year")?.swaps.push(p);else{let g=new Date(c).getFullYear().toString();o(g,p)}});let r=Array.from(e.values()).filter(p=>p.swaps.length>0),s=r.flatMap(p=>p.swaps),a=r.map(p=>p.swaps.length),l=r.map(p=>p.title);return{swaps:s,groupCounts:a,groups:l}},"groupSwapsByDate");var vy=Ty("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),xy=i((t,e)=>t?.length?t.filter(o=>et(o.fromBlockchain,e)||et(o.toBlockchain,e)||et(o.toSymbol,e)||et(o.fromSymbol,e)).length:!1,"isStepContainsText");function nu(){let t=wy(),{manager:e,state:o}=Sy(),n=bt(e).map(({swap:u})=>u),[r,s]=ky(""),a=!o.loadedFromPersistor,l=i(u=>{let g=u.target.value;s(g)},"searchHandler"),p=n;r&&(p=n.filter(u=>et(u.inputAmount,r)||et(u.status,r)||xy(u.steps,r)||et(u.requestId,r)));let c=!p?.length&&!a;return gt.createElement(ne,{header:{title:mr.t("History")}},gt.createElement(re,null,gt.createElement(ft,{setValue:s,fullWidth:!0,variant:"contained",placeholder:mr.t("Search Transaction"),autoFocus:!0,onChange:l,value:r}),gt.createElement(ou,{size:"16"}),gt.createElement(vy,null,c&&gt.createElement(Kc,null,gt.createElement(ou,{size:32}),gt.createElement(Cy,{title:mr.t("No results found"),description:r?mr.t("Try using different keywords"):""})),!c&&gt.createElement(ss,{list:p,onSwapClick:t,groupBy:tu,isLoading:a}))))}i(nu,"HistoryPage");import{i18n as ps}from"@lingui/core";import{Button as Ly,Divider as au,styled as pu,SwapInput as lu,WarningIcon as By}from"@rango-dev/ui";import ve,{useEffect as My,useState as Py}from"react";import{useNavigate as $y}from"react-router-dom";import{ReverseIcon as by,styled as ru}from"@rango-dev/ui";import as from"react";var Ay=ru("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),Iy=ru("div",{borderRadius:"$md",border:"3px solid $background",background:"$neutral100",width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center",color:"$foreground","&:hover":{color:"$secondary500"}});function iu(){let t=K.use.switchFromAndTo();return as.createElement(Ay,null,as.createElement(Iy,{onClick:()=>{t()}},as.createElement(by,{size:12})))}i(iu,"SwitchFromAndToButton");import{useCallback as Ey,useEffect as Wy,useState as ls}from"react";var Ny=600;function su(){let{fetch:t,cancelFetch:e}=ir(),{liquiditySources:o,enableNewLiquiditySources:n,features:r}=h().config,s=h().tokens(),{fromToken:a,toToken:l,inputAmount:p,inputUsdValue:c,quote:u,resetQuote:g,setQuote:m}=K(),{slippage:d,customSlippage:C,affiliatePercent:y,affiliateRef:f,affiliateWallets:S,disabledLiquiditySources:v,fetchStatus:T}=h(),[k,A]=ls(!0),[w,x]=ls(null),[b,I]=ls(null),N=C??d,H=!a||!l||Ie(a,l)||!uo(p),Q=i(z=>{A(z),x(null),I(null)},"resetState"),ue=i(z=>{let{fromToken:ee,toToken:F,inputAmount:De,liquiditySources:V,excludeLiquiditySources:J,disabledLiquiditySources:xe,slippage:Se,affiliateRef:Ce,affiliatePercent:ct,affiliateWallets:_}=z;if(k||Q(!0),!H&&ee&&F){g();let j=kn({fromToken:ee,toToken:F,inputAmount:De,liquiditySources:V,excludeLiquiditySources:J,disabledLiquiditySources:xe,slippage:Se,affiliateRef:Ce,affiliatePercent:ct,affiliateWallets:_});cn("experimentalRoute",r)&&(j.experimental=!0),t(j).then(q=>{A(!1),m(q),sr(q);let le=wn(q,{fromToken:ee,toToken:F,userSlippage:N,tokens:s});I(le)}).catch(q=>{let{error:le}=ar(q);(le?.type===0||le?.type===1)&&g(),le?.type!==2&&(x(le),A(!1))})}},"fetch"),M=Ey(La(z=>{H||ue(z)},Ny),[H]);return Wy(()=>{if(T==="success"){if(!uo(p)||c?.eq(0)){Q(!1),e();return}if(H){u&&g();return}return g(),Q(!0),M({inputAmount:p,fromToken:a,toToken:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:v,slippage:N,affiliateRef:f,affiliatePercent:y,affiliateWallets:S}),e}},[T,p,a?.symbol,a?.address,a?.blockchain,l?.symbol,l?.address,l?.blockchain,H,o?.length,n,v.length,N,f,y,JSON.stringify(S)]),{fetch:()=>ue({inputAmount:p,fromToken:a,toToken:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:v,slippage:N,affiliateRef:f,affiliatePercent:y,affiliateWallets:S}),loading:k,error:w,warning:b}}i(su,"useSwapInput");var _y=pu("div",{position:"relative"}),Dy=pu("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"});function cu(){let t=$y(),{fetch:e,loading:o,error:n,warning:r}=su(),{fromToken:s,fromBlockchain:a,toToken:l,toBlockchain:p,setInputAmount:c,inputAmount:u,inputUsdValue:g,outputAmount:m,outputUsdValue:d,quote:C,resetQuoteWallets:y,setQuoteWarningsConfirmed:f}=K(),{config:S,fetchStatus:v}=h(),{connectedWallets:T,getBalanceFor:k}=G(),{isActiveTab:A}=pe(),[w,x]=Py(!1),b=!!a&&wa(T,a.name),I=!1,N=!Rr(C,u,g),Y=!Rr(C,u,d),H=Ra({fetchMetaStatus:v,fetchingQuote:o,inputAmount:u,quote:C,anyWalletConnected:T.length>0,error:n,warning:r,needsToWarnEthOnPath:I}),Q=s?k(s):null,ue=nn(Q)?.amount??"0",M=a&&s?E(Q?.amount,Q?.decimals):"0",z=v==="success"&&!!u&&!!s&&!!l&&o;My(()=>{y()},[]);let ee=!g||!d||!d.gt(0)?null:Oe(g.toString(),d.toString());return ve.createElement(ne,{height:"auto",hasLogo:!0,footer:ve.createElement(Ly,{type:"primary",size:"large",disabled:H.disabled||!A,prefix:H.action==="confirm-warning"&&ve.createElement(By,null),fullWidth:!0,onClick:()=>{H.action==="connect-wallet"?t(P.wallets):H.action==="confirm-warning"?x(!0):t(P.confirmSwap)}},H.title),header:{onWallet:()=>{t(P.wallets)},hasBackButton:!1,title:S.title||ps.t("Swap"),suffix:ve.createElement(vi,{onClickRefresh:(C||n)&&!w?e:void 0,onClickHistory:()=>t(P.swaps),onClickSettings:()=>t(P.settings)})}},ve.createElement(re,null,ve.createElement(Dy,null,ve.createElement(_y,null,ve.createElement(lu,{label:ps.t("From"),mode:"From",onInputChange:c,balance:ue,chain:{displayName:a?.displayName||"",image:a?.logo||""},token:{displayName:s?.symbol||"",image:s?.image||""},onClickToken:()=>t(P.fromSwap),price:{value:u,usdValue:N?void 0:E(g,4,4),realUsdValue:N?void 0:se(g),error:N?X().unknownPriceError.impactTitle:void 0},disabled:v==="failed",loading:v==="loading",loadingBalance:b,tooltipContainer:W(),onSelectMaxBalance:()=>{ue!=="0"&&c(M.split(",").join(""))}}),ve.createElement(iu,null)),ve.createElement(lu,{sharpBottomStyle:!!C?.result||z,label:ps.t("To"),mode:"To",fetchingQuote:z,chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:l?.symbol||"",image:l?.image||""},percentageChange:E(Oe(g,d),2,2),warningLevel:mt(ee??0),price:{value:E(m,6,6),usdValue:Y?void 0:E(d,4,4),realValue:se(m),realUsdValue:Y?void 0:se(d),error:Y?X().unknownPriceError.impactTitle:void 0},onClickToken:()=>t(P.toSwap),disabled:v==="failed",loading:v==="loading",tooltipContainer:W()})),ve.createElement(au,{size:"2"}),ve.createElement(Lo,{quote:C,loading:z,error:n,warning:r,type:"basic"}),r||n?ve.createElement(ve.Fragment,null,ve.createElement(au,{size:"10"}),ve.createElement(xo,{warning:r,error:n,loading:z,refetchQuote:e,showWarningModal:w,confirmationDisabled:!A,onOpenWarningModal:()=>x(!0),onCloseWarningModal:()=>x(!1),onConfirmWarningModal:()=>{x(!1),f(!0),t(P.confirmSwap)},onChangeSettings:()=>t(P.settings)})):null))}i(cu,"Home");import{i18n as uu}from"@lingui/core";import{List as Fy,ListItemButton as Uy,Radio as Oy,RadioRoot as zy,Typography as qy}from"@rango-dev/ui";import Wt from"react";function io(){let{setLanguage:t,language:e,config:o}=h(),n=Pa,r=o?.language||fo;return{activeLanguage:e||r,languages:n,defaultLanguage:r,changeLanguage:s=>t(s||fo),resetLanguage:()=>t(null)}}i(io,"useLanguage");function mu(){let{activeLanguage:t,changeLanguage:e,languages:o}=io(),n=o.map(r=>{let{local:s,label:a,SVGFlag:l}=r;return{id:s,value:s,title:Wt.createElement(qy,{variant:"title",size:"xmedium"},a),onClick:()=>e(r.local),end:Wt.createElement(Oy,{value:s}),start:Wt.createElement(l,null)}});return Wt.createElement(ne,{header:{title:uu.t("Language")}},Wt.createElement(re,null,Wt.createElement(zy,{value:t},Wt.createElement(Fy,{type:Wt.createElement(Uy,{title:uu.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}i(mu,"LanguagePage");import{i18n as ht}from"@lingui/core";import{Button as jy,Checkbox as Xy,Image as Ky,ListItemButton as Yy,NotFound as Jy,Typography as Zy}from"@rango-dev/ui";import We,{useState as Ry}from"react";import{Checkbox as Qy,Skeleton as fu}from"@rango-dev/ui";import _o from"react";import{styled as cs}from"@rango-dev/ui";var $o=cs("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto"}),us=cs("div",{width:80,display:"flex",justifyContent:"flex-end"}),ms=cs("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});import{ListItem as Gy,styled as Hy}from"@rango-dev/ui";var du=Hy(Gy,{height:61});var Vy=30;function ds(){return _o.createElement($o,null,Array.from(Array(Vy),t=>_o.createElement(du,{hasDivider:!0,key:t,start:_o.createElement(fu,{variant:"circular",width:35,height:35}),title:_o.createElement(fu,{variant:"text",size:"large",width:90}),end:_o.createElement(Qy,{checked:!1})})))}i(ds,"LoadingLiquiditySourceList");function fs({sourceType:t}){let e=h().fetchStatus,o=h().swappers(),n=h().disabledLiquiditySources,[r,s]=Ry(""),a=h().toggleLiquiditySource,l=pn(o,n),p={Exchanges:ht.t("Exchanges"),Bridges:ht.t("Bridges")},c=[];t==="Exchanges"&&c.push("DEX"),t==="Bridges"&&(c.push("BRIDGE"),c.push("AGGREGATOR"));let u=l.filter(f=>c.includes(f.type)),g=u.length===u.filter(f=>f.selected).length,m=i(()=>{u.forEach(f=>{g?a(f.groupTitle):f.selected||a(f.groupTitle)})},"toggleAllSources"),d=u.map(f=>{let{selected:S,groupTitle:v,logo:T}=f;return{start:We.createElement(Ky,{src:T,size:22,type:"circular"}),onClick:()=>a(v),end:We.createElement(Xy,{checked:S}),title:We.createElement(Zy,{variant:"title",size:"xmedium"},ht.t(v)),...f}}),C=i(f=>{let S=f.target.value;s(S)},"searchHandler"),y=d;return r&&(y=d.filter(f=>et(f.groupTitle,r))),We.createElement(ne,{header:{title:ht.t(t),suffix:We.createElement(us,null,We.createElement(jy,{variant:"ghost",size:"xsmall",onClick:m},g?ht.t("Deselect all"):ht.t("Select all")))}},We.createElement(re,{view:!0},We.createElement(ft,{value:r,setValue:s,fullWidth:!0,color:"light",variant:"contained",placeholder:ht.t("Search {sourceType}",{sourceType:p[t]}),onChange:C}),e==="loading"&&We.createElement(ds,null),!y.length&&r?We.createElement(ms,null,We.createElement(Jy,{title:ht.t("No results found"),description:ht.t("Try using different keywords")})):e==="success"&&We.createElement($o,null,y.map(f=>We.createElement(We.Fragment,{key:f.id},We.createElement(Yy,{style:{height:"61px"},...f,selected:!1,hasDivider:!0}))))))}i(fs,"LiquiditySourcePage");import{i18n as wu}from"@lingui/core";import{Divider as vu,getCountCategories as pS,SelectableCategoryList as cS}from"@rango-dev/ui";import yt,{useState as xu}from"react";import{i18n as hs}from"@lingui/core";import{Divider as Tu,Image as rS,ListItemButton as iS,NotFound as sS,Typography as ku}from"@rango-dev/ui";import He,{useEffect as aS,useState as lS}from"react";import{BlockchainCategories as gs}from"@rango-dev/ui";import{TransactionType as dr}from"rango-sdk";var eS=i((t,e)=>{switch(e){case gs.ALL:return!0;case gs.UTXO:return t.type===dr.TRANSFER;case gs.OTHER:return t.type!==dr.TRANSFER&&t.type!==dr.COSMOS&&t.type!==dr.EVM;default:return t.type===e}},"filterByType"),gu=i((t,e,o)=>t.filter(n=>eS(n,o)).filter(n=>Bt(n.name,e)||Bt(n.displayName,e)),"filterBlockchains");import{ImageContainer as tS,styled as hu}from"@rango-dev/ui";var yu=hu("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),fr=hu(Co,{padding:0,margin:0,listStyle:"none",[`& ${tS}`]:{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as oS,Skeleton as Su}from"@rango-dev/ui";import gr from"react";var nS=20;function Cu(){return gr.createElement(fr,null,Array.from(Array(nS),t=>gr.createElement(oS,{key:t,hasDivider:!0,start:gr.createElement(Su,{variant:"circular",width:35,height:35}),title:gr.createElement(Su,{variant:"text",size:"large",width:90})})))}i(Cu,"LoadingBlockchainList");function ys(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=lS(e),{fetchStatus:l}=h();aS(()=>{a([...gu(e,o,r)])},[e,o,r]);let p=i(()=>!s.length&&o?He.createElement(He.Fragment,null,He.createElement(Tu,{size:32}),He.createElement(sS,{title:hs.t("No results found"),description:hs.t("Try using different keywords")})):He.createElement(fr,{as:"ul",key:`${r}-${o}`},s.map(c=>He.createElement(iS,{key:`${c.name}-${c.chainId}`,hasDivider:!0,onClick:()=>n(c),start:He.createElement(rS,{src:c.logo,size:30}),title:He.createElement(ku,{variant:"title",size:"medium"},c.displayName),id:c.chainId}))),"renderList");return He.createElement(yu,null,He.createElement(ku,{variant:"label",size:"large"},hs.t("Select Blockchain")),He.createElement(Tu,{size:4}),l==="loading"&&He.createElement(Cu,null),l==="success"&&p())}i(ys,"BlockchainList");function Ss(t){let{type:e}=t,o=xt(),[n,r]=xu(""),[s,a]=xu("ALL"),l=K.use.setToBlockchain(),p=K.use.setFromBlockchain(),c=h().fetchStatus,u=h().blockchains({type:e}),m=pS(u)!==1;return yt.createElement(ne,{header:{title:wu.t("Select Blockchain")}},yt.createElement(re,{view:!0},m&&yt.createElement(yt.Fragment,null,yt.createElement(cS,{setCategory:a,category:s,blockchains:u,isLoading:c==="loading"}),yt.createElement(vu,{size:24})),yt.createElement(ft,{value:n,autoFocus:!0,placeholder:wu.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:d=>r(d.target.value)}),yt.createElement(vu,{size:16}),yt.createElement(ys,{list:u,searchedFor:n,blockchainCategory:s,onChange:d=>{e==="source"?p(d):l(d),o()}})))}i(Ss,"SelectBlockchainPage");import{i18n as Tr}from"@lingui/core";import{Divider as Hu}from"@rango-dev/ui";import Ut,{useState as IS}from"react";import{useNavigate as ES}from"react-router-dom";import{i18n as ks}from"@lingui/core";import{BlockchainsChip as hr,Divider as Eu,Image as Wu,Skeleton as gS,Tooltip as hS,Typography as ws}from"@rango-dev/ui";import ye from"react";import{useEffect as dS}from"react";var bu=["ETH","COSMOS","OSMOSIS"];function Cs(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(uS),o?.limit&&t.length>o.limit){let s=o.limit,a=e;if(e.length<=o.limit){let l=o.limit-e.length;for(let p=0;p<=l;p++){let c=n[p];a=a.filter(u=>c.name!==u)}}n.sort(mS(a)),r=n.splice(s)}return{list:n,more:r}}i(Cs,"prepare");function uS(t,e){let o=bu,n=o.findIndex(l=>l===t.name),r=o.findIndex(l=>l===e.name),s=n>-1,a=r>-1;return s&&a?n>r?1:-1:s?-1:a?1:0}i(uS,"sortByMostUsedBlockchains");function mS(t){return i(function(o,n){let r=t.findIndex(p=>p===o.name),s=t.findIndex(p=>p===n.name),a=r>-1,l=s>-1;return a&&l?r>s?1:-1:t.includes(o.name)?-1:t.includes(n.name)?1:0},"sortByPreferred")}i(mS,"generateSortByPreferredBlockchainsFor");function Au(t,e){return!!e.list.find(o=>o.name===t)}i(Au,"isInVisibleList");function Ts(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=h();dS(()=>{if(e?.selected){let s=Cs(t,o,e);Au(e.selected,s)||n(e?.selected)}},[e?.selected]);let r=Cs(t,o,e);return{list:r.list,more:r.more,history:[]}}i(Ts,"usePrepareBlockchainList");import{styled as fS}from"@rango-dev/ui";var Iu=fS("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var yS=12;function vs(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:s}=t,a=Ts(e,{limit:10,selected:n?.name}),{fetchStatus:l}=h(),p=K.use.resetToBlockchain(),c=K.use.resetFromBlockchain(),u=a.more.length>0,g=a.more.length===1,m=!g&&u;return ye.createElement(ye.Fragment,null,ye.createElement(Eu,{size:12}),ye.createElement(ws,{variant:"label",size:"large"},ks.t("Select Blockchain")),ye.createElement(Eu,{size:12}),ye.createElement(Iu,null,l==="loading"&&Array.from(Array(yS),d=>ye.createElement(gS,{key:d,variant:"rounded",height:50})),l==="success"&&ye.createElement(ye.Fragment,null,ye.createElement(hr,{selected:!n,onClick:()=>{o==="from"?c():p()}},ye.createElement(ws,{variant:"body",size:"xsmall",color:"secondary500"},ks.t("All"))),a.list.map(d=>ye.createElement(hS,{key:d.name,content:d.shortName,side:"bottom",sideOffset:2,container:W()},ye.createElement(hr,{key:d.name,selected:!!n&&n.name===d.name,onClick:()=>r(d)},ye.createElement(Wu,{src:d.logo,size:30})))),g?ye.createElement(hr,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},ye.createElement(Wu,{src:a.more[0].logo,size:30})):null,m?ye.createElement(hr,{onClick:s,key:"more-blockchains"},ye.createElement(ws,{variant:"body",size:"xsmall",color:"secondary500"},ks._("More +{count}",{count:a.more.length}))):null)))}i(vs,"BlockchainsSection");import{i18n as Ms}from"@lingui/core";import{darkTheme as Uu,Divider as ao,ExternalLinkIcon as TS,Image as kS,ListItemButton as wS,NotFound as vS,PinIcon as xS,Skeleton as Ou,Typography as Cr,VirtualizedList as bS}from"@rango-dev/ui";import $,{useEffect as zu,useState as qu}from"react";import{Divider as Du,ListItem as CS,Skeleton as Do}from"@rango-dev/ui";import Ze from"react";import{css as so,darkTheme as Nu,ImageContainer as SS,styled as Je,Typography as Lu}from"@rango-dev/ui";var xs=so({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}),bs=so({position:"relative",height:12,width:"30%",maxWidth:"150px"}),As=so({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"}),Is=so({transform:"translateY(12px)",visibility:"hidden","& a":{display:"flex",justifyContent:"center",alignItems:"center",fontSize:"$12",lineHeight:"$16",$$color:"$colors$neutral600",[`.${Nu} &`]:{$$color:"$colors$neutral700"},color:"$$color",textDecoration:"none"}}),Es=so({}),Ws=so(),Bu=Je("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),Ns=Je("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),yr=Je("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none","&:hover":{[`& .${bs}`]:{[`& .${Is}`]:{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},[`& .${Es}`]:{bottom:"-15px"},[`& .${xs}`]:{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},[`& .${As}`]:{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),Ls=Je("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),Bs=Je(Lu,{}),Mu=Je("div",{textAlign:"right",width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",[`& .${Ws}`]:{$$color:"$colors$neutral600",[`.${Nu} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Sr=Je("div",{display:"flex",alignItems:"end",flexDirection:"column"}),qP=Je("div",{display:"flex",alignItems:"center"}),Pu=Je("div",{position:"relative",[`& ${SS}`]:{borderRadius:"$xm",overflow:"hidden"}}),$u=Je("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6}),_u=Je(Lu,{width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"});function Fu(t){return Ze.createElement(yr,null,Array.from(Array(t.size),e=>Ze.createElement(CS,{key:e,hasDivider:!0,start:Ze.createElement(Do,{variant:"circular",width:35,height:35}),end:Ze.createElement(Sr,null,Ze.createElement(Do,{variant:"text",size:"large",width:70}),Ze.createElement(Du,{size:4}),Ze.createElement(Do,{variant:"text",size:"medium",width:50})),title:Ze.createElement("div",null,Ze.createElement(Do,{variant:"text",size:"large",width:90}),Ze.createElement(Du,{size:4}),Ze.createElement(Do,{variant:"text",size:"medium",width:90}))})))}i(Fu,"LoadingTokenList");var Ps=20,AS=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:s,customCssForTagTitle:a}=t,l=e.length;return $.createElement("div",{className:bs()},o?$.createElement("div",{className:xs()},o):$.createElement(Ns,{className:As()},$.createElement(Cr,{variant:"title",size:"xmedium"},r.symbol),$.createElement(ao,{direction:"horizontal",size:4}),$.createElement(Ls,{css:s},$.createElement(Bs,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&$.createElement("div",{className:`${Is()} ${!o&&Es()}`},$.createElement("a",{href:n,target:"_blank",rel:"nofollow noreferrer",onClick:p=>p.stopPropagation()},l>10?`${e.slice(0,5)}...${e.slice(l-6,l)}`:e," ",$.createElement(ao,{size:4,direction:"horizontal"}),$.createElement(TS,{color:"gray",size:12}))))},"renderDesc");function Gu(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=qu(e),l=h().fetchStatus,p=h().blockchains(),[c,u]=qu(!0),{getBalanceFor:g,loading:m}=G(),{isTokenPinned:d}=h(),C=i(()=>{a(e.slice(0,s.length+Ps))},"loadNextPage");zu(()=>{u(e.length>s.length)},[s.length]),zu(()=>{a(e.slice(0,Ps))},[e]);let y=i(()=>!s.length&&o?$.createElement($.Fragment,null,$.createElement(ao,{size:32}),$.createElement(vS,{title:Ms.t("No results found"),description:Ms.t("Try using different keywords")})):$.createElement(bS,{endReached:c?C:void 0,itemContent:f=>{let S=s[f],v=nn(g(S)),T=S.address||"",k=p.find(b=>b.name===S.blockchain),A=Mn(S.symbol,k?.color||""),w={$$color:A[`${S.symbol}100`],[`.${Uu} &`]:{$$color:A[`${S.symbol}900`]},backgroundColor:"$$color"},x={$$color:A[`${S.symbol}700`],[`.${Uu} &`]:{$$color:A[`${S.symbol}100`]},color:"$$color"};return $.createElement("div",{style:{paddingRight:5}},$.createElement(wS,{style:{width:"100%",overflow:"hidden"},"tab-index":f,key:`${S.symbol}${S.address}`,id:`${S.symbol}${S.address}`,hasDivider:!0,onClick:()=>n(s[f]),start:$.createElement(Pu,null,$.createElement(kS,{src:S.image,size:30}),d(S,t.type)&&$.createElement($u,null,$.createElement(xS,{size:12,color:"gray"}))),title:k?.type==="COSMOS"||S.name||!S.name&&!T?$.createElement(Ns,null,$.createElement(Cr,{variant:"title",size:"xmedium"},S.symbol),$.createElement(ao,{direction:"horizontal",size:4}),$.createElement(Ls,{css:w},$.createElement(Bs,{variant:"body",size:"xsmall",css:x},S.blockchain))):void 0,description:k?.info&&T&&k.type!=="COSMOS"?AS({address:T,token:s[f],customCssForTag:w,customCssForTagTitle:x,name:S.name,url:k.info.addressUrl.split("{wallet}").join(T)}):S.name||void 0,end:m?$.createElement(Sr,null,$.createElement(Ou,{variant:"text",size:"large",width:70}),$.createElement(ao,{size:4}),$.createElement(Ou,{variant:"text",size:"medium",width:50})):v&&$.createElement(Mu,null,$.createElement(_u,{variant:"title",size:"small"},v.amount),$.createElement("div",null),v.usdValue&&$.createElement(Cr,{variant:"body",className:Ws(),size:"xsmall"},`$${v.usdValue}`))}))},totalCount:s.length,key:`${r}-${o}`}),"renderList");return $.createElement(Bu,null,$.createElement(Cr,{variant:"label",size:"large"},Ms.t("Select Token")),$.createElement(ao,{size:4}),l==="loading"&&$.createElement(Fu,{size:Ps}),l==="success"&&$.createElement(yr,{as:"ul"},y()))}i(Gu,"TokenList");function $s(t){let{type:e}=t,o=ES(),n=xt(),{fromBlockchain:r,toBlockchain:s,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:c}=K(),u=G.use.getBalanceFor(),[g,m]=IS(""),{isTokenPinned:d}=h(),y=(e==="source"?r:s)?.name??"",f=h().blockchains({type:e}),S=h().tokens({type:e,blockchain:y,searchFor:g}),T=Ca(S,u,i(x=>d(x,e),"checkIsTokenPinned")),k=i(x=>{e==="source"?p(x):c(x)},"updateBlockchain"),A=i(x=>{e==="source"?a({token:x,meta:{blockchains:f,tokens:S}}):l({token:x,meta:{blockchains:f,tokens:S}})},"updateToken"),w={source:Tr.t("Source"),destination:Tr.t("Destination")};return Ut.createElement(ne,{header:{title:Tr.t("Swap {type}",{type:w[e]})}},Ut.createElement(re,null,Ut.createElement(vs,{blockchains:f,type:e=="source"?"from":"to",blockchain:e==="source"?r:s,onMoreClick:()=>o(P.blockchains),onChange:x=>{k(x)}}),Ut.createElement(Hu,{size:24}),Ut.createElement(ft,{value:g,autoFocus:!0,placeholder:Tr.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>m(""),onChange:x=>m(x.target.value)}),Ut.createElement(Hu,{size:16}),Ut.createElement(Gu,{list:T,selectedBlockchain:y,searchedFor:g,type:e,onChange:x=>{A(x);let b=f.find(I=>x.blockchain===I.name);b&&k(b),n()}})))}i($s,"SelectSwapItemsPage");import{i18n as Ot}from"@lingui/core";import{ChevronRightIcon as Fs,Divider as Us,InfoIcon as _S,List as DS,ListItemButton as FS,Skeleton as US,Switch as OS,Tooltip as zS,Typography as zt}from"@rango-dev/ui";import Z from"react";import{useNavigate as qS}from"react-router-dom";import{i18n as Yu}from"@lingui/core";import{Divider as BS,InfoIcon as MS,TextField as PS,Tooltip as $S,Typography as Ju}from"@rango-dev/ui";import _e from"react";import{Chip as WS,styled as Fo,TextField as NS}from"@rango-dev/ui";var Qu=Fo("div",{paddingTop:"$5",padding:"$10 $5"}),Vu=Fo("div",{display:"flex",flexWrap:"wrap",gap:"$10",[`& ${NS}`]:{flex:"1 1 0",maxWidth:"127px",minWidth:"85px"}}),ju=Fo("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),kr=Fo("div",{maxWidth:"280px",padding:"$10"}),Xu=Fo(WS,{width:"61px",flexShrink:0});import{i18n as _s}from"@lingui/core";import{Typography as LS}from"@rango-dev/ui";import Uo from"react";function Ku(){return Uo.createElement(kr,null,Uo.createElement(LS,{variant:"label",size:"medium",color:"neutral700"},_s.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),Uo.createElement("br",null),Uo.createElement("br",null),Uo.createElement("b",null,_s.t("Warning")),":",_s.t("This setting is applied per step (e.g. 1Inch, Thorchain, etc) which means only the step will be reverted, not the whole transaction.")))}i(Ku,"SlippageTooltipContent");function Ds(){let{slippage:t,setSlippage:e,customSlippage:o,setCustomSlippage:n}=h();return _e.createElement(Qu,null,_e.createElement(ju,null,_e.createElement(Ju,{variant:"title",size:"xmedium"},Yu.t("Slippage tolerance per swap")),_e.createElement(BS,{direction:"horizontal",size:4}),_e.createElement($S,{container:W(),side:"top",sideOffset:4,content:_e.createElement(Ku,null)},_e.createElement(MS,{color:"gray"}))),_e.createElement(Vu,null,$a.map((r,s)=>{let a=`slippage-${s}`;return _e.createElement(_e.Fragment,null,_e.createElement(Xu,{key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}))}),_e.createElement(PS,{type:"number",min:"0.01",max:"30",step:"0.01",fullWidth:!0,variant:"contained",value:o||"",color:"dark",onChange:r=>{let s=r.target.value,a=parseFloat(s);a>=Ua&&a<=Fa?n(a):n(null)},suffix:o&&_e.createElement(Ju,{variant:"body",size:"small"},"%"),placeholder:Yu.t("Custom")})))}i(Ds,"Slippage");function Zu(){let t=qS(),{theme:e}=h().config,o=h().fetchStatus,n=h().swappers(),r=h().disabledLiquiditySources,{config:{features:s}}=h(),a=Fe("theme",s),l=Fe("liquiditySource",s),p=Fe("language",s),c=h().infiniteApprove,u=h().toggleInfiniteApprove,g=pn(n,r),m=g.filter(b=>b.type==="BRIDGE"||b.type==="AGGREGATOR"),d=m.length,C=m.filter(b=>b.selected).length,y=g.filter(b=>b.type==="DEX"),f=y.length,S=y.filter(b=>b.selected).length,v=i((b,I)=>{switch(o){case"loading":return Z.createElement(US,{variant:"text",size:"medium",width:50});case"failed":return Z.createElement(zt,{variant:"body",size:"medium",color:"$error500"},Ot.t("Loading failed"));default:return Z.createElement(zt,{variant:"body",size:"medium"},`${b} / ${I}`)}},"handleEndItem"),T={id:"bridge-item",title:Z.createElement(zt,{variant:"title",size:"xmedium"},Ot.t("Enabled bridges")),end:Z.createElement(Z.Fragment,null,v(C,d),Z.createElement(Us,{direction:"horizontal",size:8}),Z.createElement(Fs,{color:"black"})),onClick:()=>t(P.bridges)},k={id:"exchange-item",title:Z.createElement(zt,{variant:"title",size:"xmedium"},Ot.t("Enabled exchanges")),end:Z.createElement(Z.Fragment,null,v(S,f),Z.createElement(Us,{direction:"horizontal",size:8}),Z.createElement(Fs,{color:"gray"})),onClick:()=>t(P.exchanges)},A={id:"theme-item",title:Z.createElement(zt,{variant:"title",size:"xmedium"},Ot.t("Theme")),end:Z.createElement(Fs,{color:"gray"}),onClick:()=>t(P.themes)},w={id:"infinite-approval-item",title:Z.createElement(Z.Fragment,null,Z.createElement(zt,{variant:"title",size:"xmedium"},Ot.t("Infinite approval")),Z.createElement(Us,{direction:"horizontal",size:4}),Z.createElement(zS,{side:"top",sideOffset:4,container:W(),content:Z.createElement(kr,null,Z.createElement(zt,{variant:"label",size:"medium",color:"neutral700"},Ot.t("Enabling the 'Infinite approval' mode grants unrestricted access to smart contracts of DEXes/Bridges, allowing them to utilize the approved token amount without limitations.")))},Z.createElement(_S,{color:"gray"}))),end:Z.createElement(OS,{checked:c}),onClick:u},x=l?[]:[T,k];return!e?.singleTheme&&!a&&x.push(A),x.push(w),Z.createElement(ne,{header:{title:Ot.t("Settings")}},Z.createElement(re,null,Z.createElement(Ds,null),Z.createElement(DS,{type:Z.createElement(FS,{title:"_",id:"_",onClick:()=>console.log()}),items:x})))}i(Zu,"SettingsPage");import{i18n as BC}from"@lingui/core";import{cancelSwap as MC}from"@rango-dev/queue-manager-rango-preset";import{useManager as PC}from"@rango-dev/queue-manager-react";import{Alert as $C}from"@rango-dev/ui";import ea from"react";import{useParams as _C}from"react-router-dom";import{i18n as St}from"@lingui/core";import{getCurrentBlockchainOfOrNull as fC,getCurrentStep as gC,getRelatedWalletOrNull as hC}from"@rango-dev/queue-manager-rango-preset";import{Button as Im,CopyIcon as yC,Divider as SC,IconButton as CC,LinkIcon as TC,QuoteCost as kC,StepDetails as wC,Typography as po,useCopyToClipboard as vC}from"@rango-dev/ui";import{useWallets as xC}from"@rango-dev/wallets-react";import Em from"bignumber.js";import{PendingSwapNetworkStatus as Lr}from"rango-types";import R,{useEffect as Wm,useRef as bC,useState as Nm}from"react";import{useNavigate as AC}from"react-router-dom";import{i18n as Nt}from"@lingui/core";var GS=[Nt.t("Sunday"),Nt.t("Monday"),Nt.t("Tuesday"),Nt.t("Wednesday"),Nt.t("Thursday"),Nt.t("Friday"),Nt.t("Saturday")];function Ru(t){let e=new Date(t),o=e.getDate(),n=e.toLocaleString("default",{month:"long"}),r=e.getFullYear();return`${e.getDay()===new Date().getDay()?Nt.t("Today"):`${GS[e.getDay()]} ${o} ${n} ${r}`}, ${new Date(t).toLocaleTimeString()}`}i(Ru,"timeSince");function em(t){return t.finishTime?Ru(parseInt(t.finishTime)):Ru(parseInt(t.creationTime))}i(em,"getSwapDate");import{Modal as ZS}from"@rango-dev/ui";import{PendingSwapNetworkStatus as xr}from"rango-types";import br from"react";import{i18n as wr}from"@lingui/core";import{Button as tm,Divider as Os,MessageBox as HS,Typography as om}from"@rango-dev/ui";import lt from"react";var nm=i(({onCancel:t,onClose:e})=>lt.createElement(lt.Fragment,null,lt.createElement(Os,{size:20}),lt.createElement(HS,{type:"error",title:wr.t("Cancel Swap"),description:wr.t("Are you sure you want to cancel this swap?")}),lt.createElement(Os,{size:32}),lt.createElement(tm,{variant:"contained",type:"primary",size:"large",onClick:t},lt.createElement(om,{variant:"title",size:"medium",color:"neutral100"},wr.t("Yes, Cancel it"))),lt.createElement(Os,{size:12}),lt.createElement(tm,{variant:"outlined",type:"primary",size:"large",onClick:e},lt.createElement(om,{variant:"title",size:"medium",color:"primary"},wr.t("No, Continue")))),"CancelContent");import{i18n as vr}from"@lingui/core";import{Button as rm,Divider as zs,MessageBox as QS,Typography as im}from"@rango-dev/ui";import pt from"react";var sm=i(({onDelete:t,onClose:e})=>pt.createElement(pt.Fragment,null,pt.createElement(zs,{size:20}),pt.createElement(QS,{type:"error",title:vr.t("Delete Transaction"),description:vr.t("Are you sure you want to delete this swap?")}),pt.createElement(zs,{size:32}),pt.createElement(rm,{variant:"contained",type:"primary",size:"large",onClick:t},pt.createElement(im,{variant:"title",size:"medium",color:"neutral100"},vr.t("Yes, Delete it"))),pt.createElement(zs,{size:12}),pt.createElement(rm,{variant:"outlined",type:"primary",size:"large",onClick:e},pt.createElement(im,{variant:"title",size:"medium",color:"primary"},vr.t("No, Cancel")))),"DeleteContent");import{i18n as qs}from"@lingui/core";import{PendingSwapNetworkStatus as Gs}from"rango-types";var Hs={[Gs.WaitingForNetworkChange]:{type:"loading",title:qs.t("Change Network")},[Gs.WaitingForConnectingWallet]:{type:"warning",title:qs.t("Connect Wallet")},[Gs.NetworkChanged]:{type:"success",title:qs.t("Network Changed")}};import{MessageBox as jS,Wallet as XS,WalletState as KS}from"@rango-dev/ui";import{useWallets as YS}from"@rango-dev/wallets-react";import Oo,{useEffect as lm,useRef as JS}from"react";import{styled as VS}from"@rango-dev/ui";var am=VS("div",{display:"flex",justifyContent:"center"});var pm=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:s,walletButtonDisabled:a}=t,{connect:l,getWalletInfo:p,state:c,disconnect:u}=YS(),g=n?.walletType,m=g?Ur(c(g)):null,d=JS(!1),C=g?p(g):null,y=s&&!!g&&!!m&&!!C;return lm(()=>()=>{d.current=!0},[]),lm(()=>()=>{d.current&&g&&m===KS.CONNECTING&&u(g)},[m]),Oo.createElement(Oo.Fragment,null,Oo.createElement(jS,{type:e,title:o,description:r}),y&&Oo.createElement(am,null,Oo.createElement(XS,{container:W(),title:C.name,image:C.img,type:g,state:m,link:C.installLink,disabled:a,onClick:async()=>l(g)})))},"WalletStateContent");function Qs(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:s,message:a,walletButtonDisabled:l}=t,p=e===xr.WaitingForNetworkChange||e===xr.WaitingForConnectingWallet||e===xr.NetworkChanged;return br.createElement(ZS,{open:!!e,onClose:o,container:document.getElementById(be.SWAP_BOX_ID)||document.body},p&&br.createElement(pm,{type:Hs[e].type,title:Hs[e].title,currentStepWallet:s,message:a,walletButtonDisabled:l,showWalletButton:e!==xr.WaitingForNetworkChange}),e==="delete"&&br.createElement(sm,{onClose:o,onDelete:n}),e==="cancel"&&br.createElement(nm,{onClose:o,onCancel:r}))}i(Qs,"SwapDetailsModal");import{i18n as zo}from"@lingui/core";import{Button as Vs,Divider as Ar,MessageBox as cm,Modal as RS,TokenAmount as eC,Typography as Ir}from"@rango-dev/ui";import ke from"react";import{useNavigate as tC}from"react-router-dom";function js(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:s,realUsdValue:a,realValue:l,token:p,chain:c,percentageChange:u,description:g,diagnosisUrl:m}=t,d=tC();return ke.createElement(RS,{open:e,onClose:o,container:document.getElementById(be.SWAP_BOX_ID)||document.body},n==="success"?ke.createElement(cm,{type:"success",title:zo.t("Swap Successful")},ke.createElement(eC,{direction:"vertical",tooltipContainer:W(),type:"output",centerAlign:!0,price:{value:r,usdValue:s,realUsdValue:a,realValue:l},token:p,chain:c,percentageChange:u}),ke.createElement(Ar,{size:12}),ke.createElement(Ir,{variant:"body",size:"medium",color:"neutral700",align:"center"},g)):ke.createElement(cm,{type:"error",title:zo.t("Transaction Failed"),description:g}),ke.createElement(Ar,{size:32}),n==="success"&&ke.createElement(Vs,{variant:"contained",type:"primary",size:"large",onClick:()=>{d("../../")}},ke.createElement(Ir,{variant:"title",size:"medium",color:"neutral100"},zo.t("Done"))),ke.createElement(Ar,{size:12}),m&&ke.createElement(ke.Fragment,null,ke.createElement(Vs,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(m,"_blank")},ke.createElement(Ir,{variant:"title",size:"medium",color:"primary"},zo.t("Diagnosis"))),ke.createElement(Ar,{size:12})),ke.createElement(Vs,{variant:"outlined",type:"primary",size:"large",onClick:o},ke.createElement(Ir,{variant:"title",size:"medium",color:"primary"},zo.t("See Details"))))}i(js,"SwapDetailsCompleteModal");import mC from"react";import{i18n as lC}from"@lingui/core";import{Alert as hm,IconButton as pC,LinkIcon as cC}from"@rango-dev/ui";import Lt,{Fragment as uC}from"react";import{Alert as oC,ChevronDownIcon as nC,ChevronUpIcon as rC,IconButton as iC}from"@rango-dev/ui";import Er,{useState as sC}from"react";function um(t){let{message:e}=t,[o,n]=sC(!1);return Er.createElement(oC,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Er.createElement(iC,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Er.createElement(rC,{size:12,color:"gray"}):Er.createElement(nC,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(um,"FailedAlert");import{styled as aC}from"@rango-dev/ui";var mm=aC("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as dm}from"@lingui/core";import{Alert as Xs,Button as fm}from"@rango-dev/ui";import{PendingSwapNetworkStatus as Ks}from"rango-types";import qo from"react";function gm(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?qo.createElement(Xs,{type:"warning",title:n.shortMessage,action:qo.createElement(fm,{size:"xxsmall",type:"warning",onClick:()=>{o(Ks.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},dm.t("Change"))}):r===Ks.WaitingForConnectingWallet?qo.createElement(Xs,{type:"warning",title:n.shortMessage,action:qo.createElement(fm,{size:"xxsmall",type:"warning",onClick:()=>{o(Ks.WaitingForConnectingWallet)}},dm.t("Connect"))}):qo.createElement(Xs,{type:"warning",title:n.shortMessage})}i(gm,"WarningAlert");function Ys(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:s,hasAlreadyProceededToSign:a}=t,l=ho(s),p=s.status==="waitingForApproval"&&!l,c=s.status==="running"&&!l,u=c&&!a||p&&!s.explorerUrl?.length;return Lt.createElement(mm,null,s.explorerUrl?.map((g,m,d)=>{let C=m+g.url,y=m===d.length-1,f=(y&&c||p)&&!u,S=y&&s.status==="failed";return Lt.createElement(uC,{key:C},Lt.createElement(hm,{type:y&&(f&&"loading"||S&&"error")||"success",title:g.description?`${g.description} Tx`:lC.t("View transaction"),action:g.url&&Lt.createElement(pC,{variant:"ghost",size:"xsmall",onClick:()=>window.open(g.url,"_blank")},Lt.createElement(cC,{size:12}))}))}),u&&Lt.createElement(hm,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&l&&Lt.createElement(gm,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&Lt.createElement(um,{message:r}))}i(Ys,"SwapDetailsAlerts");var ym=2e3;var Sm=i(({swap:t,blockchains:e,swappers:o,...n})=>{let r=t.hasAlreadyProceededToSign!==!1;return t.steps.map((s,a)=>{let l=a===0?t.inputAmount:t.steps[a-1].outputAmount||t.steps[a-1].expectedOutputAmountHumanReadable;return{from:{token:{displayName:s.fromSymbol,image:s.fromLogo??""},chain:{displayName:Ue(s.fromBlockchain,e)??"",image:s.fromBlockchainLogo??""},price:{value:E(l,6,6),realValue:l}},to:{token:{displayName:s.toSymbol,image:s.toLogo},chain:{displayName:Ue(s.toBlockchain,e)??"",image:s.toBlockchainLogo??""},price:{value:E(s.outputAmount||s.expectedOutputAmountHumanReadable,6,6),realValue:s.outputAmount||s.expectedOutputAmountHumanReadable}},swapper:{displayName:go(s.swapperId,o),image:s.swapperLogo??"",type:s.swapperType},internalSwaps:s.internalSwaps?s.internalSwaps.map(p=>({from:{blockchain:Ue(p.fromBlockchain,e)??""},to:{blockchain:Ue(p.toBlockchain,e)??""},swapper:{displayName:go(p.swapperId,o),image:p.swapperLogo??"",type:p.swapperType}})):[],alerts:mC.createElement(Ys,{step:s,hasAlreadyProceededToSign:r,...n})}})},"getSteps");function Cm(t){if(ho(t)&&t.status!=="failed"&&t.status!=="success")return"warning";switch(t.status){case"created":return"default";case"approved":case"waitingForApproval":case"running":return"in-progress";case"failed":return"error";case"success":return"completed"}}i(Cm,"getStepState");import{css as Go,darkTheme as dC,styled as qt}from"@rango-dev/ui";var Tm=qt("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),Wr=qt("div",{width:"100%"}),km=qt(Co,{padding:"$0 $20 $20 $20"}),ID=qt("div",{display:"flex",flexDirection:"column",gap:"$10"}),wm=qt("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),ED=qt("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1}),lo=Go({display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${dC} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"}),vm=Go({padding:"$5 0"}),Nr=Go({display:"flex",justifyContent:"center",alignItems:"center",height:"$24"}),xm=Go({display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"}),bm=Go({width:"100%",padding:"0 $20 $10"}),Am=qt("a",{fontSize:"$16",fontWeight:"$400",color:"$neutral700",display:"flex",alignItems:"center",justifyContent:"center"});function Js(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:s,connect:a,getWalletInfo:l}=xC(),p=h().blockchains(),c=h().swappers(),u=h().tokens(),g=K.use.retry(),m=pe.use.isActiveTab(),d=AC(),[C,y]=vC(ym),f=bC(null),[S,v]=Nm(null),[T,k]=Nm(null),A=i(()=>{r(),v(null)},"onCancel"),w=Pe.use.getUnreadNotifications(),x=Pe.use.setAsRead(),b=w(),I=gC(e),N=I?.networkStatus;Wm(()=>{b.find(Ct=>Ct.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(k(e.status),x(e.requestId))},[e.status]),Wm(()=>{ee?v(Lr.WaitingForNetworkChange):N===Lr.WaitingForConnectingWallet||N===Lr.NetworkChanged?v(N):v(null)},[N]);let Y=cl(e),H=I?fC(e,I):null,Q=I?hC(e,I):null,ue=em(e),M=ul(e),z=i(Me=>!!l(Me)?.mobileWallet,"isMobileWallet"),ee=N===Lr.WaitingForNetworkChange&&!!H&&!!Q?.walletType&&(z(Q.walletType)||s(Q.walletType,H)),F=ee?a.bind(null,Q.walletType,H):void 0,De=pl(e,I),V=Sm({swap:e,switchNetwork:F,showNetworkModal:N,setNetworkModal:v,message:De,blockchains:p,swappers:c}),J=V.length,[xe,Se]=[e.steps[0],e.steps[J-1]],Ce=Se.outputAmount||Se.expectedOutputAmountHumanReadable,ct=e.steps.reduce((Me,Ct)=>Me+parseFloat(Ct.feeInUsd||""),0),_=e.steps.find(Me=>Me.diagnosisUrl)?.diagnosisUrl,j=E(parseFloat(E(Ce,6,6))*(Se.toUsdPrice||0),4,4),q=E(parseFloat(e.inputAmount)*(xe.fromUsdPrice||0),4,4),le=Ce?se(new Em(Ce).multipliedBy(Se.toUsdPrice||0)):"",ut=se(new Em(e.inputAmount).multipliedBy(xe.fromUsdPrice||0)),Qe=Oe(q,j),Dr=e.status==="success"?St.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:E(Ce,6,6),token:V[J-1].to.token.displayName,conciseAddress:rn(e.wallets[V[J-1].to.chain.displayName]?.address||""),chain:V[J-1].to.chain.displayName}}):`${St.t("Transaction was not sent.")} ${Y?St.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:Y.outputAmount,symbol:Y.symbol,blockchain:Y.blockchain}}):""}`;return R.createElement(ne,{header:{title:St.t("Swap and Bridge"),onCancel:e.status==="running"?()=>v("cancel"):void 0,suffix:e.status!=="running"&&R.createElement(Jt,null,R.createElement(Im,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>v("delete")},R.createElement(po,{size:"medium",variant:"label",color:"error"},St.t("Delete"))))},footer:M&&!T&&R.createElement(Im,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{g(e,{blockchains:p,tokens:u}),setTimeout(()=>{d("../../")},0)}},St.t("Try again"))},R.createElement(re,{compact:!0,view:!0},R.createElement(Wr,null,R.createElement("div",{className:lo()},R.createElement(po,{variant:"label",size:"large",color:"neutral700"},`${St.t("Request ID")}:`),R.createElement("div",{className:Nr()},R.createElement(po,{variant:"label",size:"small",color:"neutral700"},o),R.createElement(CC,{variant:"ghost",onClick:y.bind(null,o||"")},R.createElement(yC,{size:16,color:"gray"})),R.createElement(Am,{target:"_blank",href:`${la}/swap/${o}`},R.createElement(TC,{size:16})))),R.createElement("div",{className:lo()},R.createElement(po,{variant:"label",size:"large",color:"neutral700"},`${St.t(e.finishTime?"Finished at":"Created at")}:`),R.createElement(po,{variant:"label",size:"small",color:"neutral700"},ue))),R.createElement("div",{className:xm()},R.createElement(kC,{fee:E(String(ct),2,2),time:Yo(Jo(e.steps)),steps:J}),R.createElement(Ao,{from:{price:{value:E(e.inputAmount,6,6),usdValue:q,realUsdValue:ut,realValue:e.inputAmount},token:{displayName:V[0].from.token.displayName,image:V[0].from.token.image},chain:{image:V[0].from.chain.image,displayName:V[0].from.chain.displayName}},to:{price:{value:E(Ce,6,6),usdValue:j,realUsdValue:le,realValue:Ce},token:{displayName:V[J-1].to.token.displayName,image:V[J-1].to.token.image},chain:{image:V[J-1].to.chain.image,displayName:V[J-1].to.chain.displayName}},percentageChange:E(Qe,2,2),warningLevel:mt(Qe??0)})),R.createElement("div",{className:bm()},R.createElement(po,{variant:"title",size:"small"},St.t("Swaps steps"))),R.createElement(SC,{size:8}),R.createElement(km,{ref:f},V.map((Me,Ct)=>{let sa=Ct,co=Cm(e.steps[Ct]),Ym=co==="error"||co==="in-progress"||co==="warning"||co==="completed"&&Ct===V.length-1;return R.createElement(wC,{key:sa,step:Me,type:"swap-progress",ref:f,state:co,hasSeparator:Ct!==0,tabIndex:sa,isFocused:Ym,tooltipContainer:W()})}))),R.createElement(Qs,{state:S,onClose:()=>v(null),onCancel:A,onDelete:n,message:De.detailedMessage.content,currentStepWallet:Q,walletButtonDisabled:!m}),R.createElement(js,{open:!!T,diagnosisUrl:_,onClose:()=>k(null),status:e.status==="success"?"success":"failed",priceValue:E(Ce,6,6),usdValue:j,realUsdValue:le,realValue:se(Ce),percentageChange:E(Qe,2,2),token:{displayName:V[J-1].to.token.displayName,image:V[J-1].to.token.image},chain:{image:V[J-1].to.chain.image},description:Dr}))}i(Js,"SwapDetails");import{i18n as Mr}from"@lingui/core";import{Divider as Mm,NotFound as LC,Skeleton as Qo,Typography as Pr}from"@rango-dev/ui";import ce from"react";import{i18n as IC}from"@lingui/core";import{Divider as EC,Skeleton as WC,Typography as NC}from"@rango-dev/ui";import de from"react";import{css as Re,styled as Zs}from"@rango-dev/ui";var Lm=Zs("div",{width:"100%",height:"100%",padding:"$10 $20"}),Ho=Zs("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15"}),Br=Zs("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"}),a1=Re({display:"flex",justifyContent:"space-between",alignItems:"center"}),l1=Re({display:"flex",justifyContent:"space-between",alignItems:"center"}),p1=Re({paddingTop:"$15",display:"flex"}),c1=Re({padding:"$15 $0"}),u1=Re({width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"}),m1=Re({paddingBottom:"$10"}),d1=Re({display:"flex",justifyContent:"start",alignItems:"center"}),f1=Re({paddingTop:"$5",display:"flex",alignItems:"center"}),g1=Re({display:"flex",alignItems:"center"}),h1=Re({padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"}),Bm=Re({display:"flex",paddingTop:"$10",paddingBottom:"$5"});function Rs(){return de.createElement(Lm,null,de.createElement(Wo,{type:"swap-preview"}),de.createElement("div",{className:"swaps-steps"},de.createElement(NC,{variant:"title",size:"small"},IC.t("Swaps steps"))),de.createElement(de.Fragment,null,de.createElement(Ho,null,de.createElement(at,{separator:!1}),de.createElement("div",{className:Bm()},de.createElement(EC,{direction:"horizontal",size:20}),de.createElement(WC,{height:22,variant:"rectangular"}))),de.createElement(Br,null),de.createElement(Ho,null,de.createElement(at,{separator:!1})),de.createElement(Br,null),de.createElement(Ho,null,de.createElement(at,{separator:!1})),de.createElement(Br,null),de.createElement(Ho,null,de.createElement(at,{separator:!1}))))}i(Rs,"LoadingSwapDetails");function Pm(t){let{requestId:e,showSkeleton:o}=t;return ce.createElement(ne,{header:{title:Mr.t("Swap and Bridge"),suffix:ce.createElement(Jt,null)}},o&&ce.createElement(Tm,null,ce.createElement(Wr,null,ce.createElement("div",{className:lo()},ce.createElement(Pr,{variant:"label",size:"large",color:"neutral700"},`${Mr.t("Request ID")}:`),ce.createElement("div",{className:Nr()},ce.createElement(Pr,{variant:"label",size:"small",color:"neutral700"},ce.createElement(Qo,{width:60,height:10,variant:"rounded"})),ce.createElement(Mm,{direction:"horizontal",size:4}),ce.createElement(Qo,{width:16,height:16,variant:"rectangular"}),ce.createElement(Mm,{direction:"horizontal",size:4}),ce.createElement(Qo,{width:16,height:16,variant:"rectangular"}))),ce.createElement("div",{className:lo()},ce.createElement(Pr,{className:vm(),variant:"label",size:"large",color:"neutral700"},ce.createElement(Qo,{width:60,height:10,variant:"rounded"})),ce.createElement(Pr,{variant:"label",size:"small",color:"neutral700"},ce.createElement(Qo,{width:60,height:10,variant:"rounded"})))),ce.createElement(Rs,null)),!o&&ce.createElement(wm,null,ce.createElement(LC,{title:Mr.t("Not found"),description:Mr.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}i(Pm,"SwapDetailsPlaceholder");function $m(){let{manager:t,state:e}=PC(),o=!e.loadedFromPersistor,n=bt(t),{requestId:r}=_C(),s=xt(),{fetchStatus:a}=h();if(!r)return ea.createElement($C,{containerStyles:{margin:"20px"},type:"error",title:BC.t("The request ID is necessary to display the swap details.")});let l=o||a==="loading",p=r?n.find(({swap:m})=>m.requestId===r):void 0,c=i(()=>{if(p?.id){let m=t?.get(p.id);m&&MC(m)}},"onCancel"),u=i(async()=>{if(p?.id)try{t?.deleteQueue(p.id),s()}catch(m){console.log(m)}},"onDelete"),g=p?.swap;return!g||l?ea.createElement(Pm,{requestId:r,showSkeleton:l}):ea.createElement(Js,{swap:g,requestId:r,onCancel:c,onDelete:u})}i($m,"SwapDetailsPage");import{i18n as Vo}from"@lingui/core";import{AutoThemeIcon as DC,DarkModeIcon as FC,LightModeIcon as UC,List as OC,ListItemButton as zC,Radio as ta,RadioRoot as qC,Typography as oa}from"@rango-dev/ui";import Le from"react";function _m(){let{setTheme:t,theme:e}=h(),o=[{id:"light",value:"light",title:Le.createElement(oa,{variant:"title",size:"xmedium"},Vo.t("Light")),onClick:()=>t("light"),start:Le.createElement(UC,{color:"gray"}),end:Le.createElement(ta,{value:"light"})},{id:"dark",value:"dark",title:Le.createElement(oa,{variant:"title",size:"xmedium"},Vo.t("Dark")),onClick:()=>t("dark"),start:Le.createElement(FC,{color:"gray"}),end:Le.createElement(ta,{value:"dark"})},{id:"auto",value:"auto",title:Le.createElement(oa,{variant:"title",size:"xmedium"},Vo.t("Auto")),onClick:()=>t("auto"),start:Le.createElement(DC,{color:"gray"}),end:Le.createElement(ta,{value:"auto"})}];return Le.createElement(ne,{header:{title:Vo.t("Theme")}},Le.createElement(re,null,Le.createElement(qC,{onValueChange:n=>t(n),value:e},Le.createElement(OC,{type:Le.createElement(zC,{title:Vo.t("Theme"),id:"_",onClick:()=>console.log()}),items:o}))))}i(_m,"ThemePage");function Dm(){return Cl(),ai(),GC([{path:P.home,element:Be.createElement(cu,null)},{path:P.fromSwap,children:[{index:!0,element:Be.createElement($s,{type:"source"})},{path:P.blockchains,element:Be.createElement(Ss,{type:"source"})}]},{path:P.toSwap,children:[{index:!0,element:Be.createElement($s,{type:"destination"})},{path:P.blockchains,element:Be.createElement(Ss,{type:"destination"})}]},{path:P.settings,children:[{index:!0,element:Be.createElement(Zu,null)},{path:P.themes,element:Be.createElement(_m,null)},{path:P.languages,element:Be.createElement(mu,null)},{path:P.exchanges,element:Be.createElement(fs,{sourceType:"Exchanges"})},{path:P.bridges,element:Be.createElement(fs,{sourceType:"Bridges"})}]},{path:P.swaps,children:[{index:!0,element:Be.createElement(nu,null)},{path:P.swapDetails,element:Be.createElement($m,null)}]},{path:P.wallets,element:Be.createElement(yp,null)},{path:P.confirmSwap,element:Be.createElement(Qc,null)}])}i(Dm,"AppRoutes");import{isApprovalTX as HC,MainEvents as Fm,RouteEventType as Um,StepEventType as Om,StepExecutionEventStatus as QC,useEvents as VC}from"@rango-dev/queue-manager-rango-preset";import{useEffect as zm}from"react";function qm(){let t=h().tokens(),e=G.use.connectedWallets(),o=G.use.getWalletsDetails(),n=Pe.use.setNotification(),r=VC();return zm(()=>(r.on(Fm.StepEvent,s=>{let{event:a,step:l,route:p}=s;if(a.type===Om.TX_EXECUTION&&a.status===QC.TX_SENT&&!HC(l)||a.type===Om.SUCCEEDED){let u=e.find(m=>m.chain===l?.fromBlockchain),g=l?.fromBlockchain!==l?.toBlockchain&&e.find(m=>m.chain===l?.toBlockchain);u&&o([u],t),g&&o([g],t)}n(a,p)}),()=>r.all.clear()),[r,e.length]),zm(()=>(r.on(Fm.RouteEvent,s=>{let{event:a,route:l}=s;(a.type===Um.FAILED||a.type===Um.SUCCEEDED)&&n(a,l)}),()=>r.all.clear()),[r,e.length]),null}i(qm,"WidgetEvents");import{globalCss as jC}from"@rango-dev/ui";var Gm=i(()=>jC({"@import":["url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap')","url('https://fonts.cdnfonts.com/css/times-new-roman')"]})(),"globalFont");import{styled as XC}from"@rango-dev/ui";var Hm=XC("div",{display:"flex",justifyContent:"center",alignItems:"center",fontFamily:"$widget",boxSizing:"border-box",textAlign:"left","& *, *::before, *::after":{boxSizing:"inherit"},"& *:focus-visible":{outlineColor:"$info500",transition:"none"},"& ul, ol, li":{listStyleType:"none"}});function $r(){Gm();let{config:t}=h(),{activeTheme:e}=Pn(t?.theme||{}),{activeLanguage:o}=io(),[n,r]=Qm(""),[s,a]=Qm(),l=YC(dn);return JC(()=>{Pe.persist.rehydrate(),l.onConnectWallet(r)},[]),jo.createElement(KC,{language:o},jo.createElement(Hm,{id:"swap-container",className:e()},jo.createElement(qm,null),jo.createElement(Ka,{lastConnectedWallet:n,disconnectedWallet:s,clearDisconnectedWallet:()=>{a(void 0)}},jo.createElement(Dm,null))))}i($r,"Main");import ra,{useMemo as gT}from"react";import{checkWaitingForNetworkChange as ZC,makeQueueDefinition as RC}from"@rango-dev/queue-manager-rango-preset";import{Provider as eT}from"@rango-dev/queue-manager-react";import{useWallets as tT}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as oT}from"@rango-dev/wallets-shared";import{isEvmBlockchain as nT}from"rango-types";import rT,{useMemo as iT}from"react";function sT(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=tT(),l=iT(()=>RC({API_KEY:t.apiKey||Gt("API_KEY"),BASE_URL:Gt("BASE_URL")}),[t.apiKey]),p=h().blockchains(),u={blockchains:G.use.connectedWallets().map(T=>({accounts:[T],name:T.chain}))},g=i(async(T,k)=>{if(s(T,k))return r(T,k)},"switchNetwork"),m=i(T=>!!a(T).mobileWallet,"isMobileWallet"),d=p.filter(T=>T.enabled).reduce((T,k)=>(T[k.name]=k,T),{}),C=p.filter(nT),y=i(T=>{let{supportedChains:k}=a(T);return en(k)},"getSupportedChainNames"),f=e(),S={meta:{blockchains:d,evmBasedChains:C,evmNetworkChainInfo:oT(C),getSupportedChainNames:y},getSigners:o,wallets:u,providers:f,switchNetwork:g,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:m},v=pe.use.isActiveTab();return rT.createElement(eT,{queuesDefs:[l],context:S,onPersistedDataLoaded:T=>{ZC(T)},isPaused:!v},t.children)}i(sT,"QueueManager");var Vm=sT;import{useManager as uT}from"@rango-dev/queue-manager-react";import mT,{createContext as dT,useContext as fT}from"react";import{cancelSwap as aT,getCurrentBlockchainOfOrNull as lT,getCurrentStep as pT,getRelatedWalletOrNull as cT}from"@rango-dev/queue-manager-rango-preset";var Xo=class{constructor(e,o){this.manager=e,this.actions=o}getAllSwaps(){return bt(this.manager)}getCurrentStep(e){return this.getCurrentStepInfo(e).step}getCurrentStepWallet(e){return this.getCurrentStepInfo(e).wallet}getCurrentStepNetwork(e){return this.getCurrentStepInfo(e).network}retry(e,o){return this.actions.retrySwap(e,o)}cancel(e){let o=this.manager?.get(e);o&&aT(o)}getCurrentStepInfo(e){let o=pT(e);return{step:o,wallet:o?cT(e,o):null,network:o?lT(e,o):null}}};i(Xo,"WidgetHistory");var jm=dT(void 0);function na(t){let{manager:e}=uT(),o=pe.use.isActiveTab(),n=K.use.retry(),r=new Xo(e,{retrySwap:n}),s=G.use.connectedWallets(),a=G.use.loading(),l=Sa(s),p=G.use.getWalletsDetails(),c=h().blockchains(),u=h().tokens(),g=h().swappers(),m=h().fetchStatus,d=io().resetLanguage,C=Pe().getUnreadNotifications(),y={isActiveTab:o,setCurrentTabAsActive:un,history:r,wallets:{isLoading:a,details:s,totalBalance:l,refetch:p},meta:{blockchains:c,tokens:u,swappers:g,loadingStatus:m},resetLanguage:d,notifications:{list:C}};return mT.createElement(jm.Provider,{value:y},t.children)}i(na,"WidgetInfo");function Xm(){let t=fT(jm);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}i(Xm,"useWidget");function _r(t){let{onUpdateState:e,config:o}=t;return gT(()=>{xa({API_KEY:o?.apiKey||Ko,BASE_URL:o?.apiUrl||aa})},[o.apiKey,o.apiUrl]),ra.createElement(fn,{config:o,onUpdateState:e},ra.createElement(Vm,{apiKey:o.apiKey},ra.createElement(na,null,t.children)))}i(_r,"WidgetProvider");function Km(t){return hT(()=>ja,[]),t.config?.externalWallets?ia.createElement($r,null):ia.createElement(_r,{config:t.config??Hr},ia.createElement($r,null))}i(Km,"Widget");export{QU as EventSeverity,VU as MainEvents,oO as Networks,iO as PendingSwapNetworkStatus,jU as RouteEventType,XU as StepEventType,KU as StepExecutionBlockedEventStatus,YU as StepExecutionEventStatus,be as UI_ID,eO as WalletEvents,nO as WalletTypes,Km as Widget,_r as WidgetProvider,fn as WidgetWallets,mi as customizedThemeTokens,RU as readAccountAddress,bp as useWallets,Xm as useWidget,JU as useWidgetEvents};
+var td=Object.defineProperty;var i=(t,e)=>td(t,"name",{value:e,configurable:!0});import{EventSeverity as sO,MainEvents as aO,RouteEventType as lO,StepEventType as pO,StepExecutionBlockedEventStatus as cO,StepExecutionEventStatus as uO,useEvents as mO}from"@rango-dev/queue-manager-rango-preset";import{readAccountAddress as fO,useWallets as Wp,Events as gO}from"@rango-dev/wallets-react";import{Networks as yO,WalletTypes as SO}from"@rango-dev/wallets-shared";import{PendingSwapNetworkStatus as TO}from"rango-types";import{UI_ID as od}from"@rango-dev/ui";var Ko="c6381a79-2817-4602-83bf-6a641a409e32",ca="https://api.rango.exchange",ua="https://scan.rango.exchange",be={SWAP_BOX_ID:"rango-swap-box",...od};import{Events as Xr,Provider as Pd}from"@rango-dev/wallets-react";import{isEvmBlockchain as $d}from"rango-sdk";import mn,{createContext as _d,useEffect as Kr,useRef as Dd,useState as Fd}from"react";import{useEffect as Cd}from"react";import{create as hd}from"zustand";import{subscribeWithSelector as yd}from"zustand/middleware";import{RangoClient as fd}from"rango-sdk";import{WalletState as tt}from"@rango-dev/ui";import{readAccountAddress as id}from"@rango-dev/wallets-react";import{detectInstallLink as sd,getCosmosExperimentalChainInfo as ad,isEvmAddress as ld,KEPLR_COMPATIBLE_WALLETS as _T,Networks as ga}from"@rango-dev/wallets-shared";import Ur from"bignumber.js";import{isCosmosBlockchain as pd}from"rango-types";import nd from"bignumber.js";var Ie=new nd(0);import{WalletTypes as rd}from"@rango-dev/wallets-shared";var ma=[rd.LEAP];import{BigNumber as fa}from"bignumber.js";var Yo=i(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),E=i((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new fa(t),r=1,s=1e3;for(let a=0;a<60;a++)if(new fa(n.toFixed(a,r)).eq(n)){s=a;break}if(n.gte(1e4))return n.toFormat(0,r);if(n.gte(1e3)||n.gte(100))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,1))),r);if(n.gte(1))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,2))),r);if(n.gte(.01))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,4))),r);for(let a=e||4;a<17;a++)if(n.gte(Math.pow(10,-a)))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,a))),r);return n.isEqualTo(0)?"0":n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,8))),r)},"numberToString");var Jo=i(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var et=i((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),uo=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function se(t){return E(t,12,12).replace(/(?:\.0*|(\.\d+?)0*)$/,"$1")}i(se,"formatTooltipNumbers");function Or(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(Or,"mapStatusToWalletState");function ha(t,e,o,n){return o.filter(r=>!ma.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=Or(t(r));return{title:s,image:a,link:sd(l),state:p,type:r}})}i(ha,"mapWalletTypesToWalletInfo");function en(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(en,"walletAndSupportedChainsNames");function ya(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}=id(p),g=l.length>0,m=l.includes(u),d=u===ga.Unknown;if(g&&!m&&!d)return;let y=u===ga.Unknown&&ld(c);if(d&&!y)return;o.includes(u)||y?r?a(u,c.toLowerCase()):l.filter(k=>o.includes(k)).forEach(k=>{a(k,c.toLowerCase())}):a(u,c)}),s}i(ya,"prepareAccountsForWalletStore");function Sa(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(Sa,"getRequiredChains");function tn(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(tn,"isAccountAndWalletMatched");function Ca(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 Ur(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:ud(o,r.asset.symbol,r.asset.address,e)||null}))||[]}i(Ca,"makeBalanceFor");function Ta(t){return{...t,loading:!1,error:!0}}i(Ta,"resetConnectedWalletState");var ka=i(t=>{let e=new Set,n=t?.reduce((s,a)=>s.findIndex(l=>l.address===a.address&&l.chain===a.chain)===-1?[...s,a]:s,[])?.map(s=>{let a={name:s.chain,accounts:[]};return e.has(s.address)||e.add(s.address),e.forEach(l=>{s.address===l&&a.accounts.push(s)}),a}),r=E(n?.flatMap(s=>s.accounts)?.flatMap(s=>s?.balances)?.map(s=>new Ur(s?.amount||Ie).multipliedBy(s?.usdPrice||0))?.reduce((s,a)=>s.plus(a),Ie)||Ie).toString();return cd(r)},"calculateWalletUsdValue");function cd(t){let e=t.toString().split(".");return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),e.join(".")}i(cd,"numberWithThousandSeparator");var ud=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice"),on=i((t,e)=>{let o=ad(Object.entries(t).map(([,n])=>n).filter(pd));return o&&o[e]?.experimental},"isExperimentalChain");function nn(t){return t?{...t,amount:E(t.amount,8,8),usdValue:E(t.usdValue,4,4)}:null}i(nn,"formatBalance");function md(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(md,"sortTokensByBalance");function dd(t,e,o){let n=o(t),r=o(e);return n===r?0:n?-1:1}i(dd,"sortTokensByPinnedToken");function wa(t,e,o){return t.sort((n,r)=>{let s=e(n),a=e(r),l=dd(n,r,o);return l!==0?l:md(s,a)}),t}i(wa,"sortTokens");function Ae(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(Ae,"areTokensEqual");function va(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(va,"sortWalletsBasedOnConnectionState");function rn(t,e=8,o=3){if(t.length<2*e+o)return t;let n=t.slice(0,e),r=t.slice(-e);return`${n}${".".repeat(o)}${r}`}i(rn,"getConciseAddress");function xa({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(xa,"getAddress");function zr(t){return`${t.blockchain}-${t.symbol}-${t.address??""}`}i(zr,"createTokenHash");function sn(t){return t.flatMap(e=>e.balances).reduce((e,o)=>{let n={amount:o?.amount??"",decimals:o?.decimal??0,usdValue:o?.usdPrice?new Ur(o?.usdPrice??Ie).multipliedBy(o?.amount).toString():""},r=o?zr({symbol:o.symbol,blockchain:o.chain,address:o.address}):null,s=r?e[r]:null;return r&&(!s||s&&s.amount<n.amount)&&(e[r]=n),e},{})}i(sn,"makeTokensBalance");var ba=i((t,e)=>!!t.find(o=>o.chain===e&&o.loading),"isFetchingBalance");function Ia(t){return t.map(e=>e.state).join("-")}i(Ia,"hashWalletsState");var qr={API_KEY:Ko};function Gt(t){return qr[t]||""}i(Gt,"getConfig");function Aa(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),qr=e,qr}i(Aa,"initConfig");var Ea=20,Wa=25,La="Roboto",Gr="theme-widget",mo=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"),Hr=i((t,e)=>t&&e&&!e.includes(t.name),"isBlockchainExcludedInConfig");var an,Ht=i(()=>an||(an=new fd(Gt("API_KEY"),Gt("BASE_URL")),an),"httpService");var gd=i(t=>{let e=t;e.use={};for(let o of Object.keys(e.getState()))e.use[o]=()=>e(n=>n[o]);return e},"createSelectors"),Tt=gd;var H=Tt(hd()(yd((t,e)=>({connectedWallets:[],balances:{},customDestination:"",loading:!1,connectWallet:(o,n)=>{let r=e().getWalletsDetails;t(s=>({loading:!0,connectedWallets:s.connectedWallets.filter(a=>a.walletType!==o[0].walletType).concat(o.map(a=>{let l=!s.connectedWallets.find(p=>p.chain===a.chain&&p.selected);return{balances:[],address:a.address,chain:a.chain,explorerUrl:null,walletType:a.walletType,selected:l,loading:!0,error:!1}}))})),r(o,n)},disconnectWallet:o=>{t(n=>{let r=n.connectedWallets.filter(l=>l.selected&&l.walletType!==o).map(l=>l.chain),s=n.connectedWallets.filter(l=>l.walletType!==o).map(l=>r.includes(l.chain)?l:(r.push(l.chain),{...l,selected:!0}));return{balances:sn(s),connectedWallets:s}})},selectWallets:o=>t(n=>({connectedWallets:n.connectedWallets.map(r=>{let s=!!o.find(l=>l.chain===r.chain&&l.walletType!==r.walletType&&r.selected),a=!!o.find(l=>l.chain===r.chain&&l.walletType===r.walletType&&!r.selected);return s?{...r,selected:!1}:a?{...r,selected:!0}:r})})),clearConnectedWallet:()=>t(()=>({connectedWallets:[],selectedWallets:[]})),getWalletsDetails:async(o,n,r=!0)=>{let s=e().getWalletsDetails;t(a=>({loading:!0,connectedWallets:a.connectedWallets.map(l=>o.find(p=>tn(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:c,chain:u})=>({address:c,blockchain:u})),p=(await Ht().getWalletsDetails(a)).wallets;if(p)t(c=>{let u=c.connectedWallets.map(m=>{let d=o.find(y=>tn(y,m)),C=p.find(y=>y.address===m.address&&y.blockChain===m.chain);return C?.failed&&d&&r&&s([d],n,!1),d&&C?{...m,explorerUrl:C.explorerUrl,balances:Ca(C,n),loading:!1}:m});return{loading:!1,balances:sn(u),connectedWallets:u}});else throw new Error("Wallet not found")}catch{t(l=>{let p=l.connectedWallets.map(u=>o.find(g=>tn(g,u))?Ta(u):u);return{loading:!1,balances:sn(p),connectedWallets:p}})}},getBalanceFor:o=>{let{balances:n}=e(),r=zr(o);return n[r]??null}}))));import{allProviders as Sd}from"@rango-dev/provider-all";function ln(t,e){let o=Sd({walletconnect2:{WC_PROJECT_ID:e?.walletConnectProjectId||""}});if(t){let n=[];return t.forEach(r=>{if(typeof r=="string"){let s=o.find(a=>a.config.type===r);s?n.push(s):console.warn(`Couldn't find ${r} provider. Please make sure you are passing the correct name.`)}else n.push(r)}),n}return o}i(ln,"matchAndGenerateProviders");function Na(t,e){return ln(t,e).map(r=>r.config.type)}i(Na,"configWalletsToWalletName");function Ba(t,e){let o=H.use.clearConnectedWallet(),n=ln(void 0,e);return Cd(()=>{o(),n=ln(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}i(Ba,"useWalletProviders");import Ad,{createContext as Ed,useContext as Wd,useEffect as Ld,useRef as Nd}from"react";import{create as bd}from"zustand";import{persist as Id}from"zustand/middleware";var Qr={apiKey:"",title:void 0,multiWallets:!0,enableNewLiquiditySources:!0,customDestination:!0},Td={clientUrl:void 0},Ma=i((t,e,o)=>({config:{...Qr,...t},iframe:Td,updateConfig:n=>{let r=o().config;e({config:{...r,...n}})},updateIframe:(n,r)=>{let s=o().iframe;e({iframe:{...s,[n]:r}})}}),"createConfigSlice");function Qt(t){return Array.from(new Set(t))}i(Qt,"removeDuplicateFrom");function Vr(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(Vr,"areEqual");function Pa(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i(Pa,"debounce");function Bt(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(Bt,"containsText");var L=i(()=>document.getElementById(be.SWAP_BOX_ID),"getContainer");function pn(t,e){let o=t.map(s=>s.swapperGroup),n=[];return Qt(t.map(s=>s.swapperGroup)).map(s=>{let a=t.find(l=>l.swapperGroup===s);if(a){let l=!0;o&&(l=o.some(p=>p===a.swapperGroup)),l&&a.types.map(p=>{n.push({id:a.swapperGroup,groupTitle:a.swapperGroup,logo:a.logo,type:p,selected:!e.includes(a.swapperGroup)})})}}),n}i(pn,"getUniqueSwappersGroups");function $a(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}i($a,"sortLiquiditySourcesByGroupTitle");function Fe(t,e){return e?.[t]==="hidden"}i(Fe,"isFeatureHidden");function cn(t,e){return e?.[t]==="enabled"}i(cn,"isFeatureEnabled");var _a=i((t,e)=>({_blockchains:[],_tokens:[],_popularTokens:[],_swappers:[],fetchStatus:"loading",blockchains:o=>{let n=e()._blockchains;if(!o||!o?.type)return n;let r=e().config,s=(o.type==="source"?r.from?.blockchains:r.to?.blockchains)??[];return n.filter(l=>!(s.length>0&&!s.includes(l.name)))},tokens:o=>{let n=e()._tokens;if(!o||!o?.type)return n;let r=e().config,s=(o.type==="source"?r.from?.tokens:r.to?.tokens)??{},a=e().blockchains({type:o.type});return n.filter(p=>s&&mo(p,s)||o.blockchain&&p.blockchain!==o.blockchain||!a.some(c=>c.name===p.blockchain)?!1:o.searchFor?!!(Bt(p.symbol,o.searchFor)||Bt(p.address||"",o.searchFor)||Bt(p.name||"",o.searchFor)):!0).sort((p,c)=>e().isTokenPinned(p,o.type)?-1:e().isTokenPinned(c,o.type)||p.isSecondaryCoin?1:c.isSecondaryCoin||!p.address&&c.address?-1:p.address&&!c.address?1:0)},isTokenPinned:(o,n)=>!!(n==="source"?e().config.from?.pinnedTokens:e().config.to?.pinnedTokens)?.some(a=>Ae(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($a)},fetch:async()=>{try{let o=await Ht().getAllMetadata();t({fetchStatus:"success"});let n=[],r=[],s=o.popularTokens,a=o.swappers,l=new Set;o.tokens.forEach(p=>{l.add(p.blockchain),r.push(p)}),o.blockchains.forEach(p=>{p.enabled&&l.has(p.name)&&n.push(p)}),n.sort((p,c)=>p.sort-c.sort),t({_blockchains:n,_tokens:r,_popularTokens:s,_swappers:a})}catch(o){throw t({fetchStatus:"failed"}),o}}}),"createDataSlice");import{English as kd,French as wd,Japanese as vd,Spanish as xd}from"@rango-dev/ui";var Da=[{title:"English",label:"English",local:"en",SVGFlag:kd},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:xd},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:wd},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:vd}],fo="en";var Fa=[.5,1,3],Ua=1,Oa=5,za=100,qa=0;var Ga=i((t,e)=>({disabledLiquiditySources:[],theme:"auto",language:null,preferredBlockchains:[],slippage:Ua,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,addPreferredBlockchain:o=>{let n=e().preferredBlockchains;if(n.find((a,l)=>{let p=a===o,c=l<=10-1;return p&&c}))return;let s=n.filter(a=>!(a===o));t(()=>({preferredBlockchains:[o,...s]}))},setSlippage:o=>t(()=>({slippage:o})),setCustomSlippage:o=>t(()=>({customSlippage:o})),setAffiliateRef:o=>t(()=>({affiliateRef:o})),setAffiliatePercent:o=>t(()=>({affiliatePercent:o})),setAffiliateWallets:o=>t(()=>({affiliateWallets:o})),toggleAllLiquiditySources:(o,n)=>t(r=>{if(n)return{disabledLiquiditySources:[]};let s=Qt(o.map(a=>a.swapperGroup));return s.length===r.disabledLiquiditySources.length?{disabledLiquiditySources:[]}:{disabledLiquiditySources:s}}),toggleInfiniteApprove:()=>t(o=>({infiniteApprove:!o.infiniteApprove})),toggleLiquiditySource:o=>t(n=>n.disabledLiquiditySources.includes(o)?{disabledLiquiditySources:n.disabledLiquiditySources.filter(r=>r!=o)}:{disabledLiquiditySources:n.disabledLiquiditySources.concat(o)}),setTheme:o=>t(()=>({theme:o})),setLanguage:o=>t(()=>({language:o})),updateSettings:o=>{let{features:n}=o,r=Fe("theme",n),s=Fe("language",n),a=Fe("liquiditySource",n);t({...r&&{theme:"auto"},...s&&{language:fo},...a&&{disabledLiquiditySources:[]}})}}),"createSettingsSlice");function Ha(t){return bd()(Id((...e)=>({..._a(...e),...Ga(...e),...Ma(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(Ha,"createAppStore");var Qa=Ed(null);function h(){let t=Wd(Qa);if(Ld(()=>{t&&!t.persist.hasHydrated()&&t.persist.rehydrate()},[]),!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}i(h,"useAppStore");function Va(t){let e=Nd();return e.current||(e.current=Ha(t.config)),Ad.createElement(Qa.Provider,{value:e.current},t.children)}i(Va,"AppStoreProvider");import{create as Md}from"zustand";var ja="rango-widget";var Vt=class{constructor(e){this.state="not-initiated";this.events={};this.forceClaim=()=>{if(!this.isClaimed()){let e={name:"force-claim",candidateId:this.tabId};this.channel.postMessage(e),setTimeout(()=>{this.isClaimed()||this.claim()},300)}};this.isClaimed=()=>this.state==="claimed";this.destroy=()=>{this.channel.removeEventListener("message",this.handleMessageEvent),document.removeEventListener("visibilitychange",this.handleVisibilityChange),document.removeEventListener("resume",this.handleResume)};this.handleMessageEvent=e=>{let o=e.data.name;switch(o){case"ping":this.claimedByCurrentTab(e.data.pingAt);break;case"pong":this.alreadyClaimedByAnotherTab();break;case"force-claim":this.forceRelease(e.data.candidateId);break;case"force-release":this.tabId===e.data.candidateId&&this.claim();break;default:throw new Error(`${o} is not supported.`)}};this.handleVisibilityChange=async()=>{document.visibilityState==="visible"&&await this.tryClaim()};this.handleResume=async()=>{this.isClaimed()&&(await this.tryClaim(),this.isClaimed()||this.events.onRelease?.())};this.channel=new BroadcastChannel(ja),this.tabId=Math.trunc(Math.random()*1e5),this.events=e,this.initEvents(),this.tryClaim()}initEvents(){this.channel.addEventListener("message",this.handleMessageEvent),document.addEventListener("visibilitychange",this.handleVisibilityChange),document.addEventListener("resume",this.handleResume)}claimedByCurrentTab(e){let o=this.lastTryClaim&&this.lastTryClaim<e;if(this.isClaimed()||o){let n={name:"pong"};this.channel.postMessage(n);return}}alreadyClaimedByAnotherTab(){this.resetLastCheck()}async tryClaim(){return this.setLastCheck(),new Promise(e=>{setTimeout(()=>{this.check(),e()},300)})}check(){this.state==="not-initiated"&&this.events.onInit?.(),this.lastTryClaim?(this.claim(),this.resetLastCheck()):this.state="not-claimed"}claim(){this.state="claimed",this.events.onClaim?.()}setLastCheck(){this.lastTryClaim=Date.now();let e={name:"ping",pingAt:this.lastTryClaim};this.channel.postMessage(e)}resetLastCheck(){this.lastTryClaim=void 0}forceRelease(e){if(this.isClaimed()){this.state="not-claimed",this.events.onRelease?.();let o={name:"force-release",candidateId:e};this.channel.postMessage(o)}}};i(Vt,"TabManager");var pe=Tt(Md()((t,e)=>({isActiveTab:!1,tabManagerInitiated:!1,showActivateTabModal:!1,activateCurrentTab:(o,n)=>{let{showActivateTabModal:r}=e();!r&&n?t({showActivateTabModal:!0}):(r||!n)&&o()},setShowActivateTabModal:o=>{t({showActivateTabModal:o})}}))),Ka=new Vt({onInit:()=>pe.setState({tabManagerInitiated:!0}),onClaim:()=>pe.setState({isActiveTab:!0,showActivateTabModal:!1}),onRelease:()=>pe.setState({isActiveTab:!1})}),un=Ka.forceClaim,Ya=Ka.destroy;var dn=_d({onConnectWallet:()=>{}});function Ud(t){let{updateConfig:e,updateSettings:o,fetch:n}=h(),r=h().blockchains(),s=h().tokens(),a={walletConnectProjectId:t.config?.walletConnectProjectId},[l,p]=Fd([]),{providers:c}=Ba(t.config.wallets,a),{connectWallet:u,disconnectWallet:g}=H(),m=Dd();Kr(()=>{n().catch(console.log)},[]),Kr(()=>{t.config&&(e(t.config),o(t.config))},[t.config]);let d=r.filter($d).map(f=>f.name),C=i((f,S,k,b,T)=>{if(S===Xr.ACCOUNTS)if(k){let x=en(T.supportedBlockchains),v=ya(f,k,d,x,T.isContractWallet);p(v)}else g(f);if(S===Xr.ACCOUNTS&&b.connected){let x=`${f}-${b.network}-${k}`;b.connected&&(m.current?m.current(x):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(S===Xr.NETWORK&&b.network){let x=`${f}-${b.network}`;m.current?m.current(x):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(f,S,k,b,T)},"onUpdateState"),y=pe.use.isActiveTab();return Kr(()=>{l.length&&u(l,s)},[l,s]),mn.createElement(dn.Provider,{value:{onConnectWallet:f=>{m.current=f}}},mn.createElement(Pd,{allBlockChains:r,providers:c,onUpdateState:C,autoConnect:!!y},t.children))}i(Ud,"Main");function fn(t){let{config:e,...o}=t;return mn.createElement(Va,{config:e},mn.createElement(Ud,{...o,config:e}))}i(fn,"WidgetWallets");import la,{useEffect as TT}from"react";import{I18nManager as RC}from"@rango-dev/ui";import jo,{useContext as eT,useEffect as tT,useState as Km}from"react";import{useQueueManager as Hd}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Qd}from"@rango-dev/wallets-react";import{isEvmBlockchain as Vd}from"rango-types";import jd,{Fragment as Xd}from"react";import{MemoryRouter as Kd,useInRouterContext as Yd}from"react-router";import{useWallets as zd}from"@rango-dev/wallets-react";import{useEffect as qd,useRef as Gd}from"react";function Ja(){let{connect:t,state:e}=zd(),o=Gd({}),{fetchStatus:n}=h(),r=new URLSearchParams(location.search).get("autoConnect")||"",s=e(r);qd(()=>{n==="success"&&r&&s.installed&&!s.connecting&&!s.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[s,n])}i(Ja,"useForceAutoConnect");function Za({children:t,...e}){let n=Yd()?Xd:Kd,r=h().blockchains(),{canSwitchNetworkTo:s}=Qd();Ja();let a=r.filter(Vd);return Hd({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:s}),jd.createElement(n,null,t)}i(Za,"AppRouter");import Be from"react";import{useRoutes as jC}from"react-router-dom";var P={home:"/",fromSwap:"from-swap",toSwap:"to-swap",blockchains:"blockchains",settings:"settings",liquiditySources:"liquidity-sources",themes:"themes",bridges:"bridges",exchanges:"exchanges",languages:"languages",swaps:"swaps",wallets:"wallets",confirmSwap:"confirm-swap",swapDetails:":requestId"};import{useEffect as Xt,useRef as vn}from"react";import vt from"bignumber.js";import{create as of}from"zustand";import{subscribeWithSelector as nf}from"zustand/middleware";import{getLastSuccessfulStep as tf}from"@rango-dev/queue-manager-rango-preset";import Sv from"bignumber.js";var kt=(r=>(r[r.HIGH_VALUE_LOSS=0]="HIGH_VALUE_LOSS",r[r.UNKNOWN_PRICE=1]="UNKNOWN_PRICE",r[r.INSUFFICIENT_SLIPPAGE=2]="INSUFFICIENT_SLIPPAGE",r[r.HIGH_SLIPPAGE=3]="HIGH_SLIPPAGE",r))(kt||{});function Ra(t,e){return e.find(o=>o.name===t)?.displayName}i(Ra,"getBlockchainDisplayNameFor");function Ue(t,e){return e.find(o=>o.name===t)?.shortName}i(Ue,"getBlockchainShortNameFor");function go(t,e){return e.find(o=>o.id===t)?.swapperGroup}i(go,"getSwapperDisplayName");function Yr(t,e){return e.find(o=>Ae(o,t))??null}i(Yr,"findToken");function Jr(t,e){return e.find(o=>o.name===t)??null}i(Jr,"findBlockchain");import{i18n as Ve}from"@lingui/core";import Ee from"bignumber.js";import{PendingSwapNetworkStatus as Sn}from"rango-types";function gn(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,s=e[e.length-1];n!=s&&e.push(n),s=e[e.length-1],r!=s&&e.push(r)}),e}i(gn,"getRequiredWallets");function hn(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(hn,"isValidAddress");import{i18n as we}from"@lingui/core";var K=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 el(t){switch(t.type){case 0:return t.diagnosisMessage??K().noResultError.title;case 1:return K().genericServerError;default:return""}}i(el,"getQuoteErrorMessage");import{i18n as yn}from"@lingui/core";var Mt=i(()=>({connectWallet:yn.t("Connect Wallet"),swap:yn.t("Swap"),swapAnyway:yn.t("Swap anyway"),ethWarning:yn.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function tl(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(tl,"hasHighValueLoss");function Zr(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(Zr,"hasLimitError");function Rr(t){let e=(t.result?.swaps||[]).filter(l=>{let p=l.fromAmountMinValue?new Ee(l.fromAmountMinValue):null,c=l.fromAmountMaxValue?new Ee(l.fromAmountMaxValue):null;return l.fromAmountRestrictionType==="EXCLUSIVE"?p?.gte(l.fromAmount)||c?.lte(l.fromAmount):p?.gt(l.fromAmount)||c?.lt(l.fromAmount)})[0],o=e.fromAmountMinValue?new Ee(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Ee(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",s="",a="";return!r&&o&&o.gt(e.fromAmount)?(s=Ve.t({id:"Required: >= {min} {symbol}",values:{min:E(o,6,6),symbol:e.from.symbol}}),a=K().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(s=Ve.t({id:"Required: > {min} {symbol}",values:{min:E(o,6,6),symbol:e.from.symbol}}),a=K().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(s=Ve.t({id:"Required: <= {max} {symbol}",values:{max:E(n,6,6),symbol:e.from.symbol}}),a=K().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(s=Ve.t({id:"Required: < {max} {symbol}",values:{max:E(n,6,6),symbol:e.from.symbol}}),a=K().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:s,recommendation:a}}i(Rr,"getLimitErrorMessage");function ol(t){let{fetchMetaStatus:e,anyWalletConnected:o,fetchingQuote:n,inputAmount:r,quote:s,warning:a,error:l,needsToWarnEthOnPath:p}=t;return e!=="success"?{title:Mt().connectWallet,action:"connect-wallet",disabled:!0}:o?n||!s||!s.result||l||!r||r==="0"?{title:Mt().swap,action:"confirm-swap",disabled:!0}:a?{title:Mt().swapAnyway,action:"confirm-warning",disabled:!1}:p?{title:Mt().ethWarning,action:"confirm-warning",disabled:!1}:{title:Mt().swap,action:"confirm-swap",disabled:!1}:{title:Mt().connectWallet,action:"connect-wallet",disabled:!1}}i(ol,"getSwapButtonState");function ei(t,e,o){return!((!o||o.lte(Ie))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}i(ei,"canComputePriceImpact");function Jd(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(Jd,"requiredWallets");var Zd=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice");function Rd(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=Zd(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new Ee(r.amount).multipliedBy(s||0))}return o}i(Rd,"getUsdFeeOfStep");function Cn(t,e){return t.reduce((o,n)=>o.plus(Rd(n,e)),Ie)}i(Cn,"getTotalFeeInUsd");function ti(t){let e=Ie;return e=e.plus(new Ee(t.amount).multipliedBy(t.price||0)),e}i(ti,"getUsdFee");function nl(t){return t.reduce((e,o)=>e.plus(ti(o)),Ie)}i(nl,"getTotalFeesInUsd");function rl(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(rl,"getFeesGroup");function oi(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(oi,"checkSlippageErrors");function il(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(il,"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 sl(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(sl,"hasProperSlippage");function kn(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:s,disabledLiquiditySources:a,liquiditySources:l,excludeLiquiditySources:p,slippage:c,affiliateRef:u,affiliatePercent:g,affiliateWallets:m,initialQuote:d,destination:C}=t,y=s?.reduce((T,x)=>(T[x.chain]=x.address,T),{}),f=[];r?.forEach(T=>{let x=f.find(v=>v.blockchain===T.chain);x?x.addresses.push(T.address):f.push({blockchain:T.chain,addresses:[T.address]})});let S=!!d,k=Qt((d?.result?.swaps||[]).reduce((T,x)=>(T.push(x.from.blockchain,x.to.blockchain),x.internalSwaps&&Array.isArray(x.internalSwaps)&&x.internalSwaps.map(v=>{T.push(v.from.blockchain,v.to.blockchain)}),T),[]));return{amount:n.toString(),affiliateRef:u??void 0,affiliatePercent:g??void 0,affiliateWallets:m??void 0,checkPrerequisites:S,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:f,selectedWallets:y??{},slippage:c.toString(),...C&&{destination:C},...p&&{swapperGroups:a.concat(l??[]),swappersGroupsExclude:!0},...!p&&{swapperGroups:l?.filter(T=>!a.includes(T)),swappersGroupsExclude:!1},...S&&{blockchains:k}}}i(kn,"createQuoteRequestBody");function al(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(al,"getWalletsForNewSwap");function jt(t){return t.result?.outputAmount||null}i(jt,"getQuoteOutputAmount");function ll(t,e){return new Ee(e).div(new Ee(t)).minus(1).multipliedBy(100).toNumber()}i(ll,"getPercentageChange");function pl(t,e){let o=jt(t),n=jt(e);if(!o||!n)return!1;let r=Oe(o,n);return r?r<=-1:!0}i(pl,"isOutputAmountChangedALot");function cl(t,e,o){let n=t.validationStatus,r=Sa(t);return e.sort((a,l)=>r.indexOf(a.chain)-r.indexOf(l.chain)).flatMap(a=>hl(a,n)||[]).filter(a=>!a.ok).map(a=>{let l=a.asset.symbol,p=E(new Ee(a.currentAmount.amount).shiftedBy(-a.currentAmount.decimals),8,8),c=E(new Ee(a.requiredAmount.amount).shiftedBy(-a.requiredAmount.decimals),8,8),u="";return a.reason==="FEE"&&(u=Ve.t(" for network fee")),a.reason==="INPUT_ASSET"&&(u=Ve.t(" for swap")),a.reason==="FEE_AND_INPUT_ASSET"&&(u=Ve.t(" for input and network fee")),Ve.t({id:"Needs \u2248 {requiredAmount} {symbol}{reason}, but you have {currentAmount} {symbol} in your {blockchain} wallet.",values:{requiredAmount:c,symbol:l,reason:u,currentAmount:p,blockchain:Ue(a.asset.blockchain,o)}})})}i(cl,"generateBalanceWarnings");function ul(t,e){return(t?new Ee(t):Ie).multipliedBy(e||0)}i(ul,"calcOutputUsdValue");function ho(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==Sn.NetworkChanged}i(ho,"isNetworkStatusInWarningState");function ml(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),ho(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case Sn.WaitingForConnectingWallet:n=n||Ve.t("Waiting for connecting wallet");break;case Sn.WaitingForQueue:n=n||Ve.t("Waiting for other running tasks to be finished");break;case Sn.WaitingForNetworkChange:n=n||Ve.t("Waiting for changing wallet network");break;default:n=n||"";break}r=r||"",n=n||"";let a=n?.indexOf("code")!==-1&&n?.indexOf("reason")!==-1;return{shortMessage:n,detailedMessage:{content:r,long:a}}}i(ml,"getSwapMessages");function dl(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(dl,"getLastConvertedTokenInFailedSwap");function fl(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}i(fl,"shouldRetrySwap");function gl(t,e,o,n,r,s){return t||!e&&!Jd(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!hn(s,o)}i(gl,"confirmSwapDisabled");function Sl(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}i(Sl,"getQuoteToTokenUsdPrice");function ni(t,e){let o=t.result?.swaps||[],n=e.result?.swaps||[];return o.length!==n.length}i(ni,"isNumberOfSwapsChanged");function ri(t,e){let o=t.result?.swaps.map(r=>r.swapperId)||[],n=e.result?.swaps.map(r=>r.swapperId)||[];return!Vr(o,n)}i(ri,"isQuoteSwappersUpdated");function ii(t,e){let o=t.result?.swaps.map(r=>r.to.symbol)||[],n=e.result?.swaps.map(r=>r.to.symbol)||[];return!Vr(o,n)}i(ii,"isQuoteInternalCoinsUpdated");function Cl(t,e){return ni(t,e)||ri(t,e)||ii(t,e)}i(Cl,"isQuoteChanged");function hl(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(hl,"getRequiredBalanceOfWallet");function mt(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(mt,"getPriceImpactLevel");function Tl(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],s=tf(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=Jr(s?s.toBlockchain:n.fromBlockchain,e),p=Jr(r.toBlockchain,e),c=Yr(s?{blockchain:l?.name??"",symbol:s.toSymbol,address:s.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),u=Yr(a,o),g=s?s.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:c,toBlockchain:p,toToken:u,inputAmount:g}}i(Tl,"createRetryQuote");function wn(t,e){let{fromToken:o,toToken:n,tokens:r,userSlippage:s}=e,a=Pt(o,t.requestAmount),l=Pt(n,t.result?.outputAmount??"");if(t.result&&a&&l){let u=Oe(a.toString(),l.toString());if(!!u&&tl(a,u)){let m=Cn(t.result.swaps,r),d=mt(u);return{type:0,inputUsdValue:a,outputUsdValue:l,priceImpact:u,totalFee:m,warningLevel:d}}}else if(t.result&&(!a||!l))return{type:1};let p=Tn(t),c=s>Oa;if(sl(e.userSlippage.toString(),p)){if(c&&parseFloat(p??"0")<s)return{type:3,slippage:s.toString()}}else return{type:2,recommendedSlippages:il(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:ll(t.toString(),e.toString());return n&&n<0?n:null}i(Oe,"getPriceImpact");var kl=i(t=>{let e=new Set,o=[];return t.forEach(n=>{e.has(n.from.chain.displayName)||(e.add(n.from.chain.displayName),o.push(n.from.chain)),e.has(n.to.chain.displayName)||(e.add(n.to.chain.displayName),o.push(n.to.chain))}),o},"getUniqueBlockchains");var Pt=i((t,e)=>t?.usdPrice?new vt(e||Ie).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),Y=Tt(of()(nf(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new vt(0),outputUsdValue:new vt(0),toBlockchain:null,toToken:null,quote:null,quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:"",quoteWarningsConfirmed:!1,setQuote:e=>t(o=>{let n=null,r=Ie;return uo(o.inputAmount)?(e&&(n=e.result?.outputAmount?new vt(e.result?.outputAmount):null,r=ul(e.result?.outputAmount,Sl(e)||o.toToken?.usdPrice)),{quote:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetQuote:()=>t(()=>({quote:null,outputAmount:null,outputUsdValue:new vt(0)})),setFromBlockchain:e=>{t(o=>o.fromBlockchain?.name===e?.name?{}:{fromBlockchain:e,...o.fromToken&&{quote:null,fromToken:null,outputAmount:null,outputUsdValue:null}})},setFromToken:e=>t(o=>({fromToken:e.token,...e.token&&{fromBlockchain:e.meta.blockchains.find(n=>n.name===e.token.blockchain)??null},...!!o.inputAmount&&{inputUsdValue:Pt(e.token,o.inputAmount)}})),setToBlockchain:e=>{t(o=>o.toBlockchain?.name===e?.name?{}:{toBlockchain:e,...o.toToken&&{quote:null,toToken:null,outputAmount:null,outputUsdValue:null}})},setToToken:e=>t(()=>({toToken:e.token,...e.token&&{toBlockchain:e.meta.blockchains.find(o=>o.name===e.token.blockchain)??null}})),setInputAmount:e=>{t(o=>({inputAmount:e,...!e&&{outputAmount:new vt(0),outputUsdValue:new vt(0),quote:null},...!!o.fromToken&&{inputUsdValue:Pt(o.fromToken,e)}}))},retry:(e,o)=>{let{tokens:n,blockchains:r}=o,{fromBlockchain:s,fromToken:a,toBlockchain:l,toToken:p,inputAmount:c}=Tl(e,r,n);t({fromBlockchain:s,fromToken:a,inputAmount:c,outputAmount:null,inputUsdValue:Pt(a??null,c),outputUsdValue:new vt(0),toBlockchain:l,toToken:p,quote:null})},switchFromAndTo:()=>t(e=>({fromBlockchain:e.toBlockchain,fromToken:e.toToken,toBlockchain:e.fromBlockchain,toToken:e.fromToken,inputAmount:e.outputAmount?.toString()||"",inputUsdValue:Pt(e.toToken,e.outputAmount?.toString()||"")})),resetFromBlockchain:()=>t(()=>({fromToken:null,fromBlockchain:null,outputAmount:null,outputUsdValue:null,quote:null})),resetToBlockchain:()=>t(()=>({toToken:null,toBlockchain:null,outputAmount:null,outputUsdValue:null,quote:null})),setQuoteWalletConfirmed:e=>t({quoteWalletsConfirmed:e}),setSelectedWallets:e=>t({selectedWallets:e}),setCustomDestination:e=>t({customDestination:e}),resetQuoteWallets:()=>t({quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:""}),setQuoteWarningsConfirmed:e=>t({quoteWarningsConfirmed:e})}))));function wl(){let{setInputAmount:t,setToToken:e,setToBlockchain:o,setFromBlockchain:n,setFromToken:r,fromToken:s,toToken:a,fromBlockchain:l,toBlockchain:p}=Y(),c=h().config,u=h().fetchStatus,g=h().blockchains(),m=h().tokens(),{setAffiliateRef:d,setAffiliatePercent:C,setAffiliateWallets:y}=h(),f=c?.from?.tokens,S=c?.from?.blockchains,k=c?.to?.tokens,b=c?.to?.blockchains,T=vn(void 0),x=vn(void 0),v=vn(void 0),I=vn(void 0);Xt(()=>{t(c?.amount?.toString()||"")},[c?.amount]),Xt(()=>{if(u==="success"){let A=g.find(W=>W.name===c?.from?.blockchain),w=m.find(W=>Ae(W,c?.from?.token||null));(A||!A&&v.current)&&n(A??null),w?r({token:w,meta:{blockchains:g,tokens:m}}):!w&&T.current&&r({token:null}),v.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]),Xt(()=>{mo(s,f)&&r({token:null}),Hr(l,S)&&n(null)},[f,S]),Xt(()=>{mo(a,k)&&r({token:null}),Hr(p,b)&&o(null)},[k,b]),Xt(()=>{if(u==="success"){let A=g.find(W=>W.name===c?.to?.blockchain),w=m.find(W=>Ae(W,c?.to?.token||null));(A||!A&&I.current)&&o(A??null),w?e({token:w,meta:{blockchains:g,tokens:m}}):!w&&x.current&&e({token:null}),I.current=c?.to?.blockchain,x.current=c?.to?.token}},[c?.to?.token?.symbol,c?.to?.token?.address,c?.to?.token?.blockchain,c?.to?.blockchain,u]),Xt(()=>{d(c?.affiliate?.ref??null),C(c?.affiliate?.percent??null),y(c?.affiliate?.wallets??null)},[c?.affiliate?.ref,c?.affiliate?.percent,c?.affiliate?.wallets])}i(wl,"useSyncStoresWithConfig");import{useEffect as li}from"react";import{useInRouterContext as rf,useLocation as sf,useSearchParams as af}from"react-router-dom";function si(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(si,"searchParamToToken");function ai(t){if(t)return`${t.symbol}${t.address?`--${t.address}`:""}`}i(ai,"tokenToSearchParam");function pi(){let t=sf(),[e,o]=af(),{fromBlockchain:n,toBlockchain:r,fromToken:s,toToken:a,inputAmount:l,setFromBlockchain:p,setToBlockchain:c,setFromToken:u,setToToken:g,setInputAmount:m}=Y(),d=h().fetchStatus,C=h().blockchains(),y=h().tokens(),f=rf(),{updateIframe:S}=h(),k=i(()=>{let T=e.get("fromAmount"),x=e.get("fromBlockchain"),v=e.get("fromToken"),I=e.get("toBlockchain"),A=e.get("toToken"),w=e.get("autoConnect"),W=e.get("clientUrl");return{fromAmount:T,fromBlockchain:x,fromToken:v,toBlockchain:I,toToken:A,autoConnect:w,clientUrl:W}},"getUrlSearchParams"),b=i(T=>{for(let x in T)T[x]||delete T[x];o(T,{replace:!0})},"updateUrlSearchParams");li(()=>{let{autoConnect:T,clientUrl:x}=k();f&&d==="success"&&b({["fromBlockchain"]:n?.name,["fromToken"]:ai(s),["toBlockchain"]:r?.name,["toToken"]:ai(a),["fromAmount"]:l,["autoConnect"]:T??void 0,["clientUrl"]:x??void 0})},[t.pathname,l,n,s,r,a]),li(()=>{if(!f)return;let T=k();if(T.fromAmount&&m(T.fromAmount),d==="success"){let x=C.find(w=>w.name===T.fromBlockchain),v=si(y,T.fromToken,x??null),I=C.find(w=>w.name===T.toBlockchain),A=si(y,T.toToken,I??null);x&&(p(x),v&&u({token:v,meta:{blockchains:C,tokens:y}})),I&&(c(I),A&&g({token:A,meta:{blockchains:C,tokens:y}}))}},[d]),li(()=>{let{clientUrl:T}=k();S("clientUrl",T||void 0)},[])}i(pi,"useSyncUrlAndStore");import{i18n as pr}from"@lingui/core";import{useManager as jh}from"@rango-dev/queue-manager-react";import{Alert as jc,Button as Xh,css as is,Divider as rs,IconButton as Xc,SettingsIcon as Kh,styled as Yh,Tooltip as Jh,Typography as Zh,WalletIcon as Rh}from"@rango-dev/ui";import ae,{useEffect as Bo,useLayoutEffect as ey,useRef as ty,useState as cr}from"react";import{flushSync as oy}from"react-dom";import{useLocation as ny,useNavigate as ry}from"react-router-dom";import{i18n as ot}from"@lingui/core";import{Alert as $i,BalanceErrors as Dg,Button as Lp,ChevronDownIcon as Fg,ChevronLeftIcon as Ug,Divider as eo,MessageBox as Og,Modal as Np,Typography as Vn,WalletIcon as zg}from"@rango-dev/ui";import N,{useEffect as qg,useState as _t}from"react";import{useNavigate as Gg}from"react-router-dom";import{i18n as xn}from"@lingui/core";function bn(t){switch(t.type){case 0:return xn.t("Route has been updated.");case 3:return xn.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return xn.t("Route swappers has been updated.");case 2:return xn.t("Route internal coins has been updated.");default:return""}}i(bn,"getQuoteUpdateWarningMessage");import Wn,{useLayoutEffect as uf,useRef as mf}from"react";import*as Kt from"@radix-ui/react-collapsible";import{keyframes as vl,styled as In}from"@rango-dev/ui";var yo=300,pf=vl({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),cf=vl({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),xl=In(Kt.Root,{borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),ci=In(Kt.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit",cursor:"pointer"}),An=In(Kt.Content,{overflow:"hidden",variants:{open:{true:{animation:`${pf} ${yo}ms ease-out`},false:{animation:`${cf} ${yo}ms ease-out`}}}}),En=In("div",{transition:`all ${yo}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=mf(null);return uf(()=>{e&&p.current&&setTimeout(()=>{p?.current?.scrollIntoView({behavior:"smooth"})},yo)},[e]),Wn.createElement(xl,{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 df,css as bl,darkTheme as Yt,IconButton as ff,styled as ze,TextField as gf}from"@rango-dev/ui";var Il=ze("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),Al=ze("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),hf=ze("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${Yt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${Yt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${Yt} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),El=ze(hf,{alignSelf:"stretch",minHeight:"93px"}),Wl=ze("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),Ll=ze(ff,{position:"absolute",left:"$20"}),Nl=ze("div",{paddingTop:"$20"}),Bl=bl({display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Ml=ze("div",{padding:"$10 $0","& .button__content":{display:"flex",alignItems:"center"},"& .alarms":{paddingTop:"$5"},"& .collapsible_content":{backgroundColor:"$neutral100"},"& .collapsible_root":{backgroundColor:"$neutral200"}}),Pl=bl({paddingTop:"$5"}),$l=ze("div",{display:"flex"}),_l=ze(gf,{backgroundColor:"$neutral100",padding:"$0 $15 $15 $15"}),Dl=ze("div",{overflow:"visible",width:"100%"}),Fl=ze(df,{width:"100%",borderRadius:"$sm !important",padding:"$15 !important",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${Yt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${Yt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${Yt} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}});import{i18n as Xe}from"@lingui/core";import{Button as Pg,Divider as Mi,Image as $g,MessageBox as Qn,Modal as bp,SelectableWallet as _g,Typography as Ip,WalletState as Ap}from"@rango-dev/ui";import ie,{useEffect as Ep,useState as ko}from"react";import{WalletState as ui}from"@rango-dev/ui";import{useWallets as yf}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as Sf,WalletTypes as Nn}from"@rango-dev/wallets-shared";import{useCallback as Cf,useEffect as Ul,useRef as Tf,useState as kf}from"react";var wf=Object.values(Nn);function Bn(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:l,connect:p}=yf(),{connectedWallets:c}=H(),u=h().blockchains(),g=Tf(!1),m=Na(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||wf,d=ha(s,l,m,o),C=va(d),[y,f]=kf(""),S=i(v=>!c.find(I=>I.walletType===v&&I.chain===o),"isExperimentalChainNotAdded"),k=i(async v=>{let I=s(v);try{if(y&&f(""),I.connected)await a(v);else{let A=!!d.find(w=>w.state===ui.CONNECTED);if(!e?.multiWallets&&A)return;n?.(v),await p(v),r?.(v)}}catch(A){f("Error: "+A?.message)}},"handleClick"),b=Cf(()=>{let v=d?.filter(I=>I.state===ui.CONNECTING)||[];for(let I of v)a(I.type)},[Ia(d)]);Ul(()=>()=>{g.current=!0},[]),Ul(()=>()=>{g.current&&b()},[b]);let T=i(v=>v.filter(A=>A.state!=ui.NOT_INSTALLED&&![Nn.DEFAULT,Nn.WALLET_CONNECT_2].includes(A.type)&&l(A.type).supportedChains.filter(w=>w.type=="EVM").length>0).length==0,"shouldShowDefaultInjectedWallet"),x=i((v,I,A)=>on(A,I)&&S(v)&&!Sf.includes(v)||v==Nn.DEFAULT&&!T(d),"shouldExcludeWallet");return{list:C.filter(v=>!x(v.type,o??"",u)),error:y,handleClick:k,disconnectConnectingWallets:b}}i(Bn,"useWalletList");import{i18n as Sp}from"@lingui/core";import{styled as Tp,Typography as Ag,Wallet as Eg,WalletState as Wg}from"@rango-dev/ui";import Rt,{useState as Cp}from"react";import{useManager as hg}from"@rango-dev/queue-manager-react";import{BottomLogo as yg,Divider as cp,Header as Sg}from"@rango-dev/ui";import me,{useEffect as up,useRef as mp}from"react";import{useRef as vf}from"react";function Mn(){return window.self!==window.top}i(Mn,"isAppLoadedIntoIframe");function mi(){let t=vf(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 xf}from"react-router-dom";function xt(){let t=xf();return()=>t(-1)}i(xt,"useNavigateBack");import{createTheme as hi,darkTheme as Wf,lightTheme as Lf}from"@rango-dev/ui";import{useEffect as Gl,useState as Nf}from"react";import{theme as Af,darkColors as Ef}from"@rango-dev/ui";var Ol=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]:Ol(e,(5-l)*25)}),l===5&&(a={...a,[t+l*100]:e}),l>5&&(a={...a,[t+l*100]:Ol(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 zl=i(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),bf=i(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=zl(o%52)+e;return zl(o%52)+e},"toAlphabeticName"),If=i((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),fi=i(t=>bf(If(5381,JSON.stringify(t))>>>0),"toHash");function gi(t){let e=Af.colors,o=di({...e,...Ef},!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:`${Gr}-light-${fi(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${Gr}-dark-${fi(p)}`,tokens:p}}return{light:a,dark:l}}i(gi,"customizedThemeTokens");function ql(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(ql,"joinList");function $n(t){let{colors:e,fontFamily:o=La,borderRadius:n=Ea,secondaryBorderRadius:r=Wa,mode:s="auto"}=t,[a,l]=Nf("light"),{setTheme:p,theme:c}=h(),{dark:u,light:g}=gi(e),m=hi({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),d=[m.className,Lf.className],C=[m.className,Wf.className];if(g){let f=hi(g.id,g.tokens);d.push(f.className)}if(u){let f=hi(u.id,u.tokens);C.push(f.className)}return Gl(()=>{let f=i(S=>{S.matches?l("dark"):l("light")},"switchThemeListener");return window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&l("dark"),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",f),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",f)}},[]),Gl(()=>{s!=="auto"&&p(s)},[s]),{activeTheme:i(()=>{let f=d.join(" "),S=C.join(" ");return c==="auto"?a==="dark"?S:f:c==="dark"?S:f},"getActiveTheme")}}i($n,"useTheme");var bt=i(t=>{let e=[];return t?.getAll().forEach((o,n)=>{let r=o.list.getStorage();r?.swapDetails&&e.push({id:n,swap:r?.swapDetails})}),e.sort((o,n)=>Number(n.swap.creationTime)-Number(o.swap.creationTime))},"getPendingSwaps");import{i18n as Hl}from"@lingui/core";import{Alert as Bf,Button as Mf}from"@rango-dev/ui";import Ql from"react";function yi(t){return Ql.createElement(Bf,{action:Ql.createElement(Mf,{onClick:t.onActivateTab,variant:"contained",size:"xxsmall",type:"warning"},Hl.t("Activate")),type:"warning",variant:"alarm",title:Hl.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 Pf,Divider as $f,MessageBox as _f,Modal as Df}from"@rango-dev/ui";import _n from"react";function Ci(t){let{open:e,onClose:o,onConfirm:n}=t;return _n.createElement(Df,{open:e,dismissible:!0,onClose:o,container:L()},_n.createElement(_f,{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($f,{size:20}),_n.createElement(Pf,{variant:"contained",size:"large",type:"primary",fullWidth:!0,onClick:n},Si.t("Confirm"))))}i(Ci,"ActivateTabModal");import{ChevronLeftIcon as Of}from"@rango-dev/ui";import Kl from"react";import{darkTheme as Ff,IconButton as Uf,styled as So}from"@rango-dev/ui";var qe=So(Uf,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),Vl=So("div",{position:"absolute",background:"$secondary500",[`.${Ff} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),Jt=So("div",{display:"flex",justifyContent:"flex-end",minWidth:"$40",button:{padding:0}}),jl=So("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"}),Xl=So("div",{padding:"$2",variants:{isRefetched:{true:{transform:"rotate(360deg)",transition:"transform 1s ease-in-out"}}}});function Ti(t){return Kl.createElement(qe,{variant:"ghost",size:"small",onClick:t.onClick},Kl.createElement(Of,{color:"black",size:16}))}i(Ti,"BackButton");import{i18n as zf}from"@lingui/core";import{Button as qf,Typography as Gf}from"@rango-dev/ui";import ki from"react";function wi(t){return ki.createElement(Jt,null,ki.createElement(qf,{variant:"ghost",onClick:t.onClick,size:"xsmall"},ki.createElement(Gf,{variant:"label",size:"medium",color:"error500"},zf.t("Cancel"))))}i(wi,"CancelButton");import{i18n as Hf}from"@lingui/core";import{Tooltip as Qf,WalletIcon as Vf}from"@rango-dev/ui";import Dn from"react";function vi(t){return Dn.createElement(Qf,{container:t.container,side:"top",content:Hf.t("Connect Wallet")},Dn.createElement(qe,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&Dn.createElement(Vl,null),Dn.createElement(Vf,{size:18,color:"black"})))}i(vi,"WalletButton");import{i18n as zn}from"@lingui/core";import{NotificationsIcon as mg,Popover as dg,SettingsIcon as fg,Tooltip as qn,TransactionIcon as gg}from"@rango-dev/ui";import Te from"react";import{i18n as eg}from"@lingui/core";import{EventSeverity as tg}from"@rango-dev/queue-manager-rango-preset";import{ChainToken as tp,ChevronRightIcon as og,ListItemButton as ng,Typography as rg}from"@rango-dev/ui";import je from"react";import{useNavigate as ig}from"react-router-dom";import{create as jf}from"zustand";import{persist as Xf,subscribeWithSelector as Kf}from"zustand/middleware";var Pe=Tt(jf()(Xf(Kf((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 Yl=Fn("div",{padding:"$10",width:"350px",minHeight:"150px"}),Jl=Fn("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),Zl=Fn("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),Rl=Fn("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as Yf}from"@lingui/core";import{Divider as Jf,NoNotificationIcon as Zf,Typography as Rf}from"@rango-dev/ui";import Un from"react";function ep(){return Un.createElement(Rl,null,Un.createElement(Zf,{color:"secondary",size:26}),Un.createElement(Jf,{size:12}),Un.createElement(Rf,{variant:"body",size:"medium",color:"neutral700"},Yf.t("There are no notifications.")))}i(ep,"NotificationNotFound");var sg=4;function xi(){let t=ig(),{getUnreadNotifications:e}=Pe(),o=e(),n=h().blockchains(),r=h().tokens(),s=o.sort((l,p)=>p.creationTime-l.creationTime).slice(0,sg),a=i(l=>{t(`${P.swaps}/${l}`)},"handleOnClick");return je.createElement(Yl,null,s.length?je.createElement(Jl,null,s.map(l=>{let{route:p,requestId:c,event:u}=l,g=r.find(y=>Ae(y,p.from)),m=n.find(y=>y.name===p.from.blockchain),d=r.find(y=>Ae(y,p.to)),C=n.find(y=>y.name===p.to.blockchain);return je.createElement(ng,{key:c,onClick:()=>a(c),title:je.createElement(rg,{variant:"body",size:"small",color:u.messageSeverity===tg.WARNING?"$foreground":"$neutral700"},eg.t(u.message)),id:c,start:je.createElement(Zl,null,je.createElement("div",{className:"from-chain-token"},je.createElement(tp,{tokenImage:g?g.image:"",chainImage:m?m.logo:"",size:"small"})),je.createElement("div",{className:"to-chain-token"},je.createElement(tp,{tokenImage:d?d.image:"",chainImage:C?C.logo:"",size:"small"}))),end:je.createElement(og,{size:12,color:"gray"})})})):je.createElement(ep,null))}i(xi,"NotificationContent");import{RefreshProgressButton as ag}from"@rango-dev/ui";import bi,{useEffect as lg,useState as op}from"react";var pg=1e3,np=60,cg=100;function On({onClick:t}){let[e,o]=op(0),[n,r]=op(!1),s=i(p=>{document.hidden&&p&&a(p)},"handleVisibilityChange");lg(()=>{let p;return t?p=window.setInterval(()=>{o(c=>c+1),e===np&&l()},pg):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(Xl,{onTransitionEnd:()=>r(!1),isRefetched:n},bi.createElement(ag,{size:24,color:t?"black":"gray",progress:e/np*cg})))}i(On,"RefreshButton");import{Typography as ug}from"@rango-dev/ui";import rp from"react";function ip(){let{getUnreadNotifications:t}=Pe(),e=t().length;return e?rp.createElement(jl,null,rp.createElement(ug,{variant:"body",size:"xsmall",color:"$background"},e)):null}i(ip,"UnreadNotificationsBadge");function Ii(t){let{onClickRefresh:e,onClickHistory:o,onClickSettings:n}=t,{config:{features:r}}=h(),s=Fe("notification",r);return Te.createElement(Te.Fragment,null,Te.createElement(qn,{container:L(),side:"top",content:zn.t("Refresh")},Te.createElement(On,{onClick:e})),!s&&Te.createElement(dg,{align:"center",collisionPadding:{right:20,left:20},container:L(),content:Te.createElement(xi,null)},Te.createElement("div",null,Te.createElement(qn,{container:L(),side:"top",content:zn.t("Notifications")},Te.createElement(qe,{size:"small",variant:"ghost"},Te.createElement(mg,{size:18,color:"black"}),Te.createElement(ip,null))))),Te.createElement(qn,{container:L(),side:"top",content:zn.t("Settings")},Te.createElement(qe,{size:"small",variant:"ghost",onClick:n},Te.createElement(fg,{size:18,color:"black"}))),Te.createElement(qn,{container:L(),side:"top",content:zn.t("Transactions History")},Te.createElement(qe,{size:"small",variant:"ghost",onClick:o},Te.createElement(gg,{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 sp="700px",ap=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:sp},fixed:{height:sp}}}}),lp=Ei("div",{position:"relative",overflow:"hidden",flexGrow:1,display:"flex",flexDirection:"column",padding:0,overflowY:"auto"}),pp=Ei("div",{"& .footer__content":{padding:"$0 $20"},"& .footer__logo":{padding:"$0 $20 $10 $20"}});function ne(t){let{children:e,header:o,footer:n,hasLogo:r=!0,height:s="fixed"}=t,{connectHeightObserver:a,disconnectHeightObserver:l}=mi(),p=H.use.connectedWallets(),{config:{features:c,theme:u}}=h(),{activeTheme:g}=$n(u||{}),m=Fe("connectWalletButton",c),{isActiveTab:d,tabManagerInitiated:C,showActivateTabModal:y,setShowActivateTabModal:f,activateCurrentTab:S}=pe(),k=xt(),{manager:b}=hg(),x=bt(b).map(({swap:F})=>F).some(F=>F.status==="running"),v=i(()=>S(un,x),"onActivateTab"),I=i(()=>{o.onWallet?.()},"onConnectWallet"),A=typeof o.hasBackButton>"u"||o.hasBackButton,w=mp(null),W=mp(null);return up(()=>(Mn()&&W.current&&a(W.current),()=>{l()}),[]),up(()=>(w.current?.addEventListener("scroll",Ai),()=>{w.current?.removeEventListener("scroll",Ai)}),[]),me.createElement(ap,{height:s,id:be.SWAP_BOX_ID,className:g(),ref:W},me.createElement(Sg,{prefix:me.createElement(me.Fragment,null,A&&me.createElement(Ti,{onClick:k})),title:o.title,suffix:me.createElement(me.Fragment,null,o.suffix,o.onWallet&&!m&&me.createElement(vi,{container:L(),onClick:I,isConnected:!!p?.length}),o.onCancel&&me.createElement(wi,{onClick:o.onCancel}))}),me.createElement(lp,{ref:w},e),me.createElement(Ci,{open:y,onClose:()=>f(!1),onConfirm:v}),(r||n)&&me.createElement(pp,null,me.createElement("div",{className:"footer__content"},n,C&&!d&&me.createElement(me.Fragment,null,me.createElement(cp,{size:12}),me.createElement(yi,{onActivateTab:v}))),me.createElement(cp,{size:12}),r&&me.createElement("div",{className:"footer__logo"},me.createElement(yg,null))))}i(ne,"Layout");import{styled as Cg}from"@rango-dev/ui";var dp="$20 $20 $10 $20",Co=Cg("div",{padding:dp,overflowY:"auto",flexGrow:1});import{styled as Tg}from"@rango-dev/ui";var re=Tg("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 bg,Modal as Ig}from"@rango-dev/ui";import Li from"react";import{i18n as Zt}from"@lingui/core";import{Image as vg,MessageBox as Wi,WalletState as xg}from"@rango-dev/ui";import $t from"react";import{keyframes as kg,styled as Gn}from"@rango-dev/ui";var SA=Gn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),fp=Gn("div",{position:"relative"}),wg=kg({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),gp=Gn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${wg} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),hp=Gn("div",{"& img":{borderRadius:"50%"}});function yp(t){let{state:e,image:o,error:n}=t;return e===xg.CONNECTED?$t.createElement(Wi,{type:"success",title:Zt.t("Wallet Connected"),description:Zt.t("Your wallet is connected, you can use it to swap.")}):n?$t.createElement(Wi,{type:"error",title:Zt.t("Failed to Connect"),description:n||Zt.t("Your wallet is not connected. Please try again.")}):$t.createElement(Wi,{type:"loading",title:Zt.t("Connecting to your wallet"),description:Zt.t("Click connect in your wallet popup."),icon:$t.createElement(fp,null,$t.createElement(hp,null,$t.createElement(vg,{src:o,size:45})),$t.createElement(gp,null))})}i(yp,"ModalContent");function To(t){let{open:e,onClose:o,...n}=t;return Li.createElement(Ig,{open:e,onClose:o,container:document.getElementById(be.SWAP_BOX_ID)||document.body},Li.createElement(yp,{...n}),Li.createElement(bg,{direction:"vertical",size:32}))}i(To,"WalletModal");var Lg=Tp("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Ng=Tp(re,{textAlign:"center"}),Hn=3e3,Ni=300;function kp(){let{config:t,fetchStatus:e}=h(),[o,n]=Cp(!1),[r,s]=Cp(""),a=null,l=pe.use.isActiveTab(),{list:p,handleClick:c,error:u,disconnectConnectingWallets:g}=Bn({config:t,onBeforeConnect:f=>{a=setTimeout(()=>{n(!0),s(f)},Ni)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},Hn)}}),m=i(()=>{g(),n(!1)},"handleCloseWalletModal"),d=p.find(f=>f.type===r),C=d?.image||"",y=d?.state||Wg.NOT_INSTALLED;return Rt.createElement(ne,{header:{title:Sp.t("Connect Wallets")}},Rt.createElement(Ng,null,Rt.createElement(Ag,{variant:"title",size:"xmedium",align:"center"},Sp.t("Choose a wallet to connect.")),Rt.createElement(Lg,null,p.map((f,S)=>{let k=`wallet-${S}-${f.type}`;return Rt.createElement(Eg,{key:k,...f,container:L(),onClick:b=>{c(b)},isLoading:e==="loading",disabled:!l})}),Rt.createElement(To,{open:!!o,onClose:m,image:C,state:y,error:u}))))}i(kp,"WalletsPage");import{keyframes as Bg,styled as Bi}from"@rango-dev/ui";var wp=Bi("div",{position:"relative"}),Mg=Bg({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),vp=Bi("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Mg} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),xp=Bi("div",{"& img":{borderRadius:"50%"}});function Pi(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:s}=t,{config:a}=h(),l=pe.use.isActiveTab(),p=H.use.connectedWallets(),{blockchains:c}=h(),[u,g]=ko(""),[m,d]=ko(null),[C,y]=ko(!1),[f,S]=ko(null),{suggestAndConnect:k}=Wp(),b=null,{list:T,error:x,handleClick:v,disconnectConnectingWallets:I}=Bn({config:a,chain:e,onBeforeConnect:M=>{b=setTimeout(()=>{g(M)},Ni)},onConnect:()=>{b&&clearTimeout(b),setTimeout(()=>{g("")},Hn)}}),[A,w]=ko(T),W=T.length,F=r&&W-r>0,Q=i(async M=>{y(!1),S("in-progress");try{await k(M.walletType,M.chain),S("completed")}catch{S("rejected")}},"addExperimentalChain");Ep(()=>{w(M=>{let q=T.findIndex(ee=>o(ee.type,e));return F&&q>1?[T[q]].concat(T.filter((ee,U)=>U!==q)):M.map(ee=>T.find(U=>U.type===ee.type)??ee)})},[JSON.stringify(T)]);let V=document.getElementById(be.SWAP_BOX_ID);Ep(()=>{let M=null;return(f==="completed"||f==="rejected")&&(M=setTimeout(()=>S(null),Hn)),()=>{M&&clearTimeout(M)}},[f]);let ue=i(()=>{I(),g("")},"handleCloseWalletModal");return ie.createElement(ie.Fragment,null,A.slice(0,r).map(M=>{let q=xa({connectedWallets:p,walletType:M.type,chain:e}),ee=q?rn(q):"",U=on(c(),e),De=!p.find(Ce=>Ce.walletType===M.type&&Ce.chain===e),j=U&&De&&M.state===Ap.CONNECTED,J=j?Xe.t({id:"Add {chain} chain",values:{chain:e}}):ee,xe=i(()=>{M.state===Ap.DISCONNECTED?v(M.type):j?(d({walletType:M.type,chain:e,address:q??""}),y(!0)):n({walletType:M.type,chain:e,address:q??""})},"onClick"),Se=m?.chain?Ra(m.chain,c()):void 0;return ie.createElement(ie.Fragment,null,ie.createElement(To,{open:u===M.type,onClose:ue,image:M.image,state:M.state,error:x}),!!m&&ie.createElement(bp,{open:!!m&&C,container:V,onClose:()=>{d(null)}},ie.createElement(Qn,{title:Xe.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:Se}}),type:"warning",description:Xe.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:Se}})},ie.createElement(Mi,{size:18}),ie.createElement(Mi,{size:32}),ie.createElement(Pg,{onClick:Q.bind(null,m),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},Xe.t("Confirm")))),f&&ie.createElement(bp,{open:!!f,onClose:S.bind(null,null),container:V},f==="in-progress"&&ie.createElement(Qn,{type:"loading",title:Xe.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:Se}}),description:Xe.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:Se}}),icon:ie.createElement(wp,null,ie.createElement(xp,null,ie.createElement($g,{src:M.image,size:45})),ie.createElement(vp,null))}),f==="completed"&&ie.createElement(Qn,{type:"success",title:Xe.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:Se}}),description:Xe.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:Se}})}),f==="rejected"&&ie.createElement(Qn,{type:"error",title:Xe.t("Request Rejected"),description:Xe.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:Se}})}),ie.createElement(Mi,{direction:"vertical",size:32})),ie.createElement(_g,{key:M.type,description:J,onClick:xe,selected:o(M.type,e),disabled:!l,...M}))}),F&&ie.createElement(El,{selected:!1,onClick:s},ie.createElement(Ip,{variant:"label",size:"medium"},Xe.t("Show more wallets"),ie.createElement(Ip,{variant:"label",size:"medium",color:"$primary"},"\xA0+",W-(r??0)))))}i(Pi,"WalletList");var Hg=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:d}=Y(),{connectedWallets:C,selectWallets:y}=H(),[f,S]=_t(""),[k,b]=_t([]),[T,x]=_t(""),[v,I]=_t(null),[A,w]=_t(m),[W,F]=_t(!!m),Q=gn(p),V=l.find(_=>_.name===p?.result?.swaps[p?.result?.swaps.length-1].to.blockchain),ue=i(_=>!!p?.result?.swaps.find(X=>X.from.blockchain===_),"isWalletRequiredFor"),[M,q]=_t(C.filter(_=>_.selected&&Q.includes(_.chain))),ee=l.find(_=>_.name===V?.name),U=i((_,X)=>!!M.find(G=>G.walletType===_&&G.chain===X&&G.selected&&(ue(X)||!ue(X)&&!A)),"isSelected"),De=!!A&&W&&ee&&!hn(ee,A),j=i(()=>{F(!1),w(""),q(_=>{let X=!1;return _.map(G=>!X&&G.chain===V?.name?(X=!0,{...G,selected:!0}):G)})},"resetCustomDestination"),J=i(_=>{if(f&&S(""),U(_.walletType,_.chain))return;let G=C.find(le=>le.walletType===_.walletType&&le.chain===_.chain);G&&(n(),_.chain===V?.name&&W&&(F(!1),w("")),q(le=>le.filter(ut=>ut.chain!==_.chain).concat({...G,selected:!0})))},"onChange"),xe=i(()=>{let _=M.filter(X=>X.selected);y(_),c(_),d(A),g(!0),o()},"onConfirmBalance"),Se=i(async()=>{b([]),x(""),I(null);let _=C.filter(le=>M.find(ut=>ut.chain===le.chain&&ut.walletType===le.walletType)),X=await r?.({selectedWallets:_,customDestination:A}),G=X.warnings;G?.balance?.messages&&b(G.balance.messages),G?.quoteUpdate&&I(G.quoteUpdate),X.error&&x(el(X.error)),!X.error&&(!G?.balance?.messages.length||0>0)?xe():b(G?.balance?.messages??[])},"onConfirmWallets");qg(()=>{q(_=>_.concat(C.filter(X=>!!!_.find(le=>le.chain===X.chain)&&X.selected&&Q.includes(X.chain))))},[C.length]);let Ce=document.getElementById(be.SWAP_BOX_ID),ct=Gg();return N.createElement(Np,{open:e,onClose:()=>{u||ct("../",{replace:!0}),o()},dismissible:!f,container:Ce,...!f&&{footer:N.createElement($l,null,N.createElement(Lp,{loading:s,disabled:gl(s,W,A,p,M,V),onClick:Se,variant:"contained",type:"primary",fullWidth:!0,size:"large"},ot.t("Confirm")))},...f&&{containerStyle:{padding:"$0"},header:N.createElement(Wl,null,N.createElement(Ll,{variant:"ghost",onClick:S.bind(null,"")},N.createElement(Ug,{size:16})),N.createElement(Vn,{variant:"headline",size:"small"},ot.t({id:"Your {blockchainName} wallets",values:{blockchainName:Ue(f,l)}})))},anchor:"center"},N.createElement(Np,{open:k.length>0,onClose:b.bind(null,[]),container:Ce},N.createElement(Og,{title:ot.t("Insufficient account balance"),type:"error",description:N.createElement(Dg,{messages:k??[]})},N.createElement(Lp,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:xe},ot.t("Proceed anyway")))),f&&N.createElement(Nl,null,N.createElement("div",{className:Bl()},N.createElement(Pi,{chain:f,isSelected:U,selectWallet:J,onShowMore:S.bind(null,f)}))),!f&&N.createElement(N.Fragment,null,T&&N.createElement(N.Fragment,null,N.createElement($i,{variant:"alarm",type:"error",title:ot.t(T)}),N.createElement(eo,{size:12})),v&&N.createElement(N.Fragment,null,N.createElement($i,{variant:"alarm",type:"warning",title:bn(v)}),N.createElement(eo,{size:12})),N.createElement(Dl,null,Q.map((_,X)=>{let G=l.find(Qe=>Qe.name===_),le=`wallet-${X}`,ut=X===Q.length-1;return N.createElement("div",{key:le},N.createElement(Il,null,N.createElement(Vn,{variant:"title",size:"xmedium"},ot.t({id:"Your {blockchainName} wallets",values:{blockchainName:G?.shortName}})),N.createElement(Vn,{variant:"label",color:"$neutral700",size:"medium"},ot.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:G?.shortName}}))),N.createElement(eo,{size:24}),N.createElement(Al,null,N.createElement(Pi,{chain:_,isSelected:U,selectWallet:J,limit:Hg,onShowMore:()=>S(G?.name??"")})),!ut&&N.createElement(eo,{size:32}),ut&&a?.customDestination&&N.createElement(Ml,null,N.createElement(Ln,{onOpenChange:Qe=>{Qe?ue(V?.name??"")||q(Fr=>Fr.map(Me=>Me.chain===V?.name?{...Me,selected:!1}:Me)):j()},hasSelected:!0,open:W,triggerAnchor:"top",trigger:N.createElement(Fl,{fullWidth:!0,variant:"default",suffix:N.createElement(En,{orientation:W?"up":"down"},N.createElement(Fg,{size:10,color:"gray"}))},N.createElement("div",{className:"button__content"},N.createElement(zg,{size:18,color:"info"}),N.createElement(eo,{size:4,direction:"horizontal"}),N.createElement(Vn,{variant:"label",size:"medium"},ot.t("Send to a different address")))),onClickTrigger:()=>F(Qe=>!Qe)},N.createElement(eo,{size:4}),N.createElement(_l,{autoFocus:!0,placeholder:ot.t("Your destination address"),value:A,onChange:Qe=>{w(Qe.target.value)}})),De&&N.createElement("div",{className:Pl()},N.createElement($i,{variant:"alarm",type:"error",title:ot.t({values:{destination:A},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(Bp,"ConfirmWalletsModal");import{i18n as ch}from"@lingui/core";import{Alert as uh,Button as mh,InfoIcon as dh}from"@rango-dev/ui";import $e from"react";import{Alert as Qg,Button as Vg,Divider as Fp,NoRouteIcon as jg,RefreshIcon as Xg,Typography as Up}from"@rango-dev/ui";import Ke from"react";import{i18n as Mp}from"@lingui/core";function Pp(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:K().genericServerError,action:{onClick:n,title:Mp.t("Retry")}},description:""}:e.length?{alert:{type:"warning",text:K().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:Mp.t("Reset")}},description:K().liquiditySourcesError.description}:t?.type===0&&t.diagnosisMessage?{alert:{type:"error",text:t.diagnosisMessage,action:null},description:""}:{alert:null,description:K().noResultError.description}}i(Pp,"makeInfo");import{styled as _i}from"@rango-dev/ui";var $p=_i("div",{minHeight:"162px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}),_p=_i("div",{width:"100%"}),Dp=_i("div",{padding:"$6 $0"});function Di(t){let{fetch:e,error:o}=t,n=h().disabledLiquiditySources,r=h().toggleAllLiquiditySources,s=h().swappers(),a=Pp(o,n,()=>r(s,!0),e);return Ke.createElement($p,null,Ke.createElement(jg,{size:24,color:"gray"}),Ke.createElement(Fp,{size:4}),Ke.createElement(Up,{variant:"title",size:"small"},K().noResultError.title),!!a.description&&Ke.createElement(Up,{variant:"body",size:"small",align:"center",color:"neutral700"},a.description),Ke.createElement(Fp,{size:4}),!!a.alert&&Ke.createElement(_p,null,Ke.createElement(Qg,{type:a.alert.type,title:a.alert.text,action:a.alert.action&&Ke.createElement(Vg,{size:"xsmall",type:a.alert.type,prefix:Ke.createElement(Dp,null,Ke.createElement(Xg,{size:8})),onClick:a.alert.action.onClick},a.alert.action.title),variant:"alarm"})))}i(Di,"NoResult");import{i18n as wo}from"@lingui/core";import{Button as Yg,Divider as Qp,MessageBox as Jg,Modal as Zg,Typography as Rg,WarningIcon as eh}from"@rango-dev/ui";import nt from"react";import{Typography as Gp}from"@rango-dev/ui";import Ui from"react";import{darkTheme as Kg,styled as jn}from"@rango-dev/ui";var Op=jn("div",{width:"100%"}),Fi=jn("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),zp=jn("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${Kg} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),qp=jn("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function Hp(t){let{title:e,value:o,valueColor:n}=t;return Ui.createElement(zp,null,Ui.createElement(Gp,{size:"medium",variant:"label",className:"_title"},e),Ui.createElement(Gp,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(Hp,"QuoteErrorsModalItem");function Vp(t){let{open:e,onClose:o,onConfirm:n,warning:r,confirmationDisabled:s}=t,a=r.warningLevel==="high"?"error":"warning",l=[{title:wo.t("Swapping"),value:E(r.inputUsdValue,4,4)},{title:wo.t("Gas cost"),value:E(r.totalFee,2,2)},{title:wo.t("Receiving"),value:E(r.outputUsdValue,4,4)},{title:wo.t("Price impact"),value:E(r.priceImpact,2,2),valueColor:`${a}500`}];return nt.createElement(Zg,{open:e,onClose:o,container:L()},nt.createElement(Jg,{type:a,title:K().highValueLossError.impactTitle,description:K().highValueLossError.description}),nt.createElement(Fi,null,nt.createElement(Qp,{size:20}),nt.createElement(Rg,{size:"small",variant:"title"},wo.t("Details")),nt.createElement(Fi,null,l.map((p,c)=>nt.createElement(Hp,{key:c,...p})))),nt.createElement(Qp,{size:32}),nt.createElement(Yg,{type:"primary",size:"large",prefix:nt.createElement(eh,null),fullWidth:!0,disabled:s,onClick:n},K().highValueLossError.confirmMessage))}i(Vp,"HighValueLossWarningModal");import{i18n as Oi}from"@lingui/core";function jp(t,e){let o={alertType:"warning",title:"",action:"show-info"};return t?(t.type===0&&(mt(t.priceImpact)==="high"&&(o.alertType="error"),o.action=null,o.title=K().highValueLossError.title),t.type===1&&(o.title=K().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(jp,"makeAlerts");import{i18n as no}from"@lingui/core";import{Button as Xp,Divider as Kp,MessageBox as th,Modal as oh,Typography as nh}from"@rango-dev/ui";import Dt from"react";import{useNavigate as rh}from"react-router-dom";function Yp(t){let{customSlippage:e,slippage:o}=h(),{open:n,onClose:r,onConfirm:s,warning:a,confirmationDisabled:l}=t,p=rh(),c=e??o;return Dt.createElement(oh,{anchor:"bottom",open:n,prefix:Dt.createElement(Xp,{size:"small",variant:"ghost",onClick:()=>p("../"+P.settings)},Dt.createElement(nh,{variant:"label",size:"medium",color:"$neutral900"},no.t("Change settings"))),container:L(),onClose:r},Dt.createElement(th,{type:"warning",title:a.type===3?no.t("High slippage"):no.t("Low slippage"),description:a.type===3?no.t({id:" Caution, your slippage is high (={userSlippage}). Your trade may be front run.",values:{userSlippage:c}}):no.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:a.minRequiredSlippage}})},Dt.createElement(Kp,{size:18}),Dt.createElement(Kp,{size:32}),Dt.createElement(Xp,{size:"large",type:"primary",variant:"contained",fullWidth:!0,disabled:l,onClick:s},no.t("Confirm anyway"))))}i(Yp,"SlippageWarningModal");import{Button as ih,Divider as sh,MessageBox as ah,Modal as lh,WarningIcon as ph}from"@rango-dev/ui";import vo from"react";function Jp(t){let{open:e,onClose:o,onConfirm:n,confirmationDisabled:r}=t;return vo.createElement(lh,{open:e,onClose:o,container:L()},vo.createElement(ah,{type:"warning",title:K().unknownPriceError.impactTitle,description:K().unknownPriceError.description}),vo.createElement(sh,{size:32}),vo.createElement(ih,{type:"primary",size:"large",prefix:vo.createElement(ph,null),fullWidth:!0,disabled:r,onClick:n},K().unknownPriceError.confirmMessage))}i(Jp,"UnknownPriceWarningModal");function xo(t){let{warning:e,error:o,showWarningModal:n,confirmationDisabled:r,refetchQuote:s,onOpenWarningModal:a,onCloseWarningModal:l,onConfirmWarningModal:p,onChangeSettings:c}=t,u={confirmationDisabled:r,open:n,onClose:l,onConfirm:p},g=o?.type===0||o?.type===1,m=jp(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(Op,null,$e.createElement(uh,{title:m.title,type:m.alertType,variant:"alarm",...m.action==="show-info"&&{action:$e.createElement(qp,{onClick:a},$e.createElement(dh,{size:12,color:"gray"}))},...m.action==="change-settings"&&{action:$e.createElement(mh,{size:"xxsmall",type:m.alertType,onClick:c},ch.t("Change"))}})),e&&$e.createElement($e.Fragment,null,e.type===0&&$e.createElement(Vp,{...u,warning:e}),(e.type===3||e.type===2)&&$e.createElement(Yp,{...u,warning:e}),e.type===1&&$e.createElement(Jp,{...u,warning:e})))}i(xo,"QuoteWarningsAndErrors");import ir from"react";import{i18n as Ji}from"@lingui/core";import{Alert as Mh,Divider as Zi,InfoIcon as Ph,StepDetails as $h,TokenAmount as _h,Tooltip as vc,Typography as Eo}from"@rango-dev/ui";import xc from"bignumber.js";import D,{useLayoutEffect as Dh,useRef as bc,useState as Fh}from"react";import{styled as zi}from"@rango-dev/ui";var qi=zi("div",{width:"100%","& .position-top__skeleton":{paddingTop:"$10"}}),Zp=zi("div",{paddingBottom:"$15"}),Rp=zi("div",{width:"100%",display:"flex"});import*as Xn from"@radix-ui/react-collapsible";import{css as Kn,darkTheme as rt,Image as ec,styled as Ge,Typography as fh}from"@rango-dev/ui";var Gi=300,tc=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"}}}}),oc=Kn({padding:"$10 $15"}),nc=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"}}}]}),rc=Kn({width:"100%",padding:"$15 $15 $10 $15",cursor:"default"}),ro=Kn({display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",".blockchainImage":{marginLeft:"-$8"}}),ic=Kn({paddingTop:"$10",display:"flex",alignItems:"center",".usd-value":{$$color:"$colors$neutral600",[`.${rt} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),sc=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:{[`& ${ec}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${ec}`]:{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"}}}),ac=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"}}}}),lc=Ge(An,{width:"100%",background:"inherit"}),Hi=Ge("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${Gi}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"}),pc=Ge("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${rt} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),cc=Ge("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"}),Qi=Ge(fh,{overflow:"hidden",textOverflow:"ellipsis",letterSpacing:.4}),uc=Ge("div",{display:"flex",flexWrap:"wrap"}),Vi=Ge("div",{width:"18px",height:"18px",borderRadius:"100%",backgroundColor:"$background",cursor:"default",display:"flex",justifyContent:"center",alignItems:"center",border:"1.5px transparent solid",variants:{state:{error:{borderColor:"$error500"},warning:{borderColor:"$warning500"}}}});import{i18n as Et}from"@lingui/core";import{ChevronDownIcon as hh,CloseIcon as yh,Divider as Zn,IconButton as Sh,Modal as Ch,QuoteCost as Th,Tooltip as kh,Typography as Ye}from"@rango-dev/ui";import wh from"bignumber.js";import O,{useState as gc}from"react";import{i18n as bo}from"@lingui/core";var ji={"Network Fee":bo.t("Network Fee"),"Swapper Fee":bo.t("Protocol Fee"),"Affiliate Fee":bo.t("Affiliate Fee"),"Outbound network fee":bo.t("Outbound Fee"),"Rango Fee":bo.t("Rango Fee")};import{css as gh,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"}}),Xi=Yn("div",{width:"100%",borderTop:"1px solid $neutral300",margin:"$10 0"}),mc=Yn("div",{padding:"$20 0",display:"flex",flexDirection:"column","& .collapsible_trigger":{display:"flex",alignItems:"center"}}),dc=Yn("div",{padding:"$20 $20 $10",textAlign:"center",position:"relative","._icon-button":{position:"absolute",zIndex:10,top:"$16",right:"$16"}}),fc=gh({display:"flex",flexDirection:"row",alignItems:"center",padding:"$5","&:hover":{"& ._typography, & svg":{color:"$secondary"}}});var vh=30,xh=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"},"$",E(t.fee,4,4))),"NonPayableFee");function hc(t){let[e,o]=gc(!1),[n,r]=gc(!1),{steps:s,quote:a}=t,l=h().tokens(),p=Yo(Jo(a.result?.swaps)),c=a.result?.swaps??[],u=L(),g=Cn(c,l),m=rl(c);return O.createElement(O.Fragment,null,O.createElement(Th,{onClickFee:()=>o(!e),fee:E(g,2,2),feeWarning:g.gte(new wh(vh)),time:p,steps:s,tooltipGas:Et.t("View more info"),tooltipContainer:u}),O.createElement(Ch,{container:u,open:e,header:O.createElement(dc,null,O.createElement(Ye,{variant:"title",size:"medium"},Et.t("Gas & Fee Explanation")),O.createElement(Sh,{onClick:()=>o(!1),variant:"ghost"},O.createElement(yh,{color:"gray",size:14}))),onClose:()=>o(!1)},O.createElement(mc,null,O.createElement(Ye,{variant:"title",size:"small"},Et.t("Details")),O.createElement(Zn,{size:10}),Object.entries(m.payable).flatMap(([d,C])=>C.map((y,f)=>{let S=`payable-fee-${f}`,k=ti(y);return O.createElement(Jn,{key:S},O.createElement(Ye,{variant:"label",size:"medium",color:"neutral600"},ji[d]),O.createElement(kh,{content:se(y.amount),container:u},O.createElement(Ye,{variant:"label",size:"medium"},E(y.amount,2,2)," ",y.asset.symbol," ($",E(k,4,4),")")))})),O.createElement(Jn,{className:"total_payable_fee"},O.createElement(Ye,{variant:"label",size:"medium"},Et.t("Total Payable Fee")),O.createElement(Ye,{variant:"label",size:"medium"},"$",E(g,4,4))),O.createElement(Xi,null),Object.keys(m.nonePayable).length&&O.createElement(Ln,{triggerAnchor:"bottom",onClickTrigger:()=>r(d=>!d),trigger:O.createElement("div",{className:fc()},O.createElement(Ye,{size:"small",variant:"body",color:"neutral700"},n?Et.t("Hide non-payable fees"):Et.t("Show non-payable fees")),O.createElement(Zn,{size:4,direction:"horizontal"}),O.createElement(En,{orientation:n?"up":"down"},O.createElement(hh,{size:12,color:"gray"}))),open:n},O.createElement(Ye,{size:"small",variant:"title"},Et.t("Description")),O.createElement(Zn,{size:4}),O.createElement(Ye,{size:"small",variant:"body",color:"neutral700"},Et.t(`The following fees are considered in the transaction output and
+                you won\u2019t need to pay extra gas for them.`)),O.createElement(Zn,{size:10}),Object.entries(m.nonePayable).map(([d,C],y)=>{let f=nl(C),S=ji[d],k=`non-payable-fee-${y}`;return O.createElement(xh,{key:k,fee:f,label:S})}),O.createElement(Xi,null)))))}i(hc,"QuoteCostDetails");import{i18n as Cc}from"@lingui/core";import{TokenAmount as Tc}from"@rango-dev/ui";import Rn from"react";import{css as bh,styled as Ih}from"@rango-dev/ui";var yc=Ih("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%"}),Sc=bh({height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"});function Io(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return Rn.createElement(yc,null,Rn.createElement(Tc,{direction:"horizontal",label:Cc.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:Sc()}),Rn.createElement(Tc,{direction:"horizontal",tooltipContainer:L(),label:Cc.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(Io,"QuoteSummary");import{i18n as kc}from"@lingui/core";import{ChevronDownIcon as Ah,ChevronRightIcon as Eh,Divider as Ki,Image as Wh,Tooltip as Yi,Typography as er}from"@rango-dev/ui";import B,{useEffect as Lh,useState as Nh}from"react";var tr=4,or=6,Bh=375,Ao=i(t=>{let e=L(),{content:o,src:n,className:r,open:s,state:a}=t;return B.createElement(Yi,{container:e,side:"bottom",sideOffset:4,open:s,content:o},B.createElement(ac,{className:r,state:a},B.createElement(Wh,{src:n,size:16})))},"ImageComponent");function wc(t){let{quoteRef:e,recommended:o,setExpanded:n,steps:r,expanded:s}=t,a=L(),l=r.length,p=kl(r),[c,u]=Nh(!1),g=i(()=>{window.innerWidth<Bh?u(!0):u(!1)},"handleResize");return Lh(()=>{window.addEventListener("resize",g)}),B.createElement(sc,{ref:m=>e.current=m,recommended:o,onClick:()=>n(m=>!m)},B.createElement("div",{className:ro()},B.createElement(er,{variant:"body",size:"xsmall"},kc.t("Via:")),B.createElement(Ki,{direction:"horizontal",size:4}),r.map((m,d)=>{let C=`item-${d}`,y=B.createElement(Hi,null,B.createElement(Eh,{size:12,color:"black"}));return c?B.createElement(B.Fragment,null,B.createElement(Ao,{content:m.swapper.displayName,src:m.swapper.image,state:m.state}),d!==l-1&&B.createElement(B.Fragment,null,y)):B.createElement(B.Fragment,{key:C},l<=tr||l>tr&&d<tr-1?B.createElement(B.Fragment,null,B.createElement(Ao,{content:m.swapper.displayName,src:m.swapper.image,state:m.state}),d!==l-1&&B.createElement(B.Fragment,null,y)):d===tr-1&&B.createElement(Yi,{container:a,side:"bottom",align:"right",sideOffset:4,content:B.createElement("div",{className:ro()},y,r.map((f,S)=>{let k=`image-${S}`;return S>=d&&B.createElement(B.Fragment,{key:k},B.createElement(Ao,{content:f.swapper.displayName,src:f.swapper.image,state:f.state,open:!1}),S!==l-1&&B.createElement(B.Fragment,null,y))}))},B.createElement(Vi,{state:r.find((f,S)=>S>=d&&(f.state==="error"||f.state==="warning"))?.state},B.createElement(er,{size:"xsmall",variant:"body"},"+",l-d))))})),B.createElement("div",{className:ro()},B.createElement("div",{className:"blockchains_section"},B.createElement("div",{className:ro()},B.createElement(er,{variant:"body",size:"xsmall"},kc.t("Chains:")),B.createElement(Ki,{direction:"horizontal",size:4}),p.map((m,d)=>B.createElement(B.Fragment,null,p.length<=or||p.length>or&&d<or-1?B.createElement(Ao,{key:m.displayName,content:"",src:m.image,open:!1,className:d!==0?"blockchainImage":""}):d===or-1&&B.createElement(Yi,{container:a,side:"bottom",align:"right",sideOffset:4,content:B.createElement("div",{className:ro()},p.map((C,y)=>y>=d&&B.createElement(Ao,{key:C.displayName,content:"",src:C.image,open:!1,className:y>d?"blockchainImage":""})))},B.createElement(Vi,{className:"blockchainImage"},B.createElement(er,{size:"xsmall",variant:"body"},"+",p.length-d))))),B.createElement(Ki,{direction:"horizontal",size:32}))),B.createElement(Hi,{orientation:s?"up":"down"},B.createElement(Ah,{size:12,color:"black"}))))}i(wc,"QuoteTrigger");function Ri(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]=Fh(t.expanded),m=bc(null),d=bc(u),C=E(o.value,6,6),y=E(n.value,6,6),f=n.usdValue?E(n.usdValue,4,4):"",S=Oe(o.usdValue,n.usdValue??null),k=E(S,2,2),b=mt(S??0),x=i(A=>A.map((w,W)=>{let F,Q=r?.type===3&&r.swap.swapperId===w.swapperId||r?.type===4&&r.recommendedSlippages?.has(W),V=s?.type===2&&s.recommendedSlippages?.has(W);return Q?F="error":V&&(F="warning"),{swapper:{displayName:go(w.swapperId,c),image:w.swapperLogo},from:{token:{displayName:w.from.symbol,image:w.from.logo},chain:{displayName:Ue(w.from.blockchain,p),image:w.from.blockchainLogo},price:{value:W===0?E(o.value,6,6):E(w.fromAmount,6,6),usdValue:E((w.from.usdPrice??0)*parseFloat(w.fromAmount),4,4),realValue:se(W===0?o.value:w.fromAmount),realUsdValue:se(new xc(w.from.usdPrice??0).multipliedBy(w.fromAmount))}},to:{token:{displayName:w.to.symbol,image:w.to.logo},chain:{displayName:Ue(w.to.blockchain,p),image:w.to.blockchainLogo},price:{value:E(w.toAmount,6,6),usdValue:E((w.to.usdPrice??0)*parseFloat(w.toAmount),4,4),realValue:se(w.toAmount),realUsdValue:se(new xc(w.to.usdPrice??0).multipliedBy(w.toAmount))}},state:F,alerts:Q||V?D.createElement(Zp,null,D.createElement(Mh,{type:Q?"error":"warning",title:r?.type===3?r?.recommendation:Ji.t("Slippage Error:"),footer:D.createElement(Rp,null,r?.type===3&&D.createElement(D.Fragment,null,D.createElement(Eo,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),D.createElement(Zi,{direction:"horizontal",size:8}),D.createElement(Eo,{size:"xsmall",variant:"body",color:"neutral900"},"|"),D.createElement(Zi,{direction:"horizontal",size:8}),D.createElement(Eo,{size:"xsmall",variant:"body",color:"neutral900"},Ji.t({id:"Yours: {amount} {symbol}",values:{amount:E(w.fromAmount,6,6),symbol:w?.from.symbol}}))),(r?.type===4||s?.type===2)&&D.createElement(Eo,{size:"xsmall",variant:"body",color:"neutral900"},Ji.t({id:"Minimum required slippage is {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get(W)},...s?.type===2&&{minRequiredSlippage:s.recommendedSlippages?.get(W)}}})))})):void 0}}),"getQuoteSteps")(e.result?.swaps??[]),v=x.length,I=L();return Dh(()=>{u&&!d.current&&m.current&&setTimeout(()=>{m?.current?.scrollIntoView({behavior:"smooth"})},Gi),d.current=u},[u,d]),D.createElement(D.Fragment,null,D.createElement(nc,{recommended:l,listItem:a==="list-item",basic:a==="basic"},D.createElement("div",{className:rc()},D.createElement(hc,{steps:v,quote:e}),a==="basic"&&D.createElement("div",{className:ic()},D.createElement(cc,null,D.createElement(Ph,{size:12,color:"gray"})),D.createElement(uc,null,D.createElement(Qi,{size:"small",variant:"body"},`${C} ${x[0].from.token.displayName} = `),D.createElement(vc,{content:se(n.value),container:I,open:n.value?void 0:!1},D.createElement(Qi,{size:"small",variant:"body"},"\xA0",`${y} ${x[x.length-1].to.token.displayName}`))),D.createElement(vc,{content:se(n.usdValue),container:I,style:{display:"flex"}},D.createElement(Eo,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${f})`))),a==="list-item"&&D.createElement(_h,{type:"output",direction:"vertical",tooltipContainer:I,price:{value:y,usdValue:f,realValue:se(n.value),realUsdValue:se(n.usdValue)},token:{displayName:x[v-1].to.token.displayName,image:x[v-1].to.token.image},chain:{image:x[v-1].to.chain.image},percentageChange:k,warningLevel:b}),a==="swap-preview"&&D.createElement(D.Fragment,null,D.createElement(Io,{from:x[0].from,to:x[v-1].to,percentageChange:k,warningLevel:b}),D.createElement(Zi,{size:4}))),D.createElement(tc,{recommended:l,open:u,onOpenChange:g},D.createElement(wc,{quoteRef:m,recommended:l,setExpanded:g,expanded:u,steps:x}),D.createElement(lc,{open:u},D.createElement(pc,null),D.createElement("div",{className:oc()},x.map((A,w)=>{let W=`item-${w}`;return D.createElement($h,{type:"quote-details",key:W,step:A,hasSeparator:w!==x.length-1,state:A.state,tooltipContainer:I})}))))))}i(Ri,"Quote");import{Divider as zh,Skeleton as qh}from"@rango-dev/ui";import dt from"react";import{darkTheme as Uh,styled as nr}from"@rango-dev/ui";var Ic=nr("div",{$$color:"$colors$neutral100",[`.${Uh} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15 ",variants:{rounded:{true:{borderRadius:"$xm"}}}}),Ac=nr("div",{paddingTop:"$2"}),Ec=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 Oc,Divider as Ft,Skeleton as st}from"@rango-dev/ui";import z from"react";import{styled as it}from"@rango-dev/ui";var Lc=it("div",{display:"flex",justifyContent:"space-between",alignItems:"center",height:"22px"}),Nc=it("div",{display:"flex"}),Bc=it("div",{padding:"$15 $0 14px $0"}),Mc=it("div",{padding:"$6 $0 $15 $0",display:"flex",flexDirection:"column"}),Pc=it("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$5"}),$c=it("div",{display:"flex",justifyContent:"space-between",alignItems:"end"}),_c=it("div",{height:"$28",marginLeft:"13px",borderLeft:"1px solid $neutral700"}),Dc=it("div",{width:"65%",display:"flex",justifyContent:"start"}),Fc=it("div",{display:"flex",flexDirection:"column",alignItems:"start",flexGrow:1,maxWidth:"148px"}),Uc=it("div",{padding:"$15 $0 $15 $0"});function Wo(t){let{type:e,tag:o=!1}=t,n=z.createElement($c,null,z.createElement(Dc,null,z.createElement(Oc,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),z.createElement(Ft,{size:8,direction:"horizontal"}),z.createElement(Fc,null,z.createElement(st,{height:10,width:60,variant:"rounded"}),z.createElement(Ft,{size:4}),z.createElement(st,{height:15,variant:"rounded"}))),z.createElement(st,{height:12,width:64,variant:"rounded"}));return z.createElement("div",null,z.createElement(Lc,null,z.createElement(Nc,null,z.createElement(st,{width:60,height:10,variant:"rounded"}),z.createElement(Ft,{size:4,direction:"horizontal"}),z.createElement(st,{width:60,height:10,variant:"rounded"}),z.createElement(Ft,{size:4,direction:"horizontal"}),z.createElement(st,{width:60,height:10,variant:"rounded"})),o&&z.createElement(st,{height:22,width:100,variant:"rounded"})),e==="basic"&&z.createElement(Bc,null,z.createElement(st,{height:15,width:148,variant:"rounded"})),e==="list-item"&&z.createElement(Mc,null,z.createElement(Pc,null,z.createElement(Oc,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),z.createElement(Ft,{direction:"horizontal",size:4}),z.createElement(st,{height:15,width:150,variant:"rounded"})),z.createElement(Ft,{size:4}),z.createElement(st,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&z.createElement(z.Fragment,null,z.createElement(Ft,{size:4}),z.createElement(Uc,null,n,z.createElement(_c,null),n)))}i(Wo,"QuoteSummarySkeleton");import{ChainToken as Qc,Divider as ts,NextIcon as Oh,Skeleton as rr}from"@rango-dev/ui";import fe from"react";import{styled as Lo}from"@rango-dev/ui";var zc=Lo("div",{display:"flex",alignItems:"start"}),qc=Lo("div",{flexGrow:1,paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center"}),es=Lo("div",{display:"flex",alignItems:"center",flexGrow:1}),Gc=Lo("div",{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}),Hc=Lo("div",{display:"flex",alignItems:"center"});function at(t){let{separator:e=!0}=t;return fe.createElement(fe.Fragment,null,fe.createElement(Hc,null,fe.createElement(rr,{height:22,width:22,variant:"circular"}),fe.createElement(ts,{direction:"horizontal",size:8}),fe.createElement(rr,{height:15,width:148,variant:"rounded"})),fe.createElement(zc,null,fe.createElement(Wc,{hideSeparator:!e}),fe.createElement(qc,null,fe.createElement(es,null,fe.createElement(Qc,{size:"small",loading:!0,chainImage:"",tokenImage:""}),fe.createElement(ts,{direction:"horizontal",size:8}),fe.createElement(rr,{height:12,variant:"rounded"})),fe.createElement(Gc,null,fe.createElement(Oh,{color:"gray",size:16})),fe.createElement(es,null,fe.createElement(Qc,{size:"small",loading:!0,chainImage:"",tokenImage:""}),fe.createElement(ts,{direction:"horizontal",size:8}),fe.createElement(rr,{height:12,variant:"rounded"})))))}i(at,"StepSkeleton");function os(t){let{type:e,expanded:o,tag:n=!1}=t;return dt.createElement(Ic,{rounded:e!=="basic"},dt.createElement(Wo,{type:e,tag:n}),dt.createElement(Ac,null,dt.createElement(qh,{height:15,variant:"rounded"})),o&&dt.createElement(Ec,null,dt.createElement(zh,{size:20}),dt.createElement(at,null),dt.createElement(at,null),dt.createElement(at,{separator:!1})))}i(os,"QuoteSkeleton");function No(t){let{quote:e,type:o,loading:n,error:r,warning:s,expanded:a=!1}=t,{inputAmount:l,inputUsdValue:p,outputUsdValue:c,outputAmount:u}=Y(),m=!(r&&(r.type===0||r.type===1))&&e&&e.result&&!n;return n?ir.createElement(qi,null,ir.createElement(os,{type:o,expanded:a})):m?ir.createElement(qi,null,ir.createElement(Ri,{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(No,"QuoteInfo");import{calculatePendingSwap as Qh}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Vh}from"react";import{useRef as Gh,useState as Hh}from"react";function sr(){let[t,e]=Hh(!1),o=Gh(null),n=i(()=>o.current?.abort(),"cancel");return{fetch:i(async s=>{n(),o.current=new AbortController,e(!0);try{let a=await Ht().getBestRoute(s,{signal:o.current.signal});return o.current=null,a}catch(a){throw a}finally{e(!1)}},"fetch"),loading:t,cancelFetch:n}}i(sr,"useFetchQuote");function ar(t){if(!t.result)throw new Error(K().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});if(Zr(t)){let{swap:n,recommendation:r,fromAmountRangeError:s}=Rr(t);throw new Error("bridge limit error",{cause:{type:3,swap:n,recommendation:r,fromAmountRangeError:s}})}let o=oi(t);if(o){let n=Tn(t);throw new Error("",{cause:{type:4,recommendedSlippages:o,minRequiredSlippage:n}})}return t}i(ar,"throwErrorIfResponseIsNotValid");function Vc(t,e,o){let n=!1;t&&(n=Cl(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&&(pl(t,e)?r.quoteUpdate={type:3,newOutputAmount:E(jt(e)),percentageChange:E(Oe(jt(t)??"",jt(e)??""),null,2)}:ni(t,e)?r.quoteUpdate={type:0}:ri(t,e)?r.quoteUpdate={type:1}:ii(t,e)&&(r.quoteUpdate={type:2}));let a=cl(e,o.selectedWallets,o.meta.blockchains);return a.length===0||(r.balance={messages:a}),r}i(Vc,"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 ns(){let{fromToken:t,toToken:e,inputAmount:o,setQuote:n,quote:r,customDestination:s,setQuoteWarningsConfirmed:a}=Y(),{slippage:l,customSlippage:p,affiliatePercent:c,affiliateRef:u,affiliateWallets:g,disabledLiquiditySources:m}=h(),{connectedWallets:d}=H(),C=h().blockchains(),y=h().tokens(),{features:f}=h().config,{enableNewLiquiditySources:S}=h().config,k=p||l,{fetch:b,cancelFetch:T,loading:x}=sr();return Vh(()=>T,[]),{loading:x,fetch:i(async I=>{let A=I.selectedWallets,w=I?.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:d,selectedWallets:A,excludeLiquiditySources:S,disabledLiquiditySources:m,slippage:k,affiliateRef:u,affiliatePercent:c,affiliateWallets:g,initialQuote:r??void 0,destination:w});cn("experimentalRoute",f)&&(W.experimental=!0);let F;try{F=await b(W).then(M=>ar(M)),n(F)}catch(M){return lr(M)}let Q={slippage:k.toString(),disabledSwappersGroups:m},V=Qh(o.toString(),F,al(A),Q,!1,{blockchains:C,tokens:y}),ue=Vc(r??void 0,F,{fromToken:t,toToken:e,meta:{blockchains:C,tokens:y},selectedWallets:A,userSlippage:k});return ue.quoteUpdate&&a(!1),{quote:F,swap:V,error:null,warnings:ue}},"fetch"),cancelFetch:T}}i(ns,"useConfirmSwap");var iy=Yh("div",{width:"100%",display:"flex",justifyContent:"space-between",[`& ${Xc}`]:{width:"$48",height:"$48"}}),sy=is({flexGrow:1,paddingRight:"$10"}),ay=is({width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}),ly=is({display:"flex",justifyContent:"space-between",alignItems:"center"});function Kc(){let{quote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:s,quoteWarningsConfirmed:a}=Y(),l=ry(),p=ny(),[c,u]=cr(""),{connectedWallets:g}=H(),m=!n,[d,C]=cr(!1),{isActiveTab:y}=pe(),f=h().disabledLiquiditySources,S=ty(f),{manager:k}=jh(),{fetch:b,loading:T,cancelFetch:x}=ns(),[v,I]=cr({swap:null,error:null,warnings:null}),[A,w]=cr(!1),W=i(async({selectedWallets:U,customDestination:De})=>{let j=await b?.({selectedWallets:U,customDestination:De});return I(j),j},"onConfirmSwap"),F=i(async()=>{if(v.swap&&n)try{await k?.create("swap",{swapDetails:v.swap},{id:v.swap.requestId});let U=`../${P.swaps}/${v.swap.requestId}`;l(U,{replace:!0}),setTimeout(()=>{e("")},0)}catch(U){u("Error: "+U?.message)}},"addNewSwap"),Q=i(async()=>{await F()},"onConfirm"),V=i(async()=>{v?.warnings?.quote&&!a?w(!0):await Q()},"onStartConfirmSwap"),ue=i(async()=>{I({error:null,swap:null,warnings:null}),b({selectedWallets:o,customDestination:s}).then(U=>{I(U)}).catch(U=>console.error(U))},"onRefresh");Bo(()=>{!!S.current.length&&!f.length&&ue(),S.current=f},[f.length]),Bo(()=>{m&&x()},[m]),Bo(()=>{m&&C(m)},[m]),Bo(()=>{m||b({selectedWallets:o,customDestination:s}).then(U=>I(U)).catch(U=>console.error(U))},[]),Bo(()=>{let U=v.warnings?.quote?.type&&Object.values(kt).includes(v.warnings?.quote?.type),De=o.length<1||!o.every(J=>g.find(xe=>J.address===xe.address&&J.walletType===xe.walletType&&J.chain===xe.chain)),j=!1;if(U){let J=gn(t),xe=t?.result?.swaps[t.result.swaps.length-1].to.blockchain;!!t?.result?.swaps.find(ct=>ct.from.blockchain===xe)||(J=J.slice(-J.length,J.length-1)),J.every(ct=>o.find(_=>_.chain===ct))||(j=!0)}t&&(De||j)&&(queueMicrotask(()=>oy(C.bind(null,!0))),r(!1))},[v.warnings?.quote,o.length,g.length]),ey(()=>{t||l(`../${p.search}`)},[]);let M=v.warnings?.quote??null,q=v.error,ee=[];return c&&ee.push(ae.createElement(jc,{type:"error",variant:"alarm",title:c})),v.warnings?.quoteUpdate&&ee.push(ae.createElement(jc,{variant:"alarm",type:"warning",title:v.warnings.quoteUpdate&&bn(v.warnings.quoteUpdate)})),(M||q)&&ee.push(ae.createElement(xo,{warning:M,error:q,loading:T,refetchQuote:ue,showWarningModal:A,confirmationDisabled:!y,onOpenWarningModal:()=>w(!0),onCloseWarningModal:()=>w(!1),onConfirmWarningModal:async()=>{w(!1),await F()},onChangeSettings:()=>l(P.settings)})),ae.createElement(ne,{header:{title:pr.t("Confirm Swap"),onWallet:()=>{let U=`../${P.wallets}`;l(U)},suffix:ae.createElement(Jh,{container:L(),side:"bottom",content:pr.t("Settings")},ae.createElement(qe,{size:"small",variant:"ghost",onClick:()=>l("../"+P.settings)},ae.createElement(Kh,{size:18,color:"black"})))},footer:ae.createElement(iy,null,ae.createElement("div",{className:sy()},ae.createElement(Xh,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:T,disabled:!!v.error||!y,onClick:V},pr.t("Start Swap"))),ae.createElement(Xc,{variant:"contained",type:"primary",size:"large",loading:T,onClick:C.bind(null,!0)},ae.createElement(Rh,{size:24})))},d&&ae.createElement(Bp,{open:d,onClose:()=>C(!1),onCancel:x,loading:T,onCheckBalance:W}),ae.createElement(re,null,ae.createElement("div",{className:ly()},ae.createElement(Zh,{variant:"title",size:"small"},pr.t("You get")),ae.createElement("div",{className:ay()},ae.createElement(On,{onClick:!T&&!d&&!A?ue:void 0}))),ae.createElement(rs,{size:"12"}),ql(ee,ae.createElement(rs,{size:10})),ee.length>0?ae.createElement(rs,{size:10}):null,ae.createElement(No,{quote:t,type:"swap-preview",expanded:!0,error:v.error,loading:T,warning:v.warnings?.quote??null})))}i(Kc,"ConfirmSwapPage");import{i18n as dr}from"@lingui/core";import{useManager as wy}from"@rango-dev/queue-manager-react";import{Divider as su,NotFound as vy,styled as xy}from"@rango-dev/ui";import gt,{useState as by}from"react";import{useNavigate as Iy}from"react-router-dom";import{i18n as ls}from"@lingui/core";import{Divider as uy,GroupedVirtualizedList as my,SwapListItem as eu,Typography as tu}from"@rango-dev/ui";import Le,{useCallback as ou,useEffect as dy,useRef as fy,useState as gy}from"react";function Yc(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(Yc,"calculateGroupsSoFar");import{css as py,darkTheme as cy,styled as Mo}from"@rango-dev/ui";var ur=py(),Jc=Mo("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$5"}),ss=Mo("div",{width:"100%",display:"flex",flexDirection:"column",backgroundColor:"$background",padding:"$10 $5 0 $5",[`& .${ur}`]:{$$color:"$colors$neutral600",[`.${cy} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),as=Mo("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),Zc=Mo("div",{gap:"$10",display:"flex",flexDirection:"column"}),Rc=Mo("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});var hy=10;function ps(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,[s,a]=gy([]),l=fy(0),{swaps:p,groupCounts:c,groups:u}=n(e),g=ou(Yc,[]),m=ou(()=>{let d=e.length-l.current;d&&(l.current+=Math.min(d,hy),a(g(c,l.current)))},[e.length]);if(dy(()=>{r||m()},[r,m]),r){let d=[{},{}],C=[{title:ls.t("Today"),swaps:d},{title:ls.t("This month"),swaps:d}];return Le.createElement(Le.Fragment,null,C.map(y=>Le.createElement(ss,{key:y.title},Le.createElement(as,null,Le.createElement(tu,{variant:"label",size:"medium",className:ur()},y.title)),Le.createElement(uy,{size:4}),Le.createElement(Zc,null,y.swaps.map((f,S)=>{let k=S+y.title;return Le.createElement(eu,{isLoading:!0,key:k})})))))}return Le.createElement(my,{endReached:()=>{l.current<e.length&&m()},groupCounts:s,groupContent:d=>Le.createElement(ss,null,Le.createElement(as,null,Le.createElement(tu,{variant:"label",size:"medium",className:ur()},u[d]))),itemContent:(d,C)=>{let y=p[d],f=y.steps[0],S=y.steps[y.steps.length-1];return Le.createElement(Jc,{key:y.requestId},Le.createElement(eu,{requestId:y.requestId,creationTime:y.creationTime,status:y.status,onClick:o,tooltipContainer:L(),onlyShowTime:u[C]===ls.t("Today"),swapTokenData:{from:{token:{image:f.fromLogo,displayName:f.fromSymbol},blockchain:{image:f.fromBlockchainLogo||""},amount:E(y.inputAmount,6,6),realAmount:se(y.inputAmount)},to:{token:{image:S.toLogo,displayName:S.toSymbol},blockchain:{image:S.toBlockchainLogo||""},amount:E(S.outputAmount||S.expectedOutputAmountHumanReadable||"",6,6),realAmount:se(S.outputAmount||S.expectedOutputAmountHumanReadable)}}}))}})}i(ps,"HistoryGroupedList");import{CloseIcon as Sy,IconButton as Cy,SearchIcon as Ty,TextField as ky}from"@rango-dev/ui";import Po from"react";import{styled as yy}from"@rango-dev/ui";var nu=yy("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function ft(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:s,value:a,setValue:l,...p}=t;return Po.createElement(ky,{prefix:Po.createElement(nu,null,Po.createElement(Ty,{color:"black"})),suffix:!!a.length&&Po.createElement(Cy,{variant:"ghost",onClick:()=>l?.(""),size:"small"},Po.createElement(Sy,{color:"gray",size:10})),fullWidth:o,color:n,variant:e,style:{padding:10,borderRadius:25,alignItems:"center"},size:r,value:a,onChange:s,...p})}i(ft,"SearchInput");import{i18n as mr}from"@lingui/core";import ru from"dayjs";var iu=i(t=>{let e=new Map([["today",{title:mr.t("Today"),swaps:[]}],["week",{title:mr.t("This week"),swaps:[]}],["month",{title:mr.t("This month"),swaps:[]}],["year",{title:mr.t("This year"),swaps:[]}]]);function o(p,c){e.has(p)||e.set(p,{title:p,swaps:[]}),e.get(p)?.swaps.push(c)}i(o,"addYearsToOutput");let n=ru();t.forEach(p=>{let c=Number(p.creationTime),u=ru(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 Ay=xy("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),Ey=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 au(){let t=Iy(),{manager:e,state:o}=wy(),n=bt(e).map(({swap:u})=>u),[r,s]=by(""),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)||Ey(u.steps,r)||et(u.requestId,r)));let c=!p?.length&&!a;return gt.createElement(ne,{header:{title:dr.t("History")}},gt.createElement(re,null,gt.createElement(ft,{setValue:s,fullWidth:!0,variant:"contained",placeholder:dr.t("Search Transaction"),autoFocus:!0,onChange:l,value:r}),gt.createElement(su,{size:"16"}),gt.createElement(Ay,null,c&&gt.createElement(Rc,null,gt.createElement(su,{size:32}),gt.createElement(vy,{title:dr.t("No results found"),description:r?dr.t("Try using different keywords"):""})),!c&&gt.createElement(ps,{list:p,onSwapClick:t,groupBy:iu,isLoading:a}))))}i(au,"HistoryPage");import{i18n as ms}from"@lingui/core";import{Button as $y,Divider as uu,styled as du,SwapInput as mu,WarningIcon as _y}from"@rango-dev/ui";import ve,{useEffect as Dy,useState as Fy}from"react";import{useNavigate as Uy}from"react-router-dom";import{ReverseIcon as Wy,styled as lu}from"@rango-dev/ui";import cs from"react";var Ly=lu("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),Ny=lu("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 pu(){let t=Y.use.switchFromAndTo();return cs.createElement(Ly,null,cs.createElement(Ny,{onClick:()=>{t()}},cs.createElement(Wy,{size:12})))}i(pu,"SwitchFromAndToButton");import{useCallback as By,useEffect as My,useState as us}from"react";var Py=600;function cu(){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}=Y(),{slippage:d,customSlippage:C,affiliatePercent:y,affiliateRef:f,affiliateWallets:S,disabledLiquiditySources:k,fetchStatus:b}=h(),[T,x]=us(!0),[v,I]=us(null),[A,w]=us(null),W=C??d,Q=!a||!l||Ae(a,l)||!uo(p),V=i(q=>{x(q),I(null),w(null)},"resetState"),ue=i(q=>{let{fromToken:ee,toToken:U,inputAmount:De,liquiditySources:j,excludeLiquiditySources:J,disabledLiquiditySources:xe,slippage:Se,affiliateRef:Ce,affiliatePercent:ct,affiliateWallets:_}=q;if(T||V(!0),!Q&&ee&&U){g();let X=kn({fromToken:ee,toToken:U,inputAmount:De,liquiditySources:j,excludeLiquiditySources:J,disabledLiquiditySources:xe,slippage:Se,affiliateRef:Ce,affiliatePercent:ct,affiliateWallets:_});cn("experimentalRoute",r)&&(X.experimental=!0),t(X).then(G=>{x(!1),m(G),ar(G);let le=wn(G,{fromToken:ee,toToken:U,userSlippage:W,tokens:s});w(le)}).catch(G=>{let{error:le}=lr(G);(le?.type===0||le?.type===1)&&g(),le?.type!==2&&(I(le),x(!1))})}},"fetch"),M=By(Pa(q=>{Q||ue(q)},Py),[Q]);return My(()=>{if(b==="success"){if(!uo(p)||c?.eq(0)){V(!1),e();return}if(Q){u&&g();return}return g(),V(!0),M({inputAmount:p,fromToken:a,toToken:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:k,slippage:W,affiliateRef:f,affiliatePercent:y,affiliateWallets:S}),e}},[b,p,a?.symbol,a?.address,a?.blockchain,l?.symbol,l?.address,l?.blockchain,Q,o?.length,n,k.length,W,f,y,JSON.stringify(S)]),{fetch:()=>ue({inputAmount:p,fromToken:a,toToken:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:k,slippage:W,affiliateRef:f,affiliatePercent:y,affiliateWallets:S}),loading:T,error:v,warning:A}}i(cu,"useSwapInput");var Oy=du("div",{position:"relative"}),zy=du("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"});function fu(){let t=Uy(),{fetch:e,loading:o,error:n,warning:r}=cu(),{fromToken:s,fromBlockchain:a,toToken:l,toBlockchain:p,setInputAmount:c,inputAmount:u,inputUsdValue:g,outputAmount:m,outputUsdValue:d,quote:C,resetQuoteWallets:y,setQuoteWarningsConfirmed:f}=Y(),{config:S,fetchStatus:k}=h(),{connectedWallets:b,getBalanceFor:T}=H(),{isActiveTab:x}=pe(),[v,I]=Fy(!1),A=!!a&&ba(b,a.name),w=!1,W=!ei(C,u,g),F=!ei(C,u,d),Q=ol({fetchMetaStatus:k,fetchingQuote:o,inputAmount:u,quote:C,anyWalletConnected:b.length>0,error:n,warning:r,needsToWarnEthOnPath:w}),V=s?T(s):null,ue=nn(V)?.amount??"0",M=a&&s?E(V?.amount,V?.decimals):"0",q=k==="success"&&!!u&&!!s&&!!l&&o;Dy(()=>{y()},[]);let ee=!g||!d||!d.gt(0)?null:Oe(g.toString(),d.toString());return ve.createElement(ne,{height:"auto",hasLogo:!0,footer:ve.createElement($y,{type:"primary",size:"large",disabled:Q.disabled||!x,prefix:Q.action==="confirm-warning"&&ve.createElement(_y,null),fullWidth:!0,onClick:()=>{Q.action==="connect-wallet"?t(P.wallets):Q.action==="confirm-warning"?I(!0):t(P.confirmSwap)}},Q.title),header:{onWallet:()=>{t(P.wallets)},hasBackButton:!1,title:S.title||ms.t("Swap"),suffix:ve.createElement(Ii,{onClickRefresh:(C||n)&&!v?e:void 0,onClickHistory:()=>t(P.swaps),onClickSettings:()=>t(P.settings)})}},ve.createElement(re,null,ve.createElement(zy,null,ve.createElement(Oy,null,ve.createElement(mu,{label:ms.t("From"),mode:"From",onInputChange:c,balance:ue,chain:{displayName:a?.displayName||"",image:a?.logo||""},token:{displayName:s?.symbol||"",image:s?.image||""},onClickToken:()=>t(P.fromSwap),price:{value:u,usdValue:W?void 0:E(g,4,4),realUsdValue:W?void 0:se(g),error:W?K().unknownPriceError.impactTitle:void 0},disabled:k==="failed",loading:k==="loading",loadingBalance:A,tooltipContainer:L(),onSelectMaxBalance:()=>{ue!=="0"&&c(M.split(",").join(""))}}),ve.createElement(pu,null)),ve.createElement(mu,{sharpBottomStyle:!!C?.result||q,label:ms.t("To"),mode:"To",fetchingQuote:q,chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:l?.symbol||"",image:l?.image||""},percentageChange:E(Oe(g,d),2,2),warningLevel:mt(ee??0),price:{value:E(m,6,6),usdValue:F?void 0:E(d,4,4),realValue:se(m),realUsdValue:F?void 0:se(d),error:F?K().unknownPriceError.impactTitle:void 0},onClickToken:()=>t(P.toSwap),disabled:k==="failed",loading:k==="loading",tooltipContainer:L()})),ve.createElement(uu,{size:"2"}),ve.createElement(No,{quote:C,loading:q,error:n,warning:r,type:"basic"}),r||n?ve.createElement(ve.Fragment,null,ve.createElement(uu,{size:"10"}),ve.createElement(xo,{warning:r,error:n,loading:q,refetchQuote:e,showWarningModal:v,confirmationDisabled:!x,onOpenWarningModal:()=>I(!0),onCloseWarningModal:()=>I(!1),onConfirmWarningModal:()=>{I(!1),f(!0),t(P.confirmSwap)},onChangeSettings:()=>t(P.settings)})):null))}i(fu,"Home");import{i18n as gu}from"@lingui/core";import{List as qy,ListItemButton as Gy,Radio as Hy,RadioRoot as Qy,Typography as Vy}from"@rango-dev/ui";import Wt from"react";function io(){let{setLanguage:t,language:e,config:o}=h(),n=Da,r=o?.language||fo;return{activeLanguage:e||r,languages:n,defaultLanguage:r,changeLanguage:s=>t(s||fo),resetLanguage:()=>t(null)}}i(io,"useLanguage");function hu(){let{activeLanguage:t,changeLanguage:e,languages:o}=io(),n=o.map(r=>{let{local:s,label:a,SVGFlag:l}=r;return{id:s,value:s,title:Wt.createElement(Vy,{variant:"title",size:"xmedium"},a),onClick:()=>e(r.local),end:Wt.createElement(Hy,{value:s}),start:Wt.createElement(l,null)}});return Wt.createElement(ne,{header:{title:gu.t("Language")}},Wt.createElement(re,null,Wt.createElement(Qy,{value:t},Wt.createElement(qy,{type:Wt.createElement(Gy,{title:gu.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}i(hu,"LanguagePage");import{i18n as ht}from"@lingui/core";import{Button as Jy,Checkbox as Zy,Image as Ry,ListItemButton as eS,NotFound as tS,Typography as oS}from"@rango-dev/ui";import We,{useState as nS}from"react";import{Checkbox as Ky,Skeleton as Su}from"@rango-dev/ui";import _o from"react";import{styled as ds}from"@rango-dev/ui";var $o=ds("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto"}),fs=ds("div",{width:80,display:"flex",justifyContent:"flex-end"}),gs=ds("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});import{ListItem as jy,styled as Xy}from"@rango-dev/ui";var yu=Xy(jy,{height:61});var Yy=30;function hs(){return _o.createElement($o,null,Array.from(Array(Yy),t=>_o.createElement(yu,{hasDivider:!0,key:t,start:_o.createElement(Su,{variant:"circular",width:35,height:35}),title:_o.createElement(Su,{variant:"text",size:"large",width:90}),end:_o.createElement(Ky,{checked:!1})})))}i(hs,"LoadingLiquiditySourceList");function ys({sourceType:t}){let e=h().fetchStatus,o=h().swappers(),n=h().disabledLiquiditySources,[r,s]=nS(""),a=h().toggleLiquiditySource,l=pn(o,n),p={Exchanges:ht.t("Exchanges"),Bridges:ht.t("Bridges")},c=[];t==="Exchanges"&&c.push("DEX"),t==="Bridges"&&(c.push("BRIDGE"),c.push("AGGREGATOR"));let u=l.filter(f=>c.includes(f.type)),g=u.length===u.filter(f=>f.selected).length,m=i(()=>{u.forEach(f=>{g?a(f.groupTitle):f.selected||a(f.groupTitle)})},"toggleAllSources"),d=u.map(f=>{let{selected:S,groupTitle:k,logo:b}=f;return{start:We.createElement(Ry,{src:b,size:22,type:"circular"}),onClick:()=>a(k),end:We.createElement(Zy,{checked:S}),title:We.createElement(oS,{variant:"title",size:"xmedium"},ht.t(k)),...f}}),C=i(f=>{let S=f.target.value;s(S)},"searchHandler"),y=d;return r&&(y=d.filter(f=>et(f.groupTitle,r))),We.createElement(ne,{header:{title:ht.t(t),suffix:We.createElement(fs,null,We.createElement(Jy,{variant:"ghost",size:"xsmall",onClick:m},g?ht.t("Deselect all"):ht.t("Select all")))}},We.createElement(re,{view:!0},We.createElement(ft,{value:r,setValue:s,fullWidth:!0,color:"light",variant:"contained",placeholder:ht.t("Search {sourceType}",{sourceType:p[t]}),onChange:C}),e==="loading"&&We.createElement(hs,null),!y.length&&r?We.createElement(gs,null,We.createElement(tS,{title:ht.t("No results found"),description:ht.t("Try using different keywords")})):e==="success"&&We.createElement($o,null,y.map(f=>We.createElement(We.Fragment,{key:f.id},We.createElement(eS,{style:{height:"61px"},...f,selected:!1,hasDivider:!0}))))))}i(ys,"LiquiditySourcePage");import{i18n as Iu}from"@lingui/core";import{Divider as Au,getCountCategories as dS,SelectableCategoryList as fS}from"@rango-dev/ui";import yt,{useState as Eu}from"react";import{i18n as Cs}from"@lingui/core";import{Divider as xu,Image as lS,ListItemButton as pS,NotFound as cS,Typography as bu}from"@rango-dev/ui";import He,{useEffect as uS,useState as mS}from"react";import{BlockchainCategories as Ss}from"@rango-dev/ui";import{TransactionType as fr}from"rango-sdk";var rS=i((t,e)=>{switch(e){case Ss.ALL:return!0;case Ss.UTXO:return t.type===fr.TRANSFER;case Ss.OTHER:return t.type!==fr.TRANSFER&&t.type!==fr.COSMOS&&t.type!==fr.EVM;default:return t.type===e}},"filterByType"),Cu=i((t,e,o)=>t.filter(n=>rS(n,o)).filter(n=>Bt(n.name,e)||Bt(n.displayName,e)),"filterBlockchains");import{ImageContainer as iS,styled as Tu}from"@rango-dev/ui";var ku=Tu("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),gr=Tu(Co,{padding:0,margin:0,listStyle:"none",[`& ${iS}`]:{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as sS,Skeleton as wu}from"@rango-dev/ui";import hr from"react";var aS=20;function vu(){return hr.createElement(gr,null,Array.from(Array(aS),t=>hr.createElement(sS,{key:t,hasDivider:!0,start:hr.createElement(wu,{variant:"circular",width:35,height:35}),title:hr.createElement(wu,{variant:"text",size:"large",width:90})})))}i(vu,"LoadingBlockchainList");function Ts(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=mS(e),{fetchStatus:l}=h();uS(()=>{a([...Cu(e,o,r)])},[e,o,r]);let p=i(()=>!s.length&&o?He.createElement(He.Fragment,null,He.createElement(xu,{size:32}),He.createElement(cS,{title:Cs.t("No results found"),description:Cs.t("Try using different keywords")})):He.createElement(gr,{as:"ul",key:`${r}-${o}`},s.map(c=>He.createElement(pS,{key:`${c.name}-${c.chainId}`,hasDivider:!0,onClick:()=>n(c),start:He.createElement(lS,{src:c.logo,size:30}),title:He.createElement(bu,{variant:"title",size:"medium"},c.displayName),id:c.chainId}))),"renderList");return He.createElement(ku,null,He.createElement(bu,{variant:"label",size:"large"},Cs.t("Select Blockchain")),He.createElement(xu,{size:4}),l==="loading"&&He.createElement(vu,null),l==="success"&&p())}i(Ts,"BlockchainList");function ks(t){let{type:e}=t,o=xt(),[n,r]=Eu(""),[s,a]=Eu("ALL"),l=Y.use.setToBlockchain(),p=Y.use.setFromBlockchain(),c=h().fetchStatus,u=h().blockchains({type:e}),m=dS(u)!==1;return yt.createElement(ne,{header:{title:Iu.t("Select Blockchain")}},yt.createElement(re,{view:!0},m&&yt.createElement(yt.Fragment,null,yt.createElement(fS,{setCategory:a,category:s,blockchains:u,isLoading:c==="loading"}),yt.createElement(Au,{size:24})),yt.createElement(ft,{value:n,autoFocus:!0,placeholder:Iu.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:d=>r(d.target.value)}),yt.createElement(Au,{size:16}),yt.createElement(Ts,{list:u,searchedFor:n,blockchainCategory:s,onChange:d=>{e==="source"?p(d):l(d),o()}})))}i(ks,"SelectBlockchainPage");import{i18n as kr}from"@lingui/core";import{Divider as Xu}from"@rango-dev/ui";import Ut,{useState as NS}from"react";import{useNavigate as BS}from"react-router-dom";import{i18n as xs}from"@lingui/core";import{BlockchainsChip as yr,Divider as Bu,Image as Mu,Skeleton as CS,Tooltip as TS,Typography as bs}from"@rango-dev/ui";import ye from"react";import{useEffect as yS}from"react";var Wu=["ETH","COSMOS","OSMOSIS"];function ws(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(gS),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(hS(a)),r=n.splice(s)}return{list:n,more:r}}i(ws,"prepare");function gS(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(gS,"sortByMostUsedBlockchains");function hS(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(hS,"generateSortByPreferredBlockchainsFor");function Lu(t,e){return!!e.list.find(o=>o.name===t)}i(Lu,"isInVisibleList");function vs(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=h();yS(()=>{if(e?.selected){let s=ws(t,o,e);Lu(e.selected,s)||n(e?.selected)}},[e?.selected]);let r=ws(t,o,e);return{list:r.list,more:r.more,history:[]}}i(vs,"usePrepareBlockchainList");import{styled as SS}from"@rango-dev/ui";var Nu=SS("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var kS=12;function Is(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:s}=t,a=vs(e,{limit:10,selected:n?.name}),{fetchStatus:l}=h(),p=Y.use.resetToBlockchain(),c=Y.use.resetFromBlockchain(),u=a.more.length>0,g=a.more.length===1,m=!g&&u;return ye.createElement(ye.Fragment,null,ye.createElement(Bu,{size:12}),ye.createElement(bs,{variant:"label",size:"large"},xs.t("Select Blockchain")),ye.createElement(Bu,{size:12}),ye.createElement(Nu,null,l==="loading"&&Array.from(Array(kS),d=>ye.createElement(CS,{key:d,variant:"rounded",height:50})),l==="success"&&ye.createElement(ye.Fragment,null,ye.createElement(yr,{selected:!n,onClick:()=>{o==="from"?c():p()}},ye.createElement(bs,{variant:"body",size:"xsmall",color:"secondary500"},xs.t("All"))),a.list.map(d=>ye.createElement(TS,{key:d.name,content:d.shortName,side:"bottom",sideOffset:2,container:L()},ye.createElement(yr,{key:d.name,selected:!!n&&n.name===d.name,onClick:()=>r(d)},ye.createElement(Mu,{src:d.logo,size:30})))),g?ye.createElement(yr,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},ye.createElement(Mu,{src:a.more[0].logo,size:30})):null,m?ye.createElement(yr,{onClick:s,key:"more-blockchains"},ye.createElement(bs,{variant:"body",size:"xsmall",color:"secondary500"},xs._("More +{count}",{count:a.more.length}))):null)))}i(Is,"BlockchainsSection");import{i18n as _s}from"@lingui/core";import{darkTheme as Gu,Divider as ao,ExternalLinkIcon as xS,Image as bS,ListItemButton as IS,NotFound as AS,PinIcon as ES,Skeleton as Hu,Typography as Tr,VirtualizedList as WS}from"@rango-dev/ui";import $,{useEffect as Qu,useState as Vu}from"react";import{Divider as zu,ListItem as vS,Skeleton as Do}from"@rango-dev/ui";import Ze from"react";import{css as so,darkTheme as Pu,ImageContainer as wS,styled as Je,Typography as $u}from"@rango-dev/ui";var As=so({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}),Es=so({position:"relative",height:12,width:"30%",maxWidth:"150px"}),Ws=so({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"}),Ls=so({transform:"translateY(12px)",visibility:"hidden","& a":{display:"flex",justifyContent:"center",alignItems:"center",fontSize:"$12",lineHeight:"$16",$$color:"$colors$neutral600",[`.${Pu} &`]:{$$color:"$colors$neutral700"},color:"$$color",textDecoration:"none"}}),Ns=so({}),Bs=so(),_u=Je("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),Ms=Je("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),Sr=Je("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none","&:hover":{[`& .${Es}`]:{[`& .${Ls}`]:{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},[`& .${Ns}`]:{bottom:"-15px"},[`& .${As}`]:{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},[`& .${Ws}`]:{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),Ps=Je("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),$s=Je($u,{}),Du=Je("div",{textAlign:"right",width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",[`& .${Bs}`]:{$$color:"$colors$neutral600",[`.${Pu} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Cr=Je("div",{display:"flex",alignItems:"end",flexDirection:"column"}),n$=Je("div",{display:"flex",alignItems:"center"}),Fu=Je("div",{position:"relative",[`& ${wS}`]:{borderRadius:"$xm",overflow:"hidden"}}),Uu=Je("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6}),Ou=Je($u,{width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"});function qu(t){return Ze.createElement(Sr,null,Array.from(Array(t.size),e=>Ze.createElement(vS,{key:e,hasDivider:!0,start:Ze.createElement(Do,{variant:"circular",width:35,height:35}),end:Ze.createElement(Cr,null,Ze.createElement(Do,{variant:"text",size:"large",width:70}),Ze.createElement(zu,{size:4}),Ze.createElement(Do,{variant:"text",size:"medium",width:50})),title:Ze.createElement("div",null,Ze.createElement(Do,{variant:"text",size:"large",width:90}),Ze.createElement(zu,{size:4}),Ze.createElement(Do,{variant:"text",size:"medium",width:90}))})))}i(qu,"LoadingTokenList");var Ds=20,LS=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:s,customCssForTagTitle:a}=t,l=e.length;return $.createElement("div",{className:Es()},o?$.createElement("div",{className:As()},o):$.createElement(Ms,{className:Ws()},$.createElement(Tr,{variant:"title",size:"xmedium"},r.symbol),$.createElement(ao,{direction:"horizontal",size:4}),$.createElement(Ps,{css:s},$.createElement($s,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&$.createElement("div",{className:`${Ls()} ${!o&&Ns()}`},$.createElement("a",{href:n,target:"_blank",rel:"nofollow noreferrer",onClick:p=>p.stopPropagation()},l>10?`${e.slice(0,5)}...${e.slice(l-6,l)}`:e," ",$.createElement(ao,{size:4,direction:"horizontal"}),$.createElement(xS,{color:"gray",size:12}))))},"renderDesc");function ju(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=Vu(e),l=h().fetchStatus,p=h().blockchains(),[c,u]=Vu(!0),{getBalanceFor:g,loading:m}=H(),{isTokenPinned:d}=h(),C=i(()=>{a(e.slice(0,s.length+Ds))},"loadNextPage");Qu(()=>{u(e.length>s.length)},[s.length]),Qu(()=>{a(e.slice(0,Ds))},[e]);let y=i(()=>!s.length&&o?$.createElement($.Fragment,null,$.createElement(ao,{size:32}),$.createElement(AS,{title:_s.t("No results found"),description:_s.t("Try using different keywords")})):$.createElement(WS,{endReached:c?C:void 0,itemContent:f=>{let S=s[f],k=nn(g(S)),b=S.address||"",T=p.find(A=>A.name===S.blockchain),x=Pn(S.symbol,T?.color||""),v={$$color:x[`${S.symbol}100`],[`.${Gu} &`]:{$$color:x[`${S.symbol}900`]},backgroundColor:"$$color"},I={$$color:x[`${S.symbol}700`],[`.${Gu} &`]:{$$color:x[`${S.symbol}100`]},color:"$$color"};return $.createElement("div",{style:{paddingRight:5}},$.createElement(IS,{style:{width:"100%",overflow:"hidden"},"tab-index":f,key:`${S.symbol}${S.address}`,id:`${S.symbol}${S.address}`,hasDivider:!0,onClick:()=>n(s[f]),start:$.createElement(Fu,null,$.createElement(bS,{src:S.image,size:30}),d(S,t.type)&&$.createElement(Uu,null,$.createElement(ES,{size:12,color:"gray"}))),title:T?.type==="COSMOS"||S.name||!S.name&&!b?$.createElement(Ms,null,$.createElement(Tr,{variant:"title",size:"xmedium"},S.symbol),$.createElement(ao,{direction:"horizontal",size:4}),$.createElement(Ps,{css:v},$.createElement($s,{variant:"body",size:"xsmall",css:I},S.blockchain))):void 0,description:T?.info&&b&&T.type!=="COSMOS"?LS({address:b,token:s[f],customCssForTag:v,customCssForTagTitle:I,name:S.name,url:T.info.addressUrl.split("{wallet}").join(b)}):S.name||void 0,end:m?$.createElement(Cr,null,$.createElement(Hu,{variant:"text",size:"large",width:70}),$.createElement(ao,{size:4}),$.createElement(Hu,{variant:"text",size:"medium",width:50})):k&&$.createElement(Du,null,$.createElement(Ou,{variant:"title",size:"small"},k.amount),$.createElement("div",null),k.usdValue&&$.createElement(Tr,{variant:"body",className:Bs(),size:"xsmall"},`$${k.usdValue}`))}))},totalCount:s.length,key:`${r}-${o}`}),"renderList");return $.createElement(_u,null,$.createElement(Tr,{variant:"label",size:"large"},_s.t("Select Token")),$.createElement(ao,{size:4}),l==="loading"&&$.createElement(qu,{size:Ds}),l==="success"&&$.createElement(Sr,{as:"ul"},y()))}i(ju,"TokenList");function Fs(t){let{type:e}=t,o=BS(),n=xt(),{fromBlockchain:r,toBlockchain:s,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:c}=Y(),u=H.use.getBalanceFor(),[g,m]=NS(""),{isTokenPinned:d}=h(),y=(e==="source"?r:s)?.name??"",f=h().blockchains({type:e}),S=h().tokens({type:e,blockchain:y,searchFor:g}),b=wa(S,u,i(I=>d(I,e),"checkIsTokenPinned")),T=i(I=>{e==="source"?p(I):c(I)},"updateBlockchain"),x=i(I=>{e==="source"?a({token:I,meta:{blockchains:f,tokens:S}}):l({token:I,meta:{blockchains:f,tokens:S}})},"updateToken"),v={source:kr.t("Source"),destination:kr.t("Destination")};return Ut.createElement(ne,{header:{title:kr.t("Swap {type}",{type:v[e]})}},Ut.createElement(re,null,Ut.createElement(Is,{blockchains:f,type:e=="source"?"from":"to",blockchain:e==="source"?r:s,onMoreClick:()=>o(P.blockchains),onChange:I=>{T(I)}}),Ut.createElement(Xu,{size:24}),Ut.createElement(ft,{value:g,autoFocus:!0,placeholder:kr.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>m(""),onChange:I=>m(I.target.value)}),Ut.createElement(Xu,{size:16}),Ut.createElement(ju,{list:b,selectedBlockchain:y,searchedFor:g,type:e,onChange:I=>{x(I);let A=f.find(w=>I.blockchain===w.name);A&&T(A),n()}})))}i(Fs,"SelectSwapItemsPage");import{i18n as Ot}from"@lingui/core";import{ChevronRightIcon as zs,Divider as qs,InfoIcon as OS,List as zS,ListItemButton as qS,Skeleton as GS,Switch as HS,Tooltip as QS,Typography as zt}from"@rango-dev/ui";import Z from"react";import{useNavigate as VS}from"react-router-dom";import{i18n as em}from"@lingui/core";import{Divider as _S,InfoIcon as DS,TextField as FS,Tooltip as US,Typography as tm}from"@rango-dev/ui";import _e from"react";import{Chip as MS,styled as Fo,TextField as PS}from"@rango-dev/ui";var Ku=Fo("div",{paddingTop:"$5",padding:"$10 $5"}),Yu=Fo("div",{display:"flex",flexWrap:"wrap",gap:"$10",[`& ${PS}`]:{flex:"1 1 0",maxWidth:"127px",minWidth:"85px"}}),Ju=Fo("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),wr=Fo("div",{maxWidth:"280px",padding:"$10"}),Zu=Fo(MS,{width:"61px",flexShrink:0});import{i18n as Us}from"@lingui/core";import{Typography as $S}from"@rango-dev/ui";import Uo from"react";function Ru(){return Uo.createElement(wr,null,Uo.createElement($S,{variant:"label",size:"medium",color:"neutral700"},Us.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),Uo.createElement("br",null),Uo.createElement("br",null),Uo.createElement("b",null,Us.t("Warning")),":",Us.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(Ru,"SlippageTooltipContent");function Os(){let{slippage:t,setSlippage:e,customSlippage:o,setCustomSlippage:n}=h();return _e.createElement(Ku,null,_e.createElement(Ju,null,_e.createElement(tm,{variant:"title",size:"xmedium"},em.t("Slippage tolerance per swap")),_e.createElement(_S,{direction:"horizontal",size:4}),_e.createElement(US,{container:L(),side:"top",sideOffset:4,content:_e.createElement(Ru,null)},_e.createElement(DS,{color:"gray"}))),_e.createElement(Yu,null,Fa.map((r,s)=>{let a=`slippage-${s}`;return _e.createElement(_e.Fragment,null,_e.createElement(Zu,{key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}))}),_e.createElement(FS,{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>=qa&&a<=za?n(a):n(null)},suffix:o&&_e.createElement(tm,{variant:"body",size:"small"},"%"),placeholder:em.t("Custom")})))}i(Os,"Slippage");function om(){let t=VS(),{theme:e}=h().config,o=h().fetchStatus,n=h().swappers(),r=h().disabledLiquiditySources,{config:{features:s}}=h(),a=Fe("theme",s),l=Fe("liquiditySource",s),p=Fe("language",s),c=h().infiniteApprove,u=h().toggleInfiniteApprove,g=pn(n,r),m=g.filter(A=>A.type==="BRIDGE"||A.type==="AGGREGATOR"),d=m.length,C=m.filter(A=>A.selected).length,y=g.filter(A=>A.type==="DEX"),f=y.length,S=y.filter(A=>A.selected).length,k=i((A,w)=>{switch(o){case"loading":return Z.createElement(GS,{variant:"text",size:"medium",width:50});case"failed":return Z.createElement(zt,{variant:"body",size:"medium",color:"$error500"},Ot.t("Loading failed"));default:return Z.createElement(zt,{variant:"body",size:"medium"},`${A} / ${w}`)}},"handleEndItem"),b={id:"bridge-item",title:Z.createElement(zt,{variant:"title",size:"xmedium"},Ot.t("Enabled bridges")),end:Z.createElement(Z.Fragment,null,k(C,d),Z.createElement(qs,{direction:"horizontal",size:8}),Z.createElement(zs,{color:"black"})),onClick:()=>t(P.bridges)},T={id:"exchange-item",title:Z.createElement(zt,{variant:"title",size:"xmedium"},Ot.t("Enabled exchanges")),end:Z.createElement(Z.Fragment,null,k(S,f),Z.createElement(qs,{direction:"horizontal",size:8}),Z.createElement(zs,{color:"gray"})),onClick:()=>t(P.exchanges)},x={id:"theme-item",title:Z.createElement(zt,{variant:"title",size:"xmedium"},Ot.t("Theme")),end:Z.createElement(zs,{color:"gray"}),onClick:()=>t(P.themes)},v={id:"infinite-approval-item",title:Z.createElement(Z.Fragment,null,Z.createElement(zt,{variant:"title",size:"xmedium"},Ot.t("Infinite approval")),Z.createElement(qs,{direction:"horizontal",size:4}),Z.createElement(QS,{side:"top",sideOffset:4,container:L(),content:Z.createElement(wr,null,Z.createElement(zt,{variant:"label",size:"medium",color:"neutral700"},Ot.t("Enabling the 'Infinite approval' mode grants unrestricted access to smart contracts of DEXes/Bridges, allowing them to utilize the approved token amount without limitations.")))},Z.createElement(OS,{color:"gray"}))),end:Z.createElement(HS,{checked:c}),onClick:u},I=l?[]:[b,T];return!e?.singleTheme&&!a&&I.push(x),I.push(v),Z.createElement(ne,{header:{title:Ot.t("Settings")}},Z.createElement(re,null,Z.createElement(Os,null),Z.createElement(zS,{type:Z.createElement(qS,{title:"_",id:"_",onClick:()=>console.log()}),items:I})))}i(om,"SettingsPage");import{i18n as _C}from"@lingui/core";import{cancelSwap as DC}from"@rango-dev/queue-manager-rango-preset";import{useManager as FC}from"@rango-dev/queue-manager-react";import{Alert as UC}from"@rango-dev/ui";import na from"react";import{useParams as OC}from"react-router-dom";import{i18n as St}from"@lingui/core";import{getCurrentBlockchainOfOrNull as SC,getCurrentStep as CC,getRelatedWalletOrNull as TC}from"@rango-dev/queue-manager-rango-preset";import{Button as Nm,CopyIcon as kC,Divider as wC,IconButton as vC,LinkIcon as xC,QuoteCost as bC,StepDetails as IC,Typography as po,useCopyToClipboard as AC}from"@rango-dev/ui";import{useWallets as EC}from"@rango-dev/wallets-react";import Bm from"bignumber.js";import{PendingSwapNetworkStatus as Br}from"rango-types";import R,{useEffect as Mm,useRef as WC,useState as Pm}from"react";import{useNavigate as LC}from"react-router-dom";import{i18n as Lt}from"@lingui/core";var jS=[Lt.t("Sunday"),Lt.t("Monday"),Lt.t("Tuesday"),Lt.t("Wednesday"),Lt.t("Thursday"),Lt.t("Friday"),Lt.t("Saturday")];function nm(t){let e=new Date(t),o=e.getDate(),n=e.toLocaleString("default",{month:"long"}),r=e.getFullYear();return`${e.getDay()===new Date().getDay()?Lt.t("Today"):`${jS[e.getDay()]} ${o} ${n} ${r}`}, ${new Date(t).toLocaleTimeString()}`}i(nm,"timeSince");function rm(t){return t.finishTime?nm(parseInt(t.finishTime)):nm(parseInt(t.creationTime))}i(rm,"getSwapDate");import{Modal as oC}from"@rango-dev/ui";import{PendingSwapNetworkStatus as br}from"rango-types";import Ir from"react";import{i18n as vr}from"@lingui/core";import{Button as im,Divider as Gs,MessageBox as XS,Typography as sm}from"@rango-dev/ui";import lt from"react";var am=i(({onCancel:t,onClose:e})=>lt.createElement(lt.Fragment,null,lt.createElement(Gs,{size:20}),lt.createElement(XS,{type:"error",title:vr.t("Cancel Swap"),description:vr.t("Are you sure you want to cancel this swap?")}),lt.createElement(Gs,{size:32}),lt.createElement(im,{variant:"contained",type:"primary",size:"large",onClick:t},lt.createElement(sm,{variant:"title",size:"medium",color:"neutral100"},vr.t("Yes, Cancel it"))),lt.createElement(Gs,{size:12}),lt.createElement(im,{variant:"outlined",type:"primary",size:"large",onClick:e},lt.createElement(sm,{variant:"title",size:"medium",color:"primary"},vr.t("No, Continue")))),"CancelContent");import{i18n as xr}from"@lingui/core";import{Button as lm,Divider as Hs,MessageBox as KS,Typography as pm}from"@rango-dev/ui";import pt from"react";var cm=i(({onDelete:t,onClose:e})=>pt.createElement(pt.Fragment,null,pt.createElement(Hs,{size:20}),pt.createElement(KS,{type:"error",title:xr.t("Delete Transaction"),description:xr.t("Are you sure you want to delete this swap?")}),pt.createElement(Hs,{size:32}),pt.createElement(lm,{variant:"contained",type:"primary",size:"large",onClick:t},pt.createElement(pm,{variant:"title",size:"medium",color:"neutral100"},xr.t("Yes, Delete it"))),pt.createElement(Hs,{size:12}),pt.createElement(lm,{variant:"outlined",type:"primary",size:"large",onClick:e},pt.createElement(pm,{variant:"title",size:"medium",color:"primary"},xr.t("No, Cancel")))),"DeleteContent");import{i18n as Qs}from"@lingui/core";import{PendingSwapNetworkStatus as Vs}from"rango-types";var js={[Vs.WaitingForNetworkChange]:{type:"loading",title:Qs.t("Change Network")},[Vs.WaitingForConnectingWallet]:{type:"warning",title:Qs.t("Connect Wallet")},[Vs.NetworkChanged]:{type:"success",title:Qs.t("Network Changed")}};import{MessageBox as JS,Wallet as ZS,WalletState as RS}from"@rango-dev/ui";import{useWallets as eC}from"@rango-dev/wallets-react";import Oo,{useEffect as mm,useRef as tC}from"react";import{styled as YS}from"@rango-dev/ui";var um=YS("div",{display:"flex",justifyContent:"center"});var dm=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:s,walletButtonDisabled:a}=t,{connect:l,getWalletInfo:p,state:c,disconnect:u}=eC(),g=n?.walletType,m=g?Or(c(g)):null,d=tC(!1),C=g?p(g):null,y=s&&!!g&&!!m&&!!C;return mm(()=>()=>{d.current=!0},[]),mm(()=>()=>{d.current&&g&&m===RS.CONNECTING&&u(g)},[m]),Oo.createElement(Oo.Fragment,null,Oo.createElement(JS,{type:e,title:o,description:r}),y&&Oo.createElement(um,null,Oo.createElement(ZS,{container:L(),title:C.name,image:C.img,type:g,state:m,link:C.installLink,disabled:a,onClick:async()=>l(g)})))},"WalletStateContent");function Xs(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:s,message:a,walletButtonDisabled:l}=t,p=e===br.WaitingForNetworkChange||e===br.WaitingForConnectingWallet||e===br.NetworkChanged;return Ir.createElement(oC,{open:!!e,onClose:o,container:document.getElementById(be.SWAP_BOX_ID)||document.body},p&&Ir.createElement(dm,{type:js[e].type,title:js[e].title,currentStepWallet:s,message:a,walletButtonDisabled:l,showWalletButton:e!==br.WaitingForNetworkChange}),e==="delete"&&Ir.createElement(cm,{onClose:o,onDelete:n}),e==="cancel"&&Ir.createElement(am,{onClose:o,onCancel:r}))}i(Xs,"SwapDetailsModal");import{i18n as zo}from"@lingui/core";import{Button as Ks,Divider as Ar,MessageBox as fm,Modal as nC,TokenAmount as rC,Typography as Er}from"@rango-dev/ui";import ke from"react";import{useNavigate as iC}from"react-router-dom";function Ys(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:s,realUsdValue:a,realValue:l,token:p,chain:c,percentageChange:u,description:g,diagnosisUrl:m}=t,d=iC();return ke.createElement(nC,{open:e,onClose:o,container:document.getElementById(be.SWAP_BOX_ID)||document.body},n==="success"?ke.createElement(fm,{type:"success",title:zo.t("Swap Successful")},ke.createElement(rC,{direction:"vertical",tooltipContainer:L(),type:"output",centerAlign:!0,price:{value:r,usdValue:s,realUsdValue:a,realValue:l},token:p,chain:c,percentageChange:u}),ke.createElement(Ar,{size:12}),ke.createElement(Er,{variant:"body",size:"medium",color:"neutral700",align:"center"},g)):ke.createElement(fm,{type:"error",title:zo.t("Transaction Failed"),description:g}),ke.createElement(Ar,{size:32}),n==="success"&&ke.createElement(Ks,{variant:"contained",type:"primary",size:"large",onClick:()=>{d("../../")}},ke.createElement(Er,{variant:"title",size:"medium",color:"neutral100"},zo.t("Done"))),ke.createElement(Ar,{size:12}),m&&ke.createElement(ke.Fragment,null,ke.createElement(Ks,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(m,"_blank")},ke.createElement(Er,{variant:"title",size:"medium",color:"primary"},zo.t("Diagnosis"))),ke.createElement(Ar,{size:12})),ke.createElement(Ks,{variant:"outlined",type:"primary",size:"large",onClick:o},ke.createElement(Er,{variant:"title",size:"medium",color:"primary"},zo.t("See Details"))))}i(Ys,"SwapDetailsCompleteModal");import hC from"react";import{i18n as mC}from"@lingui/core";import{Alert as Tm,IconButton as dC,LinkIcon as fC}from"@rango-dev/ui";import Nt,{Fragment as gC}from"react";import{Alert as sC,ChevronDownIcon as aC,ChevronUpIcon as lC,IconButton as pC}from"@rango-dev/ui";import Wr,{useState as cC}from"react";function gm(t){let{message:e}=t,[o,n]=cC(!1);return Wr.createElement(sC,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Wr.createElement(pC,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Wr.createElement(lC,{size:12,color:"gray"}):Wr.createElement(aC,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(gm,"FailedAlert");import{styled as uC}from"@rango-dev/ui";var hm=uC("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as ym}from"@lingui/core";import{Alert as Js,Button as Sm}from"@rango-dev/ui";import{PendingSwapNetworkStatus as Zs}from"rango-types";import qo from"react";function Cm(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?qo.createElement(Js,{type:"warning",title:n.shortMessage,action:qo.createElement(Sm,{size:"xxsmall",type:"warning",onClick:()=>{o(Zs.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},ym.t("Change"))}):r===Zs.WaitingForConnectingWallet?qo.createElement(Js,{type:"warning",title:n.shortMessage,action:qo.createElement(Sm,{size:"xxsmall",type:"warning",onClick:()=>{o(Zs.WaitingForConnectingWallet)}},ym.t("Connect"))}):qo.createElement(Js,{type:"warning",title:n.shortMessage})}i(Cm,"WarningAlert");function Rs(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:s,hasAlreadyProceededToSign:a}=t,l=ho(s),p=s.status==="waitingForApproval"&&!l,c=s.status==="running"&&!l,u=c&&!a||p&&!s.explorerUrl?.length;return Nt.createElement(hm,null,s.explorerUrl?.map((g,m,d)=>{let C=m+g.url,y=m===d.length-1,f=(y&&c||p)&&!u,S=y&&s.status==="failed";return Nt.createElement(gC,{key:C},Nt.createElement(Tm,{type:y&&(f&&"loading"||S&&"error")||"success",title:g.description?`${g.description} Tx`:mC.t("View transaction"),action:g.url&&Nt.createElement(dC,{variant:"ghost",size:"xsmall",onClick:()=>window.open(g.url,"_blank")},Nt.createElement(fC,{size:12}))}))}),u&&Nt.createElement(Tm,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&l&&Nt.createElement(Cm,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&Nt.createElement(gm,{message:r}))}i(Rs,"SwapDetailsAlerts");var km=2e3;var wm=i(({swap:t,blockchains:e,swappers:o,...n})=>{let r=t.hasAlreadyProceededToSign!==!1;return t.steps.map((s,a)=>{let l=a===0?t.inputAmount:t.steps[a-1].outputAmount||t.steps[a-1].expectedOutputAmountHumanReadable;return{from:{token:{displayName:s.fromSymbol,image:s.fromLogo??""},chain:{displayName:Ue(s.fromBlockchain,e)??"",image:s.fromBlockchainLogo??""},price:{value:E(l,6,6),realValue:l}},to:{token:{displayName:s.toSymbol,image:s.toLogo},chain:{displayName:Ue(s.toBlockchain,e)??"",image:s.toBlockchainLogo??""},price:{value:E(s.outputAmount||s.expectedOutputAmountHumanReadable,6,6),realValue:s.outputAmount||s.expectedOutputAmountHumanReadable}},swapper:{displayName:go(s.swapperId,o),image:s.swapperLogo??"",type:s.swapperType},internalSwaps:s.internalSwaps?s.internalSwaps.map(p=>({from:{blockchain:Ue(p.fromBlockchain,e)??""},to:{blockchain:Ue(p.toBlockchain,e)??""},swapper:{displayName:go(p.swapperId,o),image:p.swapperLogo??"",type:p.swapperType}})):[],alerts:hC.createElement(Rs,{step:s,hasAlreadyProceededToSign:r,...n})}})},"getSteps");function vm(t){if(ho(t)&&t.status!=="failed"&&t.status!=="success")return"warning";switch(t.status){case"created":return"default";case"approved":case"waitingForApproval":case"running":return"in-progress";case"failed":return"error";case"success":return"completed"}}i(vm,"getStepState");import{css as Go,darkTheme as yC,styled as qt}from"@rango-dev/ui";var xm=qt("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),Lr=qt("div",{width:"100%"}),bm=qt(Co,{padding:"$0 $20 $20 $20"}),qD=qt("div",{display:"flex",flexDirection:"column",gap:"$10"}),Im=qt("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),GD=qt("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1}),lo=Go({display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${yC} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"}),Am=Go({padding:"$5 0"}),Nr=Go({display:"flex",justifyContent:"center",alignItems:"center",height:"$24"}),Em=Go({display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"}),Wm=Go({width:"100%",padding:"0 $20 $10"}),Lm=qt("a",{fontSize:"$16",fontWeight:"$400",color:"$neutral700",display:"flex",alignItems:"center",justifyContent:"center"});function ea(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:s,connect:a,getWalletInfo:l}=EC(),p=h().blockchains(),c=h().swappers(),u=h().tokens(),g=Y.use.retry(),m=pe.use.isActiveTab(),d=LC(),[C,y]=AC(km),f=WC(null),[S,k]=Pm(null),[b,T]=Pm(null),x=i(()=>{r(),k(null)},"onCancel"),v=Pe.use.getUnreadNotifications(),I=Pe.use.setAsRead(),A=v(),w=CC(e),W=w?.networkStatus;Mm(()=>{A.find(Ct=>Ct.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(T(e.status),I(e.requestId))},[e.status]),Mm(()=>{ee?k(Br.WaitingForNetworkChange):W===Br.WaitingForConnectingWallet||W===Br.NetworkChanged?k(W):k(null)},[W]);let F=dl(e),Q=w?SC(e,w):null,V=w?TC(e,w):null,ue=rm(e),M=fl(e),q=i(Me=>!!l(Me)?.mobileWallet,"isMobileWallet"),ee=W===Br.WaitingForNetworkChange&&!!Q&&!!V?.walletType&&(q(V.walletType)||s(V.walletType,Q)),U=ee?a.bind(null,V.walletType,Q):void 0,De=ml(e,w),j=wm({swap:e,switchNetwork:U,showNetworkModal:W,setNetworkModal:k,message:De,blockchains:p,swappers:c}),J=j.length,[xe,Se]=[e.steps[0],e.steps[J-1]],Ce=Se.outputAmount||Se.expectedOutputAmountHumanReadable,ct=e.steps.reduce((Me,Ct)=>Me+parseFloat(Ct.feeInUsd||""),0),_=e.steps.find(Me=>Me.diagnosisUrl)?.diagnosisUrl,X=E(parseFloat(E(Ce,6,6))*(Se.toUsdPrice||0),4,4),G=E(parseFloat(e.inputAmount)*(xe.fromUsdPrice||0),4,4),le=Ce?se(new Bm(Ce).multipliedBy(Se.toUsdPrice||0)):"",ut=se(new Bm(e.inputAmount).multipliedBy(xe.fromUsdPrice||0)),Qe=Oe(G,X),Fr=e.status==="success"?St.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:E(Ce,6,6),token:j[J-1].to.token.displayName,conciseAddress:rn(e.wallets[j[J-1].to.chain.displayName]?.address||""),chain:j[J-1].to.chain.displayName}}):`${St.t("Transaction was not sent.")} ${F?St.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:F.outputAmount,symbol:F.symbol,blockchain:F.blockchain}}):""}`;return R.createElement(ne,{header:{title:St.t("Swap and Bridge"),onCancel:e.status==="running"?()=>k("cancel"):void 0,suffix:e.status!=="running"&&R.createElement(Jt,null,R.createElement(Nm,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>k("delete")},R.createElement(po,{size:"medium",variant:"label",color:"error"},St.t("Delete"))))},footer:M&&!b&&R.createElement(Nm,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{g(e,{blockchains:p,tokens:u}),setTimeout(()=>{d("../../")},0)}},St.t("Try again"))},R.createElement(re,{compact:!0,view:!0},R.createElement(Lr,null,R.createElement("div",{className:lo()},R.createElement(po,{variant:"label",size:"large",color:"neutral700"},`${St.t("Request ID")}:`),R.createElement("div",{className:Nr()},R.createElement(po,{variant:"label",size:"small",color:"neutral700"},o),R.createElement(vC,{variant:"ghost",onClick:y.bind(null,o||"")},R.createElement(kC,{size:16,color:"gray"})),R.createElement(Lm,{target:"_blank",href:`${ua}/swap/${o}`},R.createElement(xC,{size:16})))),R.createElement("div",{className:lo()},R.createElement(po,{variant:"label",size:"large",color:"neutral700"},`${St.t(e.finishTime?"Finished at":"Created at")}:`),R.createElement(po,{variant:"label",size:"small",color:"neutral700"},ue))),R.createElement("div",{className:Em()},R.createElement(bC,{fee:E(String(ct),2,2),time:Yo(Jo(e.steps)),steps:J}),R.createElement(Io,{from:{price:{value:E(e.inputAmount,6,6),usdValue:G,realUsdValue:ut,realValue:e.inputAmount},token:{displayName:j[0].from.token.displayName,image:j[0].from.token.image},chain:{image:j[0].from.chain.image,displayName:j[0].from.chain.displayName}},to:{price:{value:E(Ce,6,6),usdValue:X,realUsdValue:le,realValue:Ce},token:{displayName:j[J-1].to.token.displayName,image:j[J-1].to.token.image},chain:{image:j[J-1].to.chain.image,displayName:j[J-1].to.chain.displayName}},percentageChange:E(Qe,2,2),warningLevel:mt(Qe??0)})),R.createElement("div",{className:Wm()},R.createElement(po,{variant:"title",size:"small"},St.t("Swaps steps"))),R.createElement(wC,{size:8}),R.createElement(bm,{ref:f},j.map((Me,Ct)=>{let pa=Ct,co=vm(e.steps[Ct]),ed=co==="error"||co==="in-progress"||co==="warning"||co==="completed"&&Ct===j.length-1;return R.createElement(IC,{key:pa,step:Me,type:"swap-progress",ref:f,state:co,hasSeparator:Ct!==0,tabIndex:pa,isFocused:ed,tooltipContainer:L()})}))),R.createElement(Xs,{state:S,onClose:()=>k(null),onCancel:x,onDelete:n,message:De.detailedMessage.content,currentStepWallet:V,walletButtonDisabled:!m}),R.createElement(Ys,{open:!!b,diagnosisUrl:_,onClose:()=>T(null),status:e.status==="success"?"success":"failed",priceValue:E(Ce,6,6),usdValue:X,realUsdValue:le,realValue:se(Ce),percentageChange:E(Qe,2,2),token:{displayName:j[J-1].to.token.displayName,image:j[J-1].to.token.image},chain:{image:j[J-1].to.chain.image},description:Fr}))}i(ea,"SwapDetails");import{i18n as Pr}from"@lingui/core";import{Divider as Dm,NotFound as $C,Skeleton as Qo,Typography as $r}from"@rango-dev/ui";import ce from"react";import{i18n as NC}from"@lingui/core";import{Divider as BC,Skeleton as MC,Typography as PC}from"@rango-dev/ui";import de from"react";import{css as Re,styled as ta}from"@rango-dev/ui";var $m=ta("div",{width:"100%",height:"100%",padding:"$10 $20"}),Ho=ta("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15"}),Mr=ta("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"}),w1=Re({display:"flex",justifyContent:"space-between",alignItems:"center"}),v1=Re({display:"flex",justifyContent:"space-between",alignItems:"center"}),x1=Re({paddingTop:"$15",display:"flex"}),b1=Re({padding:"$15 $0"}),I1=Re({width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"}),A1=Re({paddingBottom:"$10"}),E1=Re({display:"flex",justifyContent:"start",alignItems:"center"}),W1=Re({paddingTop:"$5",display:"flex",alignItems:"center"}),L1=Re({display:"flex",alignItems:"center"}),N1=Re({padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"}),_m=Re({display:"flex",paddingTop:"$10",paddingBottom:"$5"});function oa(){return de.createElement($m,null,de.createElement(Wo,{type:"swap-preview"}),de.createElement("div",{className:"swaps-steps"},de.createElement(PC,{variant:"title",size:"small"},NC.t("Swaps steps"))),de.createElement(de.Fragment,null,de.createElement(Ho,null,de.createElement(at,{separator:!1}),de.createElement("div",{className:_m()},de.createElement(BC,{direction:"horizontal",size:20}),de.createElement(MC,{height:22,variant:"rectangular"}))),de.createElement(Mr,null),de.createElement(Ho,null,de.createElement(at,{separator:!1})),de.createElement(Mr,null),de.createElement(Ho,null,de.createElement(at,{separator:!1})),de.createElement(Mr,null),de.createElement(Ho,null,de.createElement(at,{separator:!1}))))}i(oa,"LoadingSwapDetails");function Fm(t){let{requestId:e,showSkeleton:o}=t;return ce.createElement(ne,{header:{title:Pr.t("Swap and Bridge"),suffix:ce.createElement(Jt,null)}},o&&ce.createElement(xm,null,ce.createElement(Lr,null,ce.createElement("div",{className:lo()},ce.createElement($r,{variant:"label",size:"large",color:"neutral700"},`${Pr.t("Request ID")}:`),ce.createElement("div",{className:Nr()},ce.createElement($r,{variant:"label",size:"small",color:"neutral700"},ce.createElement(Qo,{width:60,height:10,variant:"rounded"})),ce.createElement(Dm,{direction:"horizontal",size:4}),ce.createElement(Qo,{width:16,height:16,variant:"rectangular"}),ce.createElement(Dm,{direction:"horizontal",size:4}),ce.createElement(Qo,{width:16,height:16,variant:"rectangular"}))),ce.createElement("div",{className:lo()},ce.createElement($r,{className:Am(),variant:"label",size:"large",color:"neutral700"},ce.createElement(Qo,{width:60,height:10,variant:"rounded"})),ce.createElement($r,{variant:"label",size:"small",color:"neutral700"},ce.createElement(Qo,{width:60,height:10,variant:"rounded"})))),ce.createElement(oa,null)),!o&&ce.createElement(Im,null,ce.createElement($C,{title:Pr.t("Not found"),description:Pr.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}i(Fm,"SwapDetailsPlaceholder");function Um(){let{manager:t,state:e}=FC(),o=!e.loadedFromPersistor,n=bt(t),{requestId:r}=OC(),s=xt(),{fetchStatus:a}=h();if(!r)return na.createElement(UC,{containerStyles:{margin:"20px"},type:"error",title:_C.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&&DC(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?na.createElement(Fm,{requestId:r,showSkeleton:l}):na.createElement(ea,{swap:g,requestId:r,onCancel:c,onDelete:u})}i(Um,"SwapDetailsPage");import{i18n as Vo}from"@lingui/core";import{AutoThemeIcon as zC,DarkModeIcon as qC,LightModeIcon as GC,List as HC,ListItemButton as QC,Radio as ra,RadioRoot as VC,Typography as ia}from"@rango-dev/ui";import Ne from"react";function Om(){let{setTheme:t,theme:e}=h(),o=[{id:"light",value:"light",title:Ne.createElement(ia,{variant:"title",size:"xmedium"},Vo.t("Light")),onClick:()=>t("light"),start:Ne.createElement(GC,{color:"gray"}),end:Ne.createElement(ra,{value:"light"})},{id:"dark",value:"dark",title:Ne.createElement(ia,{variant:"title",size:"xmedium"},Vo.t("Dark")),onClick:()=>t("dark"),start:Ne.createElement(qC,{color:"gray"}),end:Ne.createElement(ra,{value:"dark"})},{id:"auto",value:"auto",title:Ne.createElement(ia,{variant:"title",size:"xmedium"},Vo.t("Auto")),onClick:()=>t("auto"),start:Ne.createElement(zC,{color:"gray"}),end:Ne.createElement(ra,{value:"auto"})}];return Ne.createElement(ne,{header:{title:Vo.t("Theme")}},Ne.createElement(re,null,Ne.createElement(VC,{onValueChange:n=>t(n),value:e},Ne.createElement(HC,{type:Ne.createElement(QC,{title:Vo.t("Theme"),id:"_",onClick:()=>console.log()}),items:o}))))}i(Om,"ThemePage");function zm(){return wl(),pi(),jC([{path:P.home,element:Be.createElement(fu,null)},{path:P.fromSwap,children:[{index:!0,element:Be.createElement(Fs,{type:"source"})},{path:P.blockchains,element:Be.createElement(ks,{type:"source"})}]},{path:P.toSwap,children:[{index:!0,element:Be.createElement(Fs,{type:"destination"})},{path:P.blockchains,element:Be.createElement(ks,{type:"destination"})}]},{path:P.settings,children:[{index:!0,element:Be.createElement(om,null)},{path:P.themes,element:Be.createElement(Om,null)},{path:P.languages,element:Be.createElement(hu,null)},{path:P.exchanges,element:Be.createElement(ys,{sourceType:"Exchanges"})},{path:P.bridges,element:Be.createElement(ys,{sourceType:"Bridges"})}]},{path:P.swaps,children:[{index:!0,element:Be.createElement(au,null)},{path:P.swapDetails,element:Be.createElement(Um,null)}]},{path:P.wallets,element:Be.createElement(kp,null)},{path:P.confirmSwap,element:Be.createElement(Kc,null)}])}i(zm,"AppRoutes");import{isApprovalTX as XC,MainEvents as qm,RouteEventType as Gm,StepEventType as Hm,StepExecutionEventStatus as KC,useEvents as YC}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Qm}from"react";function Vm(){let t=h().tokens(),e=H.use.connectedWallets(),o=H.use.getWalletsDetails(),n=Pe.use.setNotification(),r=YC();return Qm(()=>(r.on(qm.StepEvent,s=>{let{event:a,step:l,route:p}=s;if(a.type===Hm.TX_EXECUTION&&a.status===KC.TX_SENT&&!XC(l)||a.type===Hm.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]),Qm(()=>(r.on(qm.RouteEvent,s=>{let{event:a,route:l}=s;(a.type===Gm.FAILED||a.type===Gm.SUCCEEDED)&&n(a,l)}),()=>r.all.clear()),[r,e.length]),null}i(Vm,"WidgetEvents");import{globalCss as JC}from"@rango-dev/ui";var jm=i(()=>JC({"@import":["url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap')","url('https://fonts.cdnfonts.com/css/times-new-roman')"]})(),"globalFont");import{styled as ZC}from"@rango-dev/ui";var Xm=ZC("div",{display:"flex",justifyContent:"center",alignItems:"center",fontFamily:"$widget",boxSizing:"border-box",textAlign:"left","& *, *::before, *::after":{boxSizing:"inherit"},"& *:focus-visible":{outlineColor:"$info500",transition:"none"},"& ul, ol, li":{listStyleType:"none"}});function _r(){jm();let{config:t}=h(),{activeTheme:e}=$n(t?.theme||{}),{activeLanguage:o}=io(),[n,r]=Km(""),[s,a]=Km(),l=eT(dn);return tT(()=>{Pe.persist.rehydrate(),l.onConnectWallet(r)},[]),jo.createElement(RC,{language:o},jo.createElement(Xm,{id:"swap-container",className:e()},jo.createElement(Vm,null),jo.createElement(Za,{lastConnectedWallet:n,disconnectedWallet:s,clearDisconnectedWallet:()=>{a(void 0)}},jo.createElement(zm,null))))}i(_r,"Main");import aa,{useMemo as CT}from"react";import{checkWaitingForNetworkChange as oT,makeQueueDefinition as nT}from"@rango-dev/queue-manager-rango-preset";import{Provider as rT}from"@rango-dev/queue-manager-react";import{useWallets as iT}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as sT}from"@rango-dev/wallets-shared";import{isEvmBlockchain as aT}from"rango-types";import lT,{useMemo as pT}from"react";function cT(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=iT(),l=pT(()=>nT({API_KEY:t.apiKey||Gt("API_KEY"),BASE_URL:Gt("BASE_URL")}),[t.apiKey]),p=h().blockchains(),u={blockchains:H.use.connectedWallets().map(b=>({accounts:[b],name:b.chain}))},g=i(async(b,T)=>{if(s(b,T))return r(b,T)},"switchNetwork"),m=i(b=>!!a(b).mobileWallet,"isMobileWallet"),d=p.filter(b=>b.enabled).reduce((b,T)=>(b[T.name]=T,b),{}),C=p.filter(aT),y=i(b=>{let{supportedChains:T}=a(b);return en(T)},"getSupportedChainNames"),f=e(),S={meta:{blockchains:d,evmBasedChains:C,evmNetworkChainInfo:sT(C),getSupportedChainNames:y},getSigners:o,wallets:u,providers:f,switchNetwork:g,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:m},k=pe.use.isActiveTab();return lT.createElement(rT,{queuesDefs:[l],context:S,onPersistedDataLoaded:b=>{oT(b)},isPaused:!k},t.children)}i(cT,"QueueManager");var Ym=cT;import{useManager as gT}from"@rango-dev/queue-manager-react";import hT,{createContext as yT,useContext as ST}from"react";import{cancelSwap as uT,getCurrentBlockchainOfOrNull as mT,getCurrentStep as dT,getRelatedWalletOrNull as fT}from"@rango-dev/queue-manager-rango-preset";var Xo=class{constructor(e,o){this.manager=e,this.actions=o}getAllSwaps(){return bt(this.manager)}getCurrentStep(e){return this.getCurrentStepInfo(e).step}getCurrentStepWallet(e){return this.getCurrentStepInfo(e).wallet}getCurrentStepNetwork(e){return this.getCurrentStepInfo(e).network}retry(e,o){return this.actions.retrySwap(e,o)}cancel(e){let o=this.manager?.get(e);o&&uT(o)}getCurrentStepInfo(e){let o=dT(e);return{step:o,wallet:o?fT(e,o):null,network:o?mT(e,o):null}}};i(Xo,"WidgetHistory");var Jm=yT(void 0);function sa(t){let{manager:e}=gT(),o=pe.use.isActiveTab(),n=Y.use.retry(),r=new Xo(e,{retrySwap:n}),s=H.use.connectedWallets(),a=H.use.loading(),l=ka(s),p=H.use.getWalletsDetails(),c=h().blockchains(),u=h().tokens(),g=h().swappers(),m=h().fetchStatus,d=io().resetLanguage,C=Pe().getUnreadNotifications(),y={isActiveTab:o,setCurrentTabAsActive:un,history:r,wallets:{isLoading:a,details:s,totalBalance:l,refetch:p},meta:{blockchains:c,tokens:u,swappers:g,loadingStatus:m},resetLanguage:d,notifications:{list:C}};return hT.createElement(Jm.Provider,{value:y},t.children)}i(sa,"WidgetInfo");function Zm(){let t=ST(Jm);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}i(Zm,"useWidget");function Dr(t){let{onUpdateState:e,config:o}=t;return CT(()=>{Aa({API_KEY:o?.apiKey||Ko,BASE_URL:o?.apiUrl||ca})},[o.apiKey,o.apiUrl]),aa.createElement(fn,{config:o,onUpdateState:e},aa.createElement(Ym,{apiKey:o.apiKey},aa.createElement(sa,null,t.children)))}i(Dr,"WidgetProvider");function Rm(t){return TT(()=>Ya,[]),t.config?.externalWallets?la.createElement(_r,null):la.createElement(Dr,{config:t.config??Qr},la.createElement(_r,null))}i(Rm,"Widget");export{sO as EventSeverity,aO as MainEvents,yO as Networks,TO as PendingSwapNetworkStatus,lO as RouteEventType,pO as StepEventType,cO as StepExecutionBlockedEventStatus,uO as StepExecutionEventStatus,be as UI_ID,gO as WalletEvents,SO as WalletTypes,Rm as Widget,Dr as WidgetProvider,fn as WidgetWallets,gi as customizedThemeTokens,fO as readAccountAddress,Wp as useWallets,Zm as useWidget,mO as useWidgetEvents};
 //# sourceMappingURL=index.js.map