@rango-dev/widget-embedded 0.23.1-next.2 → 0.23.1-next.20

package/dist/index.js

@@ -1,3 +1,3 @@
-var Wd=Object.defineProperty;var i=(t,e)=>Wd(t,"name",{value:e,configurable:!0});import{EventSeverity as ez,MainEvents as tz,RouteEventType as oz,StepEventType as nz,StepExecutionBlockedEventStatus as rz,StepExecutionEventStatus as iz,useEvents as sz}from"@rango-dev/queue-manager-rango-preset";import{readAccountAddress as lz,useWallets as jp,Events as pz}from"@rango-dev/wallets-react";import{Networks as cz,WalletTypes as mz}from"@rango-dev/wallets-shared";import{PendingSwapNetworkStatus as fz}from"rango-types";import{UI_ID as Md}from"@rango-dev/ui";var sn="c6381a79-2817-4602-83bf-6a641a409e32",xa="https://api.rango.exchange",va="https://scan.rango.exchange",Te={SWAP_BOX_ID:"rango-swap-box",EXPANDED_BOX_ID:"rango-expanded-box",...Md};import{Events as pi,Provider as cf}from"@rango-dev/wallets-react";import{isEvmBlockchain as mf}from"rango-sdk";import kn,{createContext as df,useEffect as ul,useRef as ff}from"react";import{useEffect as jd}from"react";import{create as Hd}from"zustand";import{subscribeWithSelector as Gd}from"zustand/middleware";import{RangoClient as Qd}from"rango-sdk";import{WalletState as lt}from"@rango-dev/ui";import{readAccountAddress as Bd}from"@rango-dev/wallets-react";import{detectInstallLink as Pd,getCosmosExperimentalChainInfo as $d,isEvmAddress as _d,KEPLR_COMPATIBLE_WALLETS as Mk,Networks as Ea}from"@rango-dev/wallets-shared";import ei from"bignumber.js";import{isCosmosBlockchain as Dd}from"rango-types";import Ld from"bignumber.js";var Me=new Ld(0);import{WalletTypes as Nd}from"@rango-dev/wallets-shared";var ba=[Nd.LEAP];import{BigNumber as Aa}from"bignumber.js";var an=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 Aa(t),r=1,s=1e3;for(let a=0;a<60;a++)if(new Aa(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 ln=i(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var at=i((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),To=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function le(t){return E(t,12,12).replace(/(?:\.0*|(\.\d+?)0*)$/,"$1")}i(le,"formatTooltipNumbers");function ti(t){switch(!0){case t.connected:return lt.CONNECTED;case t.connecting:return lt.CONNECTING;case!t.installed:return lt.NOT_INSTALLED;default:return lt.DISCONNECTED}}i(ti,"mapStatusToWalletState");function Wa(t,e,o,n){return o.filter(r=>!ba.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(c=>c.name===n):!0}).map(r=>{let{name:s,img:a,installLink:l}=e(r),p=ti(t(r));return{title:s,image:a,link:Pd(l),state:p,type:r}})}i(Wa,"mapWalletTypesToWalletInfo");function cn(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(cn,"walletAndSupportedChainsNames");function Ma(t,e,o,n,r){let s=[];function a(p,u){if(!!!s.find(d=>d.chain===p)){let d={address:u,chain:p,walletType:t};s.push(d)}}i(a,"addAccount");let l=n||[];return e.forEach(p=>{let{address:u,network:c}=Bd(p),d=l.length>0,m=l.includes(c),h=c===Ea.Unknown;if(d&&!m&&!h)return;let S=c===Ea.Unknown&&_d(u);if(h&&!S)return;o.includes(c)||S?r?a(c,u.toLowerCase()):l.filter(x=>o.includes(x)).forEach(x=>{a(x,u.toLowerCase())}):a(c,u)}),s}i(Ma,"prepareAccountsForWalletStore");function La(t){let e=[];return t?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain;e.includes(n)||e.push(n),e.includes(r)||e.push(r),o.internalSwaps&&Array.isArray(o.internalSwaps)&&o.internalSwaps.forEach(s=>{let a=s.from.blockchain,l=s.to.blockchain;e.includes(a)||e.push(a),e.includes(l)||e.push(l)})}),e}i(La,"getRequiredChains");function mn(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(mn,"isAccountAndWalletMatched");function Na(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 ei(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:Ud(o,r.asset.symbol,r.asset.address,e)||null}))||[]}i(Na,"makeBalanceFor");function Ba(t){return{...t,loading:!1,error:!0}}i(Ba,"resetConnectedWalletState");var Pa=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 ei(s?.amount||Me).multipliedBy(s?.usdPrice||0))?.reduce((s,a)=>s.plus(a),Me)||Me).toString();return Fd(r)},"calculateWalletUsdValue");function Fd(t){let e=t.toString().split(".");return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),e.join(".")}i(Fd,"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"),dn=i((t,e)=>{let o=$d(Object.entries(t).map(([,n])=>n).filter(Dd));return o&&o[e]?.experimental},"isExperimentalChain");function fn(t){return t?{...t,amount:E(t.amount,8,8),usdValue:E(t.usdValue,4,4)}:null}i(fn,"formatBalance");function Od(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(Od,"sortTokensByBalance");function qd(t,e,o){let n=o(t),r=o(e);return n===r?0:n?-1:1}i(qd,"sortTokensByPinnedToken");function $a(t,e,o){return t.sort((n,r)=>{let s=e(n),a=e(r),l=qd(n,r,o);return l!==0?l:Od(s,a)}),t}i($a,"sortTokens");function Le(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(Le,"areTokensEqual");function _a(t){return t.sort((e,o)=>+(o.state===lt.CONNECTED)-+(e.state===lt.CONNECTED)||+(o.state===lt.DISCONNECTED||o.state===lt.CONNECTING)-+(e.state===lt.DISCONNECTED||e.state===lt.CONNECTING))}i(_a,"sortWalletsBasedOnConnectionState");function gn(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(gn,"getConciseAddress");function Da({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(Da,"getAddress");function oi(t){return`${t.blockchain}-${t.symbol}-${t.address??""}`}i(oi,"createTokenHash");function hn(t){return t.flatMap(e=>e.balances).reduce((e,o)=>{let n={amount:o?.amount??"",decimals:o?.decimal??0,usdValue:o?.usdPrice?new ei(o?.usdPrice??Me).multipliedBy(o?.amount).toString():""},r=o?oi({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(hn,"makeTokensBalance");var Fa=i((t,e)=>!!t.find(o=>o.chain===e&&o.loading),"isFetchingBalance");function Ua(t){return t.map(e=>e.state).join("-")}i(Ua,"hashWalletsState");var ni={API_KEY:sn};function gt(t){return ni[t]||""}i(gt,"getConfig");function Oa(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),ni=e,ni}i(Oa,"initConfig");var qa=20,Qa=25,za="Roboto",ri="theme-widget",ko=i((t,e)=>{let o=!1;if(e&&t){if(Array.isArray(e))o=!e.some(n=>Le(n,t));else if(!Array.isArray(e)&&e[t.blockchain]){o=e[t.blockchain].tokens.some(r=>Le(r,t));let n=e[t.blockchain].isExcluded;return!n&&!o||n&&o}}return o},"isTokenExcludedInConfig"),ii=i((t,e)=>t&&e&&!e.includes(t.name),"isBlockchainExcludedInConfig");var yn,At=i(()=>yn||(yn=new Qd(gt("API_KEY"),gt("BASE_URL")),yn),"httpService");var zd=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"),Et=zd;var K=Et(Hd()(Gd((t,e)=>({connectedWallets:[],balances:{},loading:!1,connectWallet:(o,n)=>{let r=e().getWalletsDetails;t(s=>({loading:!0,connectedWallets:s.connectedWallets.filter(a=>a.walletType!==o[0].walletType).concat(o.map(a=>{let l=!s.connectedWallets.find(p=>p.chain===a.chain&&p.selected);return{balances:[],address:a.address,chain:a.chain,explorerUrl:null,walletType:a.walletType,selected:l,loading:!0,error:!1}}))})),r(o,n)},disconnectWallet:o=>{t(n=>{let r=n.connectedWallets.filter(l=>l.selected&&l.walletType!==o).map(l=>l.chain),s=n.connectedWallets.filter(l=>l.walletType!==o).map(l=>r.includes(l.chain)?l:(r.push(l.chain),{...l,selected:!0}));return{balances:hn(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=>mn(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:u,chain:c})=>({address:u,blockchain:c})),p=(await At().getWalletsDetails(a)).wallets;if(p)t(u=>{let c=u.connectedWallets.map(m=>{let h=o.find(S=>mn(S,m)),C=p.find(S=>S.address===m.address&&S.blockChain===m.chain);return C?.failed&&h&&r&&s([h],n,!1),h&&C?{...m,explorerUrl:C.explorerUrl,balances:Na(C,n),loading:!1}:m});return{loading:!1,balances:hn(c),connectedWallets:c}});else throw new Error("Wallet not found")}catch{t(l=>{let p=l.connectedWallets.map(c=>o.find(d=>mn(d,c))?Ba(c):c);return{loading:!1,balances:hn(p),connectedWallets:p}})}},getBalanceFor:o=>{let{balances:n}=e(),r=oi(o);return n[r]??null}}))));import{allProviders as Vd}from"@rango-dev/provider-all";function Sn(t,e){let o=Vd({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(Sn,"matchAndGenerateProviders");function Ha(t,e){return Sn(t,e).map(r=>r.config.type)}i(Ha,"configWalletsToWalletName");function Ga(t,e){let o=K.use.clearConnectedWallet(),n=Sn(void 0,e);return jd(()=>{o(),n=Sn(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}i(Ga,"useWalletProviders");import nf,{createContext as rf,useContext as sf,useEffect as af,useRef as lf}from"react";import{create as tf}from"zustand";import{persist as of}from"zustand/middleware";var si={apiKey:"",title:void 0,multiWallets:!0,enableNewLiquiditySources:!0,customDestination:!0},Xd={clientUrl:void 0},Kd={liquiditySources:void 0},Va=i((t,e,o)=>({config:{...si,...t},iframe:Xd,campaignMode:Kd,getLiquiditySources:()=>{let{config:n,campaignMode:r}=o();return r.liquiditySources?.length?r.liquiditySources:n.liquiditySources??[]},getDisabledLiquiditySources:()=>{let{disabledLiquiditySources:n,campaignMode:r}=o();return r.liquiditySources?.length?[]:n},excludeLiquiditySources:()=>{let{config:n,campaignMode:r}=o();return r.liquiditySources?.length?!1:!!n.enableNewLiquiditySources},isInCampaignMode:()=>{let{campaignMode:n}=o();return!!n.liquiditySources?.length},updateConfig:n=>{let r=o().config;e({config:{...r,...n}})},updateCampaignMode:(n,r)=>{let s=o().campaignMode;e({campaignMode:{...s,[n]:r}})},updateIframe:(n,r)=>{let s=o().iframe;e({iframe:{...s,[n]:r}})}}),"createConfigSlice");function Cn(t){return Array.from(new Set(t))}i(Cn,"removeDuplicateFrom");function ai(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(ai,"areEqual");function ja(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i(ja,"debounce");function Qt(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(Qt,"containsText");var B=i(()=>document.getElementById(Te.SWAP_BOX_ID),"getContainer"),Xa=i(()=>document.getElementById(Te.EXPANDED_BOX_ID),"getExpanded");function Tn(t,e){let o=t.map(s=>s.swapperGroup),n=[];return Cn(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(Tn,"getUniqueSwappersGroups");function Ka(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}i(Ka,"sortLiquiditySourcesByGroupTitle");function Ve(t,e){return e?.[t]==="hidden"}i(Ve,"isFeatureHidden");function Ya(t,e){return e?.[t]==="enabled"}i(Ya,"isFeatureEnabled");var Ja=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&&ko(p,s)||o.blockchain&&p.blockchain!==o.blockchain||!a.some(u=>u.name===p.blockchain)?!1:o.searchFor?!!(Qt(p.symbol,o.searchFor)||Qt(p.address||"",o.searchFor)||Qt(p.name||"",o.searchFor)):!0).sort((p,u)=>e().isTokenPinned(p,o.type)?-1:e().isTokenPinned(u,o.type)||p.isSecondaryCoin?1:u.isSecondaryCoin||!p.address&&u.address?-1:p.address&&!u.address?1:0)},isTokenPinned:(o,n)=>!!(n==="source"?e().config.from?.pinnedTokens:e().config.to?.pinnedTokens)?.some(a=>Le(a,o)),swappers:()=>{let{config:o,campaignMode:n}=e(),r=n.liquiditySources?.length?n.liquiditySources:null,s=r??o.liquiditySources,a=r?!1:o.enableNewLiquiditySources;return e()._swappers.filter(u=>{let c=s?.includes(u.swapperGroup);return a||!s||s.length===0?!c:c}).sort(Ka)},fetch:async()=>{try{let o=await At().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,u)=>p.sort-u.sort),t({_blockchains:n,_tokens:r,_popularTokens:s,_swappers:a})}catch(o){throw t({fetchStatus:"failed"}),o}}}),"createDataSlice");import{English as Yd,French as Jd,Japanese as Zd,Portuguese as Rd,Spanish as ef}from"@rango-dev/ui";var Za=[{title:"English",label:"English",local:"en",SVGFlag:Yd},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:ef},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:Jd},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:Zd},{title:"Portuguese",label:"Portugu\xEAs",local:"pt",SVGFlag:Rd}],wo="en";var Ra=[.5,1,3],el=1,tl=5,ol=100,nl=0;var rl=i((t,e)=>({disabledLiquiditySources:[],theme:"auto",language:null,preferredBlockchains:[],slippage:el,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,u=l<=9;return p&&u}))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=Cn(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=Ve("theme",n),s=Ve("language",n),a=Ve("liquiditySource",n);t({...r&&{theme:"auto"},...s&&{language:wo},...a&&{disabledLiquiditySources:[]}})}}),"createSettingsSlice");function il(t){return tf()(of((...e)=>({...Ja(...e),...rl(...e),...Va(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(il,"createAppStore");var sl=rf(null);function g(){let t=sf(sl);if(af(()=>{t&&!t.persist.hasHydrated()&&t.persist.rehydrate()},[]),!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}i(g,"useAppStore");function al(t){let e=lf();return e.current||(e.current=il(t.config)),nf.createElement(sl.Provider,{value:e.current},t.children)}i(al,"AppStoreProvider");import{create as uf}from"zustand";var ll="rango-widget";var xo=class{static{i(this,"TabManager")}tabId;state="not-initiated";lastTryClaim;events={};channel;constructor(e){this.channel=new BroadcastChannel(ll),this.tabId=Math.trunc(Math.random()*1e5),this.events=e}init=()=>{this.initEvents(),this.tryClaim()};forceClaim=()=>{if(!this.isClaimed()){let e={name:"force-claim",candidateId:this.tabId};this.channel.postMessage(e),setTimeout(()=>{this.isClaimed()||this.claim()},300)}};isClaimed=()=>this.state==="claimed";destroy=()=>{this.channel.removeEventListener("message",this.handleMessageEvent),document.removeEventListener("visibilitychange",this.handleVisibilityChange),document.removeEventListener("resume",this.handleResume)};initEvents(){this.channel.addEventListener("message",this.handleMessageEvent),document.addEventListener("visibilitychange",this.handleVisibilityChange),document.addEventListener("resume",this.handleResume)}claimedByCurrentTab(e){let o=this.lastTryClaim&&this.lastTryClaim<e;if(this.isClaimed()||o){let n={name:"pong"};this.channel.postMessage(n);return}}handleMessageEvent=e=>{let o=e.data.name;switch(o){case"ping":this.claimedByCurrentTab(e.data.pingAt);break;case"pong":this.alreadyClaimedByAnotherTab();break;case"force-claim":this.forceRelease(e.data.candidateId);break;case"force-release":this.tabId===e.data.candidateId&&this.claim();break;default:throw new Error(`${o} is not supported.`)}};handleVisibilityChange=async()=>{document.visibilityState==="visible"&&await this.tryClaim()};handleResume=async()=>{this.isClaimed()&&(await this.tryClaim(),this.isClaimed()||this.events.onRelease?.())};alreadyClaimedByAnotherTab(){this.resetLastCheck()}async tryClaim(){return this.setLastCheck(),new Promise(e=>{setTimeout(()=>{this.check(),e()},300)})}check(){this.state==="not-initiated"&&this.events.onInit?.(),this.lastTryClaim?(this.claim(),this.resetLastCheck()):this.state="not-claimed"}claim(){this.state="claimed",this.events.onClaim?.()}setLastCheck(){this.lastTryClaim=Date.now();let e={name:"ping",pingAt:this.lastTryClaim};this.channel.postMessage(e)}resetLastCheck(){this.lastTryClaim=void 0}forceRelease(e){if(this.isClaimed()){this.state="not-claimed",this.events.onRelease?.();let o={name:"force-release",candidateId:e};this.channel.postMessage(o)}}};var te=Et(uf()((t,e)=>({isActiveTab:!1,tabManagerInitiated:!1,showActivateTabModal:!1,watermark:"NONE",fetchingApiConfig:!1,activateCurrentTab:(o,n)=>{let{showActivateTabModal:r}=e();!r&&n?t({showActivateTabModal:!0}):(r||!n)&&o()},setShowActivateTabModal:o=>{t({showActivateTabModal:o})},setWatermark:o=>{t({watermark:o})}}))),zt=new xo({onInit:()=>te.setState({tabManagerInitiated:!0}),onClaim:()=>te.setState({isActiveTab:!0,showActivateTabModal:!1}),onRelease:()=>te.setState({isActiveTab:!1})});var wn=df({onConnectWallet:()=>{}});function gf(t){let{updateConfig:e,updateSettings:o,fetch:n}=g(),r=g().blockchains(),s=g().tokens(),a={walletConnectProjectId:t.config?.walletConnectProjectId},{providers:l}=Ga(t.config.wallets,a),{connectWallet:p,disconnectWallet:u}=K(),c=ff();ul(()=>{n().catch(console.log)},[]),ul(()=>{t.config&&(e(t.config),o(t.config))},[t.config]);let d=r.filter(mf).map(C=>C.name),m=i((C,S,y,f,x)=>{if(S===pi.ACCOUNTS)if(y){let k=cn(x.supportedBlockchains),v=Ma(C,y,d,k,x.isContractWallet);v.length&&p(v,s)}else u(C);if(S===pi.ACCOUNTS&&f.connected){let k=`${C}-${f.network}-${y}`;f.connected&&(c.current?c.current(k):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(S===pi.NETWORK&&f.network){let k=`${C}-${f.network}`;c.current?c.current(k):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(C,S,y,f,x)},"onUpdateState"),h=te.use.isActiveTab();return kn.createElement(wn.Provider,{value:{onConnectWallet:C=>{c.current=C}}},kn.createElement(cf,{allBlockChains:r,providers:l,onUpdateState:m,autoConnect:!!h},t.children))}i(gf,"Main");function xn(t){let{config:e,...o}=t;return kn.createElement(al,{config:e},kn.createElement(gf,{...o,config:e}))}i(xn,"WidgetWallets");import ka,{useEffect as fk}from"react";import{I18nManager as jT}from"@rango-dev/ui";import rn,{useContext as XT,useEffect as KT,useState as xd}from"react";import{useQueueManager as Cf}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Tf}from"@rango-dev/wallets-react";import{isEvmBlockchain as kf}from"rango-types";import wf,{Fragment as xf}from"react";import{MemoryRouter as vf,useInRouterContext as bf}from"react-router";import{useWallets as hf}from"@rango-dev/wallets-react";import{useEffect as yf,useRef as Sf}from"react";function ml(){let{connect:t,state:e}=hf(),o=Sf({}),{fetchStatus:n}=g(),r=new URLSearchParams(location.search).get("autoConnect")||"",s=e(r);yf(()=>{n==="success"&&r&&s.installed&&!s.connecting&&!s.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[s,n])}i(ml,"useForceAutoConnect");function dl({children:t,...e}){let n=bf()?xf:vf,r=g().blockchains(),{canSwitchNetworkTo:s}=Tf();ml();let a=r.filter(kf);return Cf({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:s}),wf.createElement(n,null,t)}i(dl,"AppRouter");import De from"react";import{useRoutes as qT}from"react-router-dom";var $={home:"/",fromSwap:"from-swap",toSwap:"to-swap",blockchains:"blockchains",settings:"settings",liquiditySources:"liquidity-sources",themes:"themes",bridges:"bridges",exchanges:"exchanges",languages:"languages",swaps:"swaps",wallets:"wallets",confirmSwap:"confirm-swap",swapDetails:":requestId",routes:"routes"};import{useEffect as oo,useRef as Bn}from"react";import Lt from"bignumber.js";import{create as Lf}from"zustand";import{subscribeWithSelector as Nf}from"zustand/middleware";import{getLastSuccessfulStep as Mf}from"@rango-dev/queue-manager-rango-preset";import dv from"bignumber.js";import{i18n as pt}from"@lingui/core";var ui={"Network Fee":pt.t("Network Fee"),"Swapper Fee":pt.t("Protocol Fee"),"Affiliate Fee":pt.t("Affiliate Fee"),"Outbound network fee":pt.t("Outbound Fee"),"Rango Fee":pt.t("Rango Fee")},ci=[{value:"SMART",label:pt.t("Smart Routing")},{value:"FEE",label:pt.t("Lowest Fee")},{value:"SPEED",label:pt.t("Fastest Transfer")},{value:"NET_OUTPUT",label:pt.t("Maximum Return")},{value:"PRICE",label:pt.t("Maximum Output")}],mi=["RECOMMENDED","CENTRALIZED","LOWEST_FEE","FASTEST","HIGH_IMPACT"],fl=30;var Wt=(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))(Wt||{});function gl(t,e){return e.find(o=>o.name===t)?.displayName}i(gl,"getBlockchainDisplayNameFor");function je(t,e){return e.find(o=>o.name===t)?.shortName}i(je,"getBlockchainShortNameFor");function vo(t,e){return e.find(o=>o.id===t)?.swapperGroup}i(vo,"getSwapperDisplayName");function di(t,e){return e.find(o=>Le(o,t))??null}i(di,"findToken");function fi(t,e){return e.find(o=>o.name===t)??null}i(fi,"findBlockchain");import{i18n as Ze}from"@lingui/core";import Ne from"bignumber.js";import{PendingSwapNetworkStatus as An}from"rango-types";function vn(t){let e=[];return t?.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,s=e[e.length-1];n!=s&&e.push(n),s=e[e.length-1],r!=s&&e.push(r)}),e}i(vn,"getRequiredWallets");function bn(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(bn,"isValidAddress");import{i18n as Ee}from"@lingui/core";var Y=i(()=>({genericServerError:Ee.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:Ee.t("Please reset your liquidity sources."),description:Ee.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources.")},noResultError:{title:Ee.t("No Routes Found."),description:Ee.t("Reasons why Rango couldn't find a route: low liquidity on token, very low input amount or no routes available for the selected input/output token combination.")},bridgeLimitErrors:{increaseAmount:Ee.t("Bridge Limit Error: Please increase your amount."),decreaseAmount:Ee.t("Bridge Limit Error: Please decrease your amount.")},highValueLossError:{impactTitle:Ee.t("High Price Impact"),title:Ee.t("Price impact is too high!"),description:Ee.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:Ee.t("Confirm high price impact")},quoteUpdatedWithHighValueLoss:{title:Ee.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:Ee.t("USD Price Unknown"),title:Ee.t("USD Price Unknown, Cannot calculate Price Impact."),description:Ee.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:Ee.t("Confirm USD Price Unknown")}}),"errorMessages");function hl(t){switch(t.type){case 0:return t.diagnosisMessage??Y().noResultError.title;case 1:return Y().genericServerError;default:return""}}i(hl,"getQuoteErrorMessage");import{i18n as In}from"@lingui/core";var Ht=i(()=>({connectWallet:In.t("Connect Wallet"),swap:In.t("Swap"),swapAnyway:In.t("Swap anyway"),ethWarning:In.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function yl(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new Ne(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new Ne(1e3)))??!1}i(yl,"hasHighValueLoss");function Sl(t){return(t||[]).filter(e=>{let o=e.fromAmountMinValue?new Ne(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Ne(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(Sl,"hasLimitError");function Cl(t){let e=(t||[]).filter(l=>{let p=l.fromAmountMinValue?new Ne(l.fromAmountMinValue):null,u=l.fromAmountMaxValue?new Ne(l.fromAmountMaxValue):null;return l.fromAmountRestrictionType==="EXCLUSIVE"?p?.gte(l.fromAmount)||u?.lte(l.fromAmount):p?.gt(l.fromAmount)||u?.lt(l.fromAmount)})[0],o=e.fromAmountMinValue?new Ne(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Ne(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",s="",a="";return!r&&o&&o.gt(e.fromAmount)?(s=Ze.t({id:"Required: >= {min} {symbol}",values:{min:E(o,6,6),symbol:e.from.symbol}}),a=Y().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(s=Ze.t({id:"Required: > {min} {symbol}",values:{min:E(o,6,6),symbol:e.from.symbol}}),a=Y().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(s=Ze.t({id:"Required: <= {max} {symbol}",values:{max:E(n,6,6),symbol:e.from.symbol}}),a=Y().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(s=Ze.t({id:"Required: < {max} {symbol}",values:{max:E(n,6,6),symbol:e.from.symbol}}),a=Y().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:s,recommendation:a}}i(Cl,"getLimitErrorMessage");function Tl(t){let{fetchMetaStatus:e,anyWalletConnected:o,fetchingQuote:n,inputAmount:r,quote:s,warning:a,error:l,needsToWarnEthOnPath:p}=t;return e!=="success"?{title:Ht().connectWallet,action:"connect-wallet",disabled:!0}:o?n||!s||l||!r||r==="0"?{title:Ht().swap,action:"confirm-swap",disabled:!0}:a?{title:Ht().swapAnyway,action:"confirm-warning",disabled:!1}:p?{title:Ht().ethWarning,action:"confirm-warning",disabled:!1}:{title:Ht().swap,action:"confirm-swap",disabled:!1}:{title:Ht().connectWallet,action:"connect-wallet",disabled:!1}}i(Tl,"getSwapButtonState");function gi(t,e,o){return!((!o||o.lte(Me))&&t&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t)}i(gi,"canComputePriceImpact");function If(t){let e=[];return t?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,s=e[e.length-1];n!=s&&e.push(n),s=e[e.length-1],r!=s&&e.push(r)}),e}i(If,"requiredWallets");var Af=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice");function Ef(t,e){let o=Me;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let s=Af(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new Ne(r.amount).multipliedBy(s||0))}return o}i(Ef,"getUsdFeeOfStep");function En(t,e){return t.reduce((o,n)=>o.plus(Ef(n,e)),Me)}i(En,"getTotalFeeInUsd");function hi(t){let e=Me;return e=e.plus(new Ne(t.amount).multipliedBy(t.price||0)),e}i(hi,"getUsdFee");function kl(t){return t.reduce((e,o)=>e.plus(hi(o)),Me)}i(kl,"getTotalFeesInUsd");function wl(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(wl,"getFeesGroup");function xl(t){let e=new Map;return t.forEach((o,n)=>{o.recommendedSlippage?.error&&e.set(n,o.recommendedSlippage.slippage)}),e.size>0?e:null}i(xl,"checkSlippageErrors");function vl(t,e){let o=new Map;return t?.swaps.forEach((n,r)=>{n.recommendedSlippage?.slippage&&parseFloat(n.recommendedSlippage.slippage)>e&&o.set(r,n.recommendedSlippage.slippage)}),o.size>0?o:null}i(vl,"checkSlippageWarnings");function Wn(t){return t.map(o=>o.recommendedSlippage)?.map(o=>o?.slippage||"0")?.filter(o=>parseFloat(o)>0)?.sort((o,n)=>parseFloat(n)-parseFloat(o))?.find(()=>!0)||null}i(Wn,"getMinRequiredSlippage");function bl(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(bl,"hasProperSlippage");function Il(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:s,disabledLiquiditySources:a,liquiditySources:l,excludeLiquiditySources:p,slippage:u,affiliateRef:c,affiliatePercent:d,affiliateWallets:m,destination:h}=t,C=s?.reduce((f,x)=>(f[x.chain]=x.address,f),{}),S=[];return r?.forEach(f=>{S.push({blockchain:f.chain,addresses:[f.address]})}),{amount:n.toString(),affiliateRef:c??void 0,affiliatePercent:d??void 0,affiliateWallets:m??void 0,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:S,selectedWallets:C??{},slippage:u.toString(),...h&&{destination:h},...p&&{swapperGroups:a.concat(l??[]),swappersGroupsExclude:!0},...!p&&{swapperGroups:l?.filter(f=>!a.includes(f)),swappersGroupsExclude:!1}}}i(Il,"createQuoteRequestBody");function Al(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(Al,"getWalletsForNewSwap");function eo(t){return t?.outputAmount||null}i(eo,"getQuoteOutputAmount");function El(t,e){return new Ne(e).div(new Ne(t)).minus(1).multipliedBy(100).toNumber()}i(El,"getPercentageChange");function Wl(t,e){let o=eo(t),n=eo(e);if(!o||!n)return!1;let r=Xe(o,n);return r?r<=-1:!0}i(Wl,"isOutputAmountChangedALot");function Ml(t,e,o){let n=t.validationStatus,r=La(t);return e.sort((a,l)=>r.indexOf(a.chain)-r.indexOf(l.chain)).flatMap(a=>$l(a,n)||[]).filter(a=>!a.ok).map(a=>{let l=a.asset.symbol,p=E(new Ne(a.currentAmount.amount).shiftedBy(-a.currentAmount.decimals),8,8),u=E(new Ne(a.requiredAmount.amount).shiftedBy(-a.requiredAmount.decimals),8,8),c="";return a.reason==="FEE"&&(c=Ze.t(" for network fee")),a.reason==="INPUT_ASSET"&&(c=Ze.t(" for swap")),a.reason==="FEE_AND_INPUT_ASSET"&&(c=Ze.t(" for input and network fee")),Ze.t({id:"Needs \u2248 {requiredAmount} {symbol}{reason}, but you have {currentAmount} {symbol} in your {blockchain} wallet.",values:{requiredAmount:u,symbol:l,reason:c,currentAmount:p,blockchain:je(a.asset.blockchain,o)}})})}i(Ml,"generateBalanceWarnings");function Mn(t,e){return(t?new Ne(t):Me).multipliedBy(e||0)}i(Mn,"calcOutputUsdValue");function bo(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==An.NetworkChanged}i(bo,"isNetworkStatusInWarningState");function Ll(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),bo(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case An.WaitingForConnectingWallet:n=n||Ze.t("Waiting for connecting wallet");break;case An.WaitingForQueue:n=n||Ze.t("Waiting for other running tasks to be finished");break;case An.WaitingForNetworkChange:n=n||Ze.t("Waiting for changing wallet network");break;default:n=n||"";break}r=r||"",n=n||"";let a=n?.indexOf("code")!==-1&&n?.indexOf("reason")!==-1;return{shortMessage:n,detailedMessage:{content:r,long:a}}}i(Ll,"getSwapMessages");function Nl(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(Nl,"getLastConvertedTokenInFailedSwap");function Bl(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}i(Bl,"shouldRetrySwap");function Pl(t,e,o,n,r,s){return t||!e&&!If(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!bn(s,o)}i(Pl,"confirmSwapDisabled");function Ln(t){let e=t?.swaps||[];return e[e.length-1].to.usdPrice}i(Ln,"getQuoteToTokenUsdPrice");function yi(t,e){let o=t?.swaps||[],n=e?.swaps||[];return o.length!==n.length}i(yi,"isNumberOfSwapsChanged");function Si(t,e){let o=t?.swaps.map(r=>r.swapperId)||[],n=e?.swaps.map(r=>r.swapperId)||[];return!ai(o,n)}i(Si,"isQuoteSwappersUpdated");function Ci(t,e){let o=t?.swaps.map(r=>r.to.symbol)||[],n=e?.swaps.map(r=>r.to.symbol)||[];return!ai(o,n)}i(Ci,"isQuoteInternalCoinsUpdated");function Dl(t,e){return yi(t,e)||Si(t,e)||Ci(t,e)}i(Dl,"isQuoteChanged");function $l(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($l,"getRequiredBalanceOfWallet");function ht(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(ht,"getPriceImpactLevel");function Fl(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],s=Mf(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=fi(s?s.toBlockchain:n.fromBlockchain,e),p=fi(r.toBlockchain,e),u=di(s?{blockchain:l?.name??"",symbol:s.toSymbol,address:s.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),c=di(a,o),d=s?s.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:u,toBlockchain:p,toToken:c,inputAmount:d}}i(Fl,"createRetryQuote");function to(t,e){let{fromToken:o,toToken:n,tokens:r,userSlippage:s}=e,a=Gt(o,t.requestAmount),l=Gt(n,t?.outputAmount??"");if(t&&a&&l){let c=Xe(a.toString(),l.toString());if(!!c&&yl(a,c)){let m=En(t?.swaps,r),h=ht(c);return{type:0,inputUsdValue:a,outputUsdValue:l,priceImpact:c,totalFee:m,warningLevel:h}}}else if(t&&(!a||!l))return{type:1};let p=Wn(t.swaps),u=s>tl;if(bl(e.userSlippage.toString(),p)){if(u&&parseFloat(p??"0")<s)return{type:3,slippage:s.toString()}}else return{type:2,recommendedSlippages:vl(t,s),minRequiredSlippage:p};return null}i(to,"generateQuoteWarnings");function Xe(t,e){let o=typeof e=="string"?parseFloat(e)<=0:!e?.gt(0),n=!t||!e||o?null:El(t.toString(),e.toString());return n&&n<0?n:null}i(Xe,"getPriceImpact");var Ul=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"),Nn=i((t,e)=>e.sort((o,n)=>{let r=i(u=>u.scores?.find(c=>c.preferenceType===t)?.score??0,"getScore"),s=r(o),a=r(n);if(s!==a)return a-s;let l=o.requestId.toLowerCase(),p=n.requestId.toLowerCase();return l.localeCompare(p)}),"sortQuotesBy"),Ol=i((t,e,o)=>{if(!e.length)return null;if(!t)return{requestAmount:o,...e[0]};let n=new Set(t.swaps.map(s=>s.swapperId)),r=e.find(s=>{let a=new Set(s.swaps.map(l=>l.swapperId));return Array.from(n).every(l=>a.has(l))});return{requestAmount:o,...r||e[0]}},"getDefaultQuote"),ql=i(t=>{let e=i((o,n)=>{let r=mi.indexOf(o.value),s=mi.indexOf(n.value);return r!==-1&&s!==-1?r-s:r!==-1?-1:s!==-1?1:0},"customSort");return t.sort(e)},"sortTags");var Gt=i((t,e)=>t?.usdPrice?new Lt(e||Me).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),Q=Et(Lf()(Nf(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new Lt(0),outputUsdValue:new Lt(0),toBlockchain:null,toToken:null,refetchQuote:!0,sortStrategy:"SMART",selectedQuote:null,quotes:null,error:null,warning:null,quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:null,quoteWarningsConfirmed:!1,updateQuotePartialState:(e,o)=>t(n=>({...n,[e]:o})),setSelectedQuote:e=>t(o=>{let n=null,r=Me;return To(o.inputAmount)?(e&&(n=e?.outputAmount?new Lt(e?.outputAmount):null,r=Mn(e?.outputAmount,Ln(e)||o.toToken?.usdPrice)),{selectedQuote:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetAlerts:()=>t(()=>({error:null,warning:null})),resetQuote:()=>t(()=>({selectedQuote:null,outputAmount:null,outputUsdValue:new Lt(0),quotes:null,refetchQuote:!0,error:null,warning:null})),setFromBlockchain:e=>{t(o=>o.fromBlockchain?.name===e?.name?{}:{fromBlockchain:e,...o.fromToken&&{selectedQuote:null,fromToken:null,outputAmount:null,outputUsdValue:null}})},setFromToken:e=>t(o=>({fromToken:e.token,...e.token&&{fromBlockchain:e.meta.blockchains.find(n=>n.name===e.token.blockchain)??null},...!!o.inputAmount&&{inputUsdValue:Gt(e.token,o.inputAmount)}})),setToBlockchain:e=>{t(o=>o.toBlockchain?.name===e?.name?{}:{toBlockchain:e,...o.toToken&&{selectedQuote:null,toToken:null,outputAmount:null,outputUsdValue:null}})},setToToken:e=>t(()=>({toToken:e.token,...e.token&&{toBlockchain:e.meta.blockchains.find(o=>o.name===e.token.blockchain)??null}})),setInputAmount:e=>{t(o=>({inputAmount:e,...!e&&{outputAmount:new Lt(0),outputUsdValue:new Lt(0),selectedQuote:null},...!!o.fromToken&&{inputUsdValue:Gt(o.fromToken,e)}}))},retry:(e,o)=>{let{tokens:n,blockchains:r}=o,{fromBlockchain:s,fromToken:a,toBlockchain:l,toToken:p,inputAmount:u}=Fl(e,r,n);t({fromBlockchain:s,fromToken:a,inputAmount:u,outputAmount:null,inputUsdValue:Gt(a??null,u),outputUsdValue:new Lt(0),toBlockchain:l,toToken:p,selectedQuote:null})},switchFromAndTo:()=>t(e=>({fromBlockchain:e.toBlockchain,fromToken:e.toToken,toBlockchain:e.fromBlockchain,toToken:e.fromToken,inputAmount:e.outputAmount?.toString()||"",inputUsdValue:Gt(e.toToken,e.outputAmount?.toString()||"")})),resetFromBlockchain:()=>t(()=>({fromToken:null,fromBlockchain:null,outputAmount:null,outputUsdValue:null,selectedQuote:null})),resetToBlockchain:()=>t(()=>({toToken:null,toBlockchain:null,outputAmount:null,outputUsdValue:null,selectedQuote:null})),setQuoteWalletConfirmed:e=>t({quoteWalletsConfirmed:e}),setSelectedWallets:e=>t({selectedWallets:e}),setCustomDestination:e=>t({customDestination:e}),resetQuoteWallets:()=>t({quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:null}),setQuoteWarningsConfirmed:e=>t({quoteWarningsConfirmed:e})}))));function Ql(){let{setInputAmount:t,setToToken:e,setToBlockchain:o,setFromBlockchain:n,setFromToken:r,fromToken:s,toToken:a,fromBlockchain:l,toBlockchain:p}=Q(),u=g().config,c=g().fetchStatus,d=g().blockchains(),m=g().tokens(),{setAffiliateRef:h,setAffiliatePercent:C,setAffiliateWallets:S}=g(),y=u?.from?.tokens,f=u?.from?.blockchains,x=u?.to?.tokens,k=u?.to?.blockchains,v=Bn(void 0),b=Bn(void 0),I=Bn(void 0),T=Bn(void 0);oo(()=>{t(u?.amount?.toString()||"")},[u?.amount]),oo(()=>{if(c==="success"){let w=d.find(L=>L.name===u?.from?.blockchain),M=m.find(L=>Le(L,u?.from?.token||null));(w||!w&&I.current)&&n(w??null),M?r({token:M,meta:{blockchains:d,tokens:m}}):!M&&v.current&&r({token:null}),I.current=u?.from?.blockchain,v.current=u?.from?.token}},[u?.from?.token?.symbol,u?.from?.token?.address,u?.from?.token?.blockchain,u?.from?.blockchain,c]),oo(()=>{ko(s,y)&&r({token:null}),ii(l,f)&&n(null)},[y,f]),oo(()=>{ko(a,x)&&r({token:null}),ii(p,k)&&o(null)},[x,k]),oo(()=>{if(c==="success"){let w=d.find(L=>L.name===u?.to?.blockchain),M=m.find(L=>Le(L,u?.to?.token||null));(w||!w&&T.current)&&o(w??null),M?e({token:M,meta:{blockchains:d,tokens:m}}):!M&&b.current&&e({token:null}),T.current=u?.to?.blockchain,b.current=u?.to?.token}},[u?.to?.token?.symbol,u?.to?.token?.address,u?.to?.token?.blockchain,u?.to?.blockchain,c]),oo(()=>{h(u?.affiliate?.ref??null),C(u?.affiliate?.percent??null),S(u?.affiliate?.wallets??null)},[u?.affiliate?.ref,u?.affiliate?.percent,u?.affiliate?.wallets])}i(Ql,"useSyncStoresWithConfig");import{useEffect as wi,useRef as Bf}from"react";import{useInRouterContext as Pf,useLocation as $f,useSearchParams as _f}from"react-router-dom";function Ti(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(Ti,"searchParamToToken");function ki(t){if(t)return`${t.symbol}${t.address?`--${t.address}`:""}`}i(ki,"tokenToSearchParam");function xi(){let t=$f(),[e,o]=_f(),{fromBlockchain:n,toBlockchain:r,fromToken:s,toToken:a,inputAmount:l,setFromBlockchain:p,setToBlockchain:u,setFromToken:c,setToToken:d,setInputAmount:m}=Q(),h=g().fetchStatus,C=g().blockchains(),S=g().tokens(),y=Pf(),{updateIframe:f,updateCampaignMode:x}=g(),k=g().isInCampaignMode(),v=Bf(),b=i(()=>{let T=e.get("fromAmount"),w=e.get("fromBlockchain"),M=e.get("fromToken"),L=e.get("toBlockchain"),F=e.get("toToken"),O=e.get("autoConnect"),ie=e.get("clientUrl"),ue=e.get("liquiditySources");return{fromAmount:T,fromBlockchain:w,fromToken:M,toBlockchain:L,toToken:F,autoConnect:O,clientUrl:ie,liquiditySources:ue}},"getUrlSearchParams"),I=i(T=>{for(let w in T)T[w]||delete T[w];o(T,{replace:!0})},"updateUrlSearchParams");wi(()=>{let{autoConnect:T,clientUrl:w}=b();y&&h==="success"&&I({fromBlockchain:n?.name,fromToken:ki(s),toBlockchain:r?.name,toToken:ki(a),fromAmount:l,autoConnect:T??void 0,clientUrl:w??void 0,liquiditySources:k?v.current:void 0})},[t.pathname,l,n,s,r,a,k]),wi(()=>{if(!y)return;let T=b();if(!v.current&&T.liquiditySources&&(v.current=T.liquiditySources),T.fromAmount&&m(T.fromAmount),h==="success"){let w=C.find(O=>O.name===T.fromBlockchain),M=Ti(S,T.fromToken,w??null),L=C.find(O=>O.name===T.toBlockchain),F=Ti(S,T.toToken,L??null);w&&(p(w),M&&c({token:M,meta:{blockchains:C,tokens:S}})),L&&(u(L),F&&d({token:F,meta:{blockchains:C,tokens:S}}))}},[h]),wi(()=>{let{clientUrl:T,liquiditySources:w}=b();f("clientUrl",T||void 0),x("liquiditySources",w?.split(",")??void 0)},[])}i(xi,"useSyncUrlAndStore");import{i18n as wr}from"@lingui/core";import{useManager as xy}from"@rango-dev/queue-manager-react";import{Alert as uc,Button as vy,css as hs,Divider as gs,IconButton as cc,SettingsIcon as by,styled as Iy,Tooltip as Ay,Typography as Ey,WalletIcon as Wy}from"@rango-dev/ui";import pe,{useEffect as qo,useLayoutEffect as My,useRef as Ly,useState as xr}from"react";import{flushSync as Ny}from"react-dom";import{useLocation as By,useNavigate as Py}from"react-router-dom";import{i18n as ct}from"@lingui/core";import{Alert as Ki,BalanceErrors as dh,Button as Xp,ChevronDownIcon as fh,ChevronLeftIcon as gh,Divider as lo,MessageBox as hh,Typography as nr,WalletIcon as yh}from"@rango-dev/ui";import _,{useEffect as Sh,useState as po}from"react";import{useNavigate as Ch}from"react-router-dom";import{i18n as Pn}from"@lingui/core";function $n(t){switch(t.type){case 0:return Pn.t("Route has been updated.");case 3:return Pn.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return Pn.t("Route swappers has been updated.");case 2:return Pn.t("Route internal coins has been updated.");default:return""}}i($n,"getQuoteUpdateWarningMessage");import{Modal as Ff}from"@rango-dev/ui";import Uf from"react";function se(t){let{watermark:e}=te();return Uf.createElement(Ff,{hasWatermark:e==="FULL",...t},t.children)}i(se,"WatermarkedModal");import Un,{useRef as Qf}from"react";import*as no from"@radix-ui/react-collapsible";import{keyframes as zl,styled as _n}from"@rango-dev/ui";var vi=300,Of=zl({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),qf=zl({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),Hl=_n(no.Root,{borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),bi=_n(no.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit",cursor:"pointer"}),Dn=_n(no.Content,{overflow:"hidden",variants:{open:{true:{animation:`${Of} ${vi}ms ease-out`},false:{animation:`${qf} ${vi}ms ease-out`}}}}),Fn=_n("div",{transition:`all ${vi}ms ease`,display:"flex",alignItems:"center",variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}});function On(t){let{open:e,hasSelected:o,onOpenChange:n,children:r,onClickTrigger:s,trigger:a,triggerAnchor:l}=t,p=Qf(null);return Un.createElement(Hl,{ref:p,className:"collapsible_root",selected:o&&e,open:e,onOpenChange:n},l==="top"&&Un.createElement(bi,{className:"collapsible_trigger",onClick:s},a),Un.createElement(Dn,{className:"collapsible_content",open:e},r),l==="bottom"&&Un.createElement(bi,{className:"collapsible_trigger",onClick:s},a))}i(On,"CustomCollapsible");import{Button as zf,css as Gl,darkTheme as ro,IconButton as Hf,styled as Ke,TextField as Gf}from"@rango-dev/ui";var Vl=Ke("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),jl=Ke("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Vf=Ke("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${ro} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${ro} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${ro} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),Xl=Ke(Vf,{alignSelf:"stretch",minHeight:"93px"}),Kl=Ke("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),Yl=Ke(Hf,{position:"absolute",left:"$20"}),Jl=Ke("div",{paddingTop:"$20"}),Zl=Gl({display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Rl=Ke("div",{padding:"$10 $0","& .button__content":{display:"flex",alignItems:"center"},"& .alarms":{paddingTop:"$5"},"& .collapsible_content":{backgroundColor:"$neutral100"},"& .collapsible_root":{backgroundColor:"$neutral200"}}),ep=Gl({paddingTop:"$5"}),tp=Ke("div",{display:"flex"}),op=Ke(Gf,{backgroundColor:"$neutral100",padding:"$0 $15 $15 $15"}),np=Ke("div",{overflow:"visible",width:"100%"}),rp=Ke(zf,{width:"100%",borderRadius:"$sm !important",padding:"$15 !important",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${ro} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${ro} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${ro} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}});import{i18n as et}from"@lingui/core";import{Button as ph,Divider as ji,Image as uh,MessageBox as or,SelectableWallet as ch,Typography as Hp,WalletState as Gp}from"@rango-dev/ui";import ae,{useEffect as Vp,useState as Wo}from"react";import{WalletState as Ii}from"@rango-dev/ui";import{useWallets as jf}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as Xf,WalletTypes as qn}from"@rango-dev/wallets-shared";import{useCallback as Kf,useEffect as Yf,useState as Jf}from"react";var Zf=Object.values(qn);function Qn(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:l,connect:p}=jf(),{connectedWallets:u}=K(),c=g().blockchains(),d=Ha(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||Zf,m=Wa(s,l,d,o),h=_a(m),[C,S]=Jf(""),y=i(b=>!u.find(I=>I.walletType===b&&I.chain===o),"isExperimentalChainNotAdded"),f=i(async b=>{let I=s(b);try{if(C&&S(""),I.connected)await a(b);else{let T=!!m.find(w=>w.state===Ii.CONNECTED);if(!e?.multiWallets&&T)return;n?.(b),await p(b),r?.(b)}}catch(T){S("Error: "+T?.message)}},"handleClick"),x=Kf(()=>{let b=m?.filter(I=>I.state===Ii.CONNECTING)||[];for(let I of b)a(I.type)},[Ua(m)]);Yf(()=>()=>{x()},[]);let k=i(b=>b.filter(T=>T.state!=Ii.NOT_INSTALLED&&![qn.DEFAULT,qn.WALLET_CONNECT_2].includes(T.type)&&l(T.type).supportedChains.filter(w=>w.type=="EVM").length>0).length==0,"shouldShowDefaultInjectedWallet"),v=i((b,I,T)=>dn(T,I)&&y(b)&&!Xf.includes(b)||b==qn.DEFAULT&&!k(m),"shouldExcludeWallet");return{list:h.filter(b=>!v(b.type,o??"",c)),error:C,handleClick:f,disconnectConnectingWallets:x}}i(Qn,"useWalletList");import{i18n as Dp}from"@lingui/core";import{styled as Up,Typography as oh,Wallet as nh,WalletState as rh}from"@rango-dev/ui";import ao,{useState as Fp}from"react";import{useManager as Vg}from"@rango-dev/queue-manager-react";import{BottomLogo as jg,Divider as Wp,Header as Xg}from"@rango-dev/ui";import de,{useEffect as Mp,useRef as Lp}from"react";import{useRef as Rf}from"react";function zn(){return window.self!==window.top}i(zn,"isAppLoadedIntoIframe");function Ai(){let t=Rf(null),{iframe:e}=g(),o=zn()&&e.clientUrl,n=i(a=>{o&&window.top?.postMessage(a,e.clientUrl)},"send");return{send:n,connectHeightObserver:i(a=>{t.current=new ResizeObserver(l=>{for(let p of l)n({type:"widget_height",data:{height:p.contentRect.height}})}),t.current.observe(a)},"connectHeightObserver"),disconnectHeightObserver:i(()=>{t.current&&(t.current.disconnect(),t.current=null)},"disconnectHeightObserver")}}i(Ai,"useIframe");import{useNavigate as eg}from"react-router-dom";function ut(){let t=eg();return()=>t(-1)}i(ut,"useNavigateBack");import{createTheme as Li,darkTheme as ig,lightTheme as sg}from"@rango-dev/ui";import{useEffect as lp,useState as ag}from"react";import{theme as ng,darkColors as rg}from"@rango-dev/ui";var ip=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,u=(a.length<2?"0":"")+a,c=(l.length<2?"0":"")+l;return`#${p}${u}${c}`},"colorShade"),Hn=i((t,e)=>{let a={[t]:e};for(let l=1;l<10;l++)l<5&&(a={...a,[t+l*100]:ip(e,(5-l)*25)}),l===5&&(a={...a,[t+l*100]:e}),l>5&&(a={...a,[t+l*100]:ip(e,-((l-5)*25))});return a},"generateRangeColors"),Ei=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=Hn(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,...Hn(s,a)}}return n?r:{}},"generateColors");var sp=i(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),tg=i(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=sp(o%52)+e;return sp(o%52)+e},"toAlphabeticName"),og=i((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),Wi=i(t=>tg(og(5381,JSON.stringify(t))>>>0),"toHash");function Mi(t){let e=ng.colors,o=Ei({...e,...rg},!0,t?.dark),n=Ei(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:`${ri}-light-${Wi(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${ri}-dark-${Wi(p)}`,tokens:p}}return{light:a,dark:l}}i(Mi,"customizedThemeTokens");function ap(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(ap,"joinList");function Gn(t){let{colors:e,fontFamily:o=za,borderRadius:n=qa,secondaryBorderRadius:r=Qa,mode:s="auto"}=t,[a,l]=ag("light"),{setTheme:p,theme:u}=g(),{dark:c,light:d}=Mi(e),m=Li({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),h=[m.className,sg.className],C=[m.className,ig.className];if(d){let y=Li(d.id,d.tokens);h.push(y.className)}if(c){let y=Li(c.id,c.tokens);C.push(y.className)}return lp(()=>{let y=i(f=>{f.matches?l("dark"):l("light")},"switchThemeListener");return window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&l("dark"),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",y),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",y)}},[]),lp(()=>{s!=="auto"&&p(s)},[s]),{activeTheme:i(()=>{let y=h.join(" "),f=C.join(" ");return u==="auto"?a==="dark"?f:y:u==="dark"?f:y},"getActiveTheme")}}i(Gn,"useTheme");var Nt=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 pp}from"@lingui/core";import{Alert as lg,Button as pg}from"@rango-dev/ui";import up from"react";function Ni(t){return up.createElement(lg,{action:up.createElement(pg,{onClick:t.onActivateTab,variant:"contained",size:"xxsmall",type:"warning"},pp.t("Activate")),type:"warning",variant:"alarm",title:pp.t("Another tab is open and handles transactions. You can activate this tab.")})}i(Ni,"ActivateTabAlert");import{i18n as Bi}from"@lingui/core";import{Button as ug,Divider as cg,MessageBox as mg}from"@rango-dev/ui";import Vn from"react";function Pi(t){let{open:e,onClose:o,onConfirm:n}=t;return Vn.createElement(se,{open:e,dismissible:!0,onClose:o,container:B()},Vn.createElement(mg,{title:Bi.t("Activate current tab"),type:"warning",description:Bi.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.")},Vn.createElement(cg,{size:20}),Vn.createElement(ug,{variant:"contained",size:"large",type:"primary",fullWidth:!0,onClick:n},Bi.t("Confirm"))))}i(Pi,"ActivateTabModal");import{ChevronLeftIcon as gg}from"@rango-dev/ui";import fp from"react";import{darkTheme as dg,IconButton as fg,styled as Io}from"@rango-dev/ui";var Ye=Io(fg,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),cp=Io("div",{position:"absolute",background:"$secondary500",[`.${dg} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),io=Io("div",{display:"flex",justifyContent:"flex-end",minWidth:"$40",button:{padding:0}}),mp=Io("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"}),dp=Io("div",{padding:"$2",variants:{isRefetched:{true:{transform:"rotate(360deg)",transition:"transform 1s ease-in-out"}}}});function $i(t){return fp.createElement(Ye,{variant:"ghost",size:"small",onClick:t.onClick},fp.createElement(gg,{color:"black",size:16}))}i($i,"BackButton");import{i18n as hg}from"@lingui/core";import{Button as yg,Typography as Sg}from"@rango-dev/ui";import _i from"react";function Di(t){return _i.createElement(io,null,_i.createElement(yg,{variant:"ghost",onClick:t.onClick,size:"xsmall"},_i.createElement(Sg,{variant:"label",size:"medium",color:"error500"},hg.t("Cancel"))))}i(Di,"CancelButton");import{i18n as Cg}from"@lingui/core";import{Tooltip as Tg,WalletIcon as kg}from"@rango-dev/ui";import jn from"react";function Fi(t){return jn.createElement(Tg,{container:t.container,side:"top",content:Cg.t("Connect Wallet")},jn.createElement(Ye,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&jn.createElement(cp,null),jn.createElement(kg,{size:18,color:"black"})))}i(Fi,"WalletButton");import{i18n as Jn}from"@lingui/core";import{NotificationsIcon as qg,Popover as Qg,SettingsIcon as zg,Tooltip as Zn,TransactionIcon as Hg}from"@rango-dev/ui";import Ie from"react";import{i18n as Wg}from"@lingui/core";import{EventSeverity as Mg}from"@rango-dev/queue-manager-rango-preset";import{ChainToken as Tp,ChevronRightIcon as Lg,ListItemButton as Ng,Typography as Bg}from"@rango-dev/ui";import Re from"react";import{useNavigate as Pg}from"react-router-dom";import{create as wg}from"zustand";import{persist as xg,subscribeWithSelector as vg}from"zustand/middleware";var qe=Et(wg()(xg(vg((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 Xn}from"@rango-dev/ui";var gp=Xn("div",{padding:"$10",width:"350px",maxWidth:"90vw",minHeight:"150px"}),hp=Xn("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),yp=Xn("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),Sp=Xn("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as bg}from"@lingui/core";import{Divider as Ig,NoNotificationIcon as Ag,Typography as Eg}from"@rango-dev/ui";import Kn from"react";function Cp(){return Kn.createElement(Sp,null,Kn.createElement(Ag,{color:"secondary",size:26}),Kn.createElement(Ig,{size:12}),Kn.createElement(Eg,{variant:"body",size:"medium",color:"neutral700"},bg.t("There are no notifications.")))}i(Cp,"NotificationNotFound");var $g=4;function Ui(){let t=Pg(),{getUnreadNotifications:e}=qe(),o=e(),n=g().blockchains(),r=g().tokens(),s=o.sort((l,p)=>p.creationTime-l.creationTime).slice(0,$g),a=i(l=>{t(`${$.swaps}/${l}`)},"handleOnClick");return Re.createElement(gp,null,s.length?Re.createElement(hp,null,s.map(l=>{let{route:p,requestId:u,event:c}=l,d=r.find(S=>Le(S,p.from)),m=n.find(S=>S.name===p.from.blockchain),h=r.find(S=>Le(S,p.to)),C=n.find(S=>S.name===p.to.blockchain);return Re.createElement(Ng,{key:u,onClick:()=>a(u),title:Re.createElement(Bg,{variant:"body",size:"small",color:c.messageSeverity===Mg.WARNING?"$foreground":"$neutral700"},Wg.t(c.message)),id:u,start:Re.createElement(yp,null,Re.createElement("div",{className:"from-chain-token"},Re.createElement(Tp,{tokenImage:d?d.image:"",chainImage:m?m.logo:"",size:"small"})),Re.createElement("div",{className:"to-chain-token"},Re.createElement(Tp,{tokenImage:h?h.image:"",chainImage:C?C.logo:"",size:"small"}))),end:Re.createElement(Lg,{size:12,color:"gray"})})})):Re.createElement(Cp,null))}i(Ui,"NotificationContent");import{RefreshProgressButton as _g}from"@rango-dev/ui";import Oi,{useEffect as Dg,useState as kp}from"react";var Fg=1e3,wp=60,Ug=100;function Yn({onClick:t}){let[e,o]=kp(0),[n,r]=kp(!1),s=i(p=>{document.hidden&&p&&a(p)},"handleVisibilityChange");Dg(()=>{let p;return t?p=window.setInterval(()=>{o(u=>u+1),e===wp&&l()},Fg):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 Oi.createElement(Ye,{variant:"ghost",size:"small",onClick:l,disabled:!t},Oi.createElement(dp,{onTransitionEnd:()=>r(!1),isRefetched:n},Oi.createElement(_g,{size:24,color:t?"black":"gray",progress:e/wp*Ug})))}i(Yn,"RefreshButton");import{Typography as Og}from"@rango-dev/ui";import xp from"react";function vp(){let{getUnreadNotifications:t}=qe(),e=t().length;return e?xp.createElement(mp,null,xp.createElement(Og,{variant:"body",size:"xsmall",color:"$background"},e)):null}i(vp,"UnreadNotificationsBadge");function Vt(t){let{onClickRefresh:e,onClickHistory:o,onClickSettings:n,hidden:r=[]}=t,{config:{features:s}}=g(),a=Ve("notification",s)||r.includes("notifications");return Ie.createElement(Ie.Fragment,null,!r.includes("refresh")&&Ie.createElement(Zn,{container:B(),side:"top",content:Jn.t("Refresh")},Ie.createElement(Yn,{onClick:e})),!a&&Ie.createElement(Qg,{align:"end",alignOffset:-88,collisionPadding:{right:20,left:20},container:B(),content:Ie.createElement(Ui,null)},Ie.createElement("div",null,Ie.createElement(Zn,{container:B(),side:"top",content:Jn.t("Notifications")},Ie.createElement(Ye,{size:"small",variant:"ghost"},Ie.createElement(qg,{size:18,color:"black"}),Ie.createElement(vp,null))))),!r.includes("settings")&&Ie.createElement(Zn,{container:B(),side:"top",content:Jn.t("Settings")},Ie.createElement(Ye,{size:"small",variant:"ghost",onClick:n},Ie.createElement(zg,{size:18,color:"black"}))),!r.includes("history")&&Ie.createElement(Zn,{container:B(),side:"top",content:Jn.t("Transactions History")},Ie.createElement(Ye,{size:"small",variant:"ghost",onClick:o},Ie.createElement(Hg,{size:18,color:"black"}))))}i(Vt,"HeaderButtons");function qi(t){let e=t.target;if(e){let o=e.scrollTop,n=B();o>1?n.classList.add("rng-scrolled"):n.classList.remove("rng-scrolled")}}i(qi,"onScrollContentAttachStatusToContainer");import{css as Gg,styled as Qi}from"@rango-dev/ui";var bp="700px",Rn=Gg({borderRadius:"$primary",display:"flex",flexDirection:"column",overflow:"hidden",boxShadow:"15px 15px 15px 0px rgba(0, 0, 0, 0.05)"}),Ip=Qi("div",{position:"relative",width:"100vw",minWidth:"300px",maxWidth:"390px",backgroundColor:"$background",variants:{height:{auto:{height:"auto",maxHeight:bp},fixed:{height:bp}}}}),Ap=Qi("div",{position:"relative",overflow:"hidden",flexGrow:1,display:"flex",flexDirection:"column",padding:0,overflowY:"auto"}),Ep=Qi("div",{padding:"0 $20 $10","& .footer__logo":{opacity:0,transition:"opacity 1s ease-in-out","&.logo__show":{opacity:1},"&.logo__hidden":{visibility:"hidden"}}});function ee(t){let{connectHeightObserver:e,disconnectHeightObserver:o}=Ai(),{children:n,header:r,footer:s,height:a="fixed"}=t,l=K.use.connectedWallets(),{config:{features:p,theme:u}}=g(),{watermark:c}=te(),d=c==="FULL",{activeTheme:m}=Gn(u||{}),h=Ve("connectWalletButton",p),{isActiveTab:C,tabManagerInitiated:S,showActivateTabModal:y,setShowActivateTabModal:f,activateCurrentTab:x}=te(),k=ut(),{manager:v}=Vg(),I=Nt(v).map(({swap:O})=>O).some(O=>O.status==="running"),T=i(()=>x(zt.forceClaim,I),"onActivateTab"),w=i(()=>{r.onWallet?.()},"onConnectWallet"),M=typeof r.hasBackButton>"u"||r.hasBackButton,L=Lp(null),F=Lp(null);return Mp(()=>(zn()&&F.current&&e(F.current),()=>{o()}),[]),Mp(()=>(L.current?.addEventListener("scroll",qi),()=>{L.current?.removeEventListener("scroll",qi)}),[]),de.createElement(Ip,{height:a,id:Te.SWAP_BOX_ID,className:`${m()} ${Rn()}`,ref:F},de.createElement(Xg,{prefix:de.createElement(de.Fragment,null,M&&de.createElement($i,{onClick:()=>{k(),r.onBack&&r.onBack()}})),title:r.title,suffix:de.createElement(de.Fragment,null,r.suffix,r.onWallet&&!h&&de.createElement(Fi,{container:B(),onClick:w,isConnected:!!l?.length}),r.onCancel&&de.createElement(Di,{onClick:r.onCancel}))}),de.createElement(Ap,{ref:L},n),de.createElement(Pi,{open:y,onClose:()=>f(!1),onConfirm:T}),de.createElement(Ep,null,de.createElement("div",{className:"footer__content"},s,S&&!C&&de.createElement(de.Fragment,null,de.createElement(Wp,{size:12}),de.createElement(Ni,{onActivateTab:T}))),de.createElement(Wp,{size:12}),de.createElement("div",{className:`footer__logo ${d?"logo__show":"logo__hidden"}`},de.createElement(jg,null))))}i(ee,"Layout");import{styled as Kg}from"@rango-dev/ui";var Np="$20 $20 $10 $20",Ao=Kg("div",{padding:Np,overflowY:"auto",flexGrow:1});import{styled as Yg}from"@rango-dev/ui";var re=Yg("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 th}from"@rango-dev/ui";import Hi from"react";import{i18n as so}from"@lingui/core";import{Image as Rg,MessageBox as zi,WalletState as eh}from"@rango-dev/ui";import jt from"react";import{keyframes as Jg,styled as er}from"@rango-dev/ui";var wE=er("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),Bp=er("div",{position:"relative"}),Zg=Jg({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),Pp=er("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Zg} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),$p=er("div",{"& img":{borderRadius:"50%"}});function _p(t){let{state:e,image:o,error:n}=t;return e===eh.CONNECTED?jt.createElement(zi,{type:"success",title:so.t("Wallet Connected"),description:so.t("Your wallet is connected, you can use it to swap.")}):n?jt.createElement(zi,{type:"error",title:so.t("Failed to Connect"),description:n||so.t("Your wallet is not connected. Please try again.")}):jt.createElement(zi,{type:"loading",title:so.t("Connecting to your wallet"),description:so.t("Click connect in your wallet popup."),icon:jt.createElement(Bp,null,jt.createElement($p,null,jt.createElement(Rg,{src:o,size:45})),jt.createElement(Pp,null))})}i(_p,"ModalContent");function Eo(t){let{open:e,onClose:o,...n}=t;return Hi.createElement(se,{open:e,onClose:o,container:document.getElementById(Te.SWAP_BOX_ID)||document.body},Hi.createElement(_p,{...n}),Hi.createElement(th,{direction:"vertical",size:32}))}i(Eo,"WalletModal");var ih=Up("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),sh=Up(re,{textAlign:"center"}),tr=3e3,Gi=300;function Op(){let{config:t,fetchStatus:e}=g(),[o,n]=Fp(!1),[r,s]=Fp(""),a=null,l=te.use.isActiveTab(),{list:p,handleClick:u,error:c,disconnectConnectingWallets:d}=Qn({config:t,onBeforeConnect:y=>{a=setTimeout(()=>{n(!0),s(y)},Gi)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},tr)}}),m=i(()=>{d(),n(!1)},"handleCloseWalletModal"),h=p.find(y=>y.type===r),C=h?.image||"",S=h?.state||rh.NOT_INSTALLED;return ao.createElement(ee,{header:{title:Dp.t("Connect Wallets")}},ao.createElement(sh,null,ao.createElement(oh,{variant:"title",size:"xmedium",align:"center"},Dp.t("Choose a wallet to connect.")),ao.createElement(ih,null,p.map((y,f)=>{let x=`wallet-${f}-${y.type}`;return ao.createElement(nh,{key:x,...y,container:B(),onClick:k=>{u(k)},isLoading:e==="loading",disabled:!l})}),ao.createElement(Eo,{open:!!o,onClose:m,image:C,state:S,error:c}))))}i(Op,"WalletsPage");import{keyframes as ah,styled as Vi}from"@rango-dev/ui";var qp=Vi("div",{position:"relative"}),lh=ah({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),Qp=Vi("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${lh} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),zp=Vi("div",{"& img":{borderRadius:"50%"}});var mh=7;function Xi(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:s}=t,{config:a}=g(),l=te.use.isActiveTab(),p=K.use.connectedWallets(),{blockchains:u}=g(),[c,d]=Wo(""),[m,h]=Wo(null),[C,S]=Wo(!1),[y,f]=Wo(null),{suggestAndConnect:x}=jp(),k=null,{list:v,error:b,handleClick:I,disconnectConnectingWallets:T}=Qn({config:a,chain:e,onBeforeConnect:W=>{k=setTimeout(()=>{d(W)},Gi)},onConnect:()=>{k&&clearTimeout(k),setTimeout(()=>{d("")},tr)}}),[w,M]=Wo(v),L=v.length,F=r&&L-r>0,O=i(async W=>{S(!1),f("in-progress");try{await x(W.walletType,W.chain),f("completed")}catch{f("rejected")}},"addExperimentalChain");Vp(()=>{M(W=>{let z=v.findIndex(A=>o(A.type,e));return F&&z>1?[v[z]].concat(v.filter((A,N)=>N!==z)):W.map(A=>v.find(N=>N.type===A.type)??A)})},[JSON.stringify(v)]);let ie=document.getElementById(Te.SWAP_BOX_ID);Vp(()=>{let W=null;return(y==="completed"||y==="rejected")&&(W=setTimeout(()=>f(null),tr)),()=>{W&&clearTimeout(W)}},[y]);let ue=i(()=>{T(),d("")},"handleCloseWalletModal");return ae.createElement(ae.Fragment,null,w.slice(0,r).map(W=>{let z=Da({connectedWallets:p,walletType:W.type,chain:e}),A=z?gn(z,mh):"",N=dn(u(),e),me=!p.find(be=>be.walletType===W.type&&be.chain===e),H=N&&me&&W.state===Gp.CONNECTED,V=H?et.t({id:"Add {chain} chain",values:{chain:e}}):A,Se=i(()=>{W.state===Gp.DISCONNECTED?I(W.type):H?(h({walletType:W.type,chain:e,address:z??""}),S(!0)):n({walletType:W.type,chain:e,address:z??""})},"onClick"),ve=m?.chain?gl(m.chain,u()):void 0;return ae.createElement(ae.Fragment,null,ae.createElement(Eo,{open:c===W.type,onClose:ue,image:W.image,state:W.state,error:b}),!!m&&ae.createElement(se,{open:!!m&&C,container:ie,onClose:()=>{h(null)}},ae.createElement(or,{title:et.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:ve}}),type:"warning",description:et.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:ve}})},ae.createElement(ji,{size:18}),ae.createElement(ji,{size:32}),ae.createElement(ph,{onClick:O.bind(null,m),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},et.t("Confirm")))),y&&ae.createElement(se,{open:!!y,onClose:f.bind(null,null),container:ie},y==="in-progress"&&ae.createElement(or,{type:"loading",title:et.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:ve}}),description:et.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:ve}}),icon:ae.createElement(qp,null,ae.createElement(zp,null,ae.createElement(uh,{src:W.image,size:45})),ae.createElement(Qp,null))}),y==="completed"&&ae.createElement(or,{type:"success",title:et.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:ve}}),description:et.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:ve}})}),y==="rejected"&&ae.createElement(or,{type:"error",title:et.t("Request Rejected"),description:et.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:ve}})}),ae.createElement(ji,{direction:"vertical",size:32})),ae.createElement(ch,{key:W.type,description:V,onClick:Se,selected:o(W.type,e),disabled:!l,...W}))}),F&&ae.createElement(Xl,{selected:!1,onClick:s},ae.createElement(Hp,{variant:"label",size:"medium"},et.t("Show more wallets"),ae.createElement(Hp,{variant:"label",size:"medium",color:"$primary"},"\xA0+",L-(r??0)))))}i(Xi,"WalletList");var Th=2;function Kp(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,loading:s}=t,a=g().config,l=g().blockchains(),{selectedQuote:p,setSelectedWallets:u,quoteWalletsConfirmed:c,setQuoteWalletConfirmed:d,customDestination:m,setCustomDestination:h}=Q(),{connectedWallets:C,selectWallets:S}=K(),[y,f]=po(""),[x,k]=po([]),[v,b]=po(""),[I,T]=po(null),[w,M]=po(!!m),L=vn(p?.swaps||null),F=l.find(G=>G.name===p?.swaps[p?.swaps.length-1].to.blockchain),O=i(G=>!!p?.swaps.find(J=>J.from.blockchain===G),"isWalletRequiredFor"),ie=i(()=>C.filter(G=>G.selected&&L.includes(G.chain)),"getInitialSelectableWallets"),[ue,W]=po(ie()),z=l.find(G=>G.name===F?.name),A=x.length>0,N=i((G,J)=>!!ue.find(R=>R.walletType===G&&R.chain===J&&R.selected&&(O(J)||!O(J)&&!m)),"isSelected"),me=!!m&&w&&z&&!bn(z,m),H=i(()=>{M(!1),h(null),W(G=>{let J=!1;return G.map(R=>!J&&R.chain===F?.name?(J=!0,{...R,selected:!0}):R)})},"resetCustomDestination"),V=i(G=>{if(y&&f(""),N(G.walletType,G.chain))return;let R=C.find(Ae=>Ae.walletType===G.walletType&&Ae.chain===G.chain);R&&(n(),G.chain===F?.name&&w&&(M(!1),h(null)),W(Ae=>Ae.filter(Ge=>Ge.chain!==G.chain).concat({...R,selected:!0})))},"onChange"),Se=i(()=>{let G=ue.filter(J=>J.selected);S(G),u(G),d(!0),o()},"onConfirmBalance"),ve=i(async()=>{k([]),b(""),T(null);let G=C.filter(Ae=>ue.find(Ge=>Ge.chain===Ae.chain&&Ge.walletType===Ae.walletType)),J=await r?.({selectedWallets:G,customDestination:m}),R=J.warnings;R?.balance?.messages&&k(R.balance.messages),R?.quoteUpdate&&T(R.quoteUpdate),J.error&&b(hl(J.error)),!J.error&&!R?.balance?.messages.length?Se():k(R?.balance?.messages??[])},"onConfirmWallets");Sh(()=>{W(G=>G.concat(C.filter(J=>!!!G.find(Ae=>Ae.chain===J.chain)&&J.selected&&L.includes(J.chain))))},[C.length]);let be=document.getElementById(Te.SWAP_BOX_ID),ft=Ch();return _.createElement(se,{open:e,onClose:()=>{c||ft("../",{replace:!0}),o()},dismissible:!y,container:be,...!y&&{footer:_.createElement(tp,null,_.createElement(Xp,{loading:s,disabled:Pl(s,w,m,p,ue,F),onClick:ve,variant:"contained",type:"primary",fullWidth:!0,size:"large"},ct.t("Confirm")))},...y&&{styles:{container:{padding:"$0"}},header:_.createElement(Kl,null,_.createElement(Yl,{variant:"ghost",onClick:f.bind(null,"")},_.createElement(gh,{size:16})),_.createElement(nr,{variant:"headline",size:"small"},ct.t({id:"Your {blockchainName} wallets",values:{blockchainName:je(y,l)}})))},anchor:"center"},_.createElement(se,{open:A,onClose:k.bind(null,[]),container:be},_.createElement(hh,{title:ct.t("Insufficient account balance"),type:"error",description:_.createElement(dh,{messages:x??[]})},_.createElement(Xp,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:Se},ct.t("Proceed anyway")))),y&&_.createElement(Jl,null,_.createElement("div",{className:Zl()},_.createElement(Xi,{chain:y,isSelected:N,selectWallet:V,onShowMore:f.bind(null,y)}))),!y&&_.createElement(_.Fragment,null,v&&_.createElement(_.Fragment,null,_.createElement(Ki,{variant:"alarm",type:"error",title:ct.t(v)}),_.createElement(lo,{size:12})),I&&_.createElement(_.Fragment,null,_.createElement(Ki,{variant:"alarm",type:"warning",title:$n(I)}),_.createElement(lo,{size:12})),_.createElement(np,null,L.map((G,J)=>{let R=l.find(Ce=>Ce.name===G),Ae=`wallet-${J}`,Ge=J===L.length-1;return _.createElement("div",{key:Ae},_.createElement(Vl,null,_.createElement(nr,{variant:"title",size:"xmedium"},ct.t({id:"Your {blockchainName} wallets",values:{blockchainName:R?.shortName}})),_.createElement(nr,{variant:"label",color:"$neutral700",size:"medium"},ct.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:R?.shortName}}))),_.createElement(lo,{size:24}),_.createElement(jl,null,_.createElement(Xi,{chain:G,isSelected:N,selectWallet:V,limit:Th,onShowMore:()=>f(R?.name??"")})),!Ge&&_.createElement(lo,{size:32}),Ge&&a?.customDestination&&_.createElement(Rl,null,_.createElement(On,{onOpenChange:Ce=>{Ce?O(F?.name??"")||W(Fe=>Fe.map(he=>he.chain===F?.name?{...he,selected:!1}:he)):H()},hasSelected:!0,open:w,triggerAnchor:"top",trigger:_.createElement(rp,{fullWidth:!0,variant:"default",suffix:_.createElement(Fn,{orientation:w?"up":"down"},_.createElement(fh,{size:10,color:"gray"}))},_.createElement("div",{className:"button__content"},_.createElement(yh,{size:18,color:"info"}),_.createElement(lo,{size:4,direction:"horizontal"}),_.createElement(nr,{variant:"label",size:"medium"},ct.t("Send to a different address")))),onClickTrigger:()=>M(Ce=>!Ce)},_.createElement(lo,{size:4}),_.createElement(op,{autoFocus:!0,placeholder:ct.t("Your destination address"),value:m||"",onChange:Ce=>{let Fe=Ce.target.value;Fe.length?h(Fe.length?Fe:null):(M(!1),h(null))}})),me&&_.createElement("div",{className:ep()},_.createElement(Ki,{variant:"alarm",type:"error",title:ct.t({values:{destination:m},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(Kp,"ConfirmWalletsModal");import{i18n as Dh}from"@lingui/core";import{Alert as Fh,Button as Uh,InfoIcon as Oh}from"@rango-dev/ui";import Qe from"react";import{Alert as kh,Button as wh,Divider as tu,NoRouteIcon as xh,RefreshIcon as vh,Typography as ou}from"@rango-dev/ui";import tt from"react";import{i18n as Yp}from"@lingui/core";function Jp(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:Y().genericServerError,action:{onClick:n,title:Yp.t("Retry")}},description:""}:e.length?{alert:{type:"warning",text:Y().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:Yp.t("Reset")}},description:Y().liquiditySourcesError.description}:t?.type===0&&t.diagnosisMessage?{alert:{type:"error",text:t.diagnosisMessage,action:null},description:""}:{alert:null,description:Y().noResultError.description}}i(Jp,"makeInfo");import{styled as Yi}from"@rango-dev/ui";var Zp=Yi("div",{display:"flex",flexDirection:"column",alignItems:"center"}),Rp=Yi("div",{width:"100%"}),eu=Yi("div",{padding:"$6 $0"});function Mo(t){let{fetch:e,error:o}=t,n=g().getDisabledLiquiditySources(),r=g().toggleAllLiquiditySources,s=g().swappers(),a=Jp(o,n,()=>r(s,!0),e);return tt.createElement(Zp,null,tt.createElement(xh,{size:24,color:"gray"}),tt.createElement(tu,{size:4}),tt.createElement(ou,{variant:"title",size:"small"},Y().noResultError.title),!!a.description&&tt.createElement(ou,{variant:"body",size:"small",align:"center",color:"neutral700"},a.description),tt.createElement(tu,{size:4}),!!a.alert&&tt.createElement(Rp,null,tt.createElement(kh,{type:a.alert.type,title:a.alert.text,titleAlign:"center",action:a.alert.action&&tt.createElement(wh,{size:"xsmall",type:a.alert.type,prefix:tt.createElement(eu,null,tt.createElement(vh,{size:8})),onClick:a.alert.action.onClick},a.alert.action.title),variant:"alarm"})))}i(Mo,"NoResult");import{i18n as Lo}from"@lingui/core";import{Button as Ih,Divider as Ah,MessageBox as Eh,Typography as Wh,WarningIcon as Mh}from"@rango-dev/ui";import yt from"react";import{Typography as su}from"@rango-dev/ui";import Zi from"react";import{darkTheme as bh,styled as rr}from"@rango-dev/ui";var nu=rr("div",{width:"100%"}),Ji=rr("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),ru=rr("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${bh} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),iu=rr("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function au(t){let{title:e,value:o,valueColor:n}=t;return Zi.createElement(ru,null,Zi.createElement(su,{size:"medium",variant:"label",className:"_title"},e),Zi.createElement(su,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(au,"QuoteErrorsModalItem");function lu(t){let{open:e,onClose:o,onConfirm:n,warning:r,confirmationDisabled:s}=t,a=r.warningLevel==="high"?"error":"warning",l=[{title:Lo.t("Swapping"),value:E(r.inputUsdValue,4,4)},{title:Lo.t("Gas cost"),value:E(r.totalFee,2,2)},{title:Lo.t("Receiving"),value:E(r.outputUsdValue,4,4)},{title:Lo.t("Price impact"),value:E(r.priceImpact,2,2),valueColor:`${a}500`}];return yt.createElement(se,{footer:yt.createElement(Ih,{type:"primary",size:"large",prefix:yt.createElement(Mh,null),fullWidth:!0,disabled:s,onClick:n},Y().highValueLossError.confirmMessage),open:e,onClose:o,container:B()},yt.createElement(Eh,{type:a,title:Y().highValueLossError.impactTitle,description:Y().highValueLossError.description}),yt.createElement(Ji,null,yt.createElement(Ah,{size:20}),yt.createElement(Wh,{size:"small",variant:"title"},Lo.t("Details")),yt.createElement(Ji,null,l.map((p,u)=>yt.createElement(au,{key:u,...p})))))}i(lu,"HighValueLossWarningModal");import{i18n as Ri}from"@lingui/core";function pu(t,e){let o={alertType:"warning",title:"",action:"show-info"};return e?(o.alertType="error",e.type===3&&(o.title=e.recommendation,o.action="show-info"),e.type===4&&(o.title=Ri.t({id:"You need to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:e.minRequiredSlippage}}),o.action="change-settings"),o):t?(t.type===0&&(ht(t.priceImpact)==="high"&&(o.alertType="error"),o.action=null,o.title=Y().highValueLossError.title),t.type===1&&(o.title=Y().unknownPriceError.title),t.type===2&&(o.title=Ri.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=Ri.t("Caution, your slippage is high.")),o):null}i(pu,"makeAlerts");import{i18n as uo}from"@lingui/core";import{Button as uu,Divider as cu,MessageBox as Lh,Typography as Nh}from"@rango-dev/ui";import Yt from"react";import{useNavigate as Bh}from"react-router-dom";function mu(t){let{customSlippage:e,slippage:o}=g(),{open:n,onClose:r,onConfirm:s,warning:a,confirmationDisabled:l}=t,p=Bh(),u=e??o;return Yt.createElement(se,{anchor:"bottom",open:n,prefix:Yt.createElement(uu,{size:"small",variant:"ghost",onClick:()=>p("../"+$.settings)},Yt.createElement(Nh,{variant:"label",size:"medium",color:"$neutral900"},uo.t("Change settings"))),container:B(),onClose:r},Yt.createElement(Lh,{type:"warning",title:a.type===3?uo.t("High slippage"):uo.t("Low slippage"),description:a.type===3?uo.t({id:" Caution, your slippage is high (={userSlippage}). Your trade may be front run.",values:{userSlippage:u}}):uo.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:a.minRequiredSlippage}})},Yt.createElement(cu,{size:18}),Yt.createElement(cu,{size:32}),Yt.createElement(uu,{size:"large",type:"primary",variant:"contained",fullWidth:!0,disabled:l,onClick:s},uo.t("Confirm anyway"))))}i(mu,"SlippageWarningModal");import{Button as Ph,MessageBox as $h,WarningIcon as _h}from"@rango-dev/ui";import ir from"react";function du(t){let{open:e,onClose:o,onConfirm:n,confirmationDisabled:r}=t;return ir.createElement(se,{footer:ir.createElement(Ph,{type:"primary",size:"large",prefix:ir.createElement(_h,null),fullWidth:!0,disabled:r,onClick:n},Y().unknownPriceError.confirmMessage),open:e,onClose:o,container:B()},ir.createElement($h,{type:"warning",title:Y().unknownPriceError.impactTitle,description:Y().unknownPriceError.description}))}i(du,"UnknownPriceWarningModal");function No(t){let{warning:e,error:o,showWarningModal:n,confirmationDisabled:r,refetchQuote:s,onOpenWarningModal:a,onCloseWarningModal:l,onConfirmWarningModal:p,onChangeSettings:u}=t,c={confirmationDisabled:r,open:n,onClose:l,onConfirm:p},d=o?.type===0||o?.type===1,m=pu(e,o?.type===3||o?.type===4?o:null);return Qe.createElement(Qe.Fragment,null,d&&Qe.createElement(Mo,{error:o,fetch:s}),!!m&&Qe.createElement(nu,null,Qe.createElement(Fh,{title:m.title,type:m.alertType,variant:"alarm",...m.action==="show-info"&&{action:Qe.createElement(iu,{onClick:a},Qe.createElement(Oh,{size:12,color:"gray"}))},...m.action==="change-settings"&&{action:Qe.createElement(Uh,{size:"xxsmall",type:m.alertType,onClick:u},Dh.t("Change"))}})),e&&Qe.createElement(Qe.Fragment,null,e.type===0&&Qe.createElement(lu,{...c,warning:e}),(e.type===3||e.type===2)&&Qe.createElement(mu,{...c,warning:e}),e.type===1&&Qe.createElement(du,{...c,warning:e})))}i(No,"QuoteWarningsAndErrors");import Sy from"bignumber.js";import Sr from"react";import{i18n as _o}from"@lingui/core";import{Alert as sy,Divider as Do,InfoIcon as ay,QuoteTag as ly,StepDetails as py,TokenAmount as uy,Tooltip as Qu,Typography as mo}from"@rango-dev/ui";import ls from"bignumber.js";import P,{useRef as cy,useState as my}from"react";import{styled as es}from"@rango-dev/ui";var ts=es("div",{width:"100%","& .position-top__skeleton":{paddingTop:"$10"}}),fu=es("div",{paddingBottom:"$15"}),gu=es("div",{width:"100%",display:"flex"});import*as sr from"@radix-ui/react-collapsible";import{Button as qh,css as Bo,darkTheme as Be,Image as hu,styled as Pe,Typography as Qh}from"@rango-dev/ui";var zh=300,yu=Pe(sr.Root,{display:"flex",flexDirection:"column",alignItems:"start",overflowX:"auto",overflowY:"hidden",width:"100%",borderRadius:"$xm",variants:{selected:{true:{},false:{$$color:"$colors$neutral400",[`.${Be} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}},listItem:{true:{$$color:"$colors$neutral400",[`.${Be} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"},false:{}}},compoundVariants:[{listItem:!1,selected:!0,css:{$$color:"$colors$info300",[`.${Be} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"}},{listItem:!0,selected:!1,css:{cursor:"pointer","&:hover":{backgroundColor:"$neutral300",[`.${Be} &`]:{backgroundColor:"$neutral400"}}}}]}),Su=Bo({padding:"$10 $15"}),Cu=Pe(qh,{backgroundColor:"transparent",border:"1px solid $secondary"}),Tu=Pe("div",{borderRadius:"$xm",display:"flex",flexDirection:"column",alignItems:"start",justifyContent:"space-between",color:"$foreground",boxSizing:"border-box",position:"relative",variants:{selected:{true:{},false:{$$color:"$colors$neutral200",[`.${Be} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color"}},basic:{true:{borderTopRightRadius:"0",borderTopLeftRadius:"0"}},listItem:{true:{$$color:"$colors$neutral200",[`.${Be} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color","&:hover":{backgroundColor:"$neutral300",[`.${Be} &`]:{backgroundColor:"$neutral400"}},cursor:"pointer"},false:{}}},compoundVariants:[{listItem:!0,selected:!0,css:{outline:"1px solid $secondary"}},{listItem:!1,selected:!0,css:{$$color:"$colors$info100",[`.${Be} &`]:{$$color:"$colors$secondary600"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}}},{listItem:!0,selected:!1,css:{cursor:"pointer","&:hover":{backgroundColor:"$neutral300",[`.${Be} &`]:{backgroundColor:"$neutral400"}}}}]}),ku=Bo({width:"100%",padding:"$15 $15 $10 $15"}),wu=Bo({display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",paddingBottom:"$10",position:"relative"}),co=Bo({display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",".blockchainImage":{marginLeft:"-$8"}}),xu=Bo({display:"flex",alignItems:"center",".usd-value":{$$color:"$colors$neutral600",[`.${Be} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),vu=Pe(sr.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:{[`& ${hu}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${hu}`]:{border:"1px transparent solid",borderRadius:"100%"}}},selected:{true:{},false:{$$color:"$colors$neutral400",[`.${Be} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}},listItem:{true:{$$color:"$colors$neutral400",[`.${Be} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"},false:{}}},compoundVariants:[{listItem:!1,selected:!0,css:{$$color:"$colors$info300",[`.${Be} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"}}],".blockchains_section":{display:"none"},"@xs":{".blockchains_section":{display:"block"}}}),bu=Pe("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"}}}}),Iu=Pe(Dn,{width:"100%",background:"inherit"}),os=Pe("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${zh}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),sM=Pe("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),Au=Pe("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${Be} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),Eu=Pe("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"}),ns=Pe(Qh,{overflow:"hidden",textOverflow:"ellipsis",letterSpacing:.4}),Wu=Pe("div",{display:"flex",flexWrap:"wrap"}),rs=Pe("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"}}}}),Mu=Pe("div",{display:"flex"}),ar=Pe("div",{width:"100%",borderTopWidth:"1px",borderTopStyle:"solid",borderTopColor:"$neutral",margin:"$5 0",[`.${Be} &`]:{borderTopColor:"$neutral400"}});import{i18n as $t}from"@lingui/core";import{ChevronDownIcon as Gh,CloseIcon as Vh,Divider as ur,IconButton as jh,QuoteCost as Xh,Tooltip as Kh,Typography as ot}from"@rango-dev/ui";import j,{useState as Pu}from"react";import{css as Hh,styled as lr}from"@rango-dev/ui";var pr=lr("div",{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"$5 0","&.total_payable_fee":{padding:"$12 0"}}),is=lr("div",{width:"100%",borderTop:"1px solid $neutral300",margin:"$10 0"}),Lu=lr("div",{padding:"$20 0",display:"flex",flexDirection:"column","& .collapsible_trigger":{display:"flex",alignItems:"center"}}),Nu=lr("div",{padding:"$20 $20 $10",textAlign:"center",position:"relative","._icon-button":{position:"absolute",zIndex:10,top:"$16",right:"$16"}}),Bu=Hh({display:"flex",flexDirection:"row",alignItems:"center",padding:"$5","&:hover":{"& ._typography, & svg":{color:"$secondary"}}});var Yh=i(t=>t.fee.isZero()?null:j.createElement(pr,null,j.createElement(ot,{variant:"label",size:"medium",color:"neutral600"},t.label),j.createElement(ot,{variant:"label",size:"medium"},"$",E(t.fee,4,4))),"NonPayableFee");function $u(t){let[e,o]=Pu(!1),[n,r]=Pu(!1),{steps:s,quote:a,fee:l,time:p,feeWarning:u,showModalFee:c}=t,d=a?.swaps??[],m=B(),h=wl(d);return j.createElement(j.Fragment,null,j.createElement(Xh,{onClickFee:c?C=>{C.stopPropagation(),o(!e)}:void 0,fee:l,feeWarning:u,time:p,steps:s,tooltipGas:c?$t.t("View more info"):void 0,tooltipContainer:m}),j.createElement(se,{container:m,open:e,header:j.createElement(Nu,null,j.createElement(ot,{variant:"title",size:"medium"},$t.t("Gas & Fee Explanation")),j.createElement(jh,{onClick:()=>o(!1),variant:"ghost"},j.createElement(Vh,{color:"gray",size:14}))),onClose:()=>{o(!1)}},j.createElement(Lu,null,j.createElement(ot,{variant:"title",size:"small"},$t.t("Details")),j.createElement(ur,{size:10}),Object.entries(h.payable).flatMap(([C,S])=>S.map((y,f)=>{let x=`payable-fee-${f}`,k=hi(y);return j.createElement(pr,{key:x},j.createElement(ot,{variant:"label",size:"medium",color:"neutral600"},ui[C]),j.createElement(Kh,{content:le(y.amount),container:m},j.createElement(ot,{variant:"label",size:"medium"},E(y.amount,2,2)," ",y.asset.symbol," ($",E(k,4,4),")")))})),j.createElement(pr,{className:"total_payable_fee"},j.createElement(ot,{variant:"label",size:"medium"},$t.t("Total Payable Fee")),j.createElement(ot,{variant:"label",size:"medium"},"$",E(l,4,4))),j.createElement(is,null),Object.keys(h.nonePayable).length&&j.createElement(On,{triggerAnchor:"bottom",onClickTrigger:()=>r(C=>!C),trigger:j.createElement("div",{className:Bu()},j.createElement(ot,{size:"small",variant:"body",color:"neutral700"},n?$t.t("Hide non-payable fees"):$t.t("Show non-payable fees")),j.createElement(ur,{size:4,direction:"horizontal"}),j.createElement(Fn,{orientation:n?"up":"down"},j.createElement(Gh,{size:12,color:"gray"}))),open:n},j.createElement(ot,{size:"small",variant:"title"},$t.t("Description")),j.createElement(ur,{size:4}),j.createElement(ot,{size:"small",variant:"body",color:"neutral700"},$t.t(`The following fees are considered in the transaction output and
-                you won\u2019t need to pay extra gas for them.`)),j.createElement(ur,{size:10}),Object.entries(h.nonePayable).map(([C,S],y)=>{let f=kl(S),x=ui[C],k=`non-payable-fee-${y}`;return j.createElement(Yh,{key:k,fee:f,label:x})}),j.createElement(is,null)))))}i($u,"QuoteCostDetails");import{i18n as Fu}from"@lingui/core";import{TokenAmount as Uu}from"@rango-dev/ui";import cr from"react";import{css as Jh,styled as Zh}from"@rango-dev/ui";var _u=Zh("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%"}),Du=Jh({height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"});function Po(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return cr.createElement(_u,null,cr.createElement(Uu,{direction:"horizontal",label:Fu.t("Swap input"),type:"input",tooltipContainer:B(),price:{value:e.price.value,usdValue:e.price.usdValue,realValue:e.price.realValue,realUsdValue:e.price.realUsdValue},token:{displayName:e.token.displayName,image:e.token.image},chain:{image:e.chain.image}}),cr.createElement("div",{className:Du()}),cr.createElement(Uu,{direction:"horizontal",tooltipContainer:B(),label:Fu.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(Po,"QuoteSummary");import{i18n as Ou}from"@lingui/core";import{ChevronDownIcon as ny,ChevronRightIcon as ry,Divider as ss,Image as iy,Tooltip as as,Typography as dr}from"@rango-dev/ui";import D from"react";import{useEffect as Rh,useState as ey}from"react";var ty=768,oy=i(()=>{let[t,e]=ey(!1),o=i(()=>{e(window.innerWidth<ty)},"handleResize");return Rh(()=>(o(),window.addEventListener("resize",o),()=>window.removeEventListener("resize",o)),[]),t},"useMobileDetect"),mr=oy;var fr=4,gr=6,$o=i(t=>{let e=B(),{content:o,src:n,className:r,open:s,state:a}=t;return D.createElement(as,{container:e,side:"bottom",sideOffset:4,open:s,content:o},D.createElement(bu,{className:r,state:a},D.createElement(iy,{src:n,size:16})))},"ImageComponent");function qu(t){let{quoteRef:e,selected:o,setExpanded:n,steps:r,expanded:s,type:a}=t,l=B(),p=r.length,u=Ul(r),c=mr();return D.createElement(vu,{listItem:a==="list-item",ref:d=>e.current=d,selected:o,onClick:d=>{d.stopPropagation(),n(m=>!m)}},D.createElement("div",{className:co()},D.createElement(dr,{variant:"body",size:"xsmall"},Ou.t("Via:")),D.createElement(ss,{direction:"horizontal",size:4}),r.map((d,m)=>{let h=`item-${m}`,C=D.createElement(os,null,D.createElement(ry,{size:12,color:"black"}));return c?D.createElement(D.Fragment,null,D.createElement($o,{content:d.swapper.displayName,src:d.swapper.image,state:d.state}),m!==p-1&&D.createElement(D.Fragment,null,C)):D.createElement(D.Fragment,{key:h},p<=fr||p>fr&&m<fr-1?D.createElement(D.Fragment,null,D.createElement($o,{content:d.swapper.displayName,src:d.swapper.image,state:d.state}),m!==p-1&&D.createElement(D.Fragment,null,C)):m===fr-1&&D.createElement(as,{container:l,side:"bottom",align:"right",sideOffset:4,content:D.createElement("div",{className:co()},C,r.map((S,y)=>{let f=`image-${y}`;return y>=m&&D.createElement(D.Fragment,{key:f},D.createElement($o,{content:S.swapper.displayName,src:S.swapper.image,state:S.state,open:!1}),y!==p-1&&D.createElement(D.Fragment,null,C))}))},D.createElement(rs,{state:r.find((S,y)=>y>=m&&(S.state==="error"||S.state==="warning"))?.state},D.createElement(dr,{size:"xsmall",variant:"body"},"+",p-m))))})),D.createElement("div",{className:co()},D.createElement("div",{className:"blockchains_section"},D.createElement("div",{className:co()},D.createElement(dr,{variant:"body",size:"xsmall"},Ou.t("Chains:")),D.createElement(ss,{direction:"horizontal",size:4}),u.map((d,m)=>D.createElement(D.Fragment,null,u.length<=gr||u.length>gr&&m<gr-1?D.createElement($o,{key:d.displayName,content:"",src:d.image,open:!1,className:m!==0?"blockchainImage":""}):m===gr-1&&D.createElement(as,{container:l,side:"bottom",align:"right",sideOffset:4,content:D.createElement("div",{className:co()},u.map((h,C)=>C>=m&&D.createElement($o,{key:h.displayName,content:"",src:h.image,open:!1,className:C>m?"blockchainImage":""})))},D.createElement(rs,{className:"blockchainImage"},D.createElement(dr,{size:"xsmall",variant:"body"},"+",u.length-m))))),D.createElement(ss,{direction:"horizontal",size:32}))),D.createElement(os,{orientation:s?"up":"down"},D.createElement(ny,{size:12,color:"black"}))))}i(qu,"QuoteTrigger");function ps(t){let{quote:e,input:o,output:n,error:r,warning:s,type:a,selected:l=!1,tagHidden:p=!0,showModalFee:u=!0,onClickAllRoutes:c}=t,d=g().blockchains(),m=g().tokens(),h=g().swappers(),[C,S]=my(t.expanded),y=cy(null),f=E(o.value,6,6),x=E(n.value,6,6),k=n.usdValue?E(n.usdValue,4,4):"",v=Xe(o.usdValue,n.usdValue??null),b=E(v,2,2),I=ht(v??0),w=i(z=>z.map((A,N)=>{let me,H=r?.type===3&&r.swap.swapperId===A.swapperId||r?.type===4&&r.recommendedSlippages?.has(N),V=s?.type===2&&s.recommendedSlippages?.has(N);H?me="error":V&&(me="warning");let Se=H?_o.t("Slippage Error"):_o.t("Slippage Warning");return r?.type===3&&(Se=r?.recommendation),{swapper:{displayName:vo(A.swapperId,h),image:A.swapperLogo},from:{token:{displayName:A.from.symbol,image:A.from.logo},chain:{displayName:je(A.from.blockchain,d),image:A.from.blockchainLogo},price:{value:N===0?E(o.value,6,6):E(A.fromAmount,6,6),usdValue:E((A.from.usdPrice??0)*parseFloat(A.fromAmount),4,4),realValue:le(N===0?o.value:A.fromAmount),realUsdValue:le(new ls(A.from.usdPrice??0).multipliedBy(A.fromAmount))}},to:{token:{displayName:A.to.symbol,image:A.to.logo},chain:{displayName:je(A.to.blockchain,d),image:A.to.blockchainLogo},price:{value:E(A.toAmount,6,6),usdValue:E((A.to.usdPrice??0)*parseFloat(A.toAmount),4,4),realValue:le(A.toAmount),realUsdValue:le(new ls(A.to.usdPrice??0).multipliedBy(A.toAmount))}},state:me,alerts:H||V?P.createElement(fu,null,P.createElement(sy,{variant:"alarm",type:H?"error":"warning",title:Se,footer:P.createElement(gu,null,r?.type===3&&P.createElement(P.Fragment,null,P.createElement(mo,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),P.createElement(Do,{direction:"horizontal",size:8}),P.createElement(mo,{size:"xsmall",variant:"body",color:"neutral900"},"|"),P.createElement(Do,{direction:"horizontal",size:8}),P.createElement(mo,{size:"xsmall",variant:"body",color:"neutral900"},_o.t({id:"Yours: {amount} {symbol}",values:{amount:E(A.fromAmount,6,6),symbol:A?.from.symbol}}))),(r?.type===4||s?.type===2)&&P.createElement(mo,{size:"xsmall",variant:"body",color:"neutral900"},_o.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?.swaps??[]),M=w.length,L=B(),F=ql(t.quote.tags||[]),O=!!c,ie=an(ln(e?.swaps)),ue=En(e?.swaps??[],m),W=E(ue,2,2);return P.createElement(P.Fragment,null,P.createElement(Tu,{selected:l,listItem:a==="list-item",basic:a==="basic"},P.createElement("div",{className:ku()},!p&&F.length?P.createElement(P.Fragment,null,P.createElement(Mu,null,F.map((z,A)=>{let N=`${z.value}_${A}`;return P.createElement(P.Fragment,null,P.createElement(ly,{label:z.label,key:N,value:z.value}),P.createElement(Do,{size:4,direction:"horizontal"}))})),P.createElement(ar,null),!O&&P.createElement(Do,{size:4})):null,P.createElement("div",{id:"portal-root",className:wu()},P.createElement($u,{quote:e,time:ie,fee:W,feeWarning:ue.gte(new ls(fl)),showModalFee:u,steps:M}),O&&P.createElement(Cu,{onClick:z=>{z.stopPropagation(),c()},size:"xxsmall",type:"secondary",variant:"default"},P.createElement(mo,{color:"secondary",variant:"label",size:"medium"},_o.t("See All Routes")))),a==="basic"&&P.createElement("div",{className:xu()},P.createElement(Eu,null,P.createElement(ay,{size:12,color:"gray"})),P.createElement(Wu,null,P.createElement(ns,{size:"small",variant:"body"},`${f} ${w[0].from.token.displayName} = `),P.createElement(Qu,{content:le(n.value),container:L,open:n.value?void 0:!1},P.createElement(ns,{size:"small",variant:"body"},"\xA0",`${x} ${w[w.length-1].to.token.displayName}`))),P.createElement(Qu,{content:le(n.usdValue),container:L,style:{display:"flex"}},P.createElement(mo,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${k})`))),a==="list-item"&&P.createElement(uy,{tooltipContainer:L,type:"output",direction:"vertical",price:{value:x,usdValue:k,realValue:le(n.value),realUsdValue:le(n.usdValue)},token:{displayName:w[M-1].to.token.displayName,image:w[M-1].to.token.image},chain:{image:w[M-1].to.chain.image},percentageChange:b,warningLevel:I}),a==="swap-preview"&&P.createElement(P.Fragment,null,P.createElement(Po,{from:w[0].from,to:w[M-1].to,percentageChange:b,warningLevel:I}),P.createElement(Do,{size:4}))),P.createElement(yu,{selected:l,listItem:a==="list-item",open:C,onOpenChange:S},P.createElement(qu,{type:a,quoteRef:y,selected:l,setExpanded:S,expanded:C,steps:w}),P.createElement(Iu,{open:C},P.createElement(Au,null),P.createElement("div",{className:Su()},w.map((z,A)=>{let N=`item-${A}`;return P.createElement(py,{type:"quote-details",key:N,tooltipContainer:L,step:z,hasSeparator:A!==w.length-1,state:z.state})}))))))}i(ps,"Quote");import{Divider as hy,Skeleton as yy}from"@rango-dev/ui";import Ct from"react";import{darkTheme as dy,styled as hr}from"@rango-dev/ui";var zu=hr("div",{$$color:"$colors$neutral100",[`.${dy} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15 ",variants:{rounded:{true:{borderRadius:"$xm"}}}}),Hu=hr("div",{paddingTop:"$2"}),Gu=hr("div",{paddingLeft:"$8"}),Vu=hr("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 mt,Skeleton as ze}from"@rango-dev/ui";import U from"react";import{css as fy,styled as St}from"@rango-dev/ui";var us=St("div",{display:"flex"}),ju=St("div",{padding:"$10 $0 $20"}),Xu=St("div",{padding:"$12 $0 $20 $0",display:"flex",flexDirection:"column"}),Ku=St("div",{display:"flex",justifyContent:"start",alignItems:"center"}),Yu=St("div",{display:"flex",justifyContent:"space-between",alignItems:"end"}),Ju=St("div",{height:"$28",marginLeft:"13px",borderLeft:"1px solid $neutral700"}),Zu=St("div",{width:"65%",display:"flex",justifyContent:"start"}),Ru=St("div",{display:"flex",flexDirection:"column",alignItems:"start",flexGrow:1,maxWidth:"148px"}),ec=St("div",{padding:"$15 $0 $15 $0"}),tc=fy({display:"flex",justifyContent:"space-between",alignItems:"center"});function Fo(t){let{type:e,tagHidden:o=!0}=t,n=U.createElement(Yu,null,U.createElement(Zu,null,U.createElement(oc,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),U.createElement(mt,{size:8,direction:"horizontal"}),U.createElement(Ru,null,U.createElement(ze,{height:10,width:60,variant:"rounded"}),U.createElement(mt,{size:4}),U.createElement(ze,{height:15,variant:"rounded"}))),U.createElement(ze,{height:12,width:64,variant:"rounded"})),r=e==="basic"&&!o;return U.createElement("div",null,!o&&U.createElement(U.Fragment,null,U.createElement(us,null,U.createElement(ze,{width:65,height:14,variant:"rounded"}),U.createElement(mt,{size:4,direction:"horizontal"}),U.createElement(ze,{width:65,height:14,variant:"rounded"}),U.createElement(mt,{size:4,direction:"horizontal"}),U.createElement(ze,{width:65,height:14,variant:"rounded"})),U.createElement(ar,null),!r&&U.createElement(mt,{size:4})),U.createElement("div",{className:tc()},U.createElement(us,null,U.createElement(ze,{width:60,height:10,variant:"rounded"}),U.createElement(mt,{size:4,direction:"horizontal"}),U.createElement(ze,{width:60,height:10,variant:"rounded"}),U.createElement(mt,{size:4,direction:"horizontal"}),U.createElement(ze,{width:60,height:10,variant:"rounded"})),r&&U.createElement(ze,{width:100,height:22,variant:"rounded"})),e==="basic"&&U.createElement(ju,null,U.createElement(ze,{height:15,width:148,variant:"rounded"})),e==="list-item"&&U.createElement(Xu,null,U.createElement(Ku,null,U.createElement(oc,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),U.createElement(mt,{direction:"horizontal",size:4}),U.createElement(ze,{height:15,width:150,variant:"rounded"})),U.createElement(mt,{size:10}),U.createElement(ze,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&U.createElement(U.Fragment,null,U.createElement(mt,{size:4}),U.createElement(ec,null,n,U.createElement(Ju,null),n)))}i(Fo,"QuoteSummarySkeleton");import{ChainToken as ac,Divider as ms,NextIcon as gy,Skeleton as yr}from"@rango-dev/ui";import ye from"react";import{styled as Uo}from"@rango-dev/ui";var nc=Uo("div",{display:"flex",alignItems:"start"}),rc=Uo("div",{flexGrow:1,paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center"}),cs=Uo("div",{display:"flex",alignItems:"center",flexGrow:1}),ic=Uo("div",{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}),sc=Uo("div",{display:"flex",alignItems:"center"});function dt(t){let{separator:e=!0}=t;return ye.createElement(ye.Fragment,null,ye.createElement(sc,null,ye.createElement(yr,{height:22,width:22,variant:"circular"}),ye.createElement(ms,{direction:"horizontal",size:8}),ye.createElement(yr,{height:15,width:148,variant:"rounded"})),ye.createElement(nc,null,ye.createElement(Vu,{hideSeparator:!e}),ye.createElement(rc,null,ye.createElement(cs,null,ye.createElement(ac,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ye.createElement(ms,{direction:"horizontal",size:8}),ye.createElement(yr,{height:12,variant:"rounded"})),ye.createElement(ic,null,ye.createElement(gy,{color:"gray",size:16})),ye.createElement(cs,null,ye.createElement(ac,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ye.createElement(ms,{direction:"horizontal",size:8}),ye.createElement(yr,{height:12,variant:"rounded"})))))}i(dt,"StepSkeleton");function Oo(t){let{type:e,expanded:o,tagHidden:n=!1}=t;return Ct.createElement(zu,{rounded:e!=="basic"},Ct.createElement(Fo,{type:e,tagHidden:n}),Ct.createElement(Hu,null,Ct.createElement(yy,{height:15,variant:"rounded"})),o&&Ct.createElement(Gu,null,Ct.createElement(hy,{size:20}),Ct.createElement(dt,null),Ct.createElement(dt,null),Ct.createElement(dt,{separator:!1})))}i(Oo,"QuoteSkeleton");function Jt(t){let{quote:e,type:o,loading:n,error:r,warning:s,expanded:a=!1,tagHidden:l,onClick:p,showModalFee:u,selected:c,onClickAllRoutes:d}=t,{inputAmount:m,inputUsdValue:h,toToken:C}=Q(),S=e?.outputAmount?new Sy(e?.outputAmount):null,y=e?.outputAmount?Mn(e?.outputAmount,Ln(e)||C?.usdPrice):null,x=!(r&&(r.type===0||r.type===1))&&e&&!n;return n?Sr.createElement(ts,null,Sr.createElement(Oo,{tagHidden:l,type:o,expanded:a})):x?Sr.createElement(ts,{onClick:()=>p?.(e)},Sr.createElement(ps,{quote:e,error:r,showModalFee:u,warning:s,tagHidden:l,selected:c,type:o,expanded:a,onClickAllRoutes:d,input:{value:m,usdValue:h?.toString()??""},output:{value:S?.toString()??"",usdValue:y?.toString()??""}})):null}i(Jt,"QuoteInfo");import{calculatePendingSwap as ky}from"@rango-dev/queue-manager-rango-preset";import{useEffect as wy}from"react";import{useRef as Cy,useState as Ty}from"react";function Cr({request:t}){let[e,o]=Ty(!1),n=Cy(null),r=i(()=>n.current?.abort(),"cancelFetch");return{fetch:i(async a=>{r(),n.current=new AbortController,o(!0);try{let l=await t(a,{signal:n.current.signal});return n.current=null,l}catch(l){throw l}finally{o(!1)}},"fetch"),loading:e,cancelFetch:r}}i(Cr,"useFetch");function lc(){let{fetch:t,loading:e,cancelFetch:o}=Cr({request:async(n,r)=>await At().confirmRouteRequest(n,r)});return{fetch:t,loading:e,cancelFetch:o}}i(lc,"useFetchConfirmQuote");function Tr(t){if(!t.swaps)throw new Error(Y().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});let e=ds(t.swaps);if(e)throw new Error(e.message,{cause:e.options})}i(Tr,"throwErrorIfResponseIsNotValid");function ds(t){if(Sl(t)){let{swap:n,recommendation:r,fromAmountRangeError:s}=Cl(t);return{message:"bridge limit error",options:{type:3,swap:n,recommendation:r,fromAmountRangeError:s}}}let o=xl(t);if(o){let n=Wn(t);return{message:"",options:{type:4,recommendedSlippages:o,minRequiredSlippage:n}}}return null}i(ds,"getQuoteError");function pc(t,e,o){let n=!1;t&&(n=Dl(t,e));let r={quote:null,quoteUpdate:null,balance:null},s=to(e,{fromToken:o.fromToken,toToken:o.toToken,tokens:o.meta.tokens,userSlippage:o.userSlippage});s&&(r.quote=s),t&&n&&(Wl(t,e)?r.quoteUpdate={type:3,newOutputAmount:E(eo(e)),percentageChange:E(Xe(eo(t)??"",eo(e)??""),null,2)}:yi(t,e)?r.quoteUpdate={type:0}:Si(t,e)?r.quoteUpdate={type:1}:Ci(t,e)&&(r.quoteUpdate={type:2}));let a=Ml(e,o.selectedWallets,o.meta.blockchains);return a.length===0||(r.balance={messages:a}),r}i(pc,"generateWarnings");function kr(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(kr,"handleQuoteErrors");function fs(){let{fromToken:t,toToken:e,inputAmount:o,setSelectedQuote:n,selectedQuote:r,customDestination:s,setQuoteWarningsConfirmed:a,resetAlerts:l}=Q(),{slippage:p,customSlippage:u}=g(),c=g().getDisabledLiquiditySources(),d=g().blockchains(),m=g().tokens(),h=u||p,{fetch:C,cancelFetch:S,loading:y}=lc();return wy(()=>S,[]),{loading:y,fetch:i(async x=>{let k=x.selectedWallets,v=x?.customDestination??s;if(!t||!e||!o)return{quote:null,swap:null,error:null,warnings:null};let b=k.reduce((T,w)=>(T[w.chain]=w.address,T),{}),I={requestId:r?.requestId||"",selectedWallets:b,destination:v||void 0};try{return await C(I).then(T=>{let{result:w}=T;Tr({diagnosisMessages:w.diagnosisMessages,requestId:w.requestId,swaps:w.result?.swaps});let M={outputAmount:w.result?.outputAmount,requestId:w.requestId,resultType:w.result?.resultType,swaps:w.result?.swaps||[],validationStatus:w.validationStatus,requestAmount:w.requestAmount};n(M);let L={slippage:h.toString(),disabledSwappersGroups:c},F=ky(o.toString(),w,Al(k),L,!1,{blockchains:d,tokens:m}),O=pc(r??void 0,M,{fromToken:t,toToken:e,meta:{blockchains:d,tokens:m},selectedWallets:k,userSlippage:h});return O.quoteUpdate&&a(!1),l(),{quote:M,swap:F,error:null,warnings:O}})}catch(T){return kr(T)}},"fetch"),cancelFetch:S}}i(fs,"useConfirmSwap");var $y=Iy("div",{width:"100%",display:"flex",justifyContent:"space-between",[`& ${cc}`]:{width:"$48",height:"$48"}}),_y=hs({flexGrow:1,paddingRight:"$10"}),Dy=hs({width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}),Fy=hs({display:"flex",justifyContent:"space-between",alignItems:"center"});function mc(){let{selectedQuote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:s,quoteWarningsConfirmed:a}=Q(),l=Py(),p=By(),[u,c]=xr(""),{connectedWallets:d}=K(),m=!n,[h,C]=xr(!1),{isActiveTab:S}=te(),y=g().getDisabledLiquiditySources(),f=Ly(y),{manager:x}=xy(),{fetch:k,loading:v,cancelFetch:b}=fs(),[I,T]=xr({swap:null,error:null,warnings:null}),[w,M]=xr(!1),L=i(async({selectedWallets:N,customDestination:me})=>{let H=await k?.({selectedWallets:N,customDestination:me});return T(H),H},"onConfirmSwap"),F=i(async()=>{if(I.swap&&n)try{await x?.create("swap",{swapDetails:I.swap},{id:I.swap.requestId});let N=`../${$.swaps}/${I.swap.requestId}`;l(N,{replace:!0}),setTimeout(()=>{e("")},0)}catch(N){c("Error: "+N?.message)}},"addNewSwap"),O=i(async()=>{await F()},"onConfirm"),ie=i(async()=>{I?.warnings?.quote&&!a?M(!0):await O()},"onStartConfirmSwap"),ue=i(async()=>{T({error:null,swap:null,warnings:null}),k({selectedWallets:o,customDestination:s}).then(N=>{T(N)}).catch(N=>console.error(N))},"onRefresh");qo(()=>{!!f.current.length&&!y.length&&ue(),f.current=y},[y.length]),qo(()=>{m&&b()},[m]),qo(()=>{m&&C(m)},[m]),qo(()=>{m||k({selectedWallets:o,customDestination:s}).then(N=>T(N)).catch(N=>console.error(N))},[]),qo(()=>{let N=I.warnings?.quote?.type&&Object.values(Wt).includes(I.warnings?.quote?.type),me=o.length<1||!o.every(V=>d.find(Se=>V.address===Se.address&&V.walletType===Se.walletType&&V.chain===Se.chain)),H=!1;if(N){let V=vn(t?.swaps||null),Se=t?.swaps[t.swaps.length-1].to.blockchain;!!t?.swaps.find(ft=>ft.from.blockchain===Se)||(V=V.slice(-V.length,V.length-1)),V.every(ft=>o.find(G=>G.chain===ft))||(H=!0)}t&&(me||H)&&(queueMicrotask(()=>Ny(C.bind(null,!0))),r(!1))},[I.warnings?.quote,o.length,d.length]),My(()=>{t||l(`../${p.search}`)},[]);let W=I.warnings?.quote??null,z=I.error,A=[];if(u&&A.push(pe.createElement(uc,{type:"error",variant:"alarm",title:u})),I.warnings?.quoteUpdate&&A.push(pe.createElement(uc,{variant:"alarm",type:"warning",title:I.warnings.quoteUpdate&&$n(I.warnings.quoteUpdate)})),W||z){let N=`../${$.settings}`;A.push(pe.createElement(No,{warning:W,error:z,refetchQuote:ue,showWarningModal:w,confirmationDisabled:!S,onOpenWarningModal:()=>M(!0),onCloseWarningModal:()=>M(!1),onConfirmWarningModal:async()=>{M(!1),await F()},onChangeSettings:()=>l(N)}))}return pe.createElement(ee,{header:{title:wr.t("Confirm Swap"),onWallet:()=>{let N=`../${$.wallets}`;l(N)},suffix:pe.createElement(Ay,{container:B(),side:"bottom",content:wr.t("Settings")},pe.createElement(Ye,{size:"small",variant:"ghost",onClick:()=>l("../"+$.settings)},pe.createElement(by,{size:18,color:"black"})))},footer:pe.createElement($y,null,pe.createElement("div",{className:_y()},pe.createElement(vy,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:v,disabled:!!I.error||!S,onClick:ie},wr.t("Start Swap"))),pe.createElement(cc,{variant:"contained",type:"primary",size:"large",loading:v,onClick:C.bind(null,!0)},pe.createElement(Wy,{size:24})))},h&&pe.createElement(Kp,{open:h,onClose:()=>C(!1),onCancel:b,loading:v,onCheckBalance:L}),pe.createElement(re,null,pe.createElement("div",{className:Fy()},pe.createElement(Ey,{variant:"title",size:"small"},wr.t("You get")),pe.createElement("div",{className:Dy()},pe.createElement(Yn,{onClick:!v&&!h&&!w?ue:void 0}))),pe.createElement(gs,{size:"12"}),ap(A,pe.createElement(gs,{size:10})),A.length>0?pe.createElement(gs,{size:10}):null,pe.createElement(Jt,{quote:t,type:"swap-preview",expanded:!0,selected:!0,tagHidden:!0,error:I.error,loading:v,warning:I.warnings?.quote??null})))}i(mc,"ConfirmSwapPage");import{i18n as br}from"@lingui/core";import{useManager as eS}from"@rango-dev/queue-manager-react";import{Divider as xc,NotFound as tS,styled as oS}from"@rango-dev/ui";import kt,{useState as nS}from"react";import{useNavigate as rS}from"react-router-dom";import{i18n as qy}from"@lingui/core";import{Divider as yc,GroupedVirtualizedList as Qy,Skeleton as zy,SwapListItem as Sc,Typography as Hy}from"@rango-dev/ui";import $e,{useCallback as Cc,useEffect as Gy,useRef as Vy,useState as jy}from"react";function dc(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(dc,"calculateGroupsSoFar");import{css as Uy,darkTheme as Oy,styled as Qo}from"@rango-dev/ui";var ys=Uy(),fc=Qo("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$5"}),Ss=Qo("div",{width:"100%",display:"flex",flexDirection:"column",backgroundColor:"$background",padding:"$10 $5 0 $5",[`& .${ys}`]:{$$color:"$colors$neutral600",[`.${Oy} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Cs=Qo("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),gc=Qo("div",{gap:"$10",display:"flex",flexDirection:"column"}),hc=Qo("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});var Xy=10;function Ts(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,[s,a]=jy([]),l=Vy(0),{swaps:p,groupCounts:u,groups:c}=n(e),d=Cc(dc,[]),m=Cc(()=>{let h=e.length-l.current;h&&(l.current+=Math.min(h,Xy),a(d(u,l.current)))},[e.length]);if(Gy(()=>{r||m()},[r,m]),r){let h=[1,2];return $e.createElement($e.Fragment,null,[h,h].map((S,y)=>$e.createElement(Ss,{key:y},$e.createElement(Cs,null,$e.createElement(zy,{variant:"text",width:60,size:"small"}),$e.createElement(yc,{size:16})),$e.createElement(yc,{size:4}),$e.createElement(gc,null,S.map((x,k)=>$e.createElement(Sc,{isLoading:!0,key:k}))))))}return $e.createElement(Qy,{endReached:()=>{l.current<e.length&&m()},groupCounts:s,groupContent:h=>$e.createElement(Ss,null,$e.createElement(Cs,null,$e.createElement(Hy,{variant:"label",size:"medium",className:ys()},c[h]))),itemContent:(h,C)=>{let S=p[h];if(!S)return null;let y=S.steps[0],f=S.steps[S.steps.length-1];return $e.createElement(fc,{key:S.requestId},$e.createElement(Sc,{requestId:S.requestId,creationTime:S.creationTime,status:S.status,onClick:o,tooltipContainer:B(),onlyShowTime:c[C]===qy.t("Today"),swapTokenData:{from:{token:{image:y.fromLogo,displayName:y.fromSymbol},blockchain:{image:y.fromBlockchainLogo||""},amount:E(S.inputAmount,6,6),realAmount:le(S.inputAmount)},to:{token:{image:f.toLogo,displayName:f.toSymbol},blockchain:{image:f.toBlockchainLogo||""},amount:E(f.outputAmount||f.expectedOutputAmountHumanReadable||"",6,6),realAmount:le(f.outputAmount||f.expectedOutputAmountHumanReadable)}}}))}})}i(Ts,"HistoryGroupedList");import{CloseIcon as Yy,IconButton as Jy,SearchIcon as Zy,TextField as Ry}from"@rango-dev/ui";import zo from"react";import{styled as Ky}from"@rango-dev/ui";var Tc=Ky("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function Tt(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:s,value:a,setValue:l,...p}=t;return zo.createElement(Ry,{prefix:zo.createElement(Tc,null,zo.createElement(Zy,{color:"black"})),suffix:!!a.length&&zo.createElement(Jy,{variant:"ghost",onClick:()=>l?.(""),size:"small"},zo.createElement(Yy,{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(Tt,"SearchInput");import{i18n as vr}from"@lingui/core";import kc from"dayjs";var wc=i(t=>{let e=new Map([["today",{title:vr.t("Today"),swaps:[]}],["week",{title:vr.t("This week"),swaps:[]}],["month",{title:vr.t("This month"),swaps:[]}],["year",{title:vr.t("This year"),swaps:[]}]]);function o(p,u){e.has(p)||e.set(p,{title:p,swaps:[]}),e.get(p)?.swaps.push(u)}i(o,"addYearsToOutput");let n=kc();t.forEach(p=>{let u=Number(p.creationTime),c=kc(u);if(n.isSame(c,"day"))e.get("today")?.swaps.push(p);else if(n.isSame(c,"week"))e.get("week")?.swaps.push(p);else if(n.isSame(c,"month"))e.get("month")?.swaps.push(p);else if(n.isSame(c,"year"))e.get("year")?.swaps.push(p);else{let d=new Date(u).getFullYear().toString();o(d,p)}});let r=Array.from(e.values()).filter(p=>p.swaps.length>0),s=r.flatMap(p=>p.swaps),a=r.map(p=>p.swaps.length),l=r.map(p=>p.title);return{swaps:s,groupCounts:a,groups:l}},"groupSwapsByDate");var iS=oS("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),sS=i((t,e)=>t?.length?t.filter(o=>at(o.fromBlockchain,e)||at(o.toBlockchain,e)||at(o.toSymbol,e)||at(o.fromSymbol,e)).length:!1,"isStepContainsText");function vc(){let t=rS(),{manager:e,state:o}=eS(),n=Nt(e).map(({swap:c})=>c),[r,s]=nS(""),a=!o.loadedFromPersistor,l=i(c=>{let d=c.target.value;s(d)},"searchHandler"),p=n;r&&(p=n.filter(c=>at(c.inputAmount,r)||at(c.status,r)||sS(c.steps,r)||at(c.requestId,r)));let u=!p?.length&&!a;return kt.createElement(ee,{header:{title:br.t("History")}},kt.createElement(re,null,kt.createElement(Tt,{setValue:s,fullWidth:!0,variant:"contained",placeholder:br.t("Search Transaction"),autoFocus:!0,onChange:l,value:r}),kt.createElement(xc,{size:"16"}),kt.createElement(iS,null,u&&kt.createElement(hc,null,kt.createElement(xc,{size:32}),kt.createElement(tS,{title:br.t("No results found"),description:r?br.t("Try using different keywords"):""})),!u&&kt.createElement(Ts,{list:p,onSwapClick:t,groupBy:wc,isLoading:a}))))}i(vc,"HistoryPage");import{i18n as vS}from"@lingui/core";import{Button as bS,Divider as Oc,styled as IS,WarningIcon as AS}from"@rango-dev/ui";import Ue,{useEffect as qc,useState as Qc}from"react";import{useNavigate as ES}from"react-router-dom";import{i18n as mS}from"@lingui/core";import{Header as dS}from"@rango-dev/ui";import _t,{useEffect as fS,useState as gS}from"react";import{i18n as lS}from"@lingui/core";import{Divider as ws,Typography as pS}from"@rango-dev/ui";import fe from"react";import{styled as ks}from"@rango-dev/ui";var bc=ks("div",{display:"flex",justifyContent:"center",flexDirection:"column",height:"100%"}),Ic=ks("div",{display:"flex",justifyContent:"space-between",alignItems:"center"}),Ac=ks("div",{width:"146px"});import{Select as aS}from"@rango-dev/ui";import Ec from"react";function Ir(t){let{updateQuotePartialState:e,sortStrategy:o}=Q();return Ec.createElement(Ac,null,Ec.createElement(aS,{container:t.container,options:ci,value:ci.find(n=>n.value===o),handleItemClick:n=>{e("sortStrategy",n.value)}}))}i(Ir,"SelectStrategy");var uS=3;function Ho(t){let{loading:e,onClickOnQuote:o,fetch:n,showModalFee:r,hasSort:s=!0}=t,{selectedQuote:a,quotes:l,updateQuotePartialState:p,fromToken:u,toToken:c,sortStrategy:d,error:m}=Q(),{slippage:h,customSlippage:C}=g(),S=g().tokens(),y=!!l&&l.results.length,f=C??h,x=i(b=>{if(!u||!c||!l)return null;let I={requestAmount:l.requestAmount,...b};return to(I,{fromToken:u,toToken:c,userSlippage:f,tokens:S})},"getQuoteWarning"),k=m?.type===0||m?.type===1,v=l?.results?Nn(d,l?.results):[];return fe.createElement(fe.Fragment,null,e&&Array.from({length:uS},(b,I)=>fe.createElement(fe.Fragment,{key:I},fe.createElement(Oo,{tagHidden:!1,type:"list-item",expanded:!1}),fe.createElement(ws,{size:16}))),!e&&fe.createElement(fe.Fragment,null,s&&fe.createElement(fe.Fragment,null,fe.createElement(Ic,null,fe.createElement(pS,{size:"xmedium",variant:"title"},lS.t("Sort by")),fe.createElement(Ir,{container:B()})),fe.createElement(ws,{size:"10"})),y?v.map(b=>{let I=x(b),T=ds(b.swaps);return fe.createElement(fe.Fragment,{key:b.requestId},fe.createElement(Jt,{showModalFee:r,selected:a?.requestId===b.requestId,tagHidden:!1,quote:{...b,requestAmount:l.requestAmount},loading:e,error:T?.options||null,warning:I,onClick:w=>{T||p("warning",I),p("error",T?.options||null),o(w)},type:"list-item"}),fe.createElement(ws,{size:16}))}):k&&fe.createElement(bc,null,fe.createElement(Mo,{error:m,fetch:n}))))}i(Ho,"Quotes");import{darkTheme as cS,styled as Wc}from"@rango-dev/ui";var Mc=Wc("div",{transition:"width 0.2s, opacity 0.2s, margin-left 0.2s",height:"700px",width:"390px",opacity:1,marginLeft:"$16",backgroundColor:"$neutral100",[`.${cS} &`]:{backgroundColor:"$neutral300"},"&.is-hidden":{width:0,opacity:0,marginLeft:0}}),Lc=Wc("div",{position:"relative",overflow:"hidden",padding:"$20",flexGrow:1,display:"flex",flexDirection:"column",overflowY:"auto",borderRadius:"$primary",backgroundColor:"$background"});var hS=100;function xs(t){let{fetch:e,loading:o,onClickOnQuote:n,onClickRefresh:r,isVisible:s}=t,[a,l]=gS(!1),p=a?"":"is-hidden";return fS(()=>{let u=null;return s?u=setTimeout(()=>{l(!0)},hS):(l(!1),u&&clearTimeout(u)),()=>{u&&clearTimeout(u)}},[s]),_t.createElement(Mc,{className:`${p} ${Rn()}`,id:Te.EXPANDED_BOX_ID},_t.createElement(dS,{title:mS.t("Routes"),suffix:_t.createElement(_t.Fragment,null,_t.createElement(Ir,{container:Xa()}),_t.createElement(Vt,{onClickRefresh:r,hidden:["history","notifications","settings"]}))}),_t.createElement(Lc,null,_t.createElement(Ho,{showModalFee:!1,fetch:e,hasSort:!1,loading:o,onClickOnQuote:n})))}i(xs,"ExpandedQuotes");import{i18n as Dc}from"@lingui/core";import{SwapInput as Fc}from"@rango-dev/ui";import Go from"react";import{ReverseIcon as yS,styled as Nc}from"@rango-dev/ui";import vs from"react";var SS=Nc("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),CS=Nc("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 Bc(){let t=Q.use.switchFromAndTo();return vs.createElement(SS,null,vs.createElement(CS,{onClick:()=>{t()}},vs.createElement(yS,{size:12})))}i(Bc,"SwitchFromAndToButton");import{styled as Pc}from"@rango-dev/ui";var $c=Pc("div",{display:"flex",flexDirection:"column",gap:"$5",alignSelf:"stretch"}),_c=Pc("div",{position:"relative"});function bs(t){let{fetchingQuote:e,fetchMetaStatus:o,onClickToken:n}=t,{fromToken:r,fromBlockchain:s,toToken:a,toBlockchain:l,setInputAmount:p,inputAmount:u,inputUsdValue:c,outputAmount:d,outputUsdValue:m,selectedQuote:h}=Q(),{connectedWallets:C,getBalanceFor:S}=K(),y=r?S(r):null,f=fn(y)?.amount??"0",x=s&&r?E(y?.amount,y?.decimals):"0",k=!!s&&Fa(C,s.name),v=!gi(h,u,c),b=!gi(h,u,m),I=!c||!m||!m.gt(0)?null:Xe(c.toString(),m.toString());return Go.createElement($c,null,Go.createElement(_c,null,Go.createElement(Fc,{label:Dc.t("From"),mode:"From",onInputChange:p,balance:f,chain:{displayName:s?.displayName||"",image:s?.logo||""},token:{displayName:r?.symbol||"",image:r?.image||""},onClickToken:()=>n("from"),price:{value:u,usdValue:v?void 0:E(c,4,4),realUsdValue:v?void 0:le(c),error:v?Y().unknownPriceError.impactTitle:void 0},disabled:o==="failed",loading:o==="loading",loadingBalance:k,tooltipContainer:B(),onSelectMaxBalance:()=>{f!=="0"&&p(x.split(",").join(""))}}),Go.createElement(Bc,null)),Go.createElement(Fc,{sharpBottomStyle:!!h||e,label:Dc.t("To"),mode:"To",fetchingQuote:e,chain:{displayName:l?.displayName||"",image:l?.logo||""},token:{displayName:a?.symbol||"",image:a?.image||""},percentageChange:E(Xe(c,m),2,2),warningLevel:ht(I??0),price:{value:E(d,6,6),usdValue:b?void 0:E(m,4,4),realValue:le(d),realUsdValue:b?void 0:le(m),error:b?Y().unknownPriceError.impactTitle:void 0},onClickToken:()=>n("to"),disabled:o==="failed",loading:o==="loading",tooltipContainer:B()}))}i(bs,"Inputs");import{useCallback as TS,useEffect as kS,useState as wS}from"react";function Uc(){let{fetch:t,loading:e,cancelFetch:o}=Cr({request:async(n,r)=>await At().getAllRoutes(n,r)});return{fetch:t,loading:e,cancelFetch:o}}i(Uc,"useFetchAllQuotes");var xS=600;function Ar({refetchQuote:t}){let{fetch:e,cancelFetch:o}=Uc(),{enableNewLiquiditySources:n,features:r}=g().config,s=K.use.connectedWallets(),a=g().tokens(),{fromToken:l,toToken:p,inputAmount:u,inputUsdValue:c,selectedQuote:d,sortStrategy:m,resetQuote:h,error:C,warning:S,setSelectedQuote:y,updateQuotePartialState:f}=Q(),{slippage:x,customSlippage:k,affiliatePercent:v,affiliateRef:b,affiliateWallets:I,fetchStatus:T}=g(),w=g().getLiquiditySources(),M=g().getDisabledLiquiditySources(),L=g().excludeLiquiditySources(),[F,O]=wS(!0),ie=k??x,W=!l||!p||Le(l,p)||!To(u),z=i(me=>{O(me)},"resetState"),A=i(me=>{let{fromToken:H,toToken:V,inputAmount:Se,liquiditySources:ve,excludeLiquiditySources:be,disabledLiquiditySources:ft,slippage:G,affiliateRef:J,affiliatePercent:R,affiliateWallets:Ae}=me;if(F||z(!0),!W&&H&&V){h();let Ge=Il({fromToken:H,toToken:V,inputAmount:Se,liquiditySources:ve,excludeLiquiditySources:be,disabledLiquiditySources:ft,wallets:s,slippage:G,affiliateRef:J,affiliatePercent:R,affiliateWallets:Ae});Ya("experimentalRoute",r)&&(Ge.experimental=!0),e(Ge).then(Ce=>{let Fe=Nn(m,Ce.results),he=Ol(d,Fe,Ce.requestAmount);O(!1),f("quotes",Ce),y(he),Tr({diagnosisMessages:Ce.diagnosisMessages,requestId:he?.requestId||"",swaps:he?.swaps});let st=he&&to(he,{fromToken:H,toToken:V,userSlippage:ie,tokens:a});f("warning",st)}).catch(Ce=>{let{error:Fe}=kr(Ce);(Fe?.type===0||Fe?.type===1)&&h(),Fe?.type!==2&&(f("error",Fe),O(!1))})}},"fetch"),N=TS(ja(me=>{W||A(me)},xS),[W]);return kS(()=>{if(!t){O(!1);return}if(T==="success"){if(W){O(!1),(d||C||S)&&h();return}if(!To(u)||c?.eq(0)){z(!1),o();return}return h(),z(!0),N({inputAmount:u,fromToken:l,toToken:p,liquiditySources:w,excludeLiquiditySources:L,disabledLiquiditySources:M,slippage:ie,affiliateRef:b,affiliatePercent:v,affiliateWallets:I}),o}},[T,u,l?.symbol,l?.address,l?.blockchain,p?.symbol,p?.address,p?.blockchain,W,w?.length,n,M.length,ie,b,v,JSON.stringify(I)]),{fetch:()=>A({inputAmount:u,fromToken:l,toToken:p,liquiditySources:w,excludeLiquiditySources:L,disabledLiquiditySources:M,slippage:ie,affiliateRef:b,affiliatePercent:v,affiliateWallets:I}),loading:F}}i(Ar,"useSwapInput");var WS=IS("div",{display:"grid",gridTemplateColumns:"auto auto",alignItems:"flex-start",height:700}),MS=300;function zc(){let t=ES(),{fromToken:e,toToken:o,inputAmount:n,selectedQuote:r,refetchQuote:s,error:a,warning:l,quotes:p,setSelectedQuote:u,resetQuoteWallets:c,setQuoteWarningsConfirmed:d,updateQuotePartialState:m}=Q(),[h,C]=Qc(!1),S=mr(),{fetch:y,loading:f}=Ar({refetchQuote:s}),{config:x,fetchStatus:k}=g(),{connectedWallets:v}=K(),{isActiveTab:b}=te(),[I,T]=Qc(!1),M=Tl({fetchMetaStatus:k,fetchingQuote:f,inputAmount:n,quote:r,anyWalletConnected:v.length>0,error:a,warning:l,needsToWarnEthOnPath:!1}),L=x?.variant==="expandable"&&!S,F=!!n&&!!e&&!!o&&n!=="0",O=F&&k==="success"&&f,W=(!L||L&&p?.results.length)&&(l||a);qc(()=>{c(),m("refetchQuote",!0)},[]),qc(()=>{C(F)},[F]);let z=(r||a)&&!I?y:void 0,A=i(N=>{L&&h?(C(!1),setTimeout(()=>{t(N)},MS)):t(N)},"onHandleNavigation");return Ue.createElement(WS,null,Ue.createElement(ee,{height:"auto",footer:Ue.createElement(bS,{type:"primary",size:"large",disabled:M.disabled||!b,prefix:M.action==="confirm-warning"&&Ue.createElement(AS,null),fullWidth:!0,onClick:()=>{M.action==="connect-wallet"?A($.wallets):M.action==="confirm-warning"?T(!0):A($.confirmSwap)}},M.title),header:{onWallet:()=>{A($.wallets)},hasBackButton:!1,title:x.title||vS.t("Swap"),suffix:Ue.createElement(Vt,{hidden:L?["refresh"]:void 0,onClickRefresh:z,onClickHistory:()=>A($.swaps),onClickSettings:()=>{A($.settings)}})}},Ue.createElement(re,null,Ue.createElement(bs,{fetchingQuote:O,fetchMetaStatus:k,onClickToken:N=>{A(N==="from"?$.fromSwap:$.toSwap)}}),Ue.createElement(Oc,{size:"2"}),L?null:Ue.createElement(Jt,{quote:r,loading:O,error:a,tagHidden:!1,warning:l,type:"basic",onClickAllRoutes:p&&p.results.length>1?()=>{m("refetchQuote",!1),A($.routes)}:void 0}),W?Ue.createElement(Ue.Fragment,null,Ue.createElement(Oc,{size:"10"}),Ue.createElement(No,{warning:l,error:a,refetchQuote:y,showWarningModal:I,confirmationDisabled:!b,onOpenWarningModal:()=>T(!0),onCloseWarningModal:()=>T(!1),onConfirmWarningModal:()=>{T(!1),d(!0),A($.confirmSwap)},onChangeSettings:()=>A($.settings)})):null)),L?Ue.createElement(xs,{loading:O,onClickOnQuote:N=>u(N),fetch:y,onClickRefresh:z,isVisible:h}):null)}i(zc,"Home");import{i18n as Hc}from"@lingui/core";import{List as LS,ListItemButton as NS,Radio as BS,RadioRoot as PS,Typography as $S}from"@rango-dev/ui";import Dt from"react";function fo(){let{setLanguage:t,language:e,config:o}=g(),n=Za,r=o?.language||wo;return{activeLanguage:e||r,languages:n,defaultLanguage:r,changeLanguage:s=>t(s||wo),resetLanguage:()=>t(null)}}i(fo,"useLanguage");function Gc(){let{activeLanguage:t,changeLanguage:e,languages:o}=fo(),n=o.map(r=>{let{local:s,label:a,SVGFlag:l}=r;return{id:s,value:s,title:Dt.createElement($S,{variant:"title",size:"xmedium"},a),onClick:()=>e(r.local),end:Dt.createElement(BS,{value:s}),start:Dt.createElement(l,null)}});return Dt.createElement(ee,{header:{title:Hc.t("Language")}},Dt.createElement(re,null,Dt.createElement(PS,{value:t},Dt.createElement(LS,{type:Dt.createElement(NS,{title:Hc.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}i(Gc,"LanguagePage");import{i18n as wt}from"@lingui/core";import{Button as OS,Checkbox as qS,Image as QS,ListItemButton as zS,NotFound as HS,Typography as GS}from"@rango-dev/ui";import _e,{useState as VS}from"react";import{Checkbox as FS,Skeleton as jc}from"@rango-dev/ui";import jo from"react";import{styled as Is}from"@rango-dev/ui";var Vo=Is("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto",variants:{disabled:{true:{pointerEvents:"none"}}}}),As=Is("div",{width:80,display:"flex",justifyContent:"flex-end"}),Es=Is("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});import{ListItem as _S,styled as DS}from"@rango-dev/ui";var Vc=DS(_S,{height:61});var US=30;function Ws(){return jo.createElement(Vo,null,Array.from(Array(US),t=>jo.createElement(Vc,{hasDivider:!0,key:t,start:jo.createElement(jc,{variant:"circular",width:35,height:35}),title:jo.createElement(jc,{variant:"text",size:"large",width:90}),end:jo.createElement(FS,{checked:!1})})))}i(Ws,"LoadingLiquiditySourceList");function Ms({sourceType:t}){let e=g().fetchStatus,o=g().swappers(),n=g().getDisabledLiquiditySources(),[r,s]=VS(""),a=g().toggleLiquiditySource,l=g().isInCampaignMode(),p=Tn(o,n),u={Exchanges:wt.t("Exchanges"),Bridges:wt.t("Bridges")},c=[];t==="Exchanges"&&c.push("DEX"),t==="Bridges"&&(c.push("BRIDGE"),c.push("AGGREGATOR"));let d=p.filter(f=>c.includes(f.type)),m=d.length===d.filter(f=>f.selected).length,h=i(()=>{d.forEach(f=>{m?a(f.groupTitle):f.selected||a(f.groupTitle)})},"toggleAllSources"),C=d.map(f=>{let{selected:x,groupTitle:k,logo:v}=f;return{start:_e.createElement(QS,{src:v,size:22,type:"circular"}),onClick:()=>{l||a(k)},end:_e.createElement(qS,{checked:x,disabled:l}),title:_e.createElement(GS,{variant:"title",size:"xmedium"},wt.t(k)),...f}}),S=i(f=>{let x=f.target.value;s(x)},"searchHandler"),y=C;return r&&(y=C.filter(f=>at(f.groupTitle,r))),_e.createElement(ee,{header:{title:wt.t(t),suffix:_e.createElement(As,null,_e.createElement(OS,{variant:"ghost",size:"xsmall",onClick:h},m?wt.t("Deselect all"):wt.t("Select all")))}},_e.createElement(re,{view:!0},_e.createElement(Tt,{value:r,setValue:s,fullWidth:!0,color:"light",variant:"contained",placeholder:wt.t("Search {sourceType}",{sourceType:u[t]}),onChange:S}),e==="loading"&&_e.createElement(Ws,null),!y.length&&r?_e.createElement(Es,null,_e.createElement(HS,{title:wt.t("No results found"),description:wt.t("Try using different keywords")})):e==="success"&&_e.createElement(Vo,{disabled:l},y.map(f=>_e.createElement(_e.Fragment,{key:f.id},_e.createElement(zS,{style:{height:"61px"},...f,selected:!1,hasDivider:!0}))))))}i(Ms,"LiquiditySourcePage");import{i18n as jS}from"@lingui/core";import Er from"react";import{useNavigate as XS}from"react-router-dom";function Xc(){let t=XS(),e=ut(),{selectedQuote:o,refetchQuote:n,setSelectedQuote:r,updateQuotePartialState:s,error:a}=Q(),{fetch:l,loading:p}=Ar({refetchQuote:n}),u=i(m=>{r(m),s("refetchQuote",!1),e()},"onClickOnQuote"),c=`../${$.settings}`,d=`../${$.wallets}`;return Er.createElement(ee,{header:{onWallet:()=>{t(d)},onBack:()=>{s("refetchQuote",!1)},title:jS.t("Routes"),suffix:Er.createElement(Vt,{onClickRefresh:o||a?l:void 0,hidden:["notifications","history"],onClickSettings:()=>t(c)})}},Er.createElement(re,null,Er.createElement(Ho,{fetch:l,loading:p,onClickOnQuote:u})))}i(Xc,"RoutesPage");import{i18n as om}from"@lingui/core";import{Divider as nm,getCountCategories as rC,SelectableCategoryList as iC}from"@rango-dev/ui";import xt,{useState as rm}from"react";import{i18n as Ns}from"@lingui/core";import{Divider as em,Image as RS,ListItemButton as eC,NotFound as tC,Typography as tm}from"@rango-dev/ui";import Je,{useEffect as oC,useState as nC}from"react";import{BlockchainCategories as Ls}from"@rango-dev/ui";import{TransactionType as Wr}from"rango-sdk";var KS=i((t,e)=>{switch(e){case Ls.ALL:return!0;case Ls.UTXO:return t.type===Wr.TRANSFER;case Ls.OTHER:return t.type!==Wr.TRANSFER&&t.type!==Wr.COSMOS&&t.type!==Wr.EVM;default:return t.type===e}},"filterByType"),Kc=i((t,e,o)=>t.filter(n=>KS(n,o)).filter(n=>Qt(n.name,e)||Qt(n.displayName,e)),"filterBlockchains");import{ImageContainer as YS,styled as Yc}from"@rango-dev/ui";var Jc=Yc("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),Mr=Yc(Ao,{padding:0,margin:0,listStyle:"none",[`& ${YS}`]:{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as JS,Skeleton as Zc}from"@rango-dev/ui";import Lr from"react";var ZS=20;function Rc(){return Lr.createElement(Mr,null,Array.from(Array(ZS),t=>Lr.createElement(JS,{key:t,hasDivider:!0,start:Lr.createElement(Zc,{variant:"circular",width:35,height:35}),title:Lr.createElement(Zc,{variant:"text",size:"large",width:90})})))}i(Rc,"LoadingBlockchainList");function Bs(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=nC(e),{fetchStatus:l}=g();oC(()=>{a([...Kc(e,o,r)])},[e,o,r]);let p=i(()=>!s.length&&o?Je.createElement(Je.Fragment,null,Je.createElement(em,{size:32}),Je.createElement(tC,{title:Ns.t("No results found"),description:Ns.t("Try using different keywords")})):Je.createElement(Mr,{as:"ul",key:`${r}-${o}`},s.map(u=>Je.createElement(eC,{key:`${u.name}-${u.chainId}`,hasDivider:!0,onClick:()=>n(u),start:Je.createElement(RS,{src:u.logo,size:30}),title:Je.createElement(tm,{variant:"title",size:"medium"},u.displayName),id:u.chainId}))),"renderList");return Je.createElement(Jc,null,Je.createElement(tm,{variant:"label",size:"large"},Ns.t("Select Blockchain")),Je.createElement(em,{size:4}),l==="loading"&&Je.createElement(Rc,null),l==="success"&&p())}i(Bs,"BlockchainList");function Ps(t){let{type:e}=t,o=ut(),[n,r]=rm(""),[s,a]=rm("ALL"),l=Q.use.setToBlockchain(),p=Q.use.setFromBlockchain(),u=g().fetchStatus,c=g().blockchains({type:e}),m=rC(c)!==1;return xt.createElement(ee,{header:{title:om.t("Select Blockchain")}},xt.createElement(re,{view:!0},m&&xt.createElement(xt.Fragment,null,xt.createElement(iC,{setCategory:a,category:s,blockchains:c,isLoading:u==="loading"}),xt.createElement(nm,{size:24})),xt.createElement(Tt,{value:n,autoFocus:!0,placeholder:om.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:h=>r(h.target.value)}),xt.createElement(nm,{size:16}),xt.createElement(Bs,{list:c,searchedFor:n,blockchainCategory:s,onChange:h=>{e==="source"?p(h):l(h),o()}})))}i(Ps,"SelectBlockchainPage");import{i18n as _r}from"@lingui/core";import{Divider as vm}from"@rango-dev/ui";import Zt,{useState as wC}from"react";import{useNavigate as xC}from"react-router-dom";import{i18n as Ds}from"@lingui/core";import{BlockchainsChip as Nr,Divider as lm,Image as pm,Skeleton as uC,Tooltip as cC,Typography as Fs}from"@rango-dev/ui";import xe from"react";import{useEffect as lC}from"react";var im=["ETH","COSMOS","OSMOSIS"];function $s(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(sC),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 u=n[p];a=a.filter(c=>u.name!==c)}}n.sort(aC(a)),r=n.splice(s)}return{list:n,more:r}}i($s,"prepare");function sC(t,e){let o=im,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(sC,"sortByMostUsedBlockchains");function aC(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(aC,"generateSortByPreferredBlockchainsFor");function sm(t,e){return!!e.list.find(o=>o.name===t)}i(sm,"isInVisibleList");function _s(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=g();lC(()=>{if(e?.selected){let s=$s(t,o,e);sm(e.selected,s)||n(e?.selected)}},[e?.selected]);let r=$s(t,o,e);return{list:r.list,more:r.more,history:[]}}i(_s,"usePrepareBlockchainList");import{styled as pC}from"@rango-dev/ui";var am=pC("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var mC=12;function Us(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:s}=t,a=_s(e,{limit:10,selected:n?.name}),{fetchStatus:l}=g(),p=Q.use.resetToBlockchain(),u=Q.use.resetFromBlockchain(),c=a.more.length>0,d=a.more.length===1,m=!d&&c;return xe.createElement(xe.Fragment,null,xe.createElement(lm,{size:12}),xe.createElement(Fs,{variant:"label",size:"large"},Ds.t("Select Blockchain")),xe.createElement(lm,{size:12}),xe.createElement(am,null,l==="loading"&&Array.from(Array(mC),h=>xe.createElement(uC,{key:h,variant:"rounded",height:50})),l==="success"&&xe.createElement(xe.Fragment,null,xe.createElement(Nr,{selected:!n,onClick:()=>{o==="from"?u():p()}},xe.createElement(Fs,{variant:"body",size:"xsmall",color:"secondary500"},Ds.t("All"))),a.list.map(h=>xe.createElement(cC,{key:h.name,content:h.shortName,side:"bottom",sideOffset:2,container:B()},xe.createElement(Nr,{key:h.name,selected:!!n&&n.name===h.name,onClick:()=>r(h)},xe.createElement(pm,{src:h.logo,size:30})))),d?xe.createElement(Nr,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},xe.createElement(pm,{src:a.more[0].logo,size:30})):null,m?xe.createElement(Nr,{onClick:s,key:"more-blockchains"},xe.createElement(Fs,{variant:"body",size:"xsmall",color:"secondary500"},Ds._("More +{count}",{count:a.more.length}))):null)))}i(Us,"BlockchainsSection");import{i18n as Ks}from"@lingui/core";import{darkTheme as Cm,Divider as ho,ExternalLinkIcon as gC,Image as hC,ListItemButton as yC,NotFound as SC,PinIcon as CC,Skeleton as Tm,Typography as $r,VirtualizedList as TC}from"@rango-dev/ui";import q,{useEffect as km,useState as wm}from"react";import{Divider as ym,ListItem as fC,Skeleton as Xo}from"@rango-dev/ui";import rt from"react";import{css as go,darkTheme as um,ImageContainer as dC,styled as nt,Typography as cm}from"@rango-dev/ui";var Os=go({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}),qs=go({position:"relative",height:12,width:"30%",maxWidth:"150px"}),Qs=go({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"}),zs=go({transform:"translateY(12px)",visibility:"hidden","& a":{display:"flex",justifyContent:"center",alignItems:"center",fontSize:"$12",lineHeight:"$16",$$color:"$colors$neutral600",[`.${um} &`]:{$$color:"$colors$neutral700"},color:"$$color",textDecoration:"none"}}),Hs=go({}),Gs=go(),mm=nt("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),Vs=nt("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),Br=nt("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none","&:hover":{[`& .${qs}`]:{[`& .${zs}`]:{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},[`& .${Hs}`]:{bottom:"-15px"},[`& .${Os}`]:{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},[`& .${Qs}`]:{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),js=nt("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),Xs=nt(cm,{}),dm=nt("div",{textAlign:"right",width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",[`& .${Gs}`]:{$$color:"$colors$neutral600",[`.${um} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Pr=nt("div",{display:"flex",alignItems:"end",flexDirection:"column"}),zD=nt("div",{display:"flex",alignItems:"center"}),fm=nt("div",{position:"relative",[`& ${dC}`]:{borderRadius:"$xm",overflow:"hidden"}}),gm=nt("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6}),hm=nt(cm,{width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"});function Sm(t){return rt.createElement(Br,null,Array.from(Array(t.size),e=>rt.createElement(fC,{key:e,hasDivider:!0,start:rt.createElement(Xo,{variant:"circular",width:35,height:35}),end:rt.createElement(Pr,null,rt.createElement(Xo,{variant:"text",size:"large",width:70}),rt.createElement(ym,{size:4}),rt.createElement(Xo,{variant:"text",size:"medium",width:50})),title:rt.createElement("div",null,rt.createElement(Xo,{variant:"text",size:"large",width:90}),rt.createElement(ym,{size:4}),rt.createElement(Xo,{variant:"text",size:"medium",width:90}))})))}i(Sm,"LoadingTokenList");var Ys=20,kC=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:s,customCssForTagTitle:a}=t,l=e.length;return q.createElement("div",{className:qs()},o?q.createElement("div",{className:Os()},o):q.createElement(Vs,{className:Qs()},q.createElement($r,{variant:"title",size:"xmedium"},r.symbol),q.createElement(ho,{direction:"horizontal",size:4}),q.createElement(js,{css:s},q.createElement(Xs,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&q.createElement("div",{className:`${zs()} ${!o&&Hs()}`},q.createElement("a",{href:n,target:"_blank",rel:"nofollow noreferrer",onClick:p=>p.stopPropagation()},l>10?`${e.slice(0,5)}...${e.slice(l-6,l)}`:e," ",q.createElement(ho,{size:4,direction:"horizontal"}),q.createElement(gC,{color:"gray",size:12}))))},"renderDesc");function xm(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=wm(e),l=g().fetchStatus,p=g().blockchains(),[u,c]=wm(!0),{getBalanceFor:d,loading:m}=K(),{isTokenPinned:h}=g(),C=i(()=>{a(e.slice(0,s.length+Ys))},"loadNextPage");km(()=>{c(e.length>s.length)},[s.length]),km(()=>{a(e.slice(0,Ys))},[e]);let S=i(()=>!s.length&&o?q.createElement(q.Fragment,null,q.createElement(ho,{size:32}),q.createElement(SC,{title:Ks.t("No results found"),description:Ks.t("Try using different keywords")})):q.createElement(TC,{endReached:u?C:void 0,itemContent:y=>{let f=s[y],x=fn(d(f)),k=f.address||"",v=p.find(w=>w.name===f.blockchain),b=Hn(f.symbol,v?.color||""),I={$$color:b[`${f.symbol}100`],[`.${Cm} &`]:{$$color:b[`${f.symbol}900`]},backgroundColor:"$$color"},T={$$color:b[`${f.symbol}700`],[`.${Cm} &`]:{$$color:b[`${f.symbol}100`]},color:"$$color"};return q.createElement("div",{style:{paddingRight:5}},q.createElement(yC,{style:{width:"100%",overflow:"hidden"},"tab-index":y,key:`${f.symbol}${f.address}`,id:`${f.symbol}${f.address}`,hasDivider:!0,onClick:()=>n(s[y]),start:q.createElement(fm,null,q.createElement(hC,{src:f.image,size:30}),h(f,t.type)&&q.createElement(gm,null,q.createElement(CC,{size:12,color:"gray"}))),title:v?.type==="COSMOS"||f.name||!f.name&&!k?q.createElement(Vs,null,q.createElement($r,{variant:"title",size:"xmedium"},f.symbol),q.createElement(ho,{direction:"horizontal",size:4}),q.createElement(js,{css:I},q.createElement(Xs,{variant:"body",size:"xsmall",css:T},f.blockchain))):void 0,description:v?.info&&k&&v.type!=="COSMOS"?kC({address:k,token:s[y],customCssForTag:I,customCssForTagTitle:T,name:f.name,url:v.info.addressUrl.split("{wallet}").join(k)}):f.name||void 0,end:m?q.createElement(Pr,null,q.createElement(Tm,{variant:"text",size:"large",width:70}),q.createElement(ho,{size:4}),q.createElement(Tm,{variant:"text",size:"medium",width:50})):x&&q.createElement(dm,null,q.createElement(hm,{variant:"title",size:"small"},x.amount),q.createElement("div",null),x.usdValue&&q.createElement($r,{variant:"body",className:Gs(),size:"xsmall"},`$${x.usdValue}`))}))},totalCount:s.length,key:`${r}-${o}`}),"renderList");return q.createElement(mm,null,q.createElement($r,{variant:"label",size:"large"},Ks.t("Select Token")),q.createElement(ho,{size:4}),l==="loading"&&q.createElement(Sm,{size:Ys}),l==="success"&&q.createElement(Br,{as:"ul"},S()))}i(xm,"TokenList");function Js(t){let{type:e}=t,o=xC(),n=ut(),{fromBlockchain:r,toBlockchain:s,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:u}=Q(),c=K.use.getBalanceFor(),[d,m]=wC(""),{isTokenPinned:h}=g(),S=(e==="source"?r:s)?.name??"",y=g().blockchains({type:e}),f=g().tokens({type:e,blockchain:S,searchFor:d}),k=$a(f,c,i(T=>h(T,e),"checkIsTokenPinned")),v=i(T=>{e==="source"?p(T):u(T)},"updateBlockchain"),b=i(T=>{e==="source"?a({token:T,meta:{blockchains:y,tokens:f}}):l({token:T,meta:{blockchains:y,tokens:f}})},"updateToken"),I={source:_r.t("Source"),destination:_r.t("Destination")};return Zt.createElement(ee,{header:{title:_r.t("Swap {type}",{type:I[e]})}},Zt.createElement(re,null,Zt.createElement(Us,{blockchains:y,type:e=="source"?"from":"to",blockchain:e==="source"?r:s,onMoreClick:()=>o($.blockchains),onChange:T=>{v(T)}}),Zt.createElement(vm,{size:24}),Zt.createElement(Tt,{value:d,autoFocus:!0,placeholder:_r.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>m(""),onChange:T=>m(T.target.value)}),Zt.createElement(vm,{size:16}),Zt.createElement(xm,{list:k,selectedBlockchain:S,searchedFor:d,type:e,onChange:T=>{b(T);let w=y.find(M=>T.blockchain===M.name);w&&v(w),n()}})))}i(Js,"SelectSwapItemsPage");import{i18n as vt}from"@lingui/core";import{Alert as LC,Button as NC,ChevronRightIcon as Fr,Divider as ea,InfoIcon as BC,List as PC,ListItemButton as $C,Skeleton as _C,styled as DC,Switch as FC,Tooltip as UC,Typography as Ft}from"@rango-dev/ui";import X from"react";import{useInRouterContext as OC,useNavigate as qC,useSearchParams as QC}from"react-router-dom";import{i18n as Mm}from"@lingui/core";import{Divider as AC,InfoIcon as EC,TextField as WC,Tooltip as MC,Typography as Lm}from"@rango-dev/ui";import He from"react";import{Chip as vC,styled as Ko,TextField as bC}from"@rango-dev/ui";var bm=Ko("div",{paddingTop:"$5",padding:"$10 $5"}),Im=Ko("div",{display:"flex",flexWrap:"wrap",gap:"$10",[`& ${bC}`]:{flex:"1 1 0",maxWidth:"127px",minWidth:"85px"}}),Am=Ko("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),Dr=Ko("div",{maxWidth:"280px",padding:"$10"}),Em=Ko(vC,{width:"61px",flexShrink:0});import{i18n as Zs}from"@lingui/core";import{Typography as IC}from"@rango-dev/ui";import Yo from"react";function Wm(){return Yo.createElement(Dr,null,Yo.createElement(IC,{variant:"label",size:"medium",color:"neutral700"},Zs.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),Yo.createElement("br",null),Yo.createElement("br",null),Yo.createElement("b",null,Zs.t("Warning")),":",Zs.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(Wm,"SlippageTooltipContent");function Rs(){let{slippage:t,setSlippage:e,customSlippage:o,setCustomSlippage:n}=g();return He.createElement(bm,null,He.createElement(Am,null,He.createElement(Lm,{variant:"title",size:"xmedium"},Mm.t("Slippage tolerance per swap")),He.createElement(AC,{direction:"horizontal",size:4}),He.createElement(MC,{container:B(),side:"top",sideOffset:4,content:He.createElement(Wm,null)},He.createElement(EC,{color:"gray"}))),He.createElement(Im,null,Ra.map((r,s)=>{let a=`slippage-${s}`;return He.createElement(He.Fragment,null,He.createElement(Em,{key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}))}),He.createElement(WC,{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>=nl&&a<=ol?n(a):n(null)},suffix:o&&He.createElement(Lm,{variant:"body",size:"small"},"%"),placeholder:Mm.t("Custom")})))}i(Rs,"Slippage");var zC=DC("div",{paddingLeft:"$8"});function Nm(){let t=qC(),{theme:e}=g().config,o=g().fetchStatus,n=g().swappers(),r=g().getDisabledLiquiditySources(),{config:{features:s},isInCampaignMode:a,updateCampaignMode:l}=g(),p=a(),u=Ve("theme",s),c=Ve("liquiditySource",s),d=Ve("language",s),m=g().infiniteApprove,h=g().toggleInfiniteApprove,C=Tn(n,r),S=C.filter(W=>W.type==="BRIDGE"||W.type==="AGGREGATOR"),y=S.length,f=S.filter(W=>W.selected).length,x=C.filter(W=>W.type==="DEX"),k=x.length,v=x.filter(W=>W.selected).length,b=i((W,z)=>{switch(o){case"loading":return X.createElement(_C,{variant:"text",size:"medium",width:50});case"failed":return X.createElement(Ft,{variant:"body",size:"medium",color:"$error500"},vt.t("Loading failed"));default:return X.createElement(Ft,{variant:"body",size:"medium"},`${W} / ${z}`)}},"handleEndItem"),I={id:"bridge-item",title:X.createElement(Ft,{variant:"title",size:"xmedium"},vt.t("Enabled bridges")),end:X.createElement(X.Fragment,null,b(f,y),X.createElement(ea,{direction:"horizontal",size:8}),X.createElement(Fr,{color:"black"})),onClick:()=>t($.bridges)},T={id:"exchange-item",title:X.createElement(Ft,{variant:"title",size:"xmedium"},vt.t("Enabled exchanges")),end:X.createElement(X.Fragment,null,b(v,k),X.createElement(ea,{direction:"horizontal",size:8}),X.createElement(Fr,{color:"gray"})),onClick:()=>t($.exchanges)},w={id:"language-item",title:X.createElement(Ft,{variant:"title",size:"xmedium"},vt.t("Language")),end:X.createElement(Fr,{color:"gray"}),onClick:()=>t($.languages)},M={id:"theme-item",title:X.createElement(Ft,{variant:"title",size:"xmedium"},vt.t("Theme")),end:X.createElement(Fr,{color:"gray"}),onClick:()=>t($.themes)},L={id:"infinite-approval-item",title:X.createElement(X.Fragment,null,X.createElement(Ft,{variant:"title",size:"xmedium"},vt.t("Infinite approval")),X.createElement(ea,{direction:"horizontal",size:4}),X.createElement(UC,{side:"top",sideOffset:4,container:B(),content:X.createElement(Dr,null,X.createElement(Ft,{variant:"label",size:"medium",color:"neutral700"},vt.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.")))},X.createElement(BC,{color:"gray"}))),end:X.createElement(FC,{checked:m}),onClick:h},F=c?[]:[I,T];d||F.push(w),!e?.singleTheme&&!u&&F.push(M),F.push(L);let[,O]=QC(),ie=OC(),ue=i(()=>{ie&&p&&(O(W=>(W.delete("liquiditySources"),W),{replace:!0}),l("liquiditySources",void 0))},"onClick");return X.createElement(ee,{header:{title:vt.t("Settings")}},X.createElement(re,null,p&&X.createElement(LC,{type:"info",variant:"alarm",title:vt.t("Currently, you're in campaign mode with restrictions on liquidity sources. Would you like to switch out of this mode and make use of all available liquidity sources?"),action:X.createElement(zC,null,X.createElement(NC,{type:"secondary",size:"small",onClick:ue},"Reset"))}),X.createElement(Rs,null),X.createElement(PC,{type:X.createElement($C,{title:"_",id:"_",onClick:()=>console.log()}),items:F})))}i(Nm,"SettingsPage");import{i18n as MT}from"@lingui/core";import{cancelSwap as LT}from"@rango-dev/queue-manager-rango-preset";import{useManager as NT}from"@rango-dev/queue-manager-react";import{Alert as BT}from"@rango-dev/ui";import ha from"react";import{useParams as PT}from"react-router-dom";import{i18n as It}from"@lingui/core";import{getCurrentBlockchainOfOrNull as mT,getCurrentStep as dT,getRelatedWalletOrNull as fT}from"@rango-dev/queue-manager-rango-preset";import{Button as rd,CopyIcon as gT,Divider as hT,IconButton as yT,LinkIcon as ST,QuoteCost as CT,StepDetails as TT,Typography as So,useCopyToClipboard as kT}from"@rango-dev/ui";import{useWallets as wT}from"@rango-dev/wallets-react";import id from"bignumber.js";import{PendingSwapNetworkStatus as jr}from"rango-types";import Z,{useEffect as sd,useRef as xT,useState as ad}from"react";import{useNavigate as vT}from"react-router-dom";import{i18n as Ut}from"@lingui/core";var HC=[Ut.t("Sunday"),Ut.t("Monday"),Ut.t("Tuesday"),Ut.t("Wednesday"),Ut.t("Thursday"),Ut.t("Friday"),Ut.t("Saturday")];function Bm(t){let e=new Date(t),o=e.getDate(),n=e.toLocaleString("default",{month:"long"}),r=e.getFullYear();return`${e.getDay()===new Date().getDay()?Ut.t("Today"):`${HC[e.getDay()]} ${o} ${n} ${r}`}, ${new Date(t).toLocaleTimeString()}`}i(Bm,"timeSince");function Pm(t){return t.finishTime?Bm(parseInt(t.finishTime)):Bm(parseInt(t.creationTime))}i(Pm,"getSwapDate");import{PendingSwapNetworkStatus as qr}from"rango-types";import Qr from"react";import{i18n as Ur}from"@lingui/core";import{Button as $m,Divider as ta,MessageBox as GC}from"@rango-dev/ui";import Ot from"react";var _m=i(({onCancel:t,onClose:e})=>Ot.createElement(Ot.Fragment,null,Ot.createElement(ta,{size:20}),Ot.createElement(GC,{type:"error",title:Ur.t("Cancel Swap"),description:Ur.t("Are you sure you want to cancel this swap?")}),Ot.createElement(ta,{size:32}),Ot.createElement($m,{variant:"contained",type:"primary",size:"large",onClick:t},Ur.t("Yes, Cancel it")),Ot.createElement(ta,{size:12}),Ot.createElement($m,{variant:"outlined",type:"primary",size:"large",onClick:e},Ur.t("No, Continue"))),"CancelContent");import{i18n as Or}from"@lingui/core";import{Button as Dm,Divider as oa,MessageBox as VC,Typography as jC}from"@rango-dev/ui";import bt from"react";var Fm=i(({onDelete:t,onClose:e})=>bt.createElement(bt.Fragment,null,bt.createElement(oa,{size:20}),bt.createElement(VC,{type:"error",title:Or.t("Delete Transaction"),description:Or.t("Are you sure you want to delete this swap?")}),bt.createElement(oa,{size:32}),bt.createElement(Dm,{variant:"contained",type:"primary",size:"large",onClick:t},Or.t("Yes, Delete it")),bt.createElement(oa,{size:12}),bt.createElement(Dm,{variant:"outlined",type:"primary",size:"large",onClick:e},bt.createElement(jC,{variant:"title",size:"medium",color:"primary"},Or.t("No, Cancel")))),"DeleteContent");import{i18n as na}from"@lingui/core";import{PendingSwapNetworkStatus as ra}from"rango-types";var ia={[ra.WaitingForNetworkChange]:{type:"loading",title:na.t("Change Network")},[ra.WaitingForConnectingWallet]:{type:"warning",title:na.t("Connect Wallet")},[ra.NetworkChanged]:{type:"success",title:na.t("Network Changed")}};import{MessageBox as KC,Wallet as YC}from"@rango-dev/ui";import{useWallets as JC}from"@rango-dev/wallets-react";import Jo from"react";import{styled as XC}from"@rango-dev/ui";var Um=XC("div",{display:"flex",justifyContent:"center"});var Om=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:s,walletButtonDisabled:a}=t,{connect:l,getWalletInfo:p,state:u}=JC(),c=n?.walletType,d=c?ti(u(c)):null,m=c?p(c):null;return Jo.createElement(Jo.Fragment,null,Jo.createElement(KC,{type:e,title:o,description:r}),s&&!!c&&!!d&&!!m&&Jo.createElement(Um,null,Jo.createElement(YC,{container:B(),title:m.name,image:m.img,type:c,state:d,link:m.installLink,disabled:a,onClick:async()=>l(c)})))},"WalletStateContent");function sa(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:s,message:a,walletButtonDisabled:l}=t,p=e===qr.WaitingForNetworkChange||e===qr.WaitingForConnectingWallet||e===qr.NetworkChanged;return Qr.createElement(se,{open:!!e,onClose:o,container:document.getElementById(Te.SWAP_BOX_ID)||document.body},p&&Qr.createElement(Om,{type:ia[e].type,title:ia[e].title,currentStepWallet:s,message:a,walletButtonDisabled:l,showWalletButton:e!==qr.WaitingForNetworkChange}),e==="delete"&&Qr.createElement(Fm,{onClose:o,onDelete:n}),e==="cancel"&&Qr.createElement(_m,{onClose:o,onCancel:r}))}i(sa,"SwapDetailsModal");import{i18n as Zo}from"@lingui/core";import{Button as aa,Divider as zr,MessageBox as qm,TokenAmount as ZC,Typography as la}from"@rango-dev/ui";import We from"react";import{useNavigate as RC}from"react-router-dom";function pa(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:s,realUsdValue:a,realValue:l,token:p,chain:u,percentageChange:c,description:d,diagnosisUrl:m}=t,h=RC();return We.createElement(se,{open:e,onClose:o,container:document.getElementById(Te.SWAP_BOX_ID)||document.body},n==="success"?We.createElement(qm,{type:"success",title:Zo.t("Swap Successful")},We.createElement(ZC,{direction:"vertical",tooltipContainer:B(),type:"output",centerAlign:!0,price:{value:r,usdValue:s,realUsdValue:a,realValue:l},token:p,chain:u,percentageChange:c}),We.createElement(zr,{size:12}),We.createElement(la,{variant:"body",size:"medium",color:"neutral700",align:"center"},d)):We.createElement(qm,{type:"error",title:Zo.t("Transaction Failed"),description:d}),We.createElement(zr,{size:32}),n==="success"&&We.createElement(aa,{variant:"contained",type:"primary",size:"large",onClick:()=>{h("../../")}},We.createElement(la,{variant:"title",size:"medium",color:"neutral100"},Zo.t("Done"))),We.createElement(zr,{size:12}),m&&We.createElement(We.Fragment,null,We.createElement(aa,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(m,"_blank")},Zo.t("Diagnosis")),We.createElement(zr,{size:12})),We.createElement(aa,{variant:"outlined",type:"primary",size:"large",onClick:o},We.createElement(la,{variant:"title",size:"medium",color:"primary"},Zo.t("See Details"))))}i(pa,"SwapDetailsCompleteModal");import uT from"react";import{i18n as sT}from"@lingui/core";import{Alert as jm,IconButton as aT,LinkIcon as lT}from"@rango-dev/ui";import qt,{Fragment as pT}from"react";import{Alert as eT,ChevronDownIcon as tT,ChevronUpIcon as oT,IconButton as nT}from"@rango-dev/ui";import Hr,{useState as rT}from"react";function Qm(t){let{message:e}=t,[o,n]=rT(!1);return Hr.createElement(eT,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Hr.createElement(nT,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Hr.createElement(oT,{size:12,color:"gray"}):Hr.createElement(tT,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(Qm,"FailedAlert");import{styled as iT}from"@rango-dev/ui";var zm=iT("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as Hm}from"@lingui/core";import{Alert as ua,Button as Gm}from"@rango-dev/ui";import{PendingSwapNetworkStatus as ca}from"rango-types";import Ro from"react";function Vm(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?Ro.createElement(ua,{type:"warning",title:n.shortMessage,action:Ro.createElement(Gm,{size:"xxsmall",type:"warning",onClick:()=>{o(ca.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},Hm.t("Change"))}):r===ca.WaitingForConnectingWallet?Ro.createElement(ua,{type:"warning",title:n.shortMessage,action:Ro.createElement(Gm,{size:"xxsmall",type:"warning",onClick:()=>{o(ca.WaitingForConnectingWallet)}},Hm.t("Connect"))}):Ro.createElement(ua,{type:"warning",title:n.shortMessage})}i(Vm,"WarningAlert");function ma(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:s,hasAlreadyProceededToSign:a}=t,l=bo(s),p=s.status==="waitingForApproval"&&!l,u=s.status==="running"&&!l,c=u&&!a||p&&!s.explorerUrl?.length;return qt.createElement(zm,null,s.explorerUrl?.map((d,m,h)=>{let C=m+d.url,S=m===h.length-1,y=(S&&u||p)&&!c,f=S&&s.status==="failed";return qt.createElement(pT,{key:C},qt.createElement(jm,{type:S&&(y&&"loading"||f&&"error")||"success",title:d.description?`${d.description} Tx`:sT.t("View transaction"),action:d.url&&qt.createElement(aT,{variant:"ghost",size:"xsmall",onClick:()=>window.open(d.url,"_blank")},qt.createElement(lT,{size:12}))}))}),c&&qt.createElement(jm,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&l&&qt.createElement(Vm,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&qt.createElement(Qm,{message:r}))}i(ma,"SwapDetailsAlerts");var Xm=2e3;var Km=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:je(s.fromBlockchain,e)??"",image:s.fromBlockchainLogo??""},price:{value:E(l,6,6),realValue:l}},to:{token:{displayName:s.toSymbol,image:s.toLogo},chain:{displayName:je(s.toBlockchain,e)??"",image:s.toBlockchainLogo??""},price:{value:E(s.outputAmount||s.expectedOutputAmountHumanReadable,6,6),realValue:s.outputAmount||s.expectedOutputAmountHumanReadable}},swapper:{displayName:vo(s.swapperId,o),image:s.swapperLogo??"",type:s.swapperType},internalSwaps:s.internalSwaps?s.internalSwaps.map(p=>({from:{blockchain:je(p.fromBlockchain,e)??""},to:{blockchain:je(p.toBlockchain,e)??""},swapper:{displayName:vo(p.swapperId,o),image:p.swapperLogo??"",type:p.swapperType}})):[],alerts:uT.createElement(ma,{step:s,hasAlreadyProceededToSign:r,...n})}})},"getSteps");function Ym(t){if(bo(t)&&t.status!=="failed"&&t.status!=="success")return"warning";switch(t.status){case"created":return"default";case"approved":case"waitingForApproval":case"running":return"in-progress";case"failed":return"error";case"success":return"completed"}}i(Ym,"getStepState");import{css as en,darkTheme as cT,styled as Rt}from"@rango-dev/ui";var Jm=Rt("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),Gr=Rt("div",{width:"100%"}),Zm=Rt(Ao,{padding:"$0 $20 $20 $20"}),MU=Rt("div",{display:"flex",flexDirection:"column",gap:"$10"}),Rm=Rt("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),LU=Rt("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1}),yo=en({display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${cT} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"}),ed=en({padding:"$5 0"}),Vr=en({display:"flex",justifyContent:"center",alignItems:"center",height:"$24"}),td=en({display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"}),od=en({width:"100%",padding:"0 $20 $10"}),nd=Rt("a",{fontSize:"$16",fontWeight:"$400",color:"$neutral700",display:"flex",alignItems:"center",justifyContent:"center"});function da(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:s,connect:a,getWalletInfo:l}=wT(),p=g().blockchains(),u=g().swappers(),c=g().tokens(),d=Q.use.retry(),m=te.use.isActiveTab(),h=vT(),[C,S]=kT(Xm),y=xT(null),[f,x]=ad(null),[k,v]=ad(null),b=i(()=>{r(),x(null)},"onCancel"),I=qe.use.getUnreadNotifications(),T=qe.use.setAsRead(),w=I(),M=dT(e),L=M?.networkStatus;sd(()=>{w.find(st=>st.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(v(e.status),T(e.requestId))},[e.status]),sd(()=>{A?x(jr.WaitingForNetworkChange):L===jr.WaitingForConnectingWallet||L===jr.NetworkChanged?x(L):x(null)},[L]);let F=Nl(e),O=M?mT(e,M):null,ie=M?fT(e,M):null,ue=Pm(e),W=Bl(e),z=i(he=>!!l(he)?.mobileWallet,"isMobileWallet"),A=L===jr.WaitingForNetworkChange&&!!O&&!!ie?.walletType&&(z(ie.walletType)||s(ie.walletType,O)),N=A?a.bind(null,ie.walletType,O):void 0,me=Ll(e,M),H=Km({swap:e,switchNetwork:N,showNetworkModal:L,setNetworkModal:x,message:me,blockchains:p,swappers:u}),V=H.length,[Se,ve]=[e.steps[0],e.steps[V-1]],be=ve.outputAmount||ve.expectedOutputAmountHumanReadable,ft=e.steps.reduce((he,st)=>he+parseFloat(st.feeInUsd||""),0),G=e.steps.find(he=>he.diagnosisUrl)?.diagnosisUrl,J=E(parseFloat(E(be,6,6))*(ve.toUsdPrice||0),4,4),R=E(parseFloat(e.inputAmount)*(Se.fromUsdPrice||0),4,4),Ae=be?le(new id(be).multipliedBy(ve.toUsdPrice||0)):"",Ge=le(new id(e.inputAmount).multipliedBy(Se.fromUsdPrice||0)),Ce=Xe(R,J),Fe=e.status==="success"?It.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:E(be,6,6),token:H[V-1].to.token.displayName,conciseAddress:gn(e.wallets[H[V-1].to.chain.displayName]?.address||""),chain:H[V-1].to.chain.displayName}}):`${It.t("Transaction was not sent.")} ${F?It.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:F.outputAmount,symbol:F.symbol,blockchain:F.blockchain}}):""}`;return Z.createElement(ee,{header:{title:It.t("Swap and Bridge"),onCancel:e.status==="running"?()=>x("cancel"):void 0,suffix:e.status!=="running"&&Z.createElement(io,null,Z.createElement(rd,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>x("delete")},Z.createElement(So,{size:"medium",variant:"label",color:"error"},It.t("Delete"))))},footer:W&&!k&&Z.createElement(rd,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{d(e,{blockchains:p,tokens:c}),setTimeout(()=>{h("../../")},0)}},It.t("Try again"))},Z.createElement(re,{compact:!0,view:!0},Z.createElement(Gr,null,Z.createElement("div",{className:yo()},Z.createElement(So,{variant:"label",size:"large",color:"neutral700"},`${It.t("Request ID")}:`),Z.createElement("div",{className:Vr()},Z.createElement(So,{variant:"label",size:"small",color:"neutral700"},o),Z.createElement(yT,{variant:"ghost",onClick:S.bind(null,o||"")},Z.createElement(gT,{size:16,color:"gray"})),Z.createElement(nd,{target:"_blank",href:`${va}/swap/${o}`},Z.createElement(ST,{size:16})))),Z.createElement("div",{className:yo()},Z.createElement(So,{variant:"label",size:"large",color:"neutral700"},`${It.t(e.finishTime?"Finished at":"Created at")}:`),Z.createElement(So,{variant:"label",size:"small",color:"neutral700"},ue))),Z.createElement("div",{className:td()},Z.createElement(CT,{fee:E(String(ft),2,2),time:an(ln(e.steps)),steps:V}),Z.createElement(Po,{from:{price:{value:E(e.inputAmount,6,6),usdValue:R,realUsdValue:Ge,realValue:e.inputAmount},token:{displayName:H[0].from.token.displayName,image:H[0].from.token.image},chain:{image:H[0].from.chain.image,displayName:H[0].from.chain.displayName}},to:{price:{value:E(be,6,6),usdValue:J,realUsdValue:Ae,realValue:be},token:{displayName:H[V-1].to.token.displayName,image:H[V-1].to.token.image},chain:{image:H[V-1].to.chain.image,displayName:H[V-1].to.chain.displayName}},percentageChange:E(Ce,2,2),warningLevel:ht(Ce??0)})),Z.createElement("div",{className:od()},Z.createElement(So,{variant:"title",size:"small"},It.t("Swaps steps"))),Z.createElement(hT,{size:8}),Z.createElement(Zm,{ref:y},H.map((he,st)=>{let wa=st,Co=Ym(e.steps[st]),Ed=Co==="error"||Co==="in-progress"||Co==="warning"||Co==="completed"&&st===H.length-1;return Z.createElement(TT,{key:wa,step:he,type:"swap-progress",ref:y,state:Co,hasSeparator:st!==0,tabIndex:wa,isFocused:Ed,tooltipContainer:B()})}))),Z.createElement(sa,{state:f,onClose:()=>x(null),onCancel:b,onDelete:n,message:me.detailedMessage.content,currentStepWallet:ie,walletButtonDisabled:!m}),Z.createElement(pa,{open:!!k,diagnosisUrl:G,onClose:()=>v(null),status:e.status==="success"?"success":"failed",priceValue:E(be,6,6),usdValue:J,realUsdValue:Ae,realValue:le(be),percentageChange:E(Ce,2,2),token:{displayName:H[V-1].to.token.displayName,image:H[V-1].to.token.image},chain:{image:H[V-1].to.chain.image},description:Fe}))}i(da,"SwapDetails");import{i18n as Kr}from"@lingui/core";import{Divider as ud,NotFound as WT,Skeleton as on,Typography as Yr}from"@rango-dev/ui";import ce from"react";import{i18n as bT}from"@lingui/core";import{Divider as IT,Skeleton as AT,Typography as ET}from"@rango-dev/ui";import ge from"react";import{css as it,styled as fa}from"@rango-dev/ui";var ld=fa("div",{width:"100%",height:"100%",padding:"$10 $20"}),tn=fa("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15"}),Xr=fa("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"}),uO=it({display:"flex",justifyContent:"space-between",alignItems:"center"}),cO=it({display:"flex",justifyContent:"space-between",alignItems:"center"}),mO=it({paddingTop:"$15",display:"flex"}),dO=it({padding:"$15 $0"}),fO=it({width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"}),gO=it({paddingBottom:"$10"}),hO=it({display:"flex",justifyContent:"start",alignItems:"center"}),yO=it({paddingTop:"$5",display:"flex",alignItems:"center"}),SO=it({display:"flex",alignItems:"center"}),CO=it({padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"}),pd=it({display:"flex",paddingTop:"$10",paddingBottom:"$5"});function ga(){return ge.createElement(ld,null,ge.createElement(Fo,{type:"swap-preview"}),ge.createElement("div",{className:"swaps-steps"},ge.createElement(ET,{variant:"title",size:"small"},bT.t("Swaps steps"))),ge.createElement(ge.Fragment,null,ge.createElement(tn,null,ge.createElement(dt,{separator:!1}),ge.createElement("div",{className:pd()},ge.createElement(IT,{direction:"horizontal",size:20}),ge.createElement(AT,{height:22,variant:"rectangular"}))),ge.createElement(Xr,null),ge.createElement(tn,null,ge.createElement(dt,{separator:!1})),ge.createElement(Xr,null),ge.createElement(tn,null,ge.createElement(dt,{separator:!1})),ge.createElement(Xr,null),ge.createElement(tn,null,ge.createElement(dt,{separator:!1}))))}i(ga,"LoadingSwapDetails");function cd(t){let{requestId:e,showSkeleton:o}=t;return ce.createElement(ee,{header:{title:Kr.t("Swap and Bridge"),suffix:ce.createElement(io,null)}},o&&ce.createElement(Jm,null,ce.createElement(Gr,null,ce.createElement("div",{className:yo()},ce.createElement(Yr,{variant:"label",size:"large",color:"neutral700"},`${Kr.t("Request ID")}:`),ce.createElement("div",{className:Vr()},ce.createElement(Yr,{variant:"label",size:"small",color:"neutral700"},ce.createElement(on,{width:60,height:10,variant:"rounded"})),ce.createElement(ud,{direction:"horizontal",size:4}),ce.createElement(on,{width:16,height:16,variant:"rectangular"}),ce.createElement(ud,{direction:"horizontal",size:4}),ce.createElement(on,{width:16,height:16,variant:"rectangular"}))),ce.createElement("div",{className:yo()},ce.createElement(Yr,{className:ed(),variant:"label",size:"large",color:"neutral700"},ce.createElement(on,{width:60,height:10,variant:"rounded"})),ce.createElement(Yr,{variant:"label",size:"small",color:"neutral700"},ce.createElement(on,{width:60,height:10,variant:"rounded"})))),ce.createElement(ga,null)),!o&&ce.createElement(Rm,null,ce.createElement(WT,{title:Kr.t("Not found"),description:Kr.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}i(cd,"SwapDetailsPlaceholder");function md(){let{manager:t,state:e}=NT(),o=!e.loadedFromPersistor,n=Nt(t),{requestId:r}=PT(),s=ut(),{fetchStatus:a}=g();if(!r)return ha.createElement(BT,{containerStyles:{margin:"20px"},type:"error",title:MT.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,u=i(()=>{if(p?.id){let m=t?.get(p.id);m&&LT(m)}},"onCancel"),c=i(async()=>{if(p?.id)try{t?.deleteQueue(p.id),s()}catch(m){console.log(m)}},"onDelete"),d=p?.swap;return!d||l?ha.createElement(cd,{requestId:r,showSkeleton:l}):ha.createElement(da,{swap:d,requestId:r,onCancel:u,onDelete:c})}i(md,"SwapDetailsPage");import{i18n as nn}from"@lingui/core";import{AutoThemeIcon as $T,DarkModeIcon as _T,LightModeIcon as DT,List as FT,ListItemButton as UT,Radio as ya,RadioRoot as OT,Typography as Sa}from"@rango-dev/ui";import Oe from"react";function dd(){let{setTheme:t,theme:e}=g(),o=[{id:"light",value:"light",title:Oe.createElement(Sa,{variant:"title",size:"xmedium"},nn.t("Light")),onClick:()=>t("light"),start:Oe.createElement(DT,{color:"gray"}),end:Oe.createElement(ya,{value:"light"})},{id:"dark",value:"dark",title:Oe.createElement(Sa,{variant:"title",size:"xmedium"},nn.t("Dark")),onClick:()=>t("dark"),start:Oe.createElement(_T,{color:"gray"}),end:Oe.createElement(ya,{value:"dark"})},{id:"auto",value:"auto",title:Oe.createElement(Sa,{variant:"title",size:"xmedium"},nn.t("Auto")),onClick:()=>t("auto"),start:Oe.createElement($T,{color:"gray"}),end:Oe.createElement(ya,{value:"auto"})}];return Oe.createElement(ee,{header:{title:nn.t("Theme")}},Oe.createElement(re,null,Oe.createElement(OT,{onValueChange:n=>t(n),value:e},Oe.createElement(FT,{type:Oe.createElement(UT,{title:nn.t("Theme"),id:"_",onClick:()=>console.log()}),items:o}))))}i(dd,"ThemePage");function fd(){return Ql(),xi(),qT([{path:$.home,element:De.createElement(zc,null)},{path:$.routes,element:De.createElement(Xc,null)},{path:$.fromSwap,children:[{index:!0,element:De.createElement(Js,{type:"source"})},{path:$.blockchains,element:De.createElement(Ps,{type:"source"})}]},{path:$.toSwap,children:[{index:!0,element:De.createElement(Js,{type:"destination"})},{path:$.blockchains,element:De.createElement(Ps,{type:"destination"})}]},{path:$.settings,children:[{index:!0,element:De.createElement(Nm,null)},{path:$.themes,element:De.createElement(dd,null)},{path:$.languages,element:De.createElement(Gc,null)},{path:$.exchanges,element:De.createElement(Ms,{sourceType:"Exchanges"})},{path:$.bridges,element:De.createElement(Ms,{sourceType:"Bridges"})}]},{path:$.swaps,children:[{index:!0,element:De.createElement(vc,null)},{path:$.swapDetails,element:De.createElement(md,null)}]},{path:$.wallets,element:De.createElement(Op,null)},{path:$.confirmSwap,element:De.createElement(mc,null)}])}i(fd,"AppRoutes");import{isApprovalTX as QT,MainEvents as gd,RouteEventType as hd,StepEventType as yd,StepExecutionEventStatus as zT,useEvents as HT}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Sd}from"react";function Cd(){let t=g().tokens(),e=K.use.connectedWallets(),o=K.use.getWalletsDetails(),n=qe.use.setNotification(),r=HT();return Sd(()=>(r.on(gd.StepEvent,s=>{let{event:a,step:l,route:p}=s;if(a.type===yd.TX_EXECUTION&&a.status===zT.TX_SENT&&!QT(l)||a.type===yd.SUCCEEDED){let c=e.find(m=>m.chain===l?.fromBlockchain),d=l?.fromBlockchain!==l?.toBlockchain&&e.find(m=>m.chain===l?.toBlockchain);c&&o([c],t),d&&o([d],t)}n(a,p)}),()=>r.all.clear()),[r,e.length]),Sd(()=>(r.on(gd.RouteEvent,s=>{let{event:a,route:l}=s;(a.type===hd.FAILED||a.type===hd.SUCCEEDED)&&n(a,l)}),()=>r.all.clear()),[r,e.length]),null}i(Cd,"WidgetEvents");import{globalCss as GT}from"@rango-dev/ui";var Td=i(()=>GT({"@import":["url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap')","url('https://fonts.cdnfonts.com/css/times-new-roman')"]})(),"globalFont");function kd(){let{setWatermark:t}=te();return{fetchApiConfig:i(async()=>{let o=await fetch(`${gt("BASE_URL")}/meta/dapp/config?apiKey=${gt("API_KEY")}`);if(!o.ok)throw new Error(`Request failed with status: ${o.status} `);let n=await o.json();t(n.config.watermark)},"fetchApiConfig")}}i(kd,"useFetchApiConfig");import{styled as VT}from"@rango-dev/ui";var wd=VT("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 Jr(){Td();let{config:t}=g(),{activeTheme:e}=Gn(t?.theme||{}),{activeLanguage:o}=fo(),[n,r]=xd(""),[s,a]=xd(),l=XT(wn),{fetchApiConfig:p}=kd();return KT(()=>{qe.persist.rehydrate(),l.onConnectWallet(r),p().catch(console.log)},[]),rn.createElement(jT,{language:o},rn.createElement(wd,{id:"swap-container",className:e()},rn.createElement(Cd,null),rn.createElement(dl,{lastConnectedWallet:n,disconnectedWallet:s,clearDisconnectedWallet:()=>{a(void 0)}},rn.createElement(fd,null))))}i(Jr,"Main");import Ta,{useMemo as dk}from"react";import{checkWaitingForNetworkChange as YT,makeQueueDefinition as JT}from"@rango-dev/queue-manager-rango-preset";import{Provider as ZT}from"@rango-dev/queue-manager-react";import{useWallets as RT}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as ek}from"@rango-dev/wallets-shared";import{isEvmBlockchain as tk}from"rango-types";import ok,{useMemo as nk}from"react";function rk(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=RT(),l=nk(()=>JT({API_KEY:t.apiKey||gt("API_KEY"),BASE_URL:gt("BASE_URL")}),[t.apiKey]),p=g().blockchains(),c={blockchains:K.use.connectedWallets().map(k=>({accounts:[k],name:k.chain}))},d=i(async(k,v)=>{if(s(k,v))return r(k,v)},"switchNetwork"),m=i(k=>!!a(k).mobileWallet,"isMobileWallet"),h=p.filter(k=>k.enabled).reduce((k,v)=>(k[v.name]=v,k),{}),C=p.filter(tk),S=i(k=>{let{supportedChains:v}=a(k);return cn(v)},"getSupportedChainNames"),y=e(),f={meta:{blockchains:h,evmBasedChains:C,evmNetworkChainInfo:ek(C),getSupportedChainNames:S},getSigners:o,wallets:c,providers:y,switchNetwork:d,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:m},x=te.use.isActiveTab();return ok.createElement(ZT,{queuesDefs:[l],context:f,onPersistedDataLoaded:k=>{YT(k)},isPaused:!x},t.children)}i(rk,"QueueManager");var vd=rk;import{useManager as pk}from"@rango-dev/queue-manager-react";import uk,{createContext as ck,useContext as mk}from"react";import{cancelSwap as ik,getCurrentBlockchainOfOrNull as sk,getCurrentStep as ak,getRelatedWalletOrNull as lk}from"@rango-dev/queue-manager-rango-preset";var Zr=class{static{i(this,"WidgetHistory")}manager;actions;constructor(e,o){this.manager=e,this.actions=o}getAllSwaps(){return Nt(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&&ik(o)}getCurrentStepInfo(e){let o=ak(e);return{step:o,wallet:o?lk(e,o):null,network:o?sk(e,o):null}}};var bd=ck(void 0);function Ca(t){let{manager:e}=pk(),o=te.use.isActiveTab(),n=Q.use.retry(),r=new Zr(e,{retrySwap:n}),s=K.use.connectedWallets(),a=K.use.loading(),l=Pa(s),p=K.use.getWalletsDetails(),u=g().blockchains(),c=g().tokens(),d=g().swappers(),m=g().fetchStatus,h=fo().resetLanguage,C=qe().getUnreadNotifications(),S={isActiveTab:o,setCurrentTabAsActive:zt.forceClaim,history:r,wallets:{isLoading:a,details:s,totalBalance:l,refetch:p},meta:{blockchains:u,tokens:c,swappers:d,loadingStatus:m},resetLanguage:h,notifications:{list:C}};return uk.createElement(bd.Provider,{value:S},t.children)}i(Ca,"WidgetInfo");function Id(){let t=mk(bd);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}i(Id,"useWidget");function Rr(t){let{onUpdateState:e,config:o}=t;return dk(()=>{Oa({API_KEY:o?.apiKey||sn,BASE_URL:o?.apiUrl||xa})},[o.apiKey,o.apiUrl]),Ta.createElement(xn,{config:o,onUpdateState:e},Ta.createElement(vd,{apiKey:o.apiKey},Ta.createElement(Ca,null,t.children)))}i(Rr,"WidgetProvider");function Ad(t){return fk(()=>(zt.init(),zt.destroy),[]),t.config?.externalWallets?ka.createElement(Jr,null):ka.createElement(Rr,{config:t.config??si},ka.createElement(Jr,null))}i(Ad,"Widget");export{ez as EventSeverity,tz as MainEvents,cz as Networks,fz as PendingSwapNetworkStatus,oz as RouteEventType,nz as StepEventType,rz as StepExecutionBlockedEventStatus,iz as StepExecutionEventStatus,Te as UI_ID,pz as WalletEvents,mz as WalletTypes,Ad as Widget,Rr as WidgetProvider,xn as WidgetWallets,Mi as customizedThemeTokens,lz as readAccountAddress,jp as useWallets,Id as useWidget,sz as useWidgetEvents};
+var Yd=Object.defineProperty;var i=(t,e)=>Yd(t,"name",{value:e,configurable:!0});import{EventSeverity as GQ,MainEvents as VQ,RouteEventType as jQ,StepEventType as XQ,StepExecutionBlockedEventStatus as KQ,StepExecutionEventStatus as YQ,useEvents as JQ}from"@rango-dev/queue-manager-rango-preset";import{readAccountAddress as RQ,useWallets as su,Events as eH}from"@rango-dev/wallets-react";import{Networks as oH,WalletTypes as nH}from"@rango-dev/wallets-shared";import{PendingSwapNetworkStatus as iH}from"rango-types";import{UI_ID as Jd}from"@rango-dev/ui";var ln="c6381a79-2817-4602-83bf-6a641a409e32",Ea="https://api.rango.exchange",Aa="https://scan.rango.exchange",ke={SWAP_BOX_ID:"rango-swap-box",EXPANDED_BOX_ID:"rango-expanded-box",...Jd};import{Events as ci,Provider as Mf}from"@rango-dev/wallets-react";import{isEvmBlockchain as Bf}from"rango-sdk";import vn,{createContext as Pf,useEffect as fl,useRef as _f}from"react";import{useEffect as gf}from"react";import{create as mf}from"zustand";import{subscribeWithSelector as df}from"zustand/middleware";import{RangoClient as uf}from"rango-sdk";import{WalletState as lt}from"@rango-dev/ui";import{readAccountAddress as ef}from"@rango-dev/wallets-react";import{detectInstallLink as tf,getCosmosExperimentalChainInfo as of,isEvmAddress as nf,KEPLR_COMPATIBLE_WALLETS as sw,Networks as Ma}from"@rango-dev/wallets-shared";import oi from"bignumber.js";import{isCosmosBlockchain as rf}from"rango-types";import Zd from"bignumber.js";var Le=new Zd(0);import{WalletTypes as Rd}from"@rango-dev/wallets-shared";var Wa=[Rd.LEAP];import{BigNumber as Na}from"bignumber.js";var pn=i(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),A=i((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new Na(t),r=1,s=1e3;for(let a=0;a<60;a++)if(new Na(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 un=i(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var at=i((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),ko=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function se(t){return A(t,12,12).replace(/(?:\.0*|(\.\d+?)0*)$/,"$1")}i(se,"formatTooltipNumbers");function ni(t){switch(!0){case t.connected:return lt.CONNECTED;case t.connecting:return lt.CONNECTING;case!t.installed:return lt.NOT_INSTALLED;default:return lt.DISCONNECTED}}i(ni,"mapStatusToWalletState");function Ba(t,e,o,n){return o.filter(r=>!Wa.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(c=>c.name===n):!0}).map(r=>{let{name:s,img:a,installLink:l}=e(r),p=ni(t(r));return{title:s,image:a,link:tf(l),state:p,type:r}})}i(Ba,"mapWalletTypesToWalletInfo");function dn(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(dn,"walletAndSupportedChainsNames");function Pa(t,e,o,n,r){let s=[];function a(p,u){if(!!!s.find(f=>f.chain===p)){let f={address:u,chain:p,walletType:t};s.push(f)}}i(a,"addAccount");let l=n||[];return e.forEach(p=>{let{address:u,network:c}=ef(p),f=l.length>0,m=l.includes(c),d=c===Ma.Unknown;if(f&&!m&&!d)return;let C=c===Ma.Unknown&&nf(u);if(d&&!C)return;o.includes(c)||C?r?a(c,u.toLowerCase()):l.filter(w=>o.includes(w)).forEach(w=>{a(w,u.toLowerCase())}):a(c,u)}),s}i(Pa,"prepareAccountsForWalletStore");function _a(t){let e=[];return t?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain;e.includes(n)||e.push(n),e.includes(r)||e.push(r),o.internalSwaps&&Array.isArray(o.internalSwaps)&&o.internalSwaps.forEach(s=>{let a=s.from.blockchain,l=s.to.blockchain;e.includes(a)||e.push(a),e.includes(l)||e.push(l)})}),e}i(_a,"getRequiredChains");function fn(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(fn,"isAccountAndWalletMatched");function $a(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 oi(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:af(o,r.asset.symbol,r.asset.address,e)||null}))||[]}i($a,"makeBalanceFor");function Da(t){return{...t,loading:!1,error:!0}}i(Da,"resetConnectedWalletState");var Fa=i(t=>{let e=new Set,n=t?.reduce((s,a)=>s.findIndex(l=>l.address===a.address&&l.chain===a.chain)===-1?[...s,a]:s,[])?.map(s=>{let a={name:s.chain,accounts:[]};return e.has(s.address)||e.add(s.address),e.forEach(l=>{s.address===l&&a.accounts.push(s)}),a}),r=A(n?.flatMap(s=>s.accounts)?.flatMap(s=>s?.balances)?.map(s=>new oi(s?.amount||Le).multipliedBy(s?.usdPrice||0))?.reduce((s,a)=>s.plus(a),Le)||Le).toString();return sf(r)},"calculateWalletUsdValue");function sf(t){let e=t.toString().split(".");return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),e.join(".")}i(sf,"numberWithThousandSeparator");var af=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice"),gn=i((t,e)=>{let o=of(Object.entries(t).map(([,n])=>n).filter(rf));return o&&o[e]?.experimental},"isExperimentalChain");function hn(t){return t?{...t,amount:A(t.amount,8,8),usdValue:A(t.usdValue,4,4)}:null}i(hn,"formatBalance");function lf(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(lf,"sortTokensByBalance");function pf(t,e,o){let n=o(t),r=o(e);return n===r?0:n?-1:1}i(pf,"sortTokensByPinnedToken");function Oa(t,e,o){return t.sort((n,r)=>{let s=e(n),a=e(r),l=pf(n,r,o);return l!==0?l:lf(s,a)}),t}i(Oa,"sortTokens");function Ne(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(Ne,"areTokensEqual");function Ua(t){return t.sort((e,o)=>+(o.state===lt.CONNECTED)-+(e.state===lt.CONNECTED)||+(o.state===lt.DISCONNECTED||o.state===lt.CONNECTING)-+(e.state===lt.DISCONNECTED||e.state===lt.CONNECTING))}i(Ua,"sortWalletsBasedOnConnectionState");function yn(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(yn,"getConciseAddress");function qa({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(qa,"getAddress");function ri(t){return`${t.blockchain}-${t.symbol}-${t.address??""}`}i(ri,"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 oi(o?.usdPrice??Le).multipliedBy(o?.amount).toString():""},r=o?ri({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 za=i((t,e)=>!!t.find(o=>o.chain===e&&o.loading),"isFetchingBalance");function Qa(t){return t.map(e=>e.state).join("-")}i(Qa,"hashWalletsState");var ii={API_KEY:ln};function yt(t){return ii[t]||""}i(yt,"getConfig");function Ha(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),ii=e,ii}i(Ha,"initConfig");var Ga=20,Va=25,ja="Roboto",si="theme-widget",wo=i((t,e)=>{let o=!1;if(e&&t){if(Array.isArray(e))o=!e.some(n=>Ne(n,t));else if(!Array.isArray(e)&&e[t.blockchain]){o=e[t.blockchain].tokens.some(r=>Ne(r,t));let n=e[t.blockchain].isExcluded;return!n&&!o||n&&o}}return o},"isTokenExcludedInConfig"),ai=i((t,e)=>t&&e&&!e.includes(t.name),"isBlockchainExcludedInConfig"),Xa=i((t,e,o)=>o==="expanded"&&(t||e)||o==="full-expanded"&&e,"isVariantExpandable");var Cn,At=i(()=>Cn||(Cn=new uf(yt("API_KEY"),yt("BASE_URL")),Cn),"httpService");var cf=i(t=>{let e=t;e.use={};for(let o of Object.keys(e.getState()))e.use[o]=()=>e(n=>n[o]);return e},"createSelectors"),Wt=cf;var X=Wt(mf()(df((t,e)=>({connectedWallets:[],balances:{},loading:!1,connectWallet:(o,n)=>{let r=e().getWalletsDetails;t(s=>({loading:!0,connectedWallets:s.connectedWallets.filter(a=>a.walletType!==o[0].walletType).concat(o.map(a=>{let l=!s.connectedWallets.find(p=>p.chain===a.chain&&p.selected);return{balances:[],address:a.address,chain:a.chain,explorerUrl:null,walletType:a.walletType,selected:l,loading:!0,error:!1}}))})),r(o,n)},disconnectWallet:o=>{t(n=>{let r=n.connectedWallets.filter(l=>l.selected&&l.walletType!==o).map(l=>l.chain),s=n.connectedWallets.filter(l=>l.walletType!==o).map(l=>r.includes(l.chain)?l:(r.push(l.chain),{...l,selected:!0}));return{balances: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=>fn(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:u,chain:c})=>({address:u,blockchain:c})),p=(await At().getWalletsDetails(a)).wallets;if(p)t(u=>{let c=u.connectedWallets.map(m=>{let d=o.find(C=>fn(C,m)),S=p.find(C=>C.address===m.address&&C.blockChain===m.chain);return S?.failed&&d&&r&&s([d],n,!1),d&&S?{...m,explorerUrl:S.explorerUrl,balances:$a(S,n),loading:!1}:m});return{loading:!1,balances:Sn(c),connectedWallets:c}});else throw new Error("Wallet not found")}catch{t(l=>{let p=l.connectedWallets.map(c=>o.find(f=>fn(f,c))?Da(c):c);return{loading:!1,balances:Sn(p),connectedWallets:p}})}},getBalanceFor:o=>{let{balances:n}=e(),r=ri(o);return n[r]??null}}))));import{allProviders as ff}from"@rango-dev/provider-all";function Tn(t,e){let o=ff({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(Tn,"matchAndGenerateProviders");function Ka(t,e){return Tn(t,e).map(r=>r.config.type)}i(Ka,"configWalletsToWalletName");function Ya(t,e){let o=X.use.clearConnectedWallet(),n=Tn(void 0,e);return gf(()=>{o(),n=Tn(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}i(Ya,"useWalletProviders");import bf,{createContext as If,useContext as Ef,useEffect as Af,useRef as Wf}from"react";import{create as xf}from"zustand";import{persist as vf}from"zustand/middleware";var li={apiKey:"",title:void 0,multiWallets:!0,excludeLiquiditySources:!0,customDestination:!0},hf={clientUrl:void 0},yf={liquiditySources:void 0},Ja=i((t,e,o)=>({config:{...li,...t},iframe:hf,campaignMode:yf,getLiquiditySources:()=>{let{config:n,campaignMode:r}=o();return r.liquiditySources?.length?r.liquiditySources:n.liquiditySources??[]},getDisabledLiquiditySources:()=>{let{disabledLiquiditySources:n,campaignMode:r}=o();return r.liquiditySources?.length?[]:n},excludeLiquiditySources:()=>{let{config:n,campaignMode:r}=o();return r.liquiditySources?.length?!1:!!n.excludeLiquiditySources},isInCampaignMode:()=>{let{campaignMode:n}=o();return!!n.liquiditySources?.length},updateConfig:n=>{let r=o().config;e({config:{...r,...n}})},updateCampaignMode:(n,r)=>{let s=o().campaignMode;e({campaignMode:{...s,[n]:r}})},updateIframe:(n,r)=>{let s=o().iframe;e({iframe:{...s,[n]:r}})}}),"createConfigSlice");function kn(t){return Array.from(new Set(t))}i(kn,"removeDuplicateFrom");function pi(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(pi,"areEqual");function Za(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i(Za,"debounce");function qt(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(qt,"containsText");var B=i(()=>document.getElementById(ke.SWAP_BOX_ID),"getContainer"),wn=i(()=>document.getElementById(ke.EXPANDED_BOX_ID),"getExpanded");function xn(t,e){let o=t.map(s=>s.swapperGroup),n=[];return kn(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(xn,"getUniqueSwappersGroups");function Ra(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}i(Ra,"sortLiquiditySourcesByGroupTitle");function Ve(t,e){return e?.[t]==="hidden"}i(Ve,"isFeatureHidden");function el(t,e){return e?.[t]==="enabled"}i(el,"isFeatureEnabled");var tl=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&&wo(p,s)||o.blockchain&&p.blockchain!==o.blockchain||!a.some(u=>u.name===p.blockchain)?!1:o.searchFor?!!(qt(p.symbol,o.searchFor)||qt(p.address||"",o.searchFor)||qt(p.name||"",o.searchFor)):!0).sort((p,u)=>e().isTokenPinned(p,o.type)?-1:e().isTokenPinned(u,o.type)||p.isSecondaryCoin?1:u.isSecondaryCoin||!p.address&&u.address?-1:p.address&&!u.address?1:0)},isTokenPinned:(o,n)=>!!(n==="source"?e().config.from?.pinnedTokens:e().config.to?.pinnedTokens)?.some(a=>Ne(a,o)),swappers:()=>{let{config:o,campaignMode:n}=e(),r=n.liquiditySources?.length?n.liquiditySources:null,s=r??o.liquiditySources,a=r?!1:o.excludeLiquiditySources;return e()._swappers.filter(u=>{let c=s?.includes(u.swapperGroup);return a||!s||s.length===0?!c:c}).sort(Ra)},fetch:async()=>{try{let{enableCentralizedSwappers:o}=e().config,n=await At().getAllMetadata({enableCentralizedSwappers:o});t({fetchStatus:"success"});let r=[],s=[],a=n.popularTokens,l=n.swappers,p=new Set;n.tokens.forEach(u=>{p.add(u.blockchain),s.push(u)}),n.blockchains.forEach(u=>{u.enabled&&p.has(u.name)&&r.push(u)}),r.sort((u,c)=>u.sort-c.sort),t({_blockchains:r,_tokens:s,_popularTokens:a,_swappers:l})}catch(o){throw t({fetchStatus:"failed"}),o}}}),"createDataSlice");import{English as Sf,French as Cf,Japanese as Tf,Portuguese as kf,Spanish as wf}from"@rango-dev/ui";var ol=[{title:"English",label:"English",local:"en",SVGFlag:Sf},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:wf},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:Cf},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:Tf},{title:"Portuguese",label:"Portugu\xEAs",local:"pt",SVGFlag:kf}],xo="en";var nl=[.5,1,3],rl=1,il=5,sl=100,al=0;var ll=i((t,e)=>({disabledLiquiditySources:[],theme:"auto",language:null,preferredBlockchains:[],slippage:rl,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,u=l<=9;return p&&u}))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=kn(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=Ve("theme",n),s=Ve("language",n),a=Ve("liquiditySource",n);t({...r&&{theme:o.theme?.mode||"auto"},...s&&{language:o.language||xo},...a&&{disabledLiquiditySources:o.liquiditySources||[]}})}}),"createSettingsSlice");function pl(t){return xf()(vf((...e)=>({...tl(...e),...ll(...e),...Ja(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(pl,"createAppStore");var ul=If(null);function h(){let t=Ef(ul);if(Af(()=>{t&&!t.persist.hasHydrated()&&t.persist.rehydrate()},[]),!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}i(h,"useAppStore");function cl(t){let e=Wf();return e.current||(e.current=pl(t.config)),bf.createElement(ul.Provider,{value:e.current},t.children)}i(cl,"AppStoreProvider");import{create as Nf}from"zustand";var ml="rango-widget";var vo=class{static{i(this,"TabManager")}tabId;state="not-initiated";lastTryClaim;events={};channel;constructor(e){this.channel=new BroadcastChannel(ml),this.tabId=Math.trunc(Math.random()*1e5),this.events=e}init=()=>{this.initEvents(),this.tryClaim()};forceClaim=()=>{if(!this.isClaimed()){let e={name:"force-claim",candidateId:this.tabId};this.channel.postMessage(e),setTimeout(()=>{this.isClaimed()||this.claim()},300)}};isClaimed=()=>this.state==="claimed";destroy=()=>{this.channel.removeEventListener("message",this.handleMessageEvent),document.removeEventListener("visibilitychange",this.handleVisibilityChange),document.removeEventListener("resume",this.handleResume)};initEvents(){this.channel.addEventListener("message",this.handleMessageEvent),document.addEventListener("visibilitychange",this.handleVisibilityChange),document.addEventListener("resume",this.handleResume)}claimedByCurrentTab(e){let o=this.lastTryClaim&&this.lastTryClaim<e;if(this.isClaimed()||o){let n={name:"pong"};this.channel.postMessage(n);return}}handleMessageEvent=e=>{let o=e.data.name;switch(o){case"ping":this.claimedByCurrentTab(e.data.pingAt);break;case"pong":this.alreadyClaimedByAnotherTab();break;case"force-claim":this.forceRelease(e.data.candidateId);break;case"force-release":this.tabId===e.data.candidateId&&this.claim();break;default:throw new Error(`${o} is not supported.`)}};handleVisibilityChange=async()=>{document.visibilityState==="visible"&&await this.tryClaim()};handleResume=async()=>{this.isClaimed()&&(await this.tryClaim(),this.isClaimed()||this.events.onRelease?.())};alreadyClaimedByAnotherTab(){this.resetLastCheck()}async tryClaim(){return this.setLastCheck(),new Promise(e=>{setTimeout(()=>{this.check(),e()},300)})}check(){this.state==="not-initiated"&&this.events.onInit?.(),this.lastTryClaim?(this.claim(),this.resetLastCheck()):this.state="not-claimed"}claim(){this.state="claimed",this.events.onClaim?.()}setLastCheck(){this.lastTryClaim=Date.now();let e={name:"ping",pingAt:this.lastTryClaim};this.channel.postMessage(e)}resetLastCheck(){this.lastTryClaim=void 0}forceRelease(e){if(this.isClaimed()){this.state="not-claimed",this.events.onRelease?.();let o={name:"force-release",candidateId:e};this.channel.postMessage(o)}}};var oe=Wt(Nf()((t,e)=>({isActiveTab:!1,tabManagerInitiated:!1,showActivateTabModal:!1,watermark:"NONE",fetchingApiConfig:!1,activateCurrentTab:(o,n)=>{let{showActivateTabModal:r}=e();!r&&n?t({showActivateTabModal:!0}):(r||!n)&&o()},setShowActivateTabModal:o=>{t({showActivateTabModal:o})},setWatermark:o=>{t({watermark:o})}}))),zt=new vo({onInit:()=>oe.setState({tabManagerInitiated:!0}),onClaim:()=>oe.setState({isActiveTab:!0,showActivateTabModal:!1}),onRelease:()=>oe.setState({isActiveTab:!1})});var bn=Pf({onConnectWallet:()=>{}});function $f(t){let{updateConfig:e,updateSettings:o,fetch:n}=h(),r=h().blockchains(),s=h().tokens(),a={walletConnectProjectId:t.config?.walletConnectProjectId},{providers:l}=Ya(t.config.wallets,a),{connectWallet:p,disconnectWallet:u}=X(),c=_f();fl(()=>{n().catch(console.log)},[]),fl(()=>{t.config&&(e(t.config),o(t.config))},[t.config]);let f=r.filter(Bf).map(S=>S.name),m=i((S,C,g,y,w)=>{if(C===ci.ACCOUNTS)if(g){let T=dn(w.supportedBlockchains),x=Pa(S,g,f,T,w.isContractWallet);x.length&&p(x,s)}else u(S);if(C===ci.ACCOUNTS&&y.connected){let T=`${S}-${y.network}-${g}`;y.connected&&(c.current?c.current(T):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(C===ci.NETWORK&&y.network){let T=`${S}-${y.network}`;c.current?c.current(T):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(S,C,g,y,w)},"onUpdateState"),d=oe.use.isActiveTab();return vn.createElement(bn.Provider,{value:{onConnectWallet:S=>{c.current=S}}},vn.createElement(Mf,{allBlockChains:r,providers:l,onUpdateState:m,autoConnect:!!d},t.children))}i($f,"Main");function In(t){let{config:e,...o}=t;return vn.createElement(cl,{config:e},vn.createElement($f,{...o,config:e}))}i(In,"WidgetWallets");import Ia,{useEffect as Hk}from"react";import{I18nManager as xk}from"@rango-dev/ui";import sn,{useContext as vk,useEffect as bk,useState as Hd}from"react";import{useQueueManager as Uf}from"@rango-dev/queue-manager-rango-preset";import{useWallets as qf}from"@rango-dev/wallets-react";import{isEvmBlockchain as zf}from"rango-types";import Qf,{Fragment as Hf}from"react";import{MemoryRouter as Gf,useInRouterContext as Vf}from"react-router";import{useWallets as Df}from"@rango-dev/wallets-react";import{useEffect as Ff,useRef as Of}from"react";function hl(){let{connect:t,state:e}=Df(),o=Of({}),{fetchStatus:n}=h(),r=new URLSearchParams(location.search).get("autoConnect")||"",s=e(r);Ff(()=>{n==="success"&&r&&s.installed&&!s.connecting&&!s.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[s,n])}i(hl,"useForceAutoConnect");function yl({children:t,...e}){let n=Vf()?Hf:Gf,r=h().blockchains(),{canSwitchNetworkTo:s}=qf();hl();let a=r.filter(zf);return Uf({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:s}),Qf.createElement(n,null,t)}i(yl,"AppRouter");import qe from"react";import{useRoutes as yk}from"react-router-dom";var F={home:"/",fromSwap:"from-swap",toSwap:"to-swap",blockchains:"blockchains",settings:"settings",liquiditySources:"liquidity-sources",bridges:"bridges",exchanges:"exchanges",languages:"languages",swaps:"swaps",wallets:"wallets",confirmSwap:"confirm-swap",swapDetails:":requestId",routes:"routes"};import{useEffect as oo,useRef as $n}from"react";import Mt from"bignumber.js";import{create as Zf}from"zustand";import{subscribeWithSelector as Rf}from"zustand/middleware";import{getLastSuccessfulStep as Jf}from"@rango-dev/queue-manager-rango-preset";import Qv from"bignumber.js";import{i18n as pt}from"@lingui/core";var mi={"Network Fee":pt.t("Network Fee"),"Swapper Fee":pt.t("Protocol Fee"),"Affiliate Fee":pt.t("Affiliate Fee"),"Outbound network fee":pt.t("Outbound Fee"),"Rango Fee":pt.t("Rango Fee")},Sl=[{value:"SMART",label:pt.t("Smart Routing")},{value:"FEE",label:pt.t("Lowest Fee")},{value:"SPEED",label:pt.t("Fastest Transfer")},{value:"NET_OUTPUT",label:pt.t("Maximum Return")},{value:"PRICE",label:pt.t("Maximum Output")}],di=["RECOMMENDED","CENTRALIZED","LOWEST_FEE","FASTEST","HIGH_IMPACT"],Cl=30;var Lt=(r=>(r[r.HIGH_VALUE_LOSS=0]="HIGH_VALUE_LOSS",r[r.UNKNOWN_PRICE=1]="UNKNOWN_PRICE",r[r.INSUFFICIENT_SLIPPAGE=2]="INSUFFICIENT_SLIPPAGE",r[r.HIGH_SLIPPAGE=3]="HIGH_SLIPPAGE",r))(Lt||{});function Tl(t,e){return e.find(o=>o.name===t)?.displayName}i(Tl,"getBlockchainDisplayNameFor");function je(t,e){return e.find(o=>o.name===t)?.shortName}i(je,"getBlockchainShortNameFor");function bo(t,e){return e.find(o=>o.id===t)?.swapperGroup}i(bo,"getSwapperDisplayName");function fi(t,e){return e.find(o=>Ne(o,t))??null}i(fi,"findToken");function gi(t,e){return e.find(o=>o.name===t)??null}i(gi,"findBlockchain");import{i18n as Re}from"@lingui/core";import Me from"bignumber.js";import{PendingSwapNetworkStatus as Ln}from"rango-types";function En(t){let e=[];return t?.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,s=e[e.length-1];n!=s&&e.push(n),s=e[e.length-1],r!=s&&e.push(r)}),e}i(En,"getRequiredWallets");function An(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(An,"isValidAddress");import{i18n as Ee}from"@lingui/core";var K=i(()=>({genericServerError:Ee.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:Ee.t("Please reset your liquidity sources."),description:Ee.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources.")},noResultError:{title:Ee.t("No Routes Found."),description:Ee.t("Reasons why Rango couldn't find a route: low liquidity on token, very low input amount or no routes available for the selected input/output token combination.")},bridgeLimitErrors:{increaseAmount:Ee.t("Bridge Limit Error: Please increase your amount."),decreaseAmount:Ee.t("Bridge Limit Error: Please decrease your amount.")},highValueLossError:{impactTitle:Ee.t("High Price Impact"),title:Ee.t("Price impact is too high!"),description:Ee.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:Ee.t("Confirm high price impact")},quoteUpdatedWithHighValueLoss:{title:Ee.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:Ee.t("USD Price Unknown"),title:Ee.t("USD Price Unknown, Cannot calculate Price Impact."),description:Ee.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:Ee.t("Confirm USD Price Unknown")}}),"errorMessages");function kl(t){switch(t.type){case 0:return t.diagnosisMessage??K().noResultError.title;case 1:return K().genericServerError;default:return""}}i(kl,"getQuoteErrorMessage");import{i18n as Wn}from"@lingui/core";var Qt=i(()=>({connectWallet:Wn.t("Connect Wallet"),swap:Wn.t("Swap"),swapAnyway:Wn.t("Swap anyway"),ethWarning:Wn.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function wl(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new Me(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new Me(1e3)))??!1}i(wl,"hasHighValueLoss");function xl(t){return(t||[]).filter(e=>{let o=e.fromAmountMinValue?new Me(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Me(e.fromAmountMaxValue):null;return e.fromAmountRestrictionType==="EXCLUSIVE"?o?.gte(e.fromAmount)||n?.lte(e.fromAmount):o?.gt(e.fromAmount)||n?.lt(e.fromAmount)}).length>0}i(xl,"hasLimitError");function vl(t){let e=(t||[]).filter(l=>{let p=l.fromAmountMinValue?new Me(l.fromAmountMinValue):null,u=l.fromAmountMaxValue?new Me(l.fromAmountMaxValue):null;return l.fromAmountRestrictionType==="EXCLUSIVE"?p?.gte(l.fromAmount)||u?.lte(l.fromAmount):p?.gt(l.fromAmount)||u?.lt(l.fromAmount)})[0],o=e.fromAmountMinValue?new Me(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Me(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",s="",a="";return!r&&o&&o.gt(e.fromAmount)?(s=Re.t({id:"Required: >= {min} {symbol}",values:{min:A(o,6,6),symbol:e.from.symbol}}),a=K().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(s=Re.t({id:"Required: > {min} {symbol}",values:{min:A(o,6,6),symbol:e.from.symbol}}),a=K().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(s=Re.t({id:"Required: <= {max} {symbol}",values:{max:A(n,6,6),symbol:e.from.symbol}}),a=K().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(s=Re.t({id:"Required: < {max} {symbol}",values:{max:A(n,6,6),symbol:e.from.symbol}}),a=K().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:s,recommendation:a}}i(vl,"getLimitErrorMessage");function bl(t){let{fetchMetaStatus:e,anyWalletConnected:o,fetchingQuote:n,inputAmount:r,quote:s,warning:a,error:l,needsToWarnEthOnPath:p}=t;return e!=="success"?{title:Qt().connectWallet,action:"connect-wallet",disabled:!0}:o?n||!s||l||!r||r==="0"?{title:Qt().swap,action:"confirm-swap",disabled:!0}:a?{title:Qt().swapAnyway,action:"confirm-warning",disabled:!1}:p?{title:Qt().ethWarning,action:"confirm-warning",disabled:!1}:{title:Qt().swap,action:"confirm-swap",disabled:!1}:{title:Qt().connectWallet,action:"connect-wallet",disabled:!1}}i(bl,"getSwapButtonState");function hi(t,e,o){return!((!o||o.lte(Le))&&t&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t)}i(hi,"canComputePriceImpact");function jf(t){let e=[];return t?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,s=e[e.length-1];n!=s&&e.push(n),s=e[e.length-1],r!=s&&e.push(r)}),e}i(jf,"requiredWallets");var Xf=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice");function Kf(t,e){let o=Le;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let s=Xf(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new Me(r.amount).multipliedBy(s||0))}return o}i(Kf,"getUsdFeeOfStep");function Nn(t,e){return t.reduce((o,n)=>o.plus(Kf(n,e)),Le)}i(Nn,"getTotalFeeInUsd");function yi(t){let e=Le;return e=e.plus(new Me(t.amount).multipliedBy(t.price||0)),e}i(yi,"getUsdFee");function Il(t){return t.reduce((e,o)=>e.plus(yi(o)),Le)}i(Il,"getTotalFeesInUsd");function El(t){return t.reduce((e,o)=>{for(let n of o.fee){let r=n.name,s=n.expenseType!=="DECREASE_FROM_OUTPUT"?e.payable:e.nonePayable;s[r]=[...s[r]||[],n]}return e},{payable:{},nonePayable:{}})}i(El,"getFeesGroup");function Al(t){let e=new Map;return t.forEach((o,n)=>{o.recommendedSlippage?.error&&e.set(n,o.recommendedSlippage.slippage)}),e.size>0?e:null}i(Al,"checkSlippageErrors");function Wl(t,e){let o=new Map;return t?.swaps.forEach((n,r)=>{n.recommendedSlippage?.slippage&&parseFloat(n.recommendedSlippage.slippage)>e&&o.set(r,n.recommendedSlippage.slippage)}),o.size>0?o:null}i(Wl,"checkSlippageWarnings");function Mn(t){return t.map(o=>o.recommendedSlippage)?.map(o=>o?.slippage||"0")?.filter(o=>parseFloat(o)>0)?.sort((o,n)=>parseFloat(n)-parseFloat(o))?.find(()=>!0)||null}i(Mn,"getMinRequiredSlippage");function Ll(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(Ll,"hasProperSlippage");function Nl(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:s,disabledLiquiditySources:a,liquiditySources:l,excludeLiquiditySources:p,slippage:u,affiliateRef:c,affiliatePercent:f,affiliateWallets:m,destination:d,enableCentralizedSwappers:S}=t,C=s?.reduce((w,T)=>(w[T.chain]=T.address,w),{}),g=[];return r?.forEach(w=>{g.push({blockchain:w.chain,addresses:[w.address]})}),{amount:n.toString(),affiliateRef:c??void 0,affiliatePercent:f??void 0,affiliateWallets:m??void 0,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:g,selectedWallets:C??{},slippage:u.toString(),...d&&{destination:d},...p&&{swapperGroups:a.concat(l??[]),swappersGroupsExclude:!0},...!p&&{swapperGroups:l?.filter(w=>!a.includes(w)),swappersGroupsExclude:!1},enableCentralizedSwappers:S}}i(Nl,"createQuoteRequestBody");function Ml(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(Ml,"getWalletsForNewSwap");function eo(t){return t?.outputAmount||null}i(eo,"getQuoteOutputAmount");function Bl(t,e){return new Me(e).div(new Me(t)).minus(1).multipliedBy(100).toNumber()}i(Bl,"getPercentageChange");function Pl(t,e){let o=eo(t),n=eo(e);if(!o||!n)return!1;let r=Xe(o,n);return r?r<=-1:!0}i(Pl,"isOutputAmountChangedALot");function _l(t,e,o){let n=t.validationStatus,r=_a(t);return e.sort((a,l)=>r.indexOf(a.chain)-r.indexOf(l.chain)).flatMap(a=>ql(a,n)||[]).filter(a=>!a.ok).map(a=>{let l=a.asset.symbol,p=A(new Me(a.currentAmount.amount).shiftedBy(-a.currentAmount.decimals),8,8),u=A(new Me(a.requiredAmount.amount).shiftedBy(-a.requiredAmount.decimals),8,8),c="";return a.reason==="FEE"&&(c=Re.t(" for network fee")),a.reason==="INPUT_ASSET"&&(c=Re.t(" for swap")),a.reason==="FEE_AND_INPUT_ASSET"&&(c=Re.t(" for input and network fee")),Re.t({id:"Needs \u2248 {requiredAmount} {symbol}{reason}, but you have {currentAmount} {symbol} in your {blockchain} wallet.",values:{requiredAmount:u,symbol:l,reason:c,currentAmount:p,blockchain:je(a.asset.blockchain,o)}})})}i(_l,"generateBalanceWarnings");function Bn(t,e){return(t?new Me(t):Le).multipliedBy(e||0)}i(Bn,"calcOutputUsdValue");function Io(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==Ln.NetworkChanged}i(Io,"isNetworkStatusInWarningState");function $l(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),Io(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case Ln.WaitingForConnectingWallet:n=n||Re.t("Waiting for connecting wallet");break;case Ln.WaitingForQueue:n=n||Re.t("Waiting for other running tasks to be finished");break;case Ln.WaitingForNetworkChange:n=n||Re.t("Waiting for changing wallet network");break;default:n=n||"";break}r=r||"",n=n||"";let a=n?.indexOf("code")!==-1&&n?.indexOf("reason")!==-1;return{shortMessage:n,detailedMessage:{content:r,long:a}}}i($l,"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 Ol(t,e,o,n,r,s){return t||!e&&!jf(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!An(s,o)}i(Ol,"confirmSwapDisabled");function Ul(t,e){return t.blockchain===e.blockchain&&t.symbol===e.symbol&&t.address===e.address}i(Ul,"isTokensIdentical");function Pn(t){let e=t?.swaps||[];return e[e.length-1].to.usdPrice}i(Pn,"getQuoteToTokenUsdPrice");function Si(t,e){let o=t?.swaps||[],n=e?.swaps||[];return o.length!==n.length}i(Si,"isNumberOfSwapsChanged");function Ci(t,e){let o=t?.swaps.map(r=>r.swapperId)||[],n=e?.swaps.map(r=>r.swapperId)||[];return!pi(o,n)}i(Ci,"isQuoteSwappersUpdated");function Ti(t,e){let o=t?.swaps.map(r=>r.to.symbol)||[],n=e?.swaps.map(r=>r.to.symbol)||[];return!pi(o,n)}i(Ti,"isQuoteInternalCoinsUpdated");function Ql(t,e){return Si(t,e)||Ci(t,e)||Ti(t,e)}i(Ql,"isQuoteChanged");function ql(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(ql,"getRequiredBalanceOfWallet");function St(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(St,"getPriceImpactLevel");function Hl(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],s=Jf(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=gi(s?s.toBlockchain:n.fromBlockchain,e),p=gi(r.toBlockchain,e),u=fi(s?{blockchain:l?.name??"",symbol:s.toSymbol,address:s.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),c=fi(a,o),f=s?s.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:u,toBlockchain:p,toToken:c,inputAmount:f}}i(Hl,"createRetryQuote");function to(t,e){let{fromToken:o,toToken:n,tokens:r,userSlippage:s}=e,a=Ht(o,t.requestAmount),l=Ht(n,t?.outputAmount??"");if(t&&a&&l){let c=Xe(a.toString(),l.toString());if(!!c&&wl(a,c)){let m=Nn(t?.swaps,r),d=St(c);return{type:0,inputUsdValue:a,outputUsdValue:l,priceImpact:c,totalFee:m,warningLevel:d}}}else if(t&&(!a||!l))return{type:1};let p=Mn(t.swaps),u=s>il;if(Ll(e.userSlippage.toString(),p)){if(u&&parseFloat(p??"0")<s)return{type:3,slippage:s.toString()}}else return{type:2,recommendedSlippages:Wl(t,s),minRequiredSlippage:p};return null}i(to,"generateQuoteWarnings");function Xe(t,e){let o=typeof e=="string"?parseFloat(e)<=0:!e?.gt(0),n=!t||!e||o?null:Bl(t.toString(),e.toString());return n&&n<0?n:null}i(Xe,"getPriceImpact");var Gl=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"),_n=i((t,e)=>e.sort((o,n)=>{let r=i(u=>u.scores?.find(c=>c.preferenceType===t)?.score??0,"getScore"),s=r(o),a=r(n);if(s!==a)return a-s;let l=o.requestId.toLowerCase(),p=n.requestId.toLowerCase();return l.localeCompare(p)}),"sortQuotesBy"),Vl=i((t,e,o)=>{if(!e.length)return null;if(!t)return{requestAmount:o,...e[0]};let n=new Set(t.swaps.map(s=>s.swapperId)),r=e.find(s=>{let a=new Set(s.swaps.map(l=>l.swapperId));return Array.from(n).every(l=>a.has(l))});return{requestAmount:o,...r||e[0]}},"getDefaultQuote"),jl=i(t=>{let e=i((o,n)=>{let r=di.indexOf(o.value),s=di.indexOf(n.value);return r!==-1&&s!==-1?r-s:r!==-1?-1:s!==-1?1:0},"customSort");return t.sort(e)},"sortTags");var Ht=i((t,e)=>t?.usdPrice?new Mt(e||Le).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),H=Wt(Zf()(Rf(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new Mt(0),outputUsdValue:new Mt(0),toBlockchain:null,toToken:null,refetchQuote:!0,sortStrategy:"SMART",selectedQuote:null,quotes:null,error:null,warning:null,quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:null,quoteWarningsConfirmed:!1,updateQuotePartialState:(e,o)=>t(n=>({...n,[e]:o})),setSelectedQuote:e=>t(o=>{let n=null,r=Le;return ko(o.inputAmount)?(e&&(n=e?.outputAmount?new Mt(e?.outputAmount):null,r=Bn(e?.outputAmount,Pn(e)||o.toToken?.usdPrice)),{selectedQuote:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetAlerts:()=>t(()=>({error:null,warning:null})),resetQuote:()=>t(()=>({selectedQuote:null,outputAmount:null,outputUsdValue:new Mt(0),quotes:null,refetchQuote:!0,error:null,warning:null})),setFromBlockchain:e=>{t(o=>o.fromBlockchain?.name===e?.name?{}:{fromBlockchain:e,...o.fromToken&&{selectedQuote:null,fromToken:null,outputAmount:null,outputUsdValue:null}})},setFromToken:e=>t(o=>({fromToken:e.token,...e.token&&{fromBlockchain:e.meta.blockchains.find(n=>n.name===e.token.blockchain)??null},...!!o.inputAmount&&{inputUsdValue:Ht(e.token,o.inputAmount)}})),setToBlockchain:e=>{t(o=>o.toBlockchain?.name===e?.name?{}:{toBlockchain:e,...o.toToken&&{selectedQuote:null,toToken:null,outputAmount:null,outputUsdValue:null}})},setToToken:e=>t(()=>({toToken:e.token,...e.token&&{toBlockchain:e.meta.blockchains.find(o=>o.name===e.token.blockchain)??null}})),setInputAmount:e=>{t(o=>({inputAmount:e,...!e&&{outputAmount:new Mt(0),outputUsdValue:new Mt(0),selectedQuote:null},...!!o.fromToken&&{inputUsdValue:Ht(o.fromToken,e)}}))},retry:(e,o)=>{let{tokens:n,blockchains:r}=o,{fromBlockchain:s,fromToken:a,toBlockchain:l,toToken:p,inputAmount:u}=Hl(e,r,n);t({fromBlockchain:s,fromToken:a,inputAmount:u,outputAmount:null,inputUsdValue:Ht(a??null,u),outputUsdValue:new Mt(0),toBlockchain:l,toToken:p,selectedQuote:null})},switchFromAndTo:()=>t(e=>({fromBlockchain:e.toBlockchain,fromToken:e.toToken,toBlockchain:e.fromBlockchain,toToken:e.fromToken,inputAmount:e.outputAmount?.toString()||"",inputUsdValue:Ht(e.toToken,e.outputAmount?.toString()||"")})),resetFromBlockchain:()=>t(()=>({fromToken:null,fromBlockchain:null,outputAmount:null,outputUsdValue:null,selectedQuote:null})),resetToBlockchain:()=>t(()=>({toToken:null,toBlockchain:null,outputAmount:null,outputUsdValue:null,selectedQuote:null})),setQuoteWalletConfirmed:e=>t({quoteWalletsConfirmed:e}),setSelectedWallets:e=>t({selectedWallets:e}),setCustomDestination:e=>t({customDestination:e}),resetQuoteWallets:()=>t({quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:null}),setQuoteWarningsConfirmed:e=>t({quoteWarningsConfirmed:e})}))));function Xl(){let{setInputAmount:t,setToToken:e,setToBlockchain:o,setFromBlockchain:n,setFromToken:r,fromToken:s,toToken:a,fromBlockchain:l,toBlockchain:p}=H(),u=h().config,c=h().fetchStatus,f=h().blockchains(),m=h().tokens(),{setAffiliateRef:d,setAffiliatePercent:S,setAffiliateWallets:C}=h(),g=u?.from?.tokens,y=u?.from?.blockchains,w=u?.to?.tokens,T=u?.to?.blockchains,x=$n(void 0),E=$n(void 0),b=$n(void 0),k=$n(void 0);oo(()=>{t(u?.amount?.toString()||"")},[u?.amount]),oo(()=>{if(c==="success"){let v=f.find(W=>W.name===u?.from?.blockchain),I=m.find(W=>Ne(W,u?.from?.token||null));(v||!v&&b.current)&&n(v??null),I?r({token:I,meta:{blockchains:f,tokens:m}}):!I&&x.current&&r({token:null}),b.current=u?.from?.blockchain,x.current=u?.from?.token}},[u?.from?.token?.symbol,u?.from?.token?.address,u?.from?.token?.blockchain,u?.from?.blockchain,c]),oo(()=>{wo(s,g)&&r({token:null}),ai(l,y)&&n(null)},[g,y]),oo(()=>{wo(a,w)&&r({token:null}),ai(p,T)&&o(null)},[w,T]),oo(()=>{if(c==="success"){let v=f.find(W=>W.name===u?.to?.blockchain),I=m.find(W=>Ne(W,u?.to?.token||null));(v||!v&&k.current)&&o(v??null),I?e({token:I,meta:{blockchains:f,tokens:m}}):!I&&E.current&&e({token:null}),k.current=u?.to?.blockchain,E.current=u?.to?.token}},[u?.to?.token?.symbol,u?.to?.token?.address,u?.to?.token?.blockchain,u?.to?.blockchain,c]),oo(()=>{d(u?.affiliate?.ref??null),S(u?.affiliate?.percent??null),C(u?.affiliate?.wallets??null)},[u?.affiliate?.ref,u?.affiliate?.percent,u?.affiliate?.wallets])}i(Xl,"useSyncStoresWithConfig");import{useEffect as xi,useRef as eg}from"react";import{useInRouterContext as tg,useLocation as og,useSearchParams as ng}from"react-router-dom";function ki(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(ki,"searchParamToToken");function wi(t){if(t)return`${t.symbol}${t.address?`--${t.address}`:""}`}i(wi,"tokenToSearchParam");function vi(){let t=og(),[e,o]=ng(),{fromBlockchain:n,toBlockchain:r,fromToken:s,toToken:a,inputAmount:l,setFromBlockchain:p,setToBlockchain:u,setFromToken:c,setToToken:f,setInputAmount:m}=H(),d=h().fetchStatus,S=h().blockchains(),C=h().tokens(),g=tg(),{updateIframe:y,updateCampaignMode:w}=h(),T=h().isInCampaignMode(),x=eg(),E=i(()=>{let k=e.get("fromAmount"),v=e.get("fromBlockchain"),I=e.get("fromToken"),W=e.get("toBlockchain"),N=e.get("toToken"),Q=e.get("autoConnect"),ee=e.get("clientUrl"),ae=e.get("liquiditySources");return{fromAmount:k,fromBlockchain:v,fromToken:I,toBlockchain:W,toToken:N,autoConnect:Q,clientUrl:ee,liquiditySources:ae}},"getUrlSearchParams"),b=i(k=>{for(let v in k)k[v]||delete k[v];o(k,{replace:!0})},"updateUrlSearchParams");xi(()=>{let{autoConnect:k,clientUrl:v}=E();g&&d==="success"&&b({fromBlockchain:n?.name,fromToken:wi(s),toBlockchain:r?.name,toToken:wi(a),fromAmount:l,autoConnect:k??void 0,clientUrl:v??void 0,liquiditySources:T?x.current:void 0})},[t.pathname,l,n,s,r,a,T]),xi(()=>{if(!g)return;let k=E();if(!x.current&&k.liquiditySources&&(x.current=k.liquiditySources),k.fromAmount&&m(k.fromAmount),d==="success"){let v=S.find(Q=>Q.name===k.fromBlockchain),I=ki(C,k.fromToken,v??null),W=S.find(Q=>Q.name===k.toBlockchain),N=ki(C,k.toToken,W??null);v&&(p(v),I&&c({token:I,meta:{blockchains:S,tokens:C}})),W&&(u(W),N&&f({token:N,meta:{blockchains:S,tokens:C}}))}},[d]),xi(()=>{let{clientUrl:k,liquiditySources:v}=E();y("clientUrl",k||void 0),w("liquiditySources",v?.split(",")??void 0)},[])}i(vi,"useSyncUrlAndStore");import{i18n as br}from"@lingui/core";import{useManager as Ky}from"@rango-dev/queue-manager-react";import{Alert as Ec,Button as Yy,css as ks,Divider as Ts,IconButton as Ac,SettingsIcon as Jy,styled as Zy,Tooltip as Ry,Typography as eS,WalletIcon as tS}from"@rango-dev/ui";import me,{useEffect as Qo,useLayoutEffect as oS,useRef as nS,useState as Ir}from"react";import{flushSync as rS}from"react-dom";import{useLocation as iS,useNavigate as sS}from"react-router-dom";import{i18n as mt}from"@lingui/core";import{Alert as Zi,BalanceErrors as Fh,Button as au,ChevronDownIcon as Oh,ChevronLeftIcon as Uh,Divider as po,MessageBox as qh,Typography as ir,WalletIcon as zh}from"@rango-dev/ui";import $,{useEffect as Qh,useState as uo}from"react";import{useNavigate as Hh}from"react-router-dom";import{i18n as Dn}from"@lingui/core";function Fn(t){switch(t.type){case 0:return Dn.t("Route has been updated.");case 3:return Dn.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return Dn.t("Route swappers has been updated.");case 2:return Dn.t("Route internal coins has been updated.");default:return""}}i(Fn,"getQuoteUpdateWarningMessage");import{Modal as ig}from"@rango-dev/ui";import sg from"react";function le(t){let{watermark:e}=oe();return sg.createElement(ig,{hasWatermark:e==="FULL",...t},t.children)}i(le,"WatermarkedModal");import zn,{useRef as pg}from"react";import*as no from"@radix-ui/react-collapsible";import{keyframes as Kl,styled as On}from"@rango-dev/ui";var bi=300,ag=Kl({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),lg=Kl({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),Yl=On(no.Root,{borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),Ii=On(no.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit",cursor:"pointer"}),Un=On(no.Content,{overflow:"hidden",variants:{open:{true:{animation:`${ag} ${bi}ms ease-out`},false:{animation:`${lg} ${bi}ms ease-out`}}}}),qn=On("div",{transition:`all ${bi}ms ease`,display:"flex",alignItems:"center",variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}});function Qn(t){let{open:e,hasSelected:o,onOpenChange:n,children:r,onClickTrigger:s,trigger:a,triggerAnchor:l}=t,p=pg(null);return zn.createElement(Yl,{ref:p,className:"collapsible_root",selected:o&&e,open:e,onOpenChange:n},l==="top"&&zn.createElement(Ii,{className:"collapsible_trigger",onClick:s},a),zn.createElement(Un,{className:"collapsible_content",open:e},r),l==="bottom"&&zn.createElement(Ii,{className:"collapsible_trigger",onClick:s},a))}i(Qn,"CustomCollapsible");import{css as Jl,darkTheme as ro,IconButton as ug,styled as Ke,TextField as cg}from"@rango-dev/ui";var Zl=Ke("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),Rl=Ke("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),mg=Ke("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${ro} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${ro} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${ro} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),ep=Ke(mg,{alignSelf:"stretch",minHeight:"93px"}),tp=Ke("div",{padding:"$20 $20 $15 $20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),op=Ke(ug,{position:"absolute",left:"$20"}),np=Ke("div",{paddingTop:"$20"}),rp=Jl({display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),ip=Ke("div",{padding:"$10 $0","& .button__content":{display:"flex",alignItems:"center"},"& .alarms":{paddingTop:"$5"},"& .collapsible_content":{backgroundColor:"$neutral100"},"& .collapsible_root":{backgroundColor:"$neutral200"}}),sp=Jl({paddingTop:"$5"}),ap=Ke("div",{display:"flex"}),lp=Ke(cg,{backgroundColor:"$neutral100",padding:"$0 $15 $15 $15"}),pp=Ke("div",{overflow:"visible",width:"100%"}),up=Ke("div",{width:"100%",borderRadius:"$sm",display:"flex",padding:"$15",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${ro} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${ro} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${ro} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}});import{i18n as et}from"@lingui/core";import{Button as Ph,Divider as Yi,Image as _h,MessageBox as rr,SelectableWallet as $h,Typography as nu,WalletState as ru}from"@rango-dev/ui";import ue,{useEffect as iu,useState as Lo}from"react";import{WalletState as Ei}from"@rango-dev/ui";import{useWallets as dg}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as fg,WalletTypes as Hn}from"@rango-dev/wallets-shared";import{useCallback as gg,useEffect as hg,useState as yg}from"react";var Sg=Object.values(Hn);function Gn(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:l,connect:p}=dg(),{connectedWallets:u}=X(),c=h().blockchains(),f=Ka(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||Sg,m=Ba(s,l,f,o),d=Ua(m),[S,C]=yg(""),g=i(E=>!u.find(b=>b.walletType===E&&b.chain===o),"isExperimentalChainNotAdded"),y=i(async E=>{let b=s(E);try{if(S&&C(""),b.connected)await a(E);else{let k=!!m.find(v=>v.state===Ei.CONNECTED);if(!e?.multiWallets&&k)return;n?.(E),await p(E),r?.(E)}}catch(k){C("Error: "+k?.message)}},"handleClick"),w=gg(()=>{let E=m?.filter(b=>b.state===Ei.CONNECTING)||[];for(let b of E)a(b.type)},[Qa(m)]);hg(()=>()=>{w()},[]);let T=i(E=>E.filter(k=>k.state!=Ei.NOT_INSTALLED&&![Hn.DEFAULT,Hn.WALLET_CONNECT_2].includes(k.type)&&l(k.type).supportedChains.filter(v=>v.type=="EVM").length>0).length==0,"shouldShowDefaultInjectedWallet"),x=i((E,b,k)=>gn(k,b)&&g(E)&&!fg.includes(E)||E==Hn.DEFAULT&&!T(m),"shouldExcludeWallet");return{list:d.filter(E=>!x(E.type,o??"",c)),error:S,handleClick:y,disconnectConnectingWallets:w}}i(Gn,"useWalletList");import{i18n as Yp}from"@lingui/core";import{styled as Zp,Typography as Eh,Wallet as Ah,WalletState as Wh}from"@rango-dev/ui";import lo,{useState as Jp}from"react";import{useManager as yh}from"@rango-dev/queue-manager-react";import{BottomLogo as Sh,Divider as zp,Header as Ch}from"@rango-dev/ui";import Ce,{useEffect as Qp,useRef as Hp}from"react";import{useRef as Cg}from"react";function Vn(){return window.self!==window.top}i(Vn,"isAppLoadedIntoIframe");function Ai(){let t=Cg(null),{iframe:e}=h(),o=Vn()&&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(Ai,"useIframe");import{useNavigate as Tg}from"react-router-dom";function ut(){let t=Tg();return()=>t(-1)}i(ut,"useNavigateBack");import{createTheme as Pi,darkTheme as Ig,lightTheme as Eg}from"@rango-dev/ui";import{useEffect as gp,useState as Ag}from"react";import{theme as vg,darkColors as bg}from"@rango-dev/ui";import Mi from"react";function kg(t,e,o){let p=[],u=90;for(let m=0;m<9;m++)p.push(u),m+1===4?u=0:u-=m>=4?6:10;let c=o?p.slice().reverse():p,f={};for(let m=0;m<9;m++){let d=100+m*100,S=c[m],C={[`${e}${d}`]:jn(t,S)};Object.assign(f,C)}return{...f,[e]:t}}i(kg,"generateShades");function jn(t,e){let[o,n,r]=cp(t);return`#${Wi(o+e)}${Wi(n+e)}${Wi(r+e)}`}i(jn,"generateShade");function cp(t){let r=parseInt(t.slice(1,3),16),s=parseInt(t.slice(3,5),16),a=parseInt(t.slice(5,7),16);return[r,s,a]}i(cp,"convertToRGB");function Wi(t){return("0"+Math.max(0,Math.min(255,t)).toString(16)).slice(-2).toUpperCase()}i(Wi,"clamp");function mp(t){let[a,l,p]=cp(t);return(a*299+l*587+p*114)/1e3>188}i(mp,"isBright");var Li=i((t,e,o)=>{if(!o||!Object.entries(o).length)return{};let n=!1,r={...t};for(let s in o){let a=o[s];a&&a!==t[s]&&(n=!0,s==="background"||s==="foreground"?r={...r,[s]:a}:r={...r,...kg(a,s,s==="neutral"&&e)})}return n?r:{}},"generateColors");var dp=i(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),wg=i(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=dp(o%52)+e;return dp(o%52)+e},"toAlphabeticName"),xg=i((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),Ni=i(t=>wg(xg(5381,JSON.stringify(t))>>>0),"toHash");function Bi(t){let e=vg.colors,o=Li({...e,...bg},!0,t?.dark),n=Li(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:`${si}-light-${Ni(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${si}-dark-${Ni(p)}`,tokens:p}}return{light:a,dark:l}}i(Bi,"customizedThemeTokens");function fp(t,e){if(t.length<=1)return t.map(({element:n,key:r})=>Mi.cloneElement(n,{key:r}));let o=[];return t.forEach((n,r)=>{let{element:s,key:a}=n;if(o.push(Mi.cloneElement(s,{key:a})),r<t.length-1){let l=`divider-${r}`;o.push(Mi.cloneElement(e,{key:l}))}}),o}i(fp,"joinList");function Xn(t){let{colors:e,fontFamily:o=ja,borderRadius:n=Ga,secondaryBorderRadius:r=Va,mode:s="auto"}=t,[a,l]=Ag("light"),{setTheme:p,theme:u}=h(),{dark:c,light:f}=Bi(e),m=Pi({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),d=[m.className,Eg.className],S=[m.className,Ig.className];if(f){let g=Pi(f.id,f.tokens);d.push(g.className)}if(c){let g=Pi(c.id,c.tokens);S.push(g.className)}return gp(()=>{let g=i(y=>{y.matches?l("dark"):l("light")},"switchThemeListener");return window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&l("dark"),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",g),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",g)}},[]),gp(()=>{s!=="auto"&&p(s)},[s]),{activeTheme:i(()=>{let g=d.join(" "),y=S.join(" ");return u==="auto"?a==="dark"?y:g:u==="dark"?y:g},"getActiveTheme")}}i(Xn,"useTheme");var ct=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 hp}from"@lingui/core";import{Alert as Wg,Button as Lg}from"@rango-dev/ui";import yp from"react";function _i(t){return yp.createElement(Wg,{action:yp.createElement(Lg,{onClick:t.onActivateTab,variant:"contained",size:"xxsmall",type:"warning"},hp.t("Activate this tab")),type:"warning",variant:"alarm",title:hp.t("Another tab is open and handles transactions.")})}i(_i,"ActivateTabAlert");import{i18n as $i}from"@lingui/core";import{Button as Ng,Divider as Mg,MessageBox as Bg}from"@rango-dev/ui";import Kn from"react";function Di(t){let{open:e,onClose:o,onConfirm:n}=t;return Kn.createElement(le,{open:e,dismissible:!0,onClose:o,container:B()},Kn.createElement(Bg,{title:$i.t("Activate current tab"),type:"warning",description:$i.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.")},Kn.createElement(Mg,{size:20}),Kn.createElement(Ng,{variant:"contained",size:"large",type:"primary",fullWidth:!0,onClick:n},$i.t("Confirm"))))}i(Di,"ActivateTabModal");import{ChevronLeftIcon as _g}from"@rango-dev/ui";import xp from"react";import{darkTheme as Sp,IconButton as Pg,styled as io}from"@rango-dev/ui";var Ye=io(Pg,{width:"$24",position:"relative",padding:"0",overflow:"unset","&:hover":{backgroundColor:"$info100",[`.${Sp} &`]:{backgroundColor:"$neutral"}}}),Cp=io("div",{position:"absolute",background:"$secondary500",[`.${Sp} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),so=io("div",{display:"flex",justifyContent:"flex-end",minWidth:"$40",button:{padding:0}}),Tp=io("div",{position:"absolute",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0",variants:{isSever:{true:{backgroundColor:"$error500"},false:{backgroundColor:"$secondary500"}}}}),kp=io("div",{padding:"$2",variants:{isRefetched:{true:{transform:"rotate(360deg)",transition:"transform 1s ease-in-out"}}}}),wp=io("div",{position:"absolute",right:"$4",top:"$4",backgroundColor:"$background",borderRadius:"100%"});function Fi(t){return xp.createElement(Ye,{variant:"ghost",size:"small",onClick:t.onClick},xp.createElement(_g,{color:"black",size:16}))}i(Fi,"BackButton");import{i18n as $g}from"@lingui/core";import{Button as Dg,Typography as Fg}from"@rango-dev/ui";import Oi from"react";function Ui(t){return Oi.createElement(so,null,Oi.createElement(Dg,{variant:"ghost",onClick:t.onClick,size:"xsmall"},Oi.createElement(Fg,{variant:"label",size:"medium",color:"error500"},$g.t("Cancel"))))}i(Ui,"CancelButton");import{i18n as Og}from"@lingui/core";import{Tooltip as Ug,WalletIcon as qg}from"@rango-dev/ui";import Yn from"react";function qi(t){return Yn.createElement(Ug,{container:t.container,side:"top",content:Og.t("Connect Wallet")},Yn.createElement(Ye,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&Yn.createElement(Cp,null),Yn.createElement(qg,{size:18,color:"black"})))}i(qi,"WalletButton");import{i18n as Rn}from"@lingui/core";import{NotificationsIcon as mh,Popover as dh,SettingsIcon as fh,Tooltip as er,TransactionIcon as gh}from"@rango-dev/ui";import ve from"react";import{i18n as Jg}from"@lingui/core";import{EventSeverity as Lp}from"@rango-dev/queue-manager-rango-preset";import{ChainToken as Np,ChevronRightIcon as Zg,Divider as Rg,Typography as eh}from"@rango-dev/ui";import Oe from"react";import{useNavigate as th}from"react-router-dom";import{create as zg}from"zustand";import{persist as Qg,subscribeWithSelector as Hg}from"zustand/middleware";var ze=Wt(zg()(Qg(Hg((t,e)=>({notifications:[],setNotification:(o,n)=>{let r=n.steps[0],s=n.steps[n.steps.length-1],a={event:o,creationTime:Date.now(),read:!1,requestId:n.requestId,route:{from:{blockchain:r.fromBlockchain,address:r.fromSymbolAddress,symbol:r.fromSymbol},to:{blockchain:s.toBlockchain,address:s.toSymbolAddress,symbol:s.toSymbol}}},l=e().notifications.filter(p=>p.requestId!==n.requestId);t(()=>({notifications:[...l,a]}))},setAsRead:o=>{t(n=>({notifications:n.notifications.map(r=>r.requestId===o?{...r,read:!0}:r)}))},getUnreadNotifications:()=>e().notifications.filter(o=>!o.read)})),{name:"notification",skipHydration:!0})));import{darkTheme as Gg,ListItemButton as Vg,styled as Eo}from"@rango-dev/ui";var vp=Eo("div",{padding:"$10",width:"350px",maxWidth:"90vw",minHeight:"150px"}),bp=Eo("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),Ip=Eo(Vg,{variants:{actionRequired:{true:{backgroundColor:"$error300",[`.${Gg} &`]:{backgroundColor:"$error600"}}}}}),Ep=Eo("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),Ap=Eo("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as jg}from"@lingui/core";import{Divider as Xg,NoNotificationIcon as Kg,Typography as Yg}from"@rango-dev/ui";import Jn from"react";function Wp(){return Jn.createElement(Ap,null,Jn.createElement(Kg,{color:"secondary",size:26}),Jn.createElement(Xg,{size:12}),Jn.createElement(Yg,{variant:"body",size:"medium",color:"neutral700"},jg.t("There are no notifications.")))}i(Wp,"NotificationNotFound");var oh=4;function zi(){let t=th(),{getUnreadNotifications:e}=ze(),o=e(),n=h().blockchains(),r=h().tokens(),s=o.sort((l,p)=>p.creationTime-l.creationTime).slice(0,oh),a=i(l=>{t(`${F.swaps}/${l}`)},"handleOnClick");return Oe.createElement(vp,null,s.length?Oe.createElement(bp,null,s.map((l,p)=>{let{route:u,requestId:c,event:f}=l,m=r.find(g=>Ne(g,u.from)),d=n.find(g=>g.name===u.from.blockchain),S=r.find(g=>Ne(g,u.to)),C=n.find(g=>g.name===u.to.blockchain);return Oe.createElement(Oe.Fragment,{key:c},p>0&&Oe.createElement(Rg,{size:4}),Oe.createElement(Ip,{onClick:()=>a(c),actionRequired:f.messageSeverity===Lp.WARNING,title:Oe.createElement(eh,{variant:"body",size:"small",color:f.messageSeverity===Lp.WARNING?"$foreground":"$neutral700"},Jg.t(f.message)),id:c,start:Oe.createElement(Ep,null,Oe.createElement("div",{className:"from-chain-token"},Oe.createElement(Np,{tokenImage:m?m.image:"",chainImage:d?d.logo:"",size:"small"})),Oe.createElement("div",{className:"to-chain-token"},Oe.createElement(Np,{tokenImage:S?S.image:"",chainImage:C?C.logo:"",size:"small"}))),end:Oe.createElement(Zg,{size:12,color:"gray"})}))})):Oe.createElement(Wp,null))}i(zi,"NotificationContent");import{useManager as nh}from"@rango-dev/queue-manager-react";import{InProgressIcon as rh}from"@rango-dev/ui";import Mp from"react";var ih=i(()=>{let{manager:t}=nh();return ct(t).map(({swap:o})=>o).find(o=>o.status==="running")?Mp.createElement(wp,null,Mp.createElement(rh,{color:"info",size:6})):null},"InProgressTransactionBadge"),Bp=ih;import{RefreshProgressButton as sh}from"@rango-dev/ui";import Qi,{useEffect as ah,useState as Pp}from"react";var lh=1e3,_p=60,ph=100;function Zn({onClick:t}){let[e,o]=Pp(0),[n,r]=Pp(!1),s=i(p=>{document.hidden&&p&&a(p)},"handleVisibilityChange");ah(()=>{let p;return t?p=window.setInterval(()=>{o(u=>u+1),e===_p&&l()},lh):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 Qi.createElement(Ye,{variant:"ghost",size:"small",style:{paddingTop:0,paddingBottom:0},onClick:l,disabled:!t},Qi.createElement(kp,{onTransitionEnd:()=>r(!1),isRefetched:n},Qi.createElement(sh,{size:24,color:t?"black":"gray",progress:e/_p*ph})))}i(Zn,"RefreshButton");import{EventSeverity as uh}from"@rango-dev/queue-manager-rango-preset";import{Typography as ch}from"@rango-dev/ui";import $p from"react";function Dp(){let{getUnreadNotifications:t}=ze(),e=t(),o=e.length,n=!!e.find(r=>r.event.messageSeverity===uh.WARNING);return o?$p.createElement(Tp,{isSever:n},$p.createElement(ch,{variant:"body",size:"xsmall",color:"$background"},o)):null}i(Dp,"UnreadNotificationsBadge");function Gt(t){let{onClickRefresh:e,onClickHistory:o,onClickSettings:n,hidden:r=[]}=t,{config:{features:s}}=h(),a=Ve("notification",s)||r.includes("notifications");return ve.createElement(ve.Fragment,null,!r.includes("refresh")&&ve.createElement(er,{container:B(),side:"top",content:Rn.t("Refresh")},ve.createElement(Zn,{onClick:e})),!a&&ve.createElement(dh,{align:"end",alignOffset:-88,collisionPadding:{right:20,left:20},container:B(),content:ve.createElement(zi,null)},ve.createElement("div",null,ve.createElement(er,{container:B(),side:"top",content:Rn.t("Notifications")},ve.createElement(Ye,{size:"small",variant:"ghost"},ve.createElement(mh,{size:18,color:"black"}),ve.createElement(Dp,null))))),!r.includes("settings")&&ve.createElement(er,{container:B(),side:"top",content:Rn.t("Settings")},ve.createElement(Ye,{size:"small",variant:"ghost",onClick:n},ve.createElement(fh,{size:18,color:"black"}))),!r.includes("history")&&ve.createElement(er,{container:B(),side:"top",content:Rn.t("Transactions History")},ve.createElement(Ye,{size:"small",variant:"ghost",onClick:o},ve.createElement(gh,{size:18,color:"black"}),ve.createElement(Bp,null))))}i(Gt,"HeaderButtons");function Hi(t){let e=t.target;if(e){let o=e.scrollTop,n=B();o>1?n.classList.add("rng-scrolled"):n.classList.remove("rng-scrolled")}}i(Hi,"onScrollContentAttachStatusToContainer");import{css as hh,styled as Gi}from"@rango-dev/ui";var Fp="700px",tr=hh({borderRadius:"$primary",display:"flex",flexDirection:"column",overflow:"hidden",boxShadow:"15px 15px 15px 0px rgba(0, 0, 0, 0.05)"}),Op=Gi("div",{position:"relative",width:"100vw",minWidth:"300px",maxWidth:"390px",backgroundColor:"$background",variants:{height:{auto:{height:"auto",maxHeight:Fp},fixed:{height:Fp}}}}),Up=Gi("div",{position:"relative",overflow:"hidden",flexGrow:1,display:"flex",flexDirection:"column",padding:0,overflowY:"auto"}),qp=Gi("div",{padding:"0 $20 $10","& .footer__alert":{paddingTop:"$10"},"& .footer__logo":{opacity:0,transition:"opacity 1s ease-in-out","&.logo__show":{opacity:1},"&.logo__hidden":{visibility:"hidden"}}});function ie(t){let{connectHeightObserver:e,disconnectHeightObserver:o}=Ai(),{children:n,header:r,footer:s,height:a="fixed"}=t,l=X.use.connectedWallets(),{config:{features:p,theme:u}}=h(),{watermark:c}=oe(),f=c==="FULL",{activeTheme:m}=Xn(u||{}),d=Ve("connectWalletButton",p),{isActiveTab:S,tabManagerInitiated:C,showActivateTabModal:g,setShowActivateTabModal:y,activateCurrentTab:w}=oe(),T=ut(),{manager:x}=yh(),b=ct(x).map(({swap:Q})=>Q).some(Q=>Q.status==="running"),k=i(()=>w(zt.forceClaim,b),"onActivateTab"),v=i(()=>{r.onWallet?.()},"onConnectWallet"),I=typeof r.hasBackButton>"u"||r.hasBackButton,W=Hp(null),N=Hp(null);return Qp(()=>(Vn()&&N.current&&e(N.current),()=>{o()}),[]),Qp(()=>(W.current?.addEventListener("scroll",Hi),()=>{W.current?.removeEventListener("scroll",Hi)}),[]),Ce.createElement(Op,{height:a,id:ke.SWAP_BOX_ID,className:`${m()} ${tr()}`,ref:N},Ce.createElement(Ch,{prefix:Ce.createElement(Ce.Fragment,null,I&&Ce.createElement(Fi,{onClick:()=>{T(),r.onBack&&r.onBack()}})),title:r.title,suffix:Ce.createElement(Ce.Fragment,null,r.suffix,r.onWallet&&!d&&Ce.createElement(qi,{container:B(),onClick:v,isConnected:!!l?.length}),r.onCancel&&Ce.createElement(Ui,{onClick:r.onCancel}))}),Ce.createElement(Up,{ref:W},n),Ce.createElement(Di,{open:g,onClose:()=>y(!1),onConfirm:k}),Ce.createElement(qp,null,Ce.createElement("div",{className:"footer__content"},C&&!S&&Ce.createElement("div",{className:"footer__alert"},Ce.createElement(_i,{onActivateTab:k}),Ce.createElement(zp,{size:10})),s),Ce.createElement(zp,{size:12}),Ce.createElement("div",{className:`footer__logo ${f?"logo__show":"logo__hidden"}`},Ce.createElement(Sh,null))))}i(ie,"Layout");import{styled as Th}from"@rango-dev/ui";var Gp="$20 $20 $10 $20",Ao=Th("div",{padding:Gp,overflowY:"auto",flexGrow:1});import{styled as kh}from"@rango-dev/ui";var pe=kh("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 Ih}from"@rango-dev/ui";import ji from"react";import{i18n as ao}from"@lingui/core";import{Image as vh,MessageBox as Vi,WalletState as bh}from"@rango-dev/ui";import Vt from"react";import{keyframes as wh,styled as or}from"@rango-dev/ui";var l0=or("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),Vp=or("div",{position:"relative"}),xh=wh({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),jp=or("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${xh} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Xp=or("div",{"& img":{borderRadius:"50%"}});function Kp(t){let{state:e,image:o,error:n}=t;return e===bh.CONNECTED?Vt.createElement(Vi,{type:"success",title:ao.t("Wallet Connected"),description:ao.t("Your wallet is connected, you can use it to swap.")}):n?Vt.createElement(Vi,{type:"error",title:ao.t("Failed to Connect"),description:n||ao.t("Your wallet is not connected. Please try again.")}):Vt.createElement(Vi,{type:"loading",title:ao.t("Connecting to your wallet"),description:ao.t("Click connect in your wallet popup."),icon:Vt.createElement(Vp,null,Vt.createElement(Xp,null,Vt.createElement(vh,{src:o,size:45})),Vt.createElement(jp,null))})}i(Kp,"ModalContent");function Wo(t){let{open:e,onClose:o,...n}=t;return ji.createElement(le,{open:e,onClose:o,container:document.getElementById(ke.SWAP_BOX_ID)||document.body},ji.createElement(Kp,{...n}),ji.createElement(Ih,{direction:"vertical",size:32}))}i(Wo,"WalletModal");var Lh=Zp("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Nh=Zp(pe,{textAlign:"center"}),nr=3e3,Xi=300;function Rp(){let{config:t,fetchStatus:e}=h(),[o,n]=Jp(!1),[r,s]=Jp(""),a=null,l=oe.use.isActiveTab(),{list:p,handleClick:u,error:c,disconnectConnectingWallets:f}=Gn({config:t,onBeforeConnect:g=>{a=setTimeout(()=>{n(!0),s(g)},Xi)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},nr)}}),m=i(()=>{f(),n(!1)},"handleCloseWalletModal"),d=p.find(g=>g.type===r),S=d?.image||"",C=d?.state||Wh.NOT_INSTALLED;return lo.createElement(ie,{header:{title:Yp.t("Connect Wallets")}},lo.createElement(Nh,null,lo.createElement(Eh,{variant:"title",size:"xmedium",align:"center"},Yp.t("Choose a wallet to connect.")),lo.createElement(Lh,null,p.map((g,y)=>{let w=`wallet-${y}-${g.type}`;return lo.createElement(Ah,{key:w,...g,container:B(),onClick:T=>{u(T)},isLoading:e==="loading",disabled:!l})}),lo.createElement(Wo,{open:!!o,onClose:m,image:S,state:C,error:c}))))}i(Rp,"WalletsPage");import{keyframes as Mh,styled as Ki}from"@rango-dev/ui";var eu=Ki("div",{position:"relative"}),Bh=Mh({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),tu=Ki("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Bh} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),ou=Ki("div",{"& img":{borderRadius:"50%"}});var Dh=7;function Ji(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:s}=t,{config:a}=h(),l=oe.use.isActiveTab(),p=X.use.connectedWallets(),{blockchains:u}=h(),[c,f]=Lo(""),[m,d]=Lo(null),[S,C]=Lo(!1),[g,y]=Lo(null),{suggestAndConnect:w}=su(),T=null,{list:x,error:E,handleClick:b,disconnectConnectingWallets:k}=Gn({config:a,chain:e,onBeforeConnect:q=>{T=setTimeout(()=>{f(q)},Xi)},onConnect:()=>{T&&clearTimeout(T),setTimeout(()=>{f("")},nr)}}),[v,I]=Lo(x),W=x.length,N=r&&W-r>0,Q=i(async q=>{C(!1),y("in-progress");try{await w(q.walletType,q.chain),y("completed")}catch{y("rejected")}},"addExperimentalChain");iu(()=>{I(q=>{let J=x.findIndex(Z=>o(Z.type,e));return N&&J>1?[x[J]].concat(x.filter((Z,L)=>L!==J)):q.map(Z=>x.find(L=>L.type===Z.type)??Z)})},[JSON.stringify(x)]);let ee=document.getElementById(ke.SWAP_BOX_ID);iu(()=>{let q=null;return(g==="completed"||g==="rejected")&&(q=setTimeout(()=>y(null),nr)),()=>{q&&clearTimeout(q)}},[g]);let ae=i(()=>{k(),f("")},"handleCloseWalletModal");return ue.createElement(ue.Fragment,null,v.slice(0,r).map(q=>{let J=qa({connectedWallets:p,walletType:q.type,chain:e}),Z=J?yn(J,Dh):"",L=gn(u(),e),P=!p.find(he=>he.walletType===q.type&&he.chain===e),M=L&&P&&q.state===ru.CONNECTED,V=M?et.t({id:"Add {chain} chain",values:{chain:e}}):Z,ce=i(()=>{q.state===ru.DISCONNECTED?b(q.type):M?(d({walletType:q.type,chain:e,address:J??""}),C(!0)):n({walletType:q.type,chain:e,address:J??""})},"onClick"),de=m?.chain?Tl(m.chain,u()):void 0;return ue.createElement(ue.Fragment,{key:`${q.title}_${de}`},ue.createElement(Wo,{open:c===q.type,onClose:ae,image:q.image,state:q.state,error:E}),!!m&&ue.createElement(le,{open:!!m&&S,container:ee,onClose:()=>{d(null)}},ue.createElement(rr,{title:et.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:de}}),type:"warning",description:et.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:de}})},ue.createElement(Yi,{size:18}),ue.createElement(Yi,{size:32}),ue.createElement(Ph,{onClick:Q.bind(null,m),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},et.t("Confirm")))),g&&ue.createElement(le,{open:!!g,onClose:y.bind(null,null),container:ee},g==="in-progress"&&ue.createElement(rr,{type:"loading",title:et.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:de}}),description:et.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:de}}),icon:ue.createElement(eu,null,ue.createElement(ou,null,ue.createElement(_h,{src:q.image,size:45})),ue.createElement(tu,null))}),g==="completed"&&ue.createElement(rr,{type:"success",title:et.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:de}}),description:et.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:de}})}),g==="rejected"&&ue.createElement(rr,{type:"error",title:et.t("Request Rejected"),description:et.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:de}})}),ue.createElement(Yi,{direction:"vertical",size:32})),ue.createElement($h,{key:q.type,description:V,onClick:ce,selected:o(q.type,e),disabled:!l,...q}))}),N&&ue.createElement(ep,{selected:!1,onClick:s},ue.createElement(nu,{variant:"label",size:"medium"},et.t("Show more wallets"),ue.createElement(nu,{variant:"label",size:"medium",color:"$primary"},"\xA0+",W-(r??0)))))}i(Ji,"WalletList");var Gh=2;function lu(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,loading:s}=t,a=h().config,l=h().blockchains(),{selectedQuote:p,setSelectedWallets:u,quoteWalletsConfirmed:c,setQuoteWalletConfirmed:f,customDestination:m,setCustomDestination:d}=H(),{connectedWallets:S,selectWallets:C}=X(),[g,y]=uo(""),[w,T]=uo([]),[x,E]=uo(""),[b,k]=uo(null),[v,I]=uo(!!m),W=En(p?.swaps||null),N=l.find(G=>G.name===p?.swaps[p?.swaps.length-1].to.blockchain),Q=i(G=>!!p?.swaps.find(Y=>Y.from.blockchain===G),"isWalletRequiredFor"),ee=i(()=>S.filter(G=>G.selected&&W.includes(G.chain)),"getInitialSelectableWallets"),[ae,q]=uo(ee()),J=l.find(G=>G.name===N?.name),Z=w.length>0,L=i((G,Y)=>!!ae.find(te=>te.walletType===G&&te.chain===Y&&te.selected&&(Q(Y)||!Q(Y)&&!m)),"isSelected"),P=!!m&&v&&J&&!An(J,m),M=i(()=>{I(!1),d(null),q(G=>{let Y=!1;return G.map(te=>!Y&&te.chain===N?.name?(Y=!0,{...te,selected:!0}):te)})},"resetCustomDestination"),V=i(G=>{if(g&&y(""),L(G.walletType,G.chain))return;let te=S.find(Ie=>Ie.walletType===G.walletType&&Ie.chain===G.chain);te&&(n(),G.chain===N?.name&&v&&(I(!1),d(null)),q(Ie=>Ie.filter(Ze=>Ze.chain!==G.chain).concat({...te,selected:!0})))},"onChange"),ce=i(()=>{let G=ae.filter(Y=>Y.selected);C(G),u(G),f(!0),o()},"onConfirmBalance"),de=i(async()=>{T([]),E(""),k(null);let G=S.filter(Ie=>ae.find(Ze=>Ze.chain===Ie.chain&&Ze.walletType===Ie.walletType)),Y=await r?.({selectedWallets:G,customDestination:m}),te=Y.warnings;te?.balance?.messages&&T(te.balance.messages),te?.quoteUpdate&&k(te.quoteUpdate),Y.error&&E(kl(Y.error)),!Y.error&&!te?.balance?.messages.length?ce():T(te?.balance?.messages??[])},"onConfirmWallets");Qh(()=>{q(G=>G.concat(S.filter(Y=>!!!G.find(Ie=>Ie.chain===Y.chain)&&Y.selected&&W.includes(Y.chain))))},[S.length]);let he=document.getElementById(ke.SWAP_BOX_ID),ht=Hh();return $.createElement(le,{open:e,onClose:()=>{c||ht("../",{replace:!0}),o()},dismissible:!g,container:he,...!g&&{footer:$.createElement(ap,null,$.createElement(au,{loading:s,disabled:Ol(s,v,m,p,ae,N),onClick:de,variant:"contained",type:"primary",fullWidth:!0,size:"large"},mt.t("Confirm")))},...g&&{styles:{container:{padding:"$0"}},header:$.createElement(tp,null,$.createElement(op,{variant:"ghost",onClick:y.bind(null,"")},$.createElement(Uh,{size:16})),$.createElement(ir,{variant:"headline",size:"small"},mt.t({id:"Your {blockchainName} wallets",values:{blockchainName:je(g,l)}})))},anchor:"center"},$.createElement(le,{open:Z,onClose:T.bind(null,[]),container:he},$.createElement(qh,{title:mt.t("Insufficient account balance"),type:"error",description:$.createElement(Fh,{messages:w??[]})},$.createElement(au,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:ce},mt.t("Proceed anyway")))),g&&$.createElement(np,null,$.createElement("div",{className:rp()},$.createElement(Ji,{chain:g,isSelected:L,selectWallet:V,onShowMore:y.bind(null,g)}))),!g&&$.createElement($.Fragment,null,x&&$.createElement($.Fragment,null,$.createElement(Zi,{variant:"alarm",type:"error",title:mt.t(x)}),$.createElement(po,{size:12})),b&&$.createElement($.Fragment,null,$.createElement(Zi,{variant:"alarm",type:"warning",title:Fn(b)}),$.createElement(po,{size:12})),$.createElement(pp,null,W.map((G,Y)=>{let te=l.find($e=>$e.name===G),Ie=`wallet-${Y}`,Ze=Y===W.length-1;return $.createElement("div",{key:Ie},$.createElement(Zl,null,$.createElement(ir,{variant:"title",size:"xmedium"},mt.t({id:"Your {blockchainName} wallets",values:{blockchainName:te?.shortName}})),$.createElement(ir,{variant:"label",color:"$neutral700",size:"medium"},mt.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:te?.shortName}}))),$.createElement(po,{size:24}),$.createElement(Rl,null,$.createElement(Ji,{chain:G,isSelected:L,selectWallet:V,limit:Gh,onShowMore:()=>y(te?.name??"")})),!Ze&&$.createElement(po,{size:32}),Ze&&a?.customDestination&&$.createElement(ip,null,$.createElement(Qn,{onOpenChange:$e=>{$e?Q(N?.name??"")||q(De=>De.map(ye=>ye.chain===N?.name?{...ye,selected:!1}:ye)):M()},hasSelected:!0,open:v,triggerAnchor:"top",trigger:$.createElement(up,null,$.createElement("div",{className:"button__content"},$.createElement(zh,{size:18,color:"info"}),$.createElement(po,{size:4,direction:"horizontal"}),$.createElement(ir,{variant:"label",size:"medium"},mt.t("Send to a different address"))),$.createElement(qn,{orientation:v?"up":"down"},$.createElement(Oh,{size:10,color:"gray"}))),onClickTrigger:()=>I($e=>!$e)},$.createElement(po,{size:4}),$.createElement(lp,{autoFocus:!0,placeholder:mt.t("Your destination address"),value:m||"",onChange:$e=>{let De=$e.target.value;De.length?d(De.length?De:null):(I(!1),d(null))}})),P&&$.createElement("div",{className:sp()},$.createElement(Zi,{variant:"alarm",type:"error",title:mt.t({values:{destination:m},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(lu,"ConfirmWalletsModal");import{i18n as uy}from"@lingui/core";import{Alert as cy,Button as my,InfoIcon as dy}from"@rango-dev/ui";import He from"react";import{Alert as Xh,Button as Kh,Divider as ts,NoRouteIcon as Yh,RefreshIcon as Jh,Typography as gu}from"@rango-dev/ui";import Qe from"react";import{i18n as pu}from"@lingui/core";var Vh=24,jh=60;function uu(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:K().genericServerError,action:{onClick:n,title:pu.t("Retry")}},description:""}:e.length?{alert:{type:"warning",text:K().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:pu.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(uu,"makeInfo");var Ri=(o=>(o[o.small=Vh]="small",o[o.large=jh]="large",o))(Ri||{}),es=(o=>(o.small="small",o.large="medium",o))(es||{});import{styled as sr}from"@rango-dev/ui";var cu=sr("div",{display:"flex",flexDirection:"column",alignItems:"center"}),mu=sr("div",{variants:{size:{small:{},large:{maxWidth:"316px"}}}}),du=sr("div",{variants:{size:{small:{width:"100%"},large:{}}}}),fu=sr("div",{padding:"$6 $0"});function No(t){let{fetch:e,error:o,size:n="small"}=t,r=h().getDisabledLiquiditySources(),s=h().toggleAllLiquiditySources,a=h().swappers(),l=uu(o,r,()=>s(a,!0),e);return Qe.createElement(cu,null,Qe.createElement(Yh,{size:Ri[n],color:"gray"}),Qe.createElement(ts,{size:4}),Qe.createElement(gu,{variant:"title",size:es[n]},K().noResultError.title),n==="large"&&Qe.createElement(ts,{size:4}),!!l.description&&Qe.createElement(mu,{size:n},Qe.createElement(gu,{variant:"body",size:"small",align:"center",color:"neutral700"},l.description)),Qe.createElement(ts,{size:n==="large"?"24":"4"}),!!l.alert&&Qe.createElement(du,{size:n},Qe.createElement(Xh,{type:l.alert.type,title:l.alert.text,titleAlign:"left",action:l.alert.action&&Qe.createElement(Kh,{size:"xsmall",type:l.alert.type,prefix:Qe.createElement(fu,null,Qe.createElement(Jh,{size:8})),onClick:l.alert.action.onClick},l.alert.action.title),variant:"alarm"})))}i(No,"NoResult");import{i18n as Mo}from"@lingui/core";import{Button as Rh,Divider as ey,MessageBox as ty,Typography as oy,WarningIcon as ny}from"@rango-dev/ui";import Ct from"react";import{Typography as Cu}from"@rango-dev/ui";import ns from"react";import{darkTheme as Zh,styled as ar}from"@rango-dev/ui";var hu=ar("div",{width:"100%"}),os=ar("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),yu=ar("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${Zh} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Su=ar("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function Tu(t){let{title:e,value:o,valueColor:n}=t;return ns.createElement(yu,null,ns.createElement(Cu,{size:"medium",variant:"label",className:"_title"},e),ns.createElement(Cu,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(Tu,"QuoteErrorsModalItem");function ku(t){let{open:e,onClose:o,onConfirm:n,warning:r,confirmationDisabled:s}=t,a=r.warningLevel==="high"?"error":"warning",l=[{title:Mo.t("Swapping"),value:A(r.inputUsdValue,4,4)},{title:Mo.t("Gas cost"),value:A(r.totalFee,2,2)},{title:Mo.t("Receiving"),value:A(r.outputUsdValue,4,4)},{title:Mo.t("Price impact"),value:A(r.priceImpact,2,2),valueColor:`${a}500`}];return Ct.createElement(le,{footer:Ct.createElement(Rh,{type:"primary",size:"large",prefix:Ct.createElement(ny,null),fullWidth:!0,disabled:s,onClick:n},K().highValueLossError.confirmMessage),open:e,onClose:o,container:B()},Ct.createElement(ty,{type:a,title:K().highValueLossError.impactTitle,description:K().highValueLossError.description}),Ct.createElement(os,null,Ct.createElement(ey,{size:20}),Ct.createElement(oy,{size:"small",variant:"title"},Mo.t("Details")),Ct.createElement(os,null,l.map((p,u)=>Ct.createElement(Tu,{key:u,...p})))))}i(ku,"HighValueLossWarningModal");import{i18n as rs}from"@lingui/core";function wu(t,e){let o={alertType:"warning",title:"",action:null};return e?(o.alertType="error",e.type===3&&(o.title=e.recommendation),e.type===4&&(o.title=rs.t({id:"You need to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:e.minRequiredSlippage}}),o.action="change-settings"),o):t?(t.type===0&&(St(t.priceImpact)==="high"&&(o.alertType="error"),o.action="show-info",o.title=K().highValueLossError.title),t.type===1&&(o.title=K().unknownPriceError.title),t.type===2&&(o.title=rs.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=rs.t("Caution, your slippage is high.")),o):null}i(wu,"makeAlerts");import{i18n as co}from"@lingui/core";import{Button as xu,Divider as vu,MessageBox as ry,Typography as iy}from"@rango-dev/ui";import Kt from"react";import{useNavigate as sy}from"react-router-dom";function bu(t){let{customSlippage:e,slippage:o}=h(),{open:n,onClose:r,onConfirm:s,warning:a,confirmationDisabled:l}=t,p=sy(),u=e??o;return Kt.createElement(le,{anchor:"bottom",open:n,prefix:Kt.createElement(xu,{size:"small",variant:"ghost",onClick:()=>p("../"+F.settings)},Kt.createElement(iy,{variant:"label",size:"medium",color:"$neutral900"},co.t("Change settings"))),container:B(),onClose:r},Kt.createElement(ry,{type:"warning",title:a.type===3?co.t("High slippage"):co.t("Low slippage"),description:a.type===3?co.t({id:" Caution, your slippage is high (={userSlippage}). Your trade may be front run.",values:{userSlippage:u}}):co.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:a.minRequiredSlippage}})},Kt.createElement(vu,{size:18}),Kt.createElement(vu,{size:32}),Kt.createElement(xu,{size:"large",type:"primary",variant:"contained",fullWidth:!0,disabled:l,onClick:s},co.t("Confirm anyway"))))}i(bu,"SlippageWarningModal");import{Button as ay,MessageBox as ly,WarningIcon as py}from"@rango-dev/ui";import lr from"react";function Iu(t){let{open:e,onClose:o,onConfirm:n,confirmationDisabled:r}=t;return lr.createElement(le,{footer:lr.createElement(ay,{type:"primary",size:"large",prefix:lr.createElement(py,null),fullWidth:!0,disabled:r,onClick:n},K().unknownPriceError.confirmMessage),open:e,onClose:o,container:B()},lr.createElement(ly,{type:"warning",title:K().unknownPriceError.impactTitle,description:K().unknownPriceError.description}))}i(Iu,"UnknownPriceWarningModal");function Bo(t){let{warning:e,error:o,showWarningModal:n,confirmationDisabled:r,refetchQuote:s,onOpenWarningModal:a,onCloseWarningModal:l,onConfirmWarningModal:p,onChangeSettings:u}=t,c={confirmationDisabled:r,open:n,onClose:l,onConfirm:p},f=o?.type===0||o?.type===1,m=wu(e,o?.type===3||o?.type===4?o:null);return He.createElement(He.Fragment,null,f&&He.createElement(No,{error:o,fetch:s}),!!m&&He.createElement(hu,null,He.createElement(cy,{title:m.title,type:m.alertType,variant:"alarm",...m.action==="show-info"&&{action:He.createElement(Su,{onClick:a},He.createElement(dy,{size:12,color:"gray"}))},...m.action==="change-settings"&&{action:He.createElement(my,{size:"xxsmall",type:m.alertType,onClick:u},uy.t("Change"))}})),e&&He.createElement(He.Fragment,null,e.type===0&&He.createElement(ku,{...c,warning:e}),(e.type===3||e.type===2)&&He.createElement(bu,{...c,warning:e}),e.type===1&&He.createElement(Iu,{...c,warning:e})))}i(Bo,"QuoteWarningsAndErrors");import Hy from"bignumber.js";import kr from"react";import{i18n as Fo}from"@lingui/core";import{Alert as Ny,Divider as Oo,FullExpandedQuote as My,InfoIcon as By,QuoteTag as Py,StepDetails as _y,TokenAmount as $y,Tooltip as ic,Typography as fo}from"@rango-dev/ui";import ds from"bignumber.js";import _,{useRef as Dy,useState as Fy}from"react";import{styled as is}from"@rango-dev/ui";var ss=is("div",{width:"100%","& .position-top__skeleton":{paddingTop:"$10"}}),Eu=is("div",{paddingBottom:"$15"}),Au=is("div",{width:"100%",display:"flex"});import*as pr from"@radix-ui/react-collapsible";import{Button as fy,css as Po,darkTheme as Ae,Image as Wu,styled as Be,Typography as gy}from"@rango-dev/ui";var hy=300,Lu=Be(pr.Root,{display:"flex",flexDirection:"column",alignItems:"start",overflowX:"auto",overflowY:"hidden",width:"100%",borderRadius:"$xm",variants:{selected:{true:{},false:{$$color:"$colors$neutral400",[`.${Ae} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}},listItem:{true:{$$color:"$colors$neutral400",[`.${Ae} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"},false:{}}},compoundVariants:[{listItem:!1,selected:!0,css:{$$color:"$colors$info300",[`.${Ae} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"}}]}),Nu=Po({padding:"$10 $15"}),Mu=Be(fy,{backgroundColor:"transparent",border:"1px solid $secondary"}),Bu=Be("div",{borderRadius:"$xm",display:"flex",flexDirection:"column",alignItems:"start",justifyContent:"space-between",color:"$foreground",boxSizing:"border-box",position:"relative",variants:{selected:{true:{},false:{$$color:"$colors$neutral200",[`.${Ae} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color"}},basic:{true:{borderTopRightRadius:"0",borderTopLeftRadius:"0"}},listItem:{true:{$$color:"$colors$neutral200",[`.${Ae} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color","&:hover":{"& .quote_container":{"& button":{backgroundColor:"$neutral500",[`.${Ae} &`]:{backgroundColor:"$neutral200"}},backgroundColor:"$neutral500",[`.${Ae} &`]:{backgroundColor:"$neutral200"}},backgroundColor:"$neutral300",[`.${Ae} &`]:{backgroundColor:"$neutral400"}},cursor:"pointer"},false:{}}},compoundVariants:[{listItem:!0,selected:!0,css:{outline:"1px solid $secondary"}},{listItem:!1,selected:!0,css:{$$color:"$colors$info100",[`.${Ae} &`]:{$$color:"$colors$secondary600"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}}},{listItem:!0,selected:!1,css:{cursor:"pointer","&:hover":{backgroundColor:"$neutral300",[`.${Ae} &`]:{backgroundColor:"$neutral400"}}}}]}),Pu=Po({width:"100%",padding:"$15 $15 $10 $15"}),_u=Po({display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",paddingBottom:"$10",position:"relative"}),mo=Po({display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",".blockchainImage":{marginLeft:"-$8"}}),$u=Po({display:"flex",alignItems:"center",".usd-value":{$$color:"$colors$neutral600",[`.${Ae} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Du=Be(pr.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:{[`& ${Wu}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${Wu}`]:{border:"1px transparent solid",borderRadius:"100%"}}},selected:{true:{},false:{$$color:"$colors$neutral400",[`.${Ae} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}},listItem:{true:{$$color:"$colors$neutral400",[`.${Ae} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"},false:{}}},compoundVariants:[{listItem:!1,selected:!0,css:{$$color:"$colors$info300",[`.${Ae} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"}}],".blockchains_section":{display:"none"},"@xs":{".blockchains_section":{display:"block"}}}),Fu=Be("div",{width:"18px",height:"18px",borderRadius:"100%",display:"flex",justifyContent:"center",alignItems:"center",border:"1.5px transparent solid",img:{borderRadius:"100%"},variants:{state:{error:{borderColor:"$error500"},warning:{borderColor:"$warning500"}}}}),Ou=Be(Un,{width:"100%",background:"inherit"}),as=Be("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${hy}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),VL=Be("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),Uu=Be("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${Ae} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),qu=Be("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"}),ls=Be(gy,{overflow:"hidden",textOverflow:"ellipsis",letterSpacing:.4}),zu=Be("div",{display:"flex",flexWrap:"wrap"}),ps=Be("div",{width:"18px",height:"18px",borderRadius:"100%",backgroundColor:"$background",cursor:"default",display:"flex",justifyContent:"center",alignItems:"center",border:"1.5px transparent solid",variants:{state:{error:{borderColor:"$error500"},warning:{borderColor:"$warning500"}}}}),Qu=Be("div",{display:"flex"}),ur=Be("div",{width:"100%",borderTopWidth:"1px",borderTopStyle:"solid",borderTopColor:"$neutral",margin:"$5 0",[`.${Ae} &`]:{borderTopColor:"$neutral800"}});import{i18n as _t}from"@lingui/core";import{ChevronDownIcon as Sy,CloseIcon as Cy,Divider as dr,IconButton as Ty,QuoteCost as ky,Tooltip as wy,Typography as tt}from"@rango-dev/ui";import j,{useState as ju}from"react";import{css as yy,styled as cr}from"@rango-dev/ui";var mr=cr("div",{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"$5 0","&.total_payable_fee":{padding:"$12 0"}}),us=cr("div",{width:"100%",borderTop:"1px solid $neutral300",margin:"$10 0"}),Hu=cr("div",{padding:"$20 0",display:"flex",flexDirection:"column","& .collapsible_trigger":{display:"flex",alignItems:"center"}}),Gu=cr("div",{padding:"$20 $20 $10",textAlign:"center",position:"relative","._icon-button":{position:"absolute",zIndex:10,top:"$16",right:"$16"}}),Vu=yy({display:"flex",flexDirection:"row",alignItems:"center",padding:"$5","&:hover":{"& ._typography, & svg":{color:"$secondary"}}});var xy=i(t=>t.fee.isZero()?null:j.createElement(mr,null,j.createElement(tt,{variant:"label",size:"medium",color:"neutral600"},t.label),j.createElement(tt,{variant:"label",size:"medium"},"$",A(t.fee,4,4))),"NonPayableFee");function Xu(t){let[e,o]=ju(!1),[n,r]=ju(!1),{steps:s,quote:a,fee:l,time:p,feeWarning:u,showModalFee:c}=t,f=a?.swaps??[],m=B(),d=El(f);return j.createElement(j.Fragment,null,j.createElement(ky,{onClickFee:c?S=>{S.stopPropagation(),o(!e)}:void 0,fee:l,feeWarning:u,time:p,steps:s,tooltipGas:c?_t.t("View more info"):void 0,tooltipContainer:m}),j.createElement(le,{container:m,open:e,header:j.createElement(Gu,null,j.createElement(tt,{variant:"title",size:"medium"},_t.t("Gas & Fee Explanation")),j.createElement(Ty,{onClick:()=>o(!1),variant:"ghost"},j.createElement(Cy,{color:"gray",size:14}))),onClose:()=>{o(!1)}},j.createElement(Hu,null,j.createElement(tt,{variant:"title",size:"small"},_t.t("Details")),j.createElement(dr,{size:10}),Object.entries(d.payable).flatMap(([S,C])=>C.map((g,y)=>{let w=`payable-fee-${y}`,T=yi(g);return j.createElement(mr,{key:w},j.createElement(tt,{variant:"label",size:"medium",color:"neutral600"},mi[S]),j.createElement(wy,{content:se(g.amount),container:m},j.createElement(tt,{variant:"label",size:"medium"},A(g.amount,2,2)," ",g.asset.symbol," ($",A(T,4,4),")")))})),j.createElement(mr,{className:"total_payable_fee"},j.createElement(tt,{variant:"label",size:"medium"},_t.t("Total Payable Fee")),j.createElement(tt,{variant:"label",size:"medium"},"$",A(l,4,4))),j.createElement(us,null),Object.keys(d.nonePayable).length&&j.createElement(Qn,{triggerAnchor:"bottom",onClickTrigger:()=>r(S=>!S),trigger:j.createElement("div",{className:Vu()},j.createElement(tt,{size:"small",variant:"body",color:"neutral700"},n?_t.t("Hide non-payable fees"):_t.t("Show non-payable fees")),j.createElement(dr,{size:4,direction:"horizontal"}),j.createElement(qn,{orientation:n?"up":"down"},j.createElement(Sy,{size:12,color:"gray"}))),open:n},j.createElement(tt,{size:"small",variant:"title"},_t.t("Description")),j.createElement(dr,{size:4}),j.createElement(tt,{size:"small",variant:"body",color:"neutral700"},_t.t(`The following fees are considered in the transaction output and
+                you won\u2019t need to pay extra gas for them.`)),j.createElement(dr,{size:10}),Object.entries(d.nonePayable).map(([S,C],g)=>{let y=Il(C),w=mi[S],T=`non-payable-fee-${g}`;return j.createElement(xy,{key:T,fee:y,label:w})}),j.createElement(us,null)))))}i(Xu,"QuoteCostDetails");import{i18n as Ju}from"@lingui/core";import{TokenAmount as Zu}from"@rango-dev/ui";import fr from"react";import{css as vy,styled as by}from"@rango-dev/ui";var Ku=by("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%"}),Yu=vy({height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"});function _o(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return fr.createElement(Ku,null,fr.createElement(Zu,{direction:"horizontal",label:Ju.t("Swap input"),type:"input",tooltipContainer:B(),price:{value:e.price.value,usdValue:e.price.usdValue,realValue:e.price.realValue,realUsdValue:e.price.realUsdValue},token:{displayName:e.token.displayName,image:e.token.image},chain:{image:e.chain.image}}),fr.createElement("div",{className:Yu()}),fr.createElement(Zu,{direction:"horizontal",tooltipContainer:B(),label:Ju.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(_o,"QuoteSummary");import{i18n as nc}from"@lingui/core";import{ChevronDownIcon as Ay,ChevronRightIcon as Wy,Divider as cs,Image as Ly,Tooltip as ms,Typography as hr}from"@rango-dev/ui";import D from"react";import{useEffect as Iy,useState as $o}from"react";var Ru=480,ec=768,tc=1024,oc=1200,Ey=i(()=>{let[t,e]=$o(!1),[o,n]=$o(!1),[r,s]=$o(!1),[a,l]=$o(!1),[p,u]=$o(!1),c=i(()=>{e(window.innerWidth<=Ru),n(window.innerWidth>Ru&&window.innerWidth<=ec),s(window.innerWidth>ec&&window.innerWidth<=tc),l(window.innerWidth>tc&&window.innerWidth<=oc),u(window.innerWidth>oc)},"handleResize");return Iy(()=>(c(),window.addEventListener("resize",c),()=>window.removeEventListener("resize",c)),[]),{isMobile:t,isTablet:o,isNotebook:r,isLargeScreen:a,isExtraLargeScreen:p}},"useScreenDetect"),gr=Ey;var yr=4,Sr=6,Do=i(t=>{let e=B(),{content:o,src:n,className:r,open:s,state:a}=t;return D.createElement(ms,{container:e,side:"bottom",sideOffset:4,open:s,content:o},D.createElement(Fu,{className:r,state:a},D.createElement(Ly,{src:n,size:16})))},"ImageComponent");function rc(t){let{quoteRef:e,selected:o,setExpanded:n,steps:r,expanded:s,type:a}=t,l=B(),p=r.length,u=Gl(r),{isTablet:c,isMobile:f}=gr();return D.createElement(Du,{listItem:a==="list-item",ref:m=>e.current=m,selected:o,onClick:m=>{m.stopPropagation(),n(d=>!d)}},D.createElement("div",{className:mo()},D.createElement(hr,{variant:"body",size:"xsmall"},nc.t("Via:")),D.createElement(cs,{direction:"horizontal",size:4}),r.map((m,d)=>{let S=`item-${d}`,C=D.createElement(as,null,D.createElement(Wy,{size:12,color:"black"}));return f||c?D.createElement(D.Fragment,{key:S},D.createElement(Do,{content:m.swapper.displayName,src:m.swapper.image,state:m.state}),d!==p-1&&D.createElement(D.Fragment,null,C)):D.createElement(D.Fragment,{key:S},p<=yr||p>yr&&d<yr-1?D.createElement(D.Fragment,null,D.createElement(Do,{content:m.swapper.displayName,src:m.swapper.image,state:m.state}),d!==p-1&&D.createElement(D.Fragment,null,C)):d===yr-1&&D.createElement(ms,{container:l,side:"bottom",align:"right",sideOffset:4,content:D.createElement("div",{className:mo()},C,r.map((g,y)=>{let w=`image-${y}`;return y>=d&&D.createElement(D.Fragment,{key:w},D.createElement(Do,{content:g.swapper.displayName,src:g.swapper.image,state:g.state,open:!1}),y!==p-1&&D.createElement(D.Fragment,null,C))}))},D.createElement(ps,{state:r.find((g,y)=>y>=d&&(g.state==="error"||g.state==="warning"))?.state},D.createElement(hr,{size:"xsmall",variant:"body"},"+",p-d))))})),D.createElement("div",{className:mo()},D.createElement("div",{className:"blockchains_section"},D.createElement("div",{className:mo()},D.createElement(hr,{variant:"body",size:"xsmall"},nc.t("Chains:")),D.createElement(cs,{direction:"horizontal",size:4}),u.map((m,d)=>D.createElement(D.Fragment,{key:m.displayName},u.length<=Sr||u.length>Sr&&d<Sr-1?D.createElement(Do,{content:"",src:m.image,open:!1,className:d!==0?"blockchainImage":""}):d===Sr-1&&D.createElement(ms,{container:l,side:"bottom",align:"right",sideOffset:4,content:D.createElement("div",{className:mo()},u.map((S,C)=>C>=d&&D.createElement(Do,{key:S.displayName,content:"",src:S.image,open:!1,className:C>d?"blockchainImage":""})))},D.createElement(ps,{className:"blockchainImage"},D.createElement(hr,{size:"xsmall",variant:"body"},"+",u.length-d))))),D.createElement(cs,{direction:"horizontal",size:32}))),D.createElement(as,{orientation:s?"up":"down"},D.createElement(Ay,{size:12,color:"black"}))))}i(rc,"QuoteTrigger");function fs(t){let{quote:e,input:o,output:n,error:r,warning:s,type:a,selected:l=!1,tagHidden:p=!0,showModalFee:u=!0,onClickAllRoutes:c,fullExpandedMode:f=!1}=t,m=h().blockchains(),d=h().tokens(),S=h().swappers(),[C,g]=Fy(t.expanded),y=Dy(null),w=A(o.value,6,6),T=A(n.value,6,6),x=n.usdValue?A(n.usdValue,4,4):"",E=Xe(o.usdValue,n.usdValue??null),b=A(E,2,2),k=St(E??0),I=i(L=>L.map((P,M)=>{let V,ce=r?.type===3&&r.swap.swapperId===P.swapperId||r?.type===4&&r.recommendedSlippages?.has(M),de=s?.type===2&&s.recommendedSlippages?.has(M);ce?V="error":de&&(V="warning");let he=ce?Fo.t("Slippage Error"):Fo.t("Slippage Warning");return r?.type===3&&(he=r?.recommendation),{swapper:{displayName:bo(P.swapperId,S),image:P.swapperLogo},from:{token:{displayName:P.from.symbol,image:P.from.logo},chain:{displayName:je(P.from.blockchain,m),image:P.from.blockchainLogo},price:{value:M===0?A(o.value,6,6):A(P.fromAmount,6,6),usdValue:A((P.from.usdPrice??0)*parseFloat(P.fromAmount),4,4),realValue:se(M===0?o.value:P.fromAmount),realUsdValue:se(new ds(P.from.usdPrice??0).multipliedBy(P.fromAmount))}},to:{token:{displayName:P.to.symbol,image:P.to.logo},chain:{displayName:je(P.to.blockchain,m),image:P.to.blockchainLogo},price:{value:A(P.toAmount,6,6),usdValue:A((P.to.usdPrice??0)*parseFloat(P.toAmount),4,4),realValue:se(P.toAmount),realUsdValue:se(new ds(P.to.usdPrice??0).multipliedBy(P.toAmount))}},state:V,alerts:ce||de?_.createElement(Eu,null,_.createElement(Ny,{variant:"alarm",type:ce?"error":"warning",title:he,footer:_.createElement(Au,null,r?.type===3&&_.createElement(_.Fragment,null,_.createElement(fo,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),_.createElement(Oo,{direction:"horizontal",size:8}),_.createElement(fo,{size:"xsmall",variant:"body",color:"neutral900"},"|"),_.createElement(Oo,{direction:"horizontal",size:8}),_.createElement(fo,{size:"xsmall",variant:"body",color:"neutral900"},Fo.t({id:"Yours: {amount} {symbol}",values:{amount:A(P.fromAmount,6,6),symbol:P?.from.symbol}}))),(r?.type===4||s?.type===2)&&_.createElement(fo,{size:"xsmall",variant:"body",color:"neutral900"},Fo.t({id:"Minimum required slippage is {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get(M)},...s?.type===2&&{minRequiredSlippage:s.recommendedSlippages?.get(M)}}})))})):void 0}}),"getQuoteSteps")(e?.swaps??[]),W=I.length,N=B(),Q=jl(t.quote.tags||[]),ee=!!c,ae=pn(un(e?.swaps)),q=Nn(e?.swaps??[],d),J=A(q,2,2),Z=q.gte(new ds(Cl));return f?_.createElement(My,{selected:l,fee:J,time:ae,tooltipContainer:wn(),steps:I,tags:Q,feeWarning:Z,percentageChange:b,warningLevel:k,outputPrice:{value:T,usdValue:x,realValue:se(n.value),realUsdValue:se(n.usdValue)}}):_.createElement(Bu,{selected:l,listItem:a==="list-item",basic:a==="basic"},_.createElement("div",{className:Pu()},!p&&Q.length?_.createElement(_.Fragment,null,_.createElement(Qu,null,Q.map((L,P)=>{let M=`${L.value}_${P}`;return _.createElement(_.Fragment,{key:M},_.createElement(Py,{label:L.label,value:L.value}),_.createElement(Oo,{size:4,direction:"horizontal"}))})),_.createElement(ur,null),!ee&&_.createElement(Oo,{size:4})):null,_.createElement("div",{id:"portal-root",className:_u()},_.createElement(Xu,{quote:e,time:ae,fee:J,feeWarning:Z,showModalFee:u,steps:W}),ee&&_.createElement(Mu,{onClick:L=>{L.stopPropagation(),c()},size:"xxsmall",type:"secondary",variant:"default"},_.createElement(fo,{color:"secondary",variant:"label",size:"medium"},Fo.t("See All Routes")))),a==="basic"&&_.createElement("div",{className:$u()},_.createElement(qu,null,_.createElement(By,{size:12,color:"gray"})),_.createElement(zu,null,_.createElement(ls,{size:"small",variant:"body"},`${w} ${I[0].from.token.displayName} = `),_.createElement(ic,{content:se(n.value),container:N,open:n.value?void 0:!1},_.createElement(ls,{size:"small",variant:"body"},"\xA0",`${T} ${I[I.length-1].to.token.displayName}`))),_.createElement(ic,{content:se(n.usdValue),container:N,style:{display:"flex"}},_.createElement(fo,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${x})`))),a==="list-item"&&_.createElement($y,{tooltipContainer:N,type:"output",direction:"vertical",price:{value:T,usdValue:x,realValue:se(n.value),realUsdValue:se(n.usdValue)},token:{displayName:I[W-1].to.token.displayName,image:I[W-1].to.token.image},chain:{image:I[W-1].to.chain.image},percentageChange:b,warningLevel:k}),a==="swap-preview"&&_.createElement(_.Fragment,null,_.createElement(_o,{from:I[0].from,to:I[W-1].to,percentageChange:b,warningLevel:k}),_.createElement(Oo,{size:4}))),_.createElement(Lu,{selected:l,listItem:a==="list-item",open:C,className:"quote_container",onOpenChange:g},_.createElement(rc,{type:a,quoteRef:y,selected:l,setExpanded:g,expanded:C,steps:I}),_.createElement(Ou,{open:C},_.createElement(Uu,null),_.createElement("div",{className:Nu()},I.map((L,P)=>{let M=`item-${P}`;return _.createElement(_y,{type:"quote-details",key:M,tooltipContainer:N,step:L,hasSeparator:P!==I.length-1,state:L.state})})))))}i(fs,"Quote");import{Divider as zy,Skeleton as Qy}from"@rango-dev/ui";import kt from"react";import{darkTheme as Oy,styled as Cr}from"@rango-dev/ui";var sc=Cr("div",{$$color:"$colors$neutral100",[`.${Oy} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15 ",variants:{rounded:{true:{borderRadius:"$xm"}}}}),ac=Cr("div",{paddingTop:"$2"}),lc=Cr("div",{paddingLeft:"$8"}),pc=Cr("div",{borderLeft:"1px dashed $foreground",minHeight:" 0",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});import{ChainToken as Cc,Divider as dt,Skeleton as Ge}from"@rango-dev/ui";import U from"react";import{css as Uy,styled as Tt}from"@rango-dev/ui";var gs=Tt("div",{display:"flex"}),uc=Tt("div",{padding:"$10 $0 $20"}),cc=Tt("div",{padding:"$12 $0 $20 $0",display:"flex",flexDirection:"column"}),mc=Tt("div",{display:"flex",justifyContent:"start",alignItems:"center"}),dc=Tt("div",{display:"flex",justifyContent:"space-between",alignItems:"end"}),fc=Tt("div",{height:"$28",marginLeft:"13px",borderLeft:"1px solid $neutral700"}),gc=Tt("div",{width:"65%",display:"flex",justifyContent:"start"}),hc=Tt("div",{display:"flex",flexDirection:"column",alignItems:"start",flexGrow:1,maxWidth:"148px"}),yc=Tt("div",{padding:"$15 $0 $15 $0"}),Sc=Uy({display:"flex",justifyContent:"space-between",alignItems:"center"});function Uo(t){let{type:e,tagHidden:o=!0}=t,n=U.createElement(dc,null,U.createElement(gc,null,U.createElement(Cc,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),U.createElement(dt,{size:8,direction:"horizontal"}),U.createElement(hc,null,U.createElement(Ge,{height:10,width:60,variant:"rounded"}),U.createElement(dt,{size:4}),U.createElement(Ge,{height:15,variant:"rounded"}))),U.createElement(Ge,{height:12,width:64,variant:"rounded"})),r=e==="basic"&&!o;return U.createElement("div",null,!o&&U.createElement(U.Fragment,null,U.createElement(gs,null,U.createElement(Ge,{width:65,height:14,variant:"rounded"}),U.createElement(dt,{size:4,direction:"horizontal"}),U.createElement(Ge,{width:65,height:14,variant:"rounded"}),U.createElement(dt,{size:4,direction:"horizontal"}),U.createElement(Ge,{width:65,height:14,variant:"rounded"})),U.createElement(ur,null),!r&&U.createElement(dt,{size:4})),U.createElement("div",{className:Sc()},U.createElement(gs,null,U.createElement(Ge,{width:60,height:10,variant:"rounded"}),U.createElement(dt,{size:4,direction:"horizontal"}),U.createElement(Ge,{width:60,height:10,variant:"rounded"}),U.createElement(dt,{size:4,direction:"horizontal"}),U.createElement(Ge,{width:60,height:10,variant:"rounded"})),r&&U.createElement(Ge,{width:100,height:22,variant:"rounded"})),e==="basic"&&U.createElement(uc,null,U.createElement(Ge,{height:15,width:148,variant:"rounded"})),e==="list-item"&&U.createElement(cc,null,U.createElement(mc,null,U.createElement(Cc,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),U.createElement(dt,{direction:"horizontal",size:4}),U.createElement(Ge,{height:15,width:150,variant:"rounded"})),U.createElement(dt,{size:10}),U.createElement(Ge,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&U.createElement(U.Fragment,null,U.createElement(dt,{size:4}),U.createElement(yc,null,n,U.createElement(fc,null),n)))}i(Uo,"QuoteSummarySkeleton");import{ChainToken as vc,Divider as ys,NextIcon as qy,Skeleton as Tr}from"@rango-dev/ui";import Te from"react";import{styled as qo}from"@rango-dev/ui";var Tc=qo("div",{display:"flex",alignItems:"start"}),kc=qo("div",{flexGrow:1,paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center"}),hs=qo("div",{display:"flex",alignItems:"center",flexGrow:1}),wc=qo("div",{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}),xc=qo("div",{display:"flex",alignItems:"center"});function ft(t){let{separator:e=!0}=t;return Te.createElement(Te.Fragment,null,Te.createElement(xc,null,Te.createElement(Tr,{height:22,width:22,variant:"circular"}),Te.createElement(ys,{direction:"horizontal",size:8}),Te.createElement(Tr,{height:15,width:148,variant:"rounded"})),Te.createElement(Tc,null,Te.createElement(pc,{hideSeparator:!e}),Te.createElement(kc,null,Te.createElement(hs,null,Te.createElement(vc,{size:"small",loading:!0,chainImage:"",tokenImage:""}),Te.createElement(ys,{direction:"horizontal",size:8}),Te.createElement(Tr,{height:12,variant:"rounded"})),Te.createElement(wc,null,Te.createElement(qy,{color:"gray",size:16})),Te.createElement(hs,null,Te.createElement(vc,{size:"small",loading:!0,chainImage:"",tokenImage:""}),Te.createElement(ys,{direction:"horizontal",size:8}),Te.createElement(Tr,{height:12,variant:"rounded"})))))}i(ft,"StepSkeleton");function zo(t){let{type:e,expanded:o,tagHidden:n=!1}=t;return kt.createElement(sc,{rounded:e!=="basic"},kt.createElement(Uo,{type:e,tagHidden:n}),kt.createElement(ac,null,kt.createElement(Qy,{height:15,variant:"rounded"})),o&&kt.createElement(lc,null,kt.createElement(zy,{size:20}),kt.createElement(ft,null),kt.createElement(ft,null),kt.createElement(ft,{separator:!1})))}i(zo,"QuoteSkeleton");function Yt(t){let{quote:e,type:o,loading:n,error:r,warning:s,expanded:a=!1,tagHidden:l,onClick:p,showModalFee:u,selected:c,onClickAllRoutes:f,fullExpandedMode:m=!1}=t,{inputAmount:d,inputUsdValue:S,toToken:C}=H(),g=e?.outputAmount?new Hy(e?.outputAmount):null,y=e?.outputAmount?Bn(e?.outputAmount,Pn(e)||C?.usdPrice):null,T=!(r&&(r.type===0||r.type===1))&&e&&!n;return n?kr.createElement(ss,null,kr.createElement(zo,{tagHidden:l,type:o,expanded:a})):T?kr.createElement(ss,{onClick:()=>p?.(e)},kr.createElement(fs,{quote:e,error:r,showModalFee:u,warning:s,tagHidden:l,selected:c,type:o,expanded:a,onClickAllRoutes:f,fullExpandedMode:m,input:{value:d,usdValue:S?.toString()??""},output:{value:g?.toString()??"",usdValue:y?.toString()??""}})):null}i(Yt,"QuoteInfo");import{calculatePendingSwap as jy}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Xy}from"react";import{useRef as Gy,useState as Vy}from"react";function wr({request:t}){let[e,o]=Vy(!1),n=Gy(null),r=i(()=>n.current?.abort(),"cancelFetch");return{fetch:i(async a=>{r(),n.current=new AbortController,o(!0);try{let l=await t(a,{signal:n.current.signal});return n.current=null,l}catch(l){throw l}finally{o(!1)}},"fetch"),loading:e,cancelFetch:r}}i(wr,"useFetch");function bc(){let{fetch:t,loading:e,cancelFetch:o}=wr({request:async(n,r)=>await At().confirmRouteRequest(n,r)});return{fetch:t,loading:e,cancelFetch:o}}i(bc,"useFetchConfirmQuote");function xr(t){if(!t.swaps)throw new Error(K().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});let e=Ss(t.swaps);if(e)throw new Error(e.message,{cause:e.options})}i(xr,"throwErrorIfResponseIsNotValid");function Ss(t){if(xl(t)){let{swap:n,recommendation:r,fromAmountRangeError:s}=vl(t);return{message:"bridge limit error",options:{type:3,swap:n,recommendation:r,fromAmountRangeError:s}}}let o=Al(t);if(o){let n=Mn(t);return{message:"",options:{type:4,recommendedSlippages:o,minRequiredSlippage:n}}}return null}i(Ss,"getQuoteError");function Ic(t,e,o){let n=!1;t&&(n=Ql(t,e));let r={quote:null,quoteUpdate:null,balance:null},s=to(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:A(eo(e)),percentageChange:A(Xe(eo(t)??"",eo(e)??""),null,2)}:Si(t,e)?r.quoteUpdate={type:0}:Ci(t,e)?r.quoteUpdate={type:1}:Ti(t,e)&&(r.quoteUpdate={type:2}));let a=_l(e,o.selectedWallets,o.meta.blockchains);return a.length===0||(r.balance={messages:a}),r}i(Ic,"generateWarnings");function vr(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(vr,"handleQuoteErrors");function Cs(){let{fromToken:t,toToken:e,inputAmount:o,setSelectedQuote:n,selectedQuote:r,customDestination:s,setQuoteWarningsConfirmed:a,resetAlerts:l}=H(),{slippage:p,customSlippage:u}=h(),c=h().getDisabledLiquiditySources(),f=h().blockchains(),m=h().tokens(),d=u||p,{fetch:S,cancelFetch:C,loading:g}=bc();return Xy(()=>C,[]),{loading:g,fetch:i(async w=>{let T=w.selectedWallets,x=w?.customDestination??s;if(!t||!e||!o)return{quote:null,swap:null,error:null,warnings:null};let E=T.reduce((k,v)=>(k[v.chain]=v.address,k),{}),b={requestId:r?.requestId||"",selectedWallets:E,destination:x||void 0};try{return await S(b).then(k=>{let{result:v}=k;xr({diagnosisMessages:v.diagnosisMessages,requestId:v.requestId,swaps:v.result?.swaps});let I={outputAmount:v.result?.outputAmount,requestId:v.requestId,resultType:v.result?.resultType,swaps:v.result?.swaps||[],validationStatus:v.validationStatus,requestAmount:v.requestAmount};n(I);let W={slippage:d.toString(),disabledSwappersGroups:c},N=jy(o.toString(),v,Ml(T),W,!1,{blockchains:f,tokens:m}),Q=Ic(r??void 0,I,{fromToken:t,toToken:e,meta:{blockchains:f,tokens:m},selectedWallets:T,userSlippage:d});return Q.quoteUpdate&&a(!1),l(),{quote:I,swap:N,error:null,warnings:Q}})}catch(k){return vr(k)}},"fetch"),cancelFetch:C}}i(Cs,"useConfirmSwap");var aS=Zy("div",{width:"100%",display:"flex",justifyContent:"space-between",[`& ${Ac}`]:{width:"$48",height:"$48"}}),lS=ks({flexGrow:1,paddingRight:"$10"}),pS=ks({width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}),uS=ks({display:"flex",justifyContent:"space-between",alignItems:"center"});function Wc(){let{selectedQuote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:s,quoteWarningsConfirmed:a}=H(),l=sS(),p=iS(),[u,c]=Ir(""),{connectedWallets:f}=X(),m=!n,[d,S]=Ir(!1),{isActiveTab:C}=oe(),g=h().getDisabledLiquiditySources(),y=nS(g),{manager:w}=Ky(),{fetch:T,loading:x,cancelFetch:E}=Cs(),[b,k]=Ir({swap:null,error:null,warnings:null}),[v,I]=Ir(!1),W=i(async({selectedWallets:L,customDestination:P})=>{let M=await T?.({selectedWallets:L,customDestination:P});return k(M),M},"onConfirmSwap"),N=i(async()=>{if(b.swap&&n)try{await w?.create("swap",{swapDetails:b.swap},{id:b.swap.requestId});let L=`../${F.swaps}/${b.swap.requestId}`;l(L,{replace:!0}),setTimeout(()=>{e("")},0)}catch(L){c("Error: "+L?.message)}},"addNewSwap"),Q=i(async()=>{await N()},"onConfirm"),ee=i(async()=>{b?.warnings?.quote&&!a?I(!0):await Q()},"onStartConfirmSwap"),ae=i(async()=>{k({error:null,swap:null,warnings:null}),T({selectedWallets:o,customDestination:s}).then(L=>{k(L)}).catch(L=>console.error(L))},"onRefresh");Qo(()=>{!!y.current.length&&!g.length&&ae(),y.current=g},[g.length]),Qo(()=>{m&&E()},[m]),Qo(()=>{m&&S(m)},[m]),Qo(()=>{m||T({selectedWallets:o,customDestination:s}).then(L=>k(L)).catch(L=>console.error(L))},[]),Qo(()=>{let L=b.warnings?.quote?.type&&Object.values(Lt).includes(b.warnings?.quote?.type),P=o.length<1||!o.every(V=>f.find(ce=>V.address===ce.address&&V.walletType===ce.walletType&&V.chain===ce.chain)),M=!1;if(L){let V=En(t?.swaps||null),ce=t?.swaps[t.swaps.length-1].to.blockchain;!!t?.swaps.find(ht=>ht.from.blockchain===ce)||(V=V.slice(-V.length,V.length-1)),V.every(ht=>o.find(G=>G.chain===ht))||(M=!0)}t&&(P||M)&&(queueMicrotask(()=>rS(S.bind(null,!0))),r(!1))},[b.warnings?.quote,o.length,f.length]),oS(()=>{t||l(`../${p.search}`)},[]);let q=b.warnings?.quote??null,J=b.error,Z=[];if(u&&Z.push(me.createElement(Ec,{type:"error",variant:"alarm",title:u})),b.warnings?.quoteUpdate&&Z.push(me.createElement(Ec,{variant:"alarm",type:"warning",title:b.warnings.quoteUpdate&&Fn(b.warnings.quoteUpdate)})),q||J){let L=`../${F.settings}`;Z.push(me.createElement(Bo,{warning:q,error:J,refetchQuote:ae,showWarningModal:v,confirmationDisabled:!C,onOpenWarningModal:()=>I(!0),onCloseWarningModal:()=>I(!1),onConfirmWarningModal:async()=>{I(!1),await N()},onChangeSettings:()=>l(L)}))}return me.createElement(ie,{header:{title:br.t("Confirm Swap"),onWallet:()=>{let L=`../${F.wallets}`;l(L)},suffix:me.createElement(Ry,{container:B(),side:"bottom",content:br.t("Settings")},me.createElement(Ye,{size:"small",variant:"ghost",onClick:()=>l("../"+F.settings)},me.createElement(Jy,{size:18,color:"black"})))},footer:me.createElement(aS,null,me.createElement("div",{className:lS()},me.createElement(Yy,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:x,disabled:!!b.error||!C,onClick:ee},br.t("Start Swap"))),me.createElement(Ac,{variant:"contained",type:"primary",size:"large",loading:x,onClick:S.bind(null,!0)},me.createElement(tS,{size:24})))},d&&me.createElement(lu,{open:d,onClose:()=>S(!1),onCancel:E,loading:x,onCheckBalance:W}),me.createElement(pe,null,me.createElement("div",{className:uS()},me.createElement(eS,{variant:"title",size:"small"},br.t("You get")),me.createElement("div",{className:pS()},me.createElement(Zn,{onClick:!x&&!d&&!v?ae:void 0}))),me.createElement(Ts,{size:"12"}),fp(Z.map((L,P)=>({element:L,key:`alert-${P}`})),me.createElement(Ts,{size:10})),Z.length>0?me.createElement(Ts,{size:10}):null,me.createElement(Yt,{quote:t,type:"swap-preview",expanded:!0,error:b.error,loading:x,warning:b.warnings?.quote??null})))}i(Wc,"ConfirmSwapPage");import{i18n as Ar}from"@lingui/core";import{useManager as IS}from"@rango-dev/queue-manager-react";import{Divider as Uc,NotFound as ES,styled as AS}from"@rango-dev/ui";import xt,{useState as WS}from"react";import{useNavigate as LS}from"react-router-dom";import{i18n as dS}from"@lingui/core";import{Divider as Pc,GroupedVirtualizedList as fS,Skeleton as gS,SwapListItem as _c,Typography as hS}from"@rango-dev/ui";import Pe,{useCallback as $c,useEffect as yS,useRef as SS,useState as CS}from"react";function Lc(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(Lc,"calculateGroupsSoFar");import{css as cS,darkTheme as mS,styled as Ho}from"@rango-dev/ui";var ws=cS(),Nc=Ho("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$5"}),xs=Ho("div",{width:"100%",display:"flex",flexDirection:"column",backgroundColor:"$background",padding:"$10 $5 0 $5",[`& .${ws}`]:{$$color:"$colors$neutral600",[`.${mS} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),vs=Ho("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),Mc=Ho("div",{gap:"$10",display:"flex",flexDirection:"column"}),Bc=Ho("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});var TS=10;function bs(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,[s,a]=CS([]),l=SS(0),{swaps:p,groupCounts:u,groups:c}=n(e),f=$c(Lc,[]),m=$c(()=>{let d=e.length-l.current;d&&(l.current+=Math.min(d,TS),a(f(u,l.current)))},[e.length]);if(yS(()=>{r||m()},[r,m]),r){let d=[1,2];return Pe.createElement(Pe.Fragment,null,[d,d].map((C,g)=>Pe.createElement(xs,{key:g},Pe.createElement(vs,null,Pe.createElement(gS,{variant:"text",width:60,size:"small"}),Pe.createElement(Pc,{size:16})),Pe.createElement(Pc,{size:4}),Pe.createElement(Mc,null,C.map((w,T)=>Pe.createElement(_c,{isLoading:!0,key:T}))))))}return Pe.createElement(fS,{endReached:()=>{l.current<e.length&&m()},groupCounts:s,groupContent:d=>Pe.createElement(xs,null,Pe.createElement(vs,null,Pe.createElement(hS,{variant:"label",size:"medium",className:ws()},c[d]))),itemContent:(d,S)=>{let C=p[d];if(!C)return null;let g=C.steps[0],y=C.steps[C.steps.length-1];return Pe.createElement(Nc,{key:C.requestId},Pe.createElement(_c,{requestId:C.requestId,creationTime:C.creationTime,status:C.status,onClick:o,tooltipContainer:B(),onlyShowTime:c[S]===dS.t("Today"),swapTokenData:{from:{token:{image:g.fromLogo,displayName:g.fromSymbol},blockchain:{image:g.fromBlockchainLogo||""},amount:A(C.inputAmount,6,6),realAmount:se(C.inputAmount)},to:{token:{image:y.toLogo,displayName:y.toSymbol},blockchain:{image:y.toBlockchainLogo||""},amount:A(y.outputAmount||y.expectedOutputAmountHumanReadable||"",6,6),realAmount:se(y.outputAmount||y.expectedOutputAmountHumanReadable)}}}))}})}i(bs,"HistoryGroupedList");import{CloseIcon as wS,IconButton as xS,SearchIcon as vS,TextField as bS}from"@rango-dev/ui";import Go from"react";import{styled as kS}from"@rango-dev/ui";var Dc=kS("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function wt(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:s,value:a,setValue:l,...p}=t;return Go.createElement(bS,{prefix:Go.createElement(Dc,null,Go.createElement(vS,{color:"black"})),suffix:!!a.length&&Go.createElement(xS,{variant:"ghost",onClick:()=>l?.(""),size:"small"},Go.createElement(wS,{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(wt,"SearchInput");import{i18n as Er}from"@lingui/core";import Fc from"dayjs";var Oc=i(t=>{let e=new Map([["today",{title:Er.t("Today"),swaps:[]}],["week",{title:Er.t("This week"),swaps:[]}],["month",{title:Er.t("This month"),swaps:[]}],["year",{title:Er.t("This year"),swaps:[]}]]);function o(p,u){e.has(p)||e.set(p,{title:p,swaps:[]}),e.get(p)?.swaps.push(u)}i(o,"addYearsToOutput");let n=Fc();t.forEach(p=>{let u=Number(p.creationTime),c=Fc(u);if(n.isSame(c,"day"))e.get("today")?.swaps.push(p);else if(n.isSame(c,"week"))e.get("week")?.swaps.push(p);else if(n.isSame(c,"month"))e.get("month")?.swaps.push(p);else if(n.isSame(c,"year"))e.get("year")?.swaps.push(p);else{let f=new Date(u).getFullYear().toString();o(f,p)}});let r=Array.from(e.values()).filter(p=>p.swaps.length>0),s=r.flatMap(p=>p.swaps),a=r.map(p=>p.swaps.length),l=r.map(p=>p.title);return{swaps:s,groupCounts:a,groups:l}},"groupSwapsByDate");var NS=AS("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),MS=i((t,e)=>t?.length?t.filter(o=>at(o.fromBlockchain,e)||at(o.toBlockchain,e)||at(o.toSymbol,e)||at(o.fromSymbol,e)).length:!1,"isStepContainsText");function qc(){let t=LS(),{manager:e,state:o}=IS(),n=ct(e).map(({swap:c})=>c),[r,s]=WS(""),a=!o.loadedFromPersistor,l=i(c=>{let f=c.target.value;s(f)},"searchHandler"),p=n;r&&(p=n.filter(c=>at(c.inputAmount,r)||at(c.status,r)||MS(c.steps,r)||at(c.requestId,r)));let u=!p?.length&&!a;return xt.createElement(ie,{header:{title:Ar.t("History")}},xt.createElement(pe,null,xt.createElement(wt,{setValue:s,fullWidth:!0,variant:"contained",placeholder:Ar.t("Search Transaction"),autoFocus:!0,onChange:l,value:r}),xt.createElement(Uc,{size:"16"}),xt.createElement(NS,null,u&&xt.createElement(Bc,null,xt.createElement(Uc,{size:32}),xt.createElement(ES,{title:Ar.t("No results found"),description:r?Ar.t("Try using different keywords"):""})),!u&&xt.createElement(bs,{list:p,onSwapClick:t,groupBy:Oc,isLoading:a}))))}i(qc,"HistoryPage");import{i18n as YS}from"@lingui/core";import{Button as JS,Divider as rm,styled as ZS,WarningIcon as RS}from"@rango-dev/ui";import Ue,{useEffect as im,useState as sm}from"react";import{useNavigate as eC}from"react-router-dom";import{i18n as FS}from"@lingui/core";import{Header as OS}from"@rango-dev/ui";import $t,{useEffect as US,useState as qS}from"react";import{i18n as PS}from"@lingui/core";import{Divider as Es,FullExpandedQuote as _S,Typography as $S}from"@rango-dev/ui";import fe from"react";import{styled as Is}from"@rango-dev/ui";var zc=Is("div",{display:"flex",justifyContent:"center",flexDirection:"column",height:"100%"}),Qc=Is("div",{display:"flex",justifyContent:"space-between",alignItems:"center"}),Hc=Is("div",{width:"146px"});import{Select as BS}from"@rango-dev/ui";import Gc from"react";function Wr(t){let{updateQuotePartialState:e,sortStrategy:o}=H();return Gc.createElement(Hc,null,Gc.createElement(BS,{container:t.container,options:Sl,value:o,handleItemClick:n=>{e("sortStrategy",n.value)},variant:"filled"}))}i(Wr,"SelectStrategy");var Vc=3;function Vo(t){let{loading:e,onClickOnQuote:o,fetch:n,showModalFee:r,hasSort:s=!0,fullExpandedMode:a=!1}=t,{selectedQuote:l,quotes:p,updateQuotePartialState:u,fromToken:c,toToken:f,sortStrategy:m,error:d}=H(),{slippage:S,customSlippage:C}=h(),g=h().tokens(),y=!!p&&p.results.length,w=C??S,T=i(b=>{if(!c||!f||!p)return null;let k={requestAmount:p.requestAmount,...b};return to(k,{fromToken:c,toToken:f,userSlippage:w,tokens:g})},"getQuoteWarning"),x=d?.type===0||d?.type===1,E=p?.results?_n(m,p?.results):[];return fe.createElement(fe.Fragment,null,e&&Array.from({length:Vc},(b,k)=>fe.createElement(fe.Fragment,{key:k},a?fe.createElement(_S,{loading:!0}):fe.createElement(zo,{tagHidden:!1,type:"list-item",expanded:!1}),k!==Vc-1&&fe.createElement(Es,{size:16}))),!e&&fe.createElement(fe.Fragment,null,s&&fe.createElement(fe.Fragment,null,fe.createElement(Qc,null,fe.createElement($S,{size:"xmedium",variant:"title"},PS.t("Sort by")),fe.createElement(Wr,{container:B()})),fe.createElement(Es,{size:"10"})),y?E.map((b,k)=>{let v=T(b),I=Ss(b.swaps),W=E.length-1===k;return fe.createElement(fe.Fragment,{key:b.requestId},fe.createElement(Yt,{showModalFee:r,selected:l?.requestId===b.requestId,tagHidden:!1,quote:{...b,requestAmount:p.requestAmount},loading:e,error:I?.options||null,warning:v,fullExpandedMode:a,onClick:N=>{I||u("warning",v),u("error",I?.options||null),o(N)},type:"list-item"}),!W&&fe.createElement(Es,{size:16}))}):x&&fe.createElement(zc,null,fe.createElement(No,{size:a?"large":"small",error:d,fetch:n}))))}i(Vo,"Quotes");import{darkTheme as DS,styled as jc}from"@rango-dev/ui";var Xc=jc("div",{transition:"width 0.2s, opacity 0.2s, margin-left 0.2s",height:"700px",width:"390px",opacity:1,marginLeft:"$16",backgroundColor:"$neutral100",[`.${DS} &`]:{backgroundColor:"$neutral300"},variants:{expandMode:{default:{width:"390px"},full:{width:"719px"}}},"&.is-hidden":{width:0,height:0,opacity:0,marginLeft:0}}),Kc=jc("div",{position:"relative",overflow:"hidden",padding:"$20",flexGrow:1,display:"flex",flexDirection:"column",overflowY:"auto",borderRadius:"$primary",backgroundColor:"$background"});var zS=100;function As(t){let{fetch:e,loading:o,onClickOnQuote:n,onClickRefresh:r,isVisible:s}=t,[a,l]=qS(!1),p=a?"":"is-hidden",{config:u}=h(),c=u?.variant==="full-expanded";return US(()=>{let f=null;return s?f=setTimeout(()=>{l(!0)},zS):(l(!1),f&&clearTimeout(f)),()=>{f&&clearTimeout(f)}},[s]),$t.createElement(Xc,{expandMode:u?.variant==="full-expanded"?"full":"default",className:`${p} ${tr()}`,id:ke.EXPANDED_BOX_ID},$t.createElement(OS,{title:FS.t("Routes"),suffix:$t.createElement($t.Fragment,null,$t.createElement(Wr,{container:wn()}),$t.createElement(Gt,{onClickRefresh:r,hidden:["history","notifications","settings"]}))}),$t.createElement(Kc,null,$t.createElement(Vo,{showModalFee:!1,fetch:e,hasSort:!1,loading:o,onClickOnQuote:n,fullExpandedMode:c})))}i(As,"ExpandedQuotes");import{i18n as tm}from"@lingui/core";import{SwapInput as om}from"@rango-dev/ui";import jo from"react";import{ReverseIcon as QS,styled as Yc}from"@rango-dev/ui";import Ws from"react";var HS=Yc("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),GS=Yc("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 Jc(){let t=H.use.switchFromAndTo();return Ws.createElement(HS,null,Ws.createElement(GS,{onClick:()=>{t()}},Ws.createElement(QS,{size:12})))}i(Jc,"SwitchFromAndToButton");import{styled as Zc}from"@rango-dev/ui";var Rc=Zc("div",{display:"flex",flexDirection:"column",gap:"$5",alignSelf:"stretch"}),em=Zc("div",{position:"relative"});function Ls(t){let{fetchingQuote:e,fetchMetaStatus:o,onClickToken:n}=t,{fromToken:r,fromBlockchain:s,toToken:a,toBlockchain:l,setInputAmount:p,inputAmount:u,inputUsdValue:c,outputAmount:f,outputUsdValue:m,selectedQuote:d}=H(),{connectedWallets:S,getBalanceFor:C}=X(),g=r?C(r):null,y=hn(g)?.amount??"0",w=s&&r?A(g?.amount,g?.decimals):"0",T=!!s&&za(S,s.name),x=!hi(d,u,c),E=!hi(d,u,m),b=!c||!m||!m.gt(0)?null:Xe(c.toString(),m.toString());return jo.createElement(Rc,null,jo.createElement(em,null,jo.createElement(om,{label:tm.t("From"),mode:"From",onInputChange:p,balance:y,chain:{displayName:s?.displayName||"",image:s?.logo||""},token:{displayName:r?.symbol||"",image:r?.image||""},onClickToken:()=>n("from"),price:{value:u,usdValue:x?void 0:A(c,4,4),realUsdValue:x?void 0:se(c),error:x?K().unknownPriceError.impactTitle:void 0},disabled:o==="failed",loading:o==="loading",loadingBalance:T,tooltipContainer:B(),onSelectMaxBalance:()=>{y!=="0"&&p(w.split(",").join(""))}}),jo.createElement(Jc,null)),jo.createElement(om,{sharpBottomStyle:!!d||e,label:tm.t("To"),mode:"To",fetchingQuote:e,chain:{displayName:l?.displayName||"",image:l?.logo||""},token:{displayName:a?.symbol||"",image:a?.image||""},percentageChange:A(Xe(c,m),2,2),warningLevel:St(b??0),price:{value:A(f,6,6),usdValue:E?void 0:A(m,4,4),realValue:se(f),realUsdValue:E?void 0:se(m),error:E?K().unknownPriceError.impactTitle:void 0},onClickToken:()=>n("to"),disabled:o==="failed",loading:o==="loading",tooltipContainer:B()}))}i(Ls,"Inputs");import{useCallback as VS,useEffect as jS,useState as XS}from"react";function nm(){let{fetch:t,loading:e,cancelFetch:o}=wr({request:async(n,r)=>await At().getAllRoutes(n,r)});return{fetch:t,loading:e,cancelFetch:o}}i(nm,"useFetchAllQuotes");var KS=600;function Lr({refetchQuote:t}){let{fetch:e,cancelFetch:o}=nm(),{excludeLiquiditySources:n,features:r,enableCentralizedSwappers:s}=h().config,a=X.use.connectedWallets(),l=h().tokens(),{fromToken:p,toToken:u,inputAmount:c,inputUsdValue:f,selectedQuote:m,sortStrategy:d,resetQuote:S,error:C,warning:g,setSelectedQuote:y,updateQuotePartialState:w}=H(),{slippage:T,customSlippage:x,affiliatePercent:E,affiliateRef:b,affiliateWallets:k,fetchStatus:v}=h(),I=h().getLiquiditySources(),W=h().getDisabledLiquiditySources(),N=h().excludeLiquiditySources(),[Q,ee]=XS(!0),ae=x??T,J=!p||!u||Ne(p,u)||!ko(c),Z=i(M=>{ee(M)},"resetState"),L=i(M=>{let{fromToken:V,toToken:ce,inputAmount:de,liquiditySources:he,excludeLiquiditySources:ht,disabledLiquiditySources:G,slippage:Y,affiliateRef:te,affiliatePercent:Ie,affiliateWallets:Ze}=M;if(Q||Z(!0),!J&&V&&ce){S();let $e=Nl({fromToken:V,toToken:ce,inputAmount:de,liquiditySources:he,excludeLiquiditySources:ht,disabledLiquiditySources:G,wallets:a,slippage:Y,affiliateRef:te,affiliatePercent:Ie,affiliateWallets:Ze,enableCentralizedSwappers:s});el("experimentalRoute",r)&&($e.experimental=!0),e($e).then(De=>{let ye=_n(d,De.results),Fe=Vl(m,ye,De.requestAmount);ee(!1),w("quotes",De),y(Fe),xr({diagnosisMessages:De.diagnosisMessages,requestId:Fe?.requestId||"",swaps:Fe?.swaps});let an=Fe&&to(Fe,{fromToken:V,toToken:ce,userSlippage:ae,tokens:l});w("warning",an)}).catch(De=>{let{error:ye}=vr(De);(ye?.type===0||ye?.type===1)&&S(),ye?.type!==2&&(w("error",ye),ee(!1))})}},"fetch"),P=VS(Za(M=>{J||L(M)},KS),[J]);return jS(()=>{if(!t){ee(!1);return}if(v==="success"){if(J){ee(!1),(m||C||g)&&S();return}if(!ko(c)||f?.eq(0)){Z(!1),o();return}return S(),Z(!0),P({inputAmount:c,fromToken:p,toToken:u,liquiditySources:I,excludeLiquiditySources:N,disabledLiquiditySources:W,slippage:ae,affiliateRef:b,affiliatePercent:E,affiliateWallets:k}),o}},[v,c,p?.symbol,p?.address,p?.blockchain,u?.symbol,u?.address,u?.blockchain,J,I?.length,n,W.length,ae,b,E,JSON.stringify(k)]),{fetch:()=>L({inputAmount:c,fromToken:p,toToken:u,liquiditySources:I,excludeLiquiditySources:N,disabledLiquiditySources:W,slippage:ae,affiliateRef:b,affiliatePercent:E,affiliateWallets:k}),loading:Q}}i(Lr,"useSwapInput");var tC=ZS("div",{display:"grid",gridTemplateColumns:"auto auto",alignItems:"flex-start",maxHeight:700,"& .footer__alert":{paddingTop:"0"}}),oC=300;function am(){let t=eC(),{fromToken:e,toToken:o,inputAmount:n,selectedQuote:r,refetchQuote:s,error:a,warning:l,quotes:p,setSelectedQuote:u,resetQuoteWallets:c,setQuoteWarningsConfirmed:f,updateQuotePartialState:m}=H(),[d,S]=sm(!1),{isLargeScreen:C,isExtraLargeScreen:g}=gr(),{fetch:y,loading:w}=Lr({refetchQuote:s}),{config:T,fetchStatus:x}=h(),{connectedWallets:E}=X(),{isActiveTab:b}=oe(),[k,v]=sm(!1),W=bl({fetchMetaStatus:x,fetchingQuote:w,inputAmount:n,quote:r,anyWalletConnected:E.length>0,error:a,warning:l,needsToWarnEthOnPath:!1}),N=Xa(C,g,T?.variant),Q=!!n&&!!e&&!!o&&n!=="0"&&!Ul(e,o),ee=Q&&x==="success"&&w,J=(!N||N&&p?.results.length)&&(l||a);im(()=>{c(),m("refetchQuote",!0)},[]),im(()=>{S(Q)},[Q]);let Z=(r||a)&&!k?y:void 0,L=i(M=>{N&&d?(S(!1),setTimeout(()=>{t(M)},oC)):t(M)},"onHandleNavigation"),P=i(M=>{r?.requestId!==M.requestId&&(v(!1),u(M))},"onClickOnQuote");return Ue.createElement(tC,null,Ue.createElement(ie,{height:"auto",footer:Ue.createElement(JS,{type:"primary",size:"large",disabled:W.disabled||!b,prefix:W.action==="confirm-warning"&&Ue.createElement(RS,null),fullWidth:!0,onClick:()=>{W.action==="connect-wallet"?L(F.wallets):W.action==="confirm-warning"?v(!0):L(F.confirmSwap)}},W.title),header:{onWallet:()=>{L(F.wallets)},hasBackButton:!1,title:T.title||YS.t("Swap"),suffix:Ue.createElement(Gt,{hidden:N?["refresh"]:void 0,onClickRefresh:Z,onClickHistory:()=>L(F.swaps),onClickSettings:()=>{L(F.settings)}})}},Ue.createElement(pe,null,Ue.createElement(Ls,{fetchingQuote:ee,fetchMetaStatus:x,onClickToken:M=>{L(M==="from"?F.fromSwap:F.toSwap)}}),Ue.createElement(rm,{size:"2"}),N?null:Ue.createElement(Yt,{quote:r,loading:ee,error:a,tagHidden:!1,warning:l,type:"basic",onClickAllRoutes:p&&p.results.length>1?()=>{m("refetchQuote",!1),L(F.routes)}:void 0}),J?Ue.createElement(Ue.Fragment,null,Ue.createElement(rm,{size:"10"}),Ue.createElement(Bo,{warning:l,error:a,refetchQuote:y,showWarningModal:k,confirmationDisabled:!b,onOpenWarningModal:()=>v(!0),onCloseWarningModal:()=>v(!1),onConfirmWarningModal:()=>{v(!1),f(!0),L(F.confirmSwap)},onChangeSettings:()=>L(F.settings)})):null)),N?Ue.createElement(As,{loading:ee,onClickOnQuote:P,fetch:y,onClickRefresh:Z,isVisible:d}):null)}i(am,"Home");import{i18n as lm}from"@lingui/core";import{List as nC,ListItemButton as rC,Radio as iC,RadioRoot as sC,Typography as aC}from"@rango-dev/ui";import Dt from"react";function go(){let{setLanguage:t,language:e,config:o}=h(),n=ol,r=o?.language||xo;return{activeLanguage:e||r,languages:n,defaultLanguage:r,changeLanguage:s=>t(s||xo),resetLanguage:()=>t(null)}}i(go,"useLanguage");function pm(){let{activeLanguage:t,changeLanguage:e,languages:o}=go(),n=o.map(r=>{let{local:s,label:a,SVGFlag:l}=r;return{id:s,value:s,title:Dt.createElement(aC,{variant:"title",size:"xmedium"},a),onClick:()=>e(r.local),end:Dt.createElement(iC,{value:s}),start:Dt.createElement(l,null)}});return Dt.createElement(ie,{header:{title:lm.t("Language")}},Dt.createElement(pe,null,Dt.createElement(sC,{value:t},Dt.createElement(nC,{type:Dt.createElement(rC,{title:lm.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}i(pm,"LanguagePage");import{i18n as vt}from"@lingui/core";import{Button as mC,Checkbox as dC,Image as fC,ListItemButton as gC,NotFound as hC,Typography as yC}from"@rango-dev/ui";import _e,{useState as SC}from"react";import{Checkbox as uC,Skeleton as cm}from"@rango-dev/ui";import Ko from"react";import{styled as Ns}from"@rango-dev/ui";var Xo=Ns("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto",variants:{disabled:{true:{pointerEvents:"none"}}}}),Ms=Ns("div",{width:80,display:"flex",justifyContent:"flex-end"}),Bs=Ns("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});import{ListItem as lC,styled as pC}from"@rango-dev/ui";var um=pC(lC,{height:61});var cC=30;function Ps(){return Ko.createElement(Xo,null,Array.from(Array(cC),(t,e)=>Ko.createElement(um,{hasDivider:!0,key:e,start:Ko.createElement(cm,{variant:"circular",width:35,height:35}),title:Ko.createElement(cm,{variant:"text",size:"large",width:90}),end:Ko.createElement(uC,{checked:!1})})))}i(Ps,"LoadingLiquiditySourceList");function _s({sourceType:t}){let e=h().fetchStatus,o=h().swappers(),n=h().getDisabledLiquiditySources(),[r,s]=SC(""),a=h().toggleLiquiditySource,l=h().isInCampaignMode(),p=xn(o,n),u={Exchanges:vt.t("Exchanges"),Bridges:vt.t("Bridges")},c=[];t==="Exchanges"&&c.push("DEX"),t==="Bridges"&&c.push("BRIDGE","AGGREGATOR","OFF_CHAIN");let f=p.filter(y=>c.includes(y.type)),m=f.length===f.filter(y=>y.selected).length,d=i(()=>{f.forEach(y=>{m?a(y.groupTitle):y.selected||a(y.groupTitle)})},"toggleAllSources"),S=f.map(y=>{let{selected:w,groupTitle:T,logo:x}=y;return{start:_e.createElement(fC,{src:x,size:22,type:"circular"}),onClick:()=>{l||a(T)},end:_e.createElement(dC,{checked:w,disabled:l}),title:_e.createElement(yC,{variant:"title",size:"xmedium"},vt.t(T)),...y}}),C=i(y=>{let w=y.target.value;s(w)},"searchHandler"),g=S;return r&&(g=S.filter(y=>at(y.groupTitle,r))),_e.createElement(ie,{header:{title:vt.t(t),suffix:_e.createElement(Ms,null,_e.createElement(mC,{variant:"ghost",size:"xsmall",onClick:d},m?vt.t("Deselect all"):vt.t("Select all")))}},_e.createElement(pe,{view:!0},_e.createElement(wt,{value:r,setValue:s,fullWidth:!0,color:"light",variant:"contained",placeholder:vt.t("Search {sourceType}",{sourceType:u[t]}),onChange:C}),e==="loading"&&_e.createElement(Ps,null),!g.length&&r?_e.createElement(Bs,null,_e.createElement(hC,{title:vt.t("No results found"),description:vt.t("Try using different keywords")})):e==="success"&&_e.createElement(Xo,{disabled:l},g.map(y=>{let{groupTitle:w,...T}=y;return _e.createElement(_e.Fragment,{key:y.id},_e.createElement(gC,{style:{height:"61px"},...T,selected:!1,hasDivider:!0}))}))))}i(_s,"LiquiditySourcePage");import{i18n as CC}from"@lingui/core";import Nr from"react";import{useNavigate as TC}from"react-router-dom";function mm(){let t=TC(),e=ut(),{selectedQuote:o,refetchQuote:n,setSelectedQuote:r,updateQuotePartialState:s,error:a}=H(),{fetch:l,loading:p}=Lr({refetchQuote:n}),u=i(m=>{r(m),s("refetchQuote",!1),e()},"onClickOnQuote"),c=`../${F.settings}`,f=`../${F.wallets}`;return Nr.createElement(ie,{header:{onWallet:()=>{t(f)},onBack:()=>{s("refetchQuote",!1)},title:CC.t("Routes"),suffix:Nr.createElement(Gt,{onClickRefresh:o||a?l:void 0,hidden:["notifications","history"],onClickSettings:()=>t(c)})}},Nr.createElement(pe,null,Nr.createElement(Vo,{fetch:l,loading:p,onClickOnQuote:u})))}i(mm,"RoutesPage");import{i18n as Tm}from"@lingui/core";import{Divider as km,getCountCategories as LC,SelectableCategoryList as NC}from"@rango-dev/ui";import bt,{useState as wm}from"react";import{i18n as Ds}from"@lingui/core";import{Divider as Sm,Image as bC,ListItemButton as IC,NotFound as EC,Typography as Cm}from"@rango-dev/ui";import Je,{useEffect as AC,useState as WC}from"react";import{BlockchainCategories as $s}from"@rango-dev/ui";import{TransactionType as Mr}from"rango-sdk";var kC=i((t,e)=>{switch(e){case $s.ALL:return!0;case $s.UTXO:return t.type===Mr.TRANSFER;case $s.OTHER:return t.type!==Mr.TRANSFER&&t.type!==Mr.COSMOS&&t.type!==Mr.EVM;default:return t.type===e}},"filterByType"),dm=i((t,e,o)=>t.filter(n=>kC(n,o)).filter(n=>qt(n.name,e)||qt(n.displayName,e)),"filterBlockchains");import{ImageContainer as wC,styled as fm}from"@rango-dev/ui";var gm=fm("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),Br=fm(Ao,{padding:0,margin:0,listStyle:"none",[`& ${wC}`]:{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as xC,Skeleton as hm}from"@rango-dev/ui";import Pr from"react";var vC=20;function ym(){return Pr.createElement(Br,null,Array.from(Array(vC),t=>Pr.createElement(xC,{key:t,hasDivider:!0,start:Pr.createElement(hm,{variant:"circular",width:35,height:35}),title:Pr.createElement(hm,{variant:"text",size:"large",width:90})})))}i(ym,"LoadingBlockchainList");function Fs(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=WC(e),{fetchStatus:l}=h();AC(()=>{a([...dm(e,o,r)])},[e,o,r]);let p=i(()=>!s.length&&o?Je.createElement(Je.Fragment,null,Je.createElement(Sm,{size:32}),Je.createElement(EC,{title:Ds.t("No results found"),description:Ds.t("Try using different keywords")})):Je.createElement(Br,{as:"ul",key:`${r}-${o}`},s.map(u=>Je.createElement(IC,{key:`${u.name}-${u.chainId}`,hasDivider:!0,onClick:()=>n(u),start:Je.createElement(bC,{src:u.logo,size:30}),title:Je.createElement(Cm,{variant:"title",size:"medium"},u.displayName),id:u.chainId}))),"renderList");return Je.createElement(gm,null,Je.createElement(Cm,{variant:"label",size:"large"},Ds.t("Select Blockchain")),Je.createElement(Sm,{size:4}),l==="loading"&&Je.createElement(ym,null),l==="success"&&p())}i(Fs,"BlockchainList");function Os(t){let{type:e}=t,o=ut(),[n,r]=wm(""),[s,a]=wm("ALL"),l=H.use.setToBlockchain(),p=H.use.setFromBlockchain(),u=h().fetchStatus,c=h().blockchains({type:e}),m=LC(c)!==1;return bt.createElement(ie,{header:{title:Tm.t("Select Blockchain")}},bt.createElement(pe,{view:!0},m&&bt.createElement(bt.Fragment,null,bt.createElement(NC,{setCategory:a,category:s,blockchains:c,isLoading:u==="loading"}),bt.createElement(km,{size:24})),bt.createElement(wt,{value:n,autoFocus:!0,placeholder:Tm.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:d=>r(d.target.value)}),bt.createElement(km,{size:16}),bt.createElement(Fs,{list:c,searchedFor:n,blockchainCategory:s,onChange:d=>{e==="source"?p(d):l(d),o()}})))}i(Os,"SelectBlockchainPage");import{i18n as Or}from"@lingui/core";import{Divider as zm}from"@rango-dev/ui";import Jt,{useState as XC}from"react";import{useNavigate as KC}from"react-router-dom";import{i18n as zs}from"@lingui/core";import{BlockchainsChip as _r,Divider as Im,Image as Em,Skeleton as $C,Tooltip as DC,Typography as Qs}from"@rango-dev/ui";import be from"react";import{useEffect as PC}from"react";var xm=["ETH","COSMOS","OSMOSIS"];function Us(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(MC),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 u=n[p];a=a.filter(c=>u.name!==c)}}n.sort(BC(a)),r=n.splice(s)}return{list:n,more:r}}i(Us,"prepare");function MC(t,e){let o=xm,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(MC,"sortByMostUsedBlockchains");function BC(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(BC,"generateSortByPreferredBlockchainsFor");function vm(t,e){return!!e.list.find(o=>o.name===t)}i(vm,"isInVisibleList");function qs(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=h();PC(()=>{if(e?.selected){let s=Us(t,o,e);vm(e.selected,s)||n(e?.selected)}},[e?.selected]);let r=Us(t,o,e);return{list:r.list,more:r.more,history:[]}}i(qs,"usePrepareBlockchainList");import{styled as _C}from"@rango-dev/ui";var bm=_C("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var FC=12;function Hs(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:s}=t,a=qs(e,{limit:10,selected:n?.name}),{fetchStatus:l}=h(),p=H.use.resetToBlockchain(),u=H.use.resetFromBlockchain(),c=a.more.length>0,f=a.more.length===1,m=!f&&c;return be.createElement(be.Fragment,null,be.createElement(Im,{size:12}),be.createElement(Qs,{variant:"label",size:"large"},zs.t("Select Blockchain")),be.createElement(Im,{size:12}),be.createElement(bm,null,l==="loading"&&Array.from(Array(FC),d=>be.createElement($C,{key:d,variant:"rounded",height:50})),l==="success"&&be.createElement(be.Fragment,null,be.createElement(_r,{selected:!n,onClick:()=>{o==="from"?u():p()}},be.createElement(Qs,{variant:"body",size:"xsmall",color:"secondary500"},zs.t("All"))),a.list.map(d=>be.createElement(DC,{key:d.name,content:d.shortName,side:"bottom",sideOffset:2,container:B()},be.createElement(_r,{key:d.name,selected:!!n&&n.name===d.name,onClick:()=>r(d)},be.createElement(Em,{src:d.logo,size:30})))),f?be.createElement(_r,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},be.createElement(Em,{src:a.more[0].logo,size:30})):null,m?be.createElement(_r,{onClick:s,key:"more-blockchains"},be.createElement(Qs,{variant:"body",size:"xsmall",color:"secondary500"},zs._("More +{count}",{count:a.more.length}))):null)))}i(Hs,"BlockchainsSection");import{i18n as ea}from"@lingui/core";import{darkTheme as Dm,Divider as yo,ExternalLinkIcon as qC,Image as zC,ListItemButton as QC,NotFound as HC,PinIcon as GC,Skeleton as Fm,Typography as Fr,VirtualizedList as VC}from"@rango-dev/ui";import z,{useEffect as Om,useState as Um}from"react";import{Divider as _m,ListItem as UC,Skeleton as Yo}from"@rango-dev/ui";import nt from"react";import{css as ho,darkTheme as Am,ImageContainer as OC,styled as ot,Typography as Wm}from"@rango-dev/ui";var Gs=ho({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}),Vs=ho({position:"relative",height:12,width:"30%",maxWidth:"150px"}),js=ho({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"}),Xs=ho({transform:"translateY(12px)",visibility:"hidden","& a":{display:"flex",justifyContent:"center",alignItems:"center",fontSize:"$12",lineHeight:"$16",$$color:"$colors$neutral600",[`.${Am} &`]:{$$color:"$colors$neutral700"},color:"$$color",textDecoration:"none"}}),Ks=ho({}),Ys=ho(),Lm=ot("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),Js=ot("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),$r=ot("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none","&:hover":{[`& .${Vs}`]:{[`& .${Xs}`]:{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},[`& .${Ks}`]:{bottom:"-15px"},[`& .${Gs}`]:{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},[`& .${js}`]:{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),Zs=ot("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),Rs=ot(Wm,{}),Nm=ot("div",{textAlign:"right",width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",[`& .${Ys}`]:{$$color:"$colors$neutral600",[`.${Am} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Dr=ot("div",{display:"flex",alignItems:"end",flexDirection:"column"}),N1=ot("div",{display:"flex",alignItems:"center"}),Mm=ot("div",{position:"relative",[`& ${OC}`]:{borderRadius:"$xm",overflow:"hidden"}}),Bm=ot("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6}),Pm=ot(Wm,{width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"});function $m(t){return nt.createElement($r,null,Array.from(Array(t.size),e=>nt.createElement(UC,{key:e,hasDivider:!0,start:nt.createElement(Yo,{variant:"circular",width:35,height:35}),end:nt.createElement(Dr,null,nt.createElement(Yo,{variant:"text",size:"large",width:70}),nt.createElement(_m,{size:4}),nt.createElement(Yo,{variant:"text",size:"medium",width:50})),title:nt.createElement("div",null,nt.createElement(Yo,{variant:"text",size:"large",width:90}),nt.createElement(_m,{size:4}),nt.createElement(Yo,{variant:"text",size:"medium",width:90}))})))}i($m,"LoadingTokenList");var ta=20,jC=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:s,customCssForTagTitle:a}=t,l=e.length;return z.createElement("div",{className:Vs()},o?z.createElement("div",{className:Gs()},o):z.createElement(Js,{className:js()},z.createElement(Fr,{variant:"title",size:"xmedium"},r.symbol),z.createElement(yo,{direction:"horizontal",size:4}),z.createElement(Zs,{css:s},z.createElement(Rs,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&z.createElement("div",{className:`${Xs()} ${!o&&Ks()}`},z.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," ",z.createElement(yo,{size:4,direction:"horizontal"}),z.createElement(qC,{color:"gray",size:12}))))},"renderDesc");function qm(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=Um(e),l=h().fetchStatus,p=h().blockchains(),[u,c]=Um(!0),{getBalanceFor:f,loading:m}=X(),{isTokenPinned:d}=h(),S=i(()=>{a(e.slice(0,s.length+ta))},"loadNextPage");Om(()=>{c(e.length>s.length)},[s.length]),Om(()=>{a(e.slice(0,ta))},[e]);let C=i(()=>!s.length&&o?z.createElement(z.Fragment,null,z.createElement(yo,{size:32}),z.createElement(HC,{title:ea.t("No results found"),description:ea.t("Try using different keywords")})):z.createElement(VC,{endReached:u?S:void 0,itemContent:g=>{let y=s[g],w=hn(f(y)),T=y.address||"",x=p.find(I=>I.name===y.blockchain),E=jn(x?.color||"",mp(x?.color||"")?5:125),b=jn(x?.color||"",-100),k={$$color:E,[`.${Dm} &`]:{$$color:b},backgroundColor:"$$color"},v={$$color:b,[`.${Dm} &`]:{$$color:E},color:"$$color"};return z.createElement("div",{style:{paddingRight:5}},z.createElement(QC,{style:{width:"100%",overflow:"hidden"},"tab-index":g,key:`${y.symbol}${y.address}`,id:`${y.symbol}${y.address}`,hasDivider:!0,onClick:()=>n(s[g]),start:z.createElement(Mm,null,z.createElement(zC,{src:y.image,size:30}),d(y,t.type)&&z.createElement(Bm,null,z.createElement(GC,{size:12,color:"gray"}))),title:x?.type==="COSMOS"||y.name||!y.name&&!T?z.createElement(Js,null,z.createElement(Fr,{variant:"title",size:"xmedium"},y.symbol),z.createElement(yo,{direction:"horizontal",size:4}),z.createElement(Zs,{css:k},z.createElement(Rs,{variant:"body",size:"xsmall",css:v},y.blockchain))):void 0,description:x?.info&&T&&x.type!=="COSMOS"?jC({address:T,token:s[g],customCssForTag:k,customCssForTagTitle:v,name:y.name,url:x.info.addressUrl.split("{wallet}").join(T)}):y.name||void 0,end:m?z.createElement(Dr,null,z.createElement(Fm,{variant:"text",size:"large",width:70}),z.createElement(yo,{size:4}),z.createElement(Fm,{variant:"text",size:"medium",width:50})):w&&z.createElement(Nm,null,z.createElement(Pm,{variant:"title",size:"small"},w.amount),z.createElement("div",null),w.usdValue&&z.createElement(Fr,{variant:"body",className:Ys(),size:"xsmall"},`$${w.usdValue}`))}))},totalCount:s.length,key:`${r}-${o}`}),"renderList");return z.createElement(Lm,null,z.createElement(Fr,{variant:"label",size:"large"},ea.t("Select Token")),z.createElement(yo,{size:4}),l==="loading"&&z.createElement($m,{size:ta}),l==="success"&&z.createElement($r,{as:"ul"},C()))}i(qm,"TokenList");function oa(t){let{type:e}=t,o=KC(),n=ut(),{fromBlockchain:r,toBlockchain:s,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:u}=H(),c=X.use.getBalanceFor(),[f,m]=XC(""),{isTokenPinned:d}=h(),C=(e==="source"?r:s)?.name??"",g=h().blockchains({type:e}),y=h().tokens({type:e,blockchain:C,searchFor:f}),T=Oa(y,c,i(k=>d(k,e),"checkIsTokenPinned")),x=i(k=>{e==="source"?p(k):u(k)},"updateBlockchain"),E=i(k=>{e==="source"?a({token:k,meta:{blockchains:g,tokens:y}}):l({token:k,meta:{blockchains:g,tokens:y}})},"updateToken"),b={source:Or.t("Source"),destination:Or.t("Destination")};return Jt.createElement(ie,{header:{title:Or.t("Swap {type}",{type:b[e]})}},Jt.createElement(pe,null,Jt.createElement(Hs,{blockchains:g,type:e=="source"?"from":"to",blockchain:e==="source"?r:s,onMoreClick:()=>o(F.blockchains),onChange:k=>{x(k)}}),Jt.createElement(zm,{size:24}),Jt.createElement(wt,{value:f,autoFocus:!0,placeholder:Or.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>m(""),onChange:k=>m(k.target.value)}),Jt.createElement(zm,{size:16}),Jt.createElement(qm,{list:T,selectedBlockchain:C,searchedFor:f,type:e,onChange:k=>{E(k);let v=g.find(I=>k.blockchain===I.name);v&&x(v),n()}})))}i(oa,"SelectSwapItemsPage");import{i18n as aa}from"@lingui/core";import{Alert as TT,Button as kT,styled as wT}from"@rango-dev/ui";import Zt from"react";import{useInRouterContext as xT,useSearchParams as vT}from"react-router-dom";import{i18n as Xm}from"@lingui/core";import{Divider as RC,InfoIcon as eT,TextField as tT,Tooltip as oT,Typography as Km}from"@rango-dev/ui";import rt from"react";import{Chip as YC,styled as Jo,TextField as JC}from"@rango-dev/ui";var Qm=Jo("div",{paddingTop:"$5",padding:"$10 $5"}),Hm=Jo("div",{display:"flex",flexWrap:"wrap",gap:"$10",[`& ${JC}`]:{flex:"1 1 0",maxWidth:"127px",minWidth:"85px"}}),Gm=Jo("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),Ur=Jo("div",{maxWidth:"280px",padding:"$10"}),Vm=Jo(YC,{width:"61px",flexShrink:0});import{i18n as na}from"@lingui/core";import{Typography as ZC}from"@rango-dev/ui";import Zo from"react";function jm(){return Zo.createElement(Ur,null,Zo.createElement(ZC,{variant:"label",size:"medium",color:"neutral700"},na.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),Zo.createElement("br",null),Zo.createElement("br",null),Zo.createElement("b",null,na.t("Warning")),":",na.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(jm,"SlippageTooltipContent");function ra(){let{slippage:t,setSlippage:e,customSlippage:o,setCustomSlippage:n}=h();return rt.createElement(Qm,null,rt.createElement(Gm,null,rt.createElement(Km,{variant:"title",size:"xmedium"},Xm.t("Slippage tolerance per swap")),rt.createElement(RC,{direction:"horizontal",size:4}),rt.createElement(oT,{container:B(),side:"top",sideOffset:4,content:rt.createElement(jm,null)},rt.createElement(eT,{color:"gray"}))),rt.createElement(Hm,null,nl.map((r,s)=>{let a=`slippage-${s}`;return rt.createElement(Vm,{key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`})}),rt.createElement(tT,{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>=al&&a<=sl?n(a):n(null)},suffix:o&&rt.createElement(Km,{variant:"body",size:"small"},"%"),placeholder:Xm.t("Custom")})))}i(ra,"Slippage");import{i18n as gt}from"@lingui/core";import{AutoThemeIcon as Ym,BridgeIcon as nT,ChevronRightIcon as ia,DarkModeIcon as Jm,Divider as sa,DoneIcon as rT,ExchangeIcon as iT,InfoIcon as sT,LanguageIcon as aT,LightModeIcon as Zm,List as lT,ListItem as pT,ListItemButton as uT,Skeleton as cT,styled as mT,Switch as dT,Tabs as fT,Tooltip as gT,Typography as it}from"@rango-dev/ui";import O from"react";import{useNavigate as hT}from"react-router-dom";var yT=mT("div",{width:"202px",height:"$40"}),ST=[{id:"light",icon:O.createElement(Zm,{color:"black",size:16}),tooltip:O.createElement(it,{size:"xsmall",variant:"body"},gt.t("Light"))},{id:"dark",icon:O.createElement(Jm,{color:"black",size:16}),tooltip:O.createElement(it,{size:"xsmall",variant:"body"},gt.t("Dark"))},{id:"auto",icon:O.createElement(Ym,{color:"black",size:16}),tooltip:O.createElement(it,{size:"xsmall",variant:"body"},gt.t("Auto"))}],CT=i(t=>{let e={color:"gray",size:12};switch(t){case"auto":return O.createElement(Ym,{...e});case"dark":return O.createElement(Jm,{...e});default:return O.createElement(Zm,{...e})}},"getThemeIcon");function Rm(){let t=hT(),{theme:e}=h().config,{setTheme:o,theme:n}=h(),r=h().fetchStatus,s=h().swappers(),a=h().getDisabledLiquiditySources(),{config:{features:l}}=h(),p=Ve("theme",l),u=Ve("liquiditySource",l),c=Ve("language",l),f=h().infiniteApprove,m=h().toggleInfiniteApprove,d=xn(s,a),S=d.filter(N=>["BRIDGE","AGGREGATOR","OFF_CHAIN"].includes(N.type)),C=S.length,g=S.filter(N=>N.selected).length,y=d.filter(N=>N.type==="DEX"),w=y.length,T=y.filter(N=>N.selected).length,x=i((N,Q)=>{switch(r){case"loading":return O.createElement(cT,{variant:"text",size:"medium",width:50});case"failed":return O.createElement(it,{variant:"body",size:"medium",color:"$error500"},gt.t("Loading failed"));default:return O.createElement(it,{variant:"body",size:"medium"},`${N} / ${Q}`)}},"handleEndItem"),E={id:"bridge-item",title:O.createElement(it,{variant:"title",size:"xmedium"},gt.t("Enabled bridges")),end:O.createElement(O.Fragment,null,x(g,C),O.createElement(sa,{direction:"horizontal",size:8}),O.createElement(ia,{color:"black"})),onClick:()=>t(F.bridges),start:O.createElement(nT,{color:"gray",size:12})},b={id:"exchange-item",title:O.createElement(it,{variant:"title",size:"xmedium"},gt.t("Enabled exchanges")),end:O.createElement(O.Fragment,null,x(T,w),O.createElement(sa,{direction:"horizontal",size:8}),O.createElement(ia,{color:"gray"})),start:O.createElement(iT,{color:"gray",size:12}),onClick:()=>t(F.exchanges)},k={id:"language-item",title:O.createElement(it,{variant:"title",size:"xmedium"},gt.t("Language")),start:O.createElement(aT,{color:"gray",size:12}),end:O.createElement(ia,{color:"gray"}),onClick:()=>t(F.languages)},v={id:"infinite-approval-item",title:O.createElement(O.Fragment,null,O.createElement(it,{variant:"title",size:"xmedium"},gt.t("Infinite approval")),O.createElement(sa,{direction:"horizontal",size:4}),O.createElement(gT,{side:"top",sideOffset:4,container:B(),content:O.createElement(Ur,null,O.createElement(it,{variant:"label",size:"medium",color:"neutral700"},gt.t("Enabling the 'Infinite approval' mode grants unrestricted access to smart contracts of DEXes/Bridges, allowing them to utilize the approved token amount without limitations.")))},O.createElement(sT,{color:"gray"}))),start:O.createElement(rT,{color:"gray",size:12}),end:O.createElement(dT,{checked:f}),onClick:m},I={id:"theme-item",type:O.createElement(pT,null),title:O.createElement(it,{variant:"title",size:"xmedium"},gt.t("Theme")),end:O.createElement(yT,null,O.createElement(fT,{container:B(),items:ST,value:n,onChange:N=>o(N.id),type:"primary",borderRadius:"small"})),start:CT(n)},W=u?[]:[E,b];return c||W.push(k),W.push(v),!e?.singleTheme&&!p&&W.push(I),O.createElement(lT,{type:O.createElement(uT,{hasDivider:!0,id:"_",onClick:()=>console.log()}),items:W})}i(Rm,"SettingsLists");var bT=wT("div",{paddingLeft:"$8"});function ed(){let{isInCampaignMode:t,updateCampaignMode:e}=h(),o=t(),[,n]=vT(),r=xT(),s=i(()=>{r&&o&&(n(a=>(a.delete("liquiditySources"),a),{replace:!0}),e("liquiditySources",void 0))},"onClick");return Zt.createElement(ie,{header:{title:aa.t("Settings")}},Zt.createElement(pe,null,o&&Zt.createElement(TT,{type:"info",variant:"alarm",title:aa.t("Currently, you're in campaign mode with restrictions on liquidity sources. Would you like to switch out of this mode and make use of all available liquidity sources?"),action:Zt.createElement(bT,null,Zt.createElement(kT,{type:"secondary",size:"small",onClick:s},aa.t("Reset")))}),Zt.createElement(ra,null),Zt.createElement(Rm,null)))}i(ed,"SettingsPage");import{i18n as mk}from"@lingui/core";import{cancelSwap as dk}from"@rango-dev/queue-manager-rango-preset";import{useManager as fk}from"@rango-dev/queue-manager-react";import{Alert as gk}from"@rango-dev/ui";import xa from"react";import{useParams as hk}from"react-router-dom";import{i18n as Et}from"@lingui/core";import{getCurrentBlockchainOfOrNull as XT,getCurrentStep as KT,getRelatedWalletOrNull as YT}from"@rango-dev/queue-manager-rango-preset";import{Button as Id,CopyIcon as JT,Divider as ZT,IconButton as RT,LinkIcon as ek,QuoteCost as tk,StepDetails as ok,Typography as Co,useCopyToClipboard as nk}from"@rango-dev/ui";import{useWallets as rk}from"@rango-dev/wallets-react";import Ed from"bignumber.js";import{PendingSwapNetworkStatus as Kr}from"rango-types";import R,{useEffect as Ad,useRef as ik,useState as Wd}from"react";import{useNavigate as sk}from"react-router-dom";import{i18n as Ft}from"@lingui/core";var IT=[Ft.t("Sunday"),Ft.t("Monday"),Ft.t("Tuesday"),Ft.t("Wednesday"),Ft.t("Thursday"),Ft.t("Friday"),Ft.t("Saturday")];function td(t){let e=new Date(t),o=e.getDate(),n=e.toLocaleString("default",{month:"long"}),r=e.getFullYear();return`${e.getDay()===new Date().getDay()?Ft.t("Today"):`${IT[e.getDay()]} ${o} ${n} ${r}`}, ${new Date(t).toLocaleTimeString()}`}i(td,"timeSince");function od(t){return t.finishTime?td(parseInt(t.finishTime)):td(parseInt(t.creationTime))}i(od,"getSwapDate");import{PendingSwapNetworkStatus as Qr}from"rango-types";import Hr from"react";import{i18n as qr}from"@lingui/core";import{Button as nd,Divider as la,MessageBox as ET}from"@rango-dev/ui";import Ot from"react";var rd=i(({onCancel:t,onClose:e})=>Ot.createElement(Ot.Fragment,null,Ot.createElement(la,{size:20}),Ot.createElement(ET,{type:"error",title:qr.t("Cancel Swap"),description:qr.t("Are you sure you want to cancel this swap?")}),Ot.createElement(la,{size:32}),Ot.createElement(nd,{variant:"contained",type:"primary",size:"large",onClick:t},qr.t("Yes, Cancel it")),Ot.createElement(la,{size:12}),Ot.createElement(nd,{variant:"outlined",type:"primary",size:"large",onClick:e},qr.t("No, Continue"))),"CancelContent");import{i18n as zr}from"@lingui/core";import{Button as id,Divider as pa,MessageBox as AT,Typography as WT}from"@rango-dev/ui";import It from"react";var sd=i(({onDelete:t,onClose:e})=>It.createElement(It.Fragment,null,It.createElement(pa,{size:20}),It.createElement(AT,{type:"error",title:zr.t("Delete Transaction"),description:zr.t("Are you sure you want to delete this swap?")}),It.createElement(pa,{size:32}),It.createElement(id,{variant:"contained",type:"primary",size:"large",onClick:t},zr.t("Yes, Delete it")),It.createElement(pa,{size:12}),It.createElement(id,{variant:"outlined",type:"primary",size:"large",onClick:e},It.createElement(WT,{variant:"title",size:"medium",color:"primary"},zr.t("No, Cancel")))),"DeleteContent");import{i18n as ua}from"@lingui/core";import{PendingSwapNetworkStatus as ca}from"rango-types";var ma={[ca.WaitingForNetworkChange]:{type:"loading",title:ua.t("Change Network")},[ca.WaitingForConnectingWallet]:{type:"warning",title:ua.t("Connect Wallet")},[ca.NetworkChanged]:{type:"success",title:ua.t("Network Changed")}};import{MessageBox as NT,Wallet as MT}from"@rango-dev/ui";import{useWallets as BT}from"@rango-dev/wallets-react";import Ro from"react";import{styled as LT}from"@rango-dev/ui";var ad=LT("div",{display:"flex",justifyContent:"center"});var ld=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:s,walletButtonDisabled:a}=t,{connect:l,getWalletInfo:p,state:u}=BT(),c=n?.walletType,f=c?ni(u(c)):null,m=c?p(c):null;return Ro.createElement(Ro.Fragment,null,Ro.createElement(NT,{type:e,title:o,description:r}),s&&!!c&&!!f&&!!m&&Ro.createElement(ad,null,Ro.createElement(MT,{container:B(),title:m.name,image:m.img,type:c,state:f,link:m.installLink,disabled:a,onClick:async()=>l(c)})))},"WalletStateContent");function da(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:s,message:a,walletButtonDisabled:l}=t,p=e===Qr.WaitingForNetworkChange||e===Qr.WaitingForConnectingWallet||e===Qr.NetworkChanged;return Hr.createElement(le,{open:!!e,onClose:o,container:document.getElementById(ke.SWAP_BOX_ID)||document.body},p&&Hr.createElement(ld,{type:ma[e].type,title:ma[e].title,currentStepWallet:s,message:a,walletButtonDisabled:l,showWalletButton:e!==Qr.WaitingForNetworkChange}),e==="delete"&&Hr.createElement(sd,{onClose:o,onDelete:n}),e==="cancel"&&Hr.createElement(rd,{onClose:o,onCancel:r}))}i(da,"SwapDetailsModal");import{i18n as en}from"@lingui/core";import{Button as fa,Divider as Gr,MessageBox as pd,TokenAmount as PT,Typography as ga}from"@rango-dev/ui";import We from"react";import{useNavigate as _T}from"react-router-dom";function ha(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:s,realUsdValue:a,realValue:l,token:p,chain:u,percentageChange:c,description:f,diagnosisUrl:m}=t,d=_T();return We.createElement(le,{open:e,onClose:o,container:document.getElementById(ke.SWAP_BOX_ID)||document.body},n==="success"?We.createElement(pd,{type:"success",title:en.t("Swap Successful")},We.createElement(PT,{direction:"vertical",tooltipContainer:B(),type:"output",centerAlign:!0,price:{value:r,usdValue:s,realUsdValue:a,realValue:l},token:p,chain:u,percentageChange:c}),We.createElement(Gr,{size:12}),We.createElement(ga,{variant:"body",size:"medium",color:"neutral700",align:"center"},f)):We.createElement(pd,{type:"error",title:en.t("Transaction Failed"),description:f}),We.createElement(Gr,{size:32}),n==="success"&&We.createElement(fa,{variant:"contained",type:"primary",size:"large",onClick:()=>{d("../../")}},We.createElement(ga,{variant:"title",size:"medium",color:"neutral100"},en.t("Done"))),We.createElement(Gr,{size:12}),m&&We.createElement(We.Fragment,null,We.createElement(fa,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(m,"_blank")},en.t("Diagnosis")),We.createElement(Gr,{size:12})),We.createElement(fa,{variant:"outlined",type:"primary",size:"large",onClick:o},We.createElement(ga,{variant:"title",size:"medium",color:"primary"},en.t("See Details"))))}i(ha,"SwapDetailsCompleteModal");import VT from"react";import{i18n as zT}from"@lingui/core";import{Alert as gd,IconButton as QT,LinkIcon as HT}from"@rango-dev/ui";import Ut,{Fragment as GT}from"react";import{Alert as $T,ChevronDownIcon as DT,ChevronUpIcon as FT,IconButton as OT}from"@rango-dev/ui";import Vr,{useState as UT}from"react";function ud(t){let{message:e}=t,[o,n]=UT(!1);return Vr.createElement($T,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Vr.createElement(OT,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Vr.createElement(FT,{size:12,color:"gray"}):Vr.createElement(DT,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(ud,"FailedAlert");import{styled as qT}from"@rango-dev/ui";var cd=qT("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as md}from"@lingui/core";import{Alert as ya,Button as dd}from"@rango-dev/ui";import{PendingSwapNetworkStatus as Sa}from"rango-types";import tn from"react";function fd(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?tn.createElement(ya,{type:"warning",title:n.shortMessage,action:tn.createElement(dd,{size:"xxsmall",type:"warning",onClick:()=>{o(Sa.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},md.t("Change"))}):r===Sa.WaitingForConnectingWallet?tn.createElement(ya,{type:"warning",title:n.shortMessage,action:tn.createElement(dd,{size:"xxsmall",type:"warning",onClick:()=>{o(Sa.WaitingForConnectingWallet)}},md.t("Connect"))}):tn.createElement(ya,{type:"warning",title:n.shortMessage})}i(fd,"WarningAlert");function Ca(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:s,hasAlreadyProceededToSign:a}=t,l=Io(s),p=s.status==="waitingForApproval"&&!l,u=s.status==="running"&&!l,c=u&&!a||p&&!s.explorerUrl?.length;return Ut.createElement(cd,null,s.explorerUrl?.map((f,m,d)=>{let S=m+f.url,C=m===d.length-1,g=(C&&u||p)&&!c,y=C&&s.status==="failed";return Ut.createElement(GT,{key:S},Ut.createElement(gd,{type:C&&(g&&"loading"||y&&"error")||"success",title:f.description?`${f.description} Tx`:zT.t("View transaction"),action:f.url&&Ut.createElement(QT,{variant:"ghost",size:"xsmall",onClick:()=>window.open(f.url,"_blank")},Ut.createElement(HT,{size:12}))}))}),c&&Ut.createElement(gd,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&l&&Ut.createElement(fd,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&Ut.createElement(ud,{message:r}))}i(Ca,"SwapDetailsAlerts");var hd=2e3;var yd=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:je(s.fromBlockchain,e)??"",image:s.fromBlockchainLogo??""},price:{value:A(l,6,6),realValue:l}},to:{token:{displayName:s.toSymbol,image:s.toLogo},chain:{displayName:je(s.toBlockchain,e)??"",image:s.toBlockchainLogo??""},price:{value:A(s.outputAmount||s.expectedOutputAmountHumanReadable,6,6),realValue:s.outputAmount||s.expectedOutputAmountHumanReadable}},swapper:{displayName:bo(s.swapperId,o),image:s.swapperLogo??"",type:s.swapperType},internalSwaps:s.internalSwaps?s.internalSwaps.map(p=>({from:{blockchain:je(p.fromBlockchain,e)??""},to:{blockchain:je(p.toBlockchain,e)??""},swapper:{displayName:bo(p.swapperId,o),image:p.swapperLogo??"",type:p.swapperType}})):[],alerts:VT.createElement(Ca,{step:s,hasAlreadyProceededToSign:r,...n})}})},"getSteps");function Sd(t){if(Io(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(Sd,"getStepState");import{css as on,darkTheme as jT,styled as Rt}from"@rango-dev/ui";var Cd=Rt("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),jr=Rt("div",{width:"100%"}),Td=Rt(Ao,{padding:"$0 $20 $20 $20"}),WU=Rt("div",{display:"flex",flexDirection:"column",gap:"$10"}),kd=Rt("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),LU=Rt("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1}),So=on({display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${jT} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"}),wd=on({padding:"$5 0"}),Xr=on({display:"flex",justifyContent:"center",alignItems:"center",height:"$24"}),xd=on({display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"}),vd=on({width:"100%",padding:"0 $20 $10"}),bd=Rt("a",{fontSize:"$16",fontWeight:"$400",color:"$neutral700",display:"flex",alignItems:"center",justifyContent:"center"});function Ta(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:s,connect:a,getWalletInfo:l}=rk(),p=h().blockchains(),u=h().swappers(),c=h().tokens(),f=H.use.retry(),m=oe.use.isActiveTab(),d=sk(),[S,C]=nk(hd),g=ik(null),[y,w]=Wd(null),[T,x]=Wd(null),E=i(()=>{r(),w(null)},"onCancel"),b=ze.use.getUnreadNotifications(),k=ze.use.setAsRead(),v=b(),I=KT(e),W=I?.networkStatus;Ad(()=>{v.find(Fe=>Fe.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(x(e.status),k(e.requestId))},[e.status,e.requestId]),Ad(()=>{Z?w(Kr.WaitingForNetworkChange):W===Kr.WaitingForConnectingWallet||W===Kr.NetworkChanged?w(W):w(null)},[W]);let N=Dl(e),Q=I?XT(e,I):null,ee=I?YT(e,I):null,ae=od(e),q=Fl(e),J=i(ye=>!!l(ye)?.mobileWallet,"isMobileWallet"),Z=W===Kr.WaitingForNetworkChange&&!!Q&&!!ee?.walletType&&(J(ee.walletType)||s(ee.walletType,Q)),L=Z?a.bind(null,ee.walletType,Q):void 0,P=$l(e,I),M=yd({swap:e,switchNetwork:L,showNetworkModal:W,setNetworkModal:w,message:P,blockchains:p,swappers:u}),V=M.length,[ce,de]=[e.steps[0],e.steps[V-1]],he=de.outputAmount||de.expectedOutputAmountHumanReadable,ht=e.steps.reduce((ye,Fe)=>ye+parseFloat(Fe.feeInUsd||""),0),G=e.steps.find(ye=>ye.diagnosisUrl)?.diagnosisUrl,Y=A(parseFloat(A(he,6,6))*(de.toUsdPrice||0),4,4),te=A(parseFloat(e.inputAmount)*(ce.fromUsdPrice||0),4,4),Ie=he?se(new Ed(he).multipliedBy(de.toUsdPrice||0)):"",Ze=se(new Ed(e.inputAmount).multipliedBy(ce.fromUsdPrice||0)),$e=Xe(te,Y),De=e.status==="success"?Et.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:A(he,6,6),token:M[V-1].to.token.displayName,conciseAddress:yn(e.wallets[M[V-1].to.chain.displayName]?.address||""),chain:M[V-1].to.chain.displayName}}):`${Et.t("Transaction was not sent.")} ${N?Et.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:N.outputAmount,symbol:N.symbol,blockchain:N.blockchain}}):""}`;return R.createElement(ie,{header:{title:Et.t("Swap and Bridge"),onCancel:e.status==="running"?()=>w("cancel"):void 0,suffix:e.status!=="running"&&R.createElement(so,null,R.createElement(Id,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>w("delete")},R.createElement(Co,{size:"medium",variant:"label",color:"error"},Et.t("Delete"))))},footer:q&&!T&&R.createElement(Id,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{f(e,{blockchains:p,tokens:c}),setTimeout(()=>{d("../../")},0)}},Et.t("Try again"))},R.createElement(pe,{compact:!0,view:!0},R.createElement(jr,null,R.createElement("div",{className:So()},R.createElement(Co,{variant:"label",size:"large",color:"neutral700"},`${Et.t("Request ID")}:`),R.createElement("div",{className:Xr()},R.createElement(Co,{variant:"label",size:"small",color:"neutral700"},o),R.createElement(RT,{variant:"ghost",onClick:C.bind(null,o||"")},R.createElement(JT,{size:16,color:"gray"})),R.createElement(bd,{target:"_blank",href:`${Aa}/swap/${o}`},R.createElement(ek,{size:16})))),R.createElement("div",{className:So()},R.createElement(Co,{variant:"label",size:"large",color:"neutral700"},`${Et.t(e.finishTime?"Finished at":"Created at")}:`),R.createElement(Co,{variant:"label",size:"small",color:"neutral700"},ae))),R.createElement("div",{className:xd()},R.createElement(tk,{fee:A(String(ht),2,2),time:pn(un(e.steps)),steps:V}),R.createElement(_o,{from:{price:{value:A(e.inputAmount,6,6),usdValue:te,realUsdValue:Ze,realValue:e.inputAmount},token:{displayName:M[0].from.token.displayName,image:M[0].from.token.image},chain:{image:M[0].from.chain.image,displayName:M[0].from.chain.displayName}},to:{price:{value:A(he,6,6),usdValue:Y,realUsdValue:Ie,realValue:he},token:{displayName:M[V-1].to.token.displayName,image:M[V-1].to.token.image},chain:{image:M[V-1].to.chain.image,displayName:M[V-1].to.chain.displayName}},percentageChange:A($e,2,2),warningLevel:St($e??0)})),R.createElement("div",{className:vd()},R.createElement(Co,{variant:"title",size:"small"},Et.t("Swaps steps"))),R.createElement(ZT,{size:8}),R.createElement(Td,{ref:g},M.map((ye,Fe)=>{let an=Fe,To=Sd(e.steps[Fe]),Kd=To==="error"||To==="in-progress"||To==="warning"||To==="completed"&&Fe===M.length-1;return R.createElement(ok,{key:an,step:ye,type:"swap-progress",ref:g,state:To,hasSeparator:Fe!==0,tabIndex:an,isFocused:Kd,tooltipContainer:B()})}))),R.createElement(da,{state:y,onClose:()=>w(null),onCancel:E,onDelete:n,message:P.detailedMessage.content,currentStepWallet:ee,walletButtonDisabled:!m}),R.createElement(ha,{open:!!T,diagnosisUrl:G,onClose:()=>x(null),status:e.status==="success"?"success":"failed",priceValue:A(he,6,6),usdValue:Y,realUsdValue:Ie,realValue:se(he),percentageChange:A($e,2,2),token:{displayName:M[V-1].to.token.displayName,image:M[V-1].to.token.image},chain:{image:M[V-1].to.chain.image},description:De}))}i(Ta,"SwapDetails");import{i18n as Jr}from"@lingui/core";import{Divider as Md,NotFound as ck,Skeleton as rn,Typography as Zr}from"@rango-dev/ui";import ge from"react";import{i18n as ak}from"@lingui/core";import{Divider as lk,Skeleton as pk,Typography as uk}from"@rango-dev/ui";import Se from"react";import{css as st,styled as ka}from"@rango-dev/ui";var Ld=ka("div",{width:"100%",height:"100%",padding:"$10 $20"}),nn=ka("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15"}),Yr=ka("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"}),pq=st({display:"flex",justifyContent:"space-between",alignItems:"center"}),uq=st({display:"flex",justifyContent:"space-between",alignItems:"center"}),cq=st({paddingTop:"$15",display:"flex"}),mq=st({padding:"$15 $0"}),dq=st({width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"}),fq=st({paddingBottom:"$10"}),gq=st({display:"flex",justifyContent:"start",alignItems:"center"}),hq=st({paddingTop:"$5",display:"flex",alignItems:"center"}),yq=st({display:"flex",alignItems:"center"}),Sq=st({padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"}),Nd=st({display:"flex",paddingTop:"$10",paddingBottom:"$5"});function wa(){return Se.createElement(Ld,null,Se.createElement(Uo,{type:"swap-preview"}),Se.createElement("div",{className:"swaps-steps"},Se.createElement(uk,{variant:"title",size:"small"},ak.t("Swaps steps"))),Se.createElement(Se.Fragment,null,Se.createElement(nn,null,Se.createElement(ft,{separator:!1}),Se.createElement("div",{className:Nd()},Se.createElement(lk,{direction:"horizontal",size:20}),Se.createElement(pk,{height:22,variant:"rectangular"}))),Se.createElement(Yr,null),Se.createElement(nn,null,Se.createElement(ft,{separator:!1})),Se.createElement(Yr,null),Se.createElement(nn,null,Se.createElement(ft,{separator:!1})),Se.createElement(Yr,null),Se.createElement(nn,null,Se.createElement(ft,{separator:!1}))))}i(wa,"LoadingSwapDetails");function Bd(t){let{requestId:e,showSkeleton:o}=t;return ge.createElement(ie,{header:{title:Jr.t("Swap and Bridge"),suffix:ge.createElement(so,null)}},o&&ge.createElement(Cd,null,ge.createElement(jr,null,ge.createElement("div",{className:So()},ge.createElement(Zr,{variant:"label",size:"large",color:"neutral700"},`${Jr.t("Request ID")}:`),ge.createElement("div",{className:Xr()},ge.createElement(Zr,{variant:"label",size:"small",color:"neutral700"},ge.createElement(rn,{width:60,height:10,variant:"rounded"})),ge.createElement(Md,{direction:"horizontal",size:4}),ge.createElement(rn,{width:16,height:16,variant:"rectangular"}),ge.createElement(Md,{direction:"horizontal",size:4}),ge.createElement(rn,{width:16,height:16,variant:"rectangular"}))),ge.createElement("div",{className:So()},ge.createElement(Zr,{className:wd(),variant:"label",size:"large",color:"neutral700"},ge.createElement(rn,{width:60,height:10,variant:"rounded"})),ge.createElement(Zr,{variant:"label",size:"small",color:"neutral700"},ge.createElement(rn,{width:60,height:10,variant:"rounded"})))),ge.createElement(wa,null)),!o&&ge.createElement(kd,null,ge.createElement(ck,{title:Jr.t("Not found"),description:Jr.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}i(Bd,"SwapDetailsPlaceholder");function Pd(){let{manager:t,state:e}=fk(),o=!e.loadedFromPersistor,n=ct(t),{requestId:r}=hk(),s=ut(),{fetchStatus:a}=h();if(!r)return xa.createElement(gk,{containerStyles:{margin:"20px"},type:"error",title:mk.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,u=i(()=>{if(p?.id){let m=t?.get(p.id);m&&dk(m)}},"onCancel"),c=i(async()=>{if(p?.id)try{t?.deleteQueue(p.id),s()}catch(m){console.log(m)}},"onDelete"),f=p?.swap;return!f||l?xa.createElement(Bd,{requestId:r,showSkeleton:l}):xa.createElement(Ta,{swap:f,requestId:r,onCancel:u,onDelete:c})}i(Pd,"SwapDetailsPage");function _d(){return Xl(),vi(),yk([{path:F.home,element:qe.createElement(am,null)},{path:F.routes,element:qe.createElement(mm,null)},{path:F.fromSwap,children:[{index:!0,element:qe.createElement(oa,{type:"source"})},{path:F.blockchains,element:qe.createElement(Os,{type:"source"})}]},{path:F.toSwap,children:[{index:!0,element:qe.createElement(oa,{type:"destination"})},{path:F.blockchains,element:qe.createElement(Os,{type:"destination"})}]},{path:F.settings,children:[{index:!0,element:qe.createElement(ed,null)},{path:F.languages,element:qe.createElement(pm,null)},{path:F.exchanges,element:qe.createElement(_s,{sourceType:"Exchanges"})},{path:F.bridges,element:qe.createElement(_s,{sourceType:"Bridges"})}]},{path:F.swaps,children:[{index:!0,element:qe.createElement(qc,null)},{path:F.swapDetails,element:qe.createElement(Pd,null)}]},{path:F.wallets,element:qe.createElement(Rp,null)},{path:F.confirmSwap,element:qe.createElement(Wc,null)}])}i(_d,"AppRoutes");import{isApprovalTX as Sk,MainEvents as $d,RouteEventType as Dd,StepEventType as Fd,StepExecutionEventStatus as Ck,useEvents as Tk}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Od}from"react";function Ud(){let t=h().tokens(),e=X.use.connectedWallets(),o=X.use.getWalletsDetails(),n=ze.use.setNotification(),r=Tk();return Od(()=>(r.on($d.StepEvent,s=>{let{event:a,step:l,route:p}=s;if(a.type===Fd.TX_EXECUTION&&a.status===Ck.TX_SENT&&!Sk(l)||a.type===Fd.SUCCEEDED){let c=e.find(m=>m.chain===l?.fromBlockchain),f=l?.fromBlockchain!==l?.toBlockchain&&e.find(m=>m.chain===l?.toBlockchain);c&&o([c],t),f&&o([f],t)}n(a,p)}),()=>r.all.clear()),[r,e.length]),Od(()=>(r.on($d.RouteEvent,s=>{let{event:a,route:l}=s;(a.type===Dd.FAILED||a.type===Dd.SUCCEEDED)&&n(a,l)}),()=>r.all.clear()),[r,e.length]),null}i(Ud,"WidgetEvents");import{globalCss as kk}from"@rango-dev/ui";var qd=i(()=>kk({"@import":["url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap')","url('https://fonts.cdnfonts.com/css/times-new-roman')"]})(),"globalFont");function zd(){let{setWatermark:t}=oe();return{fetchApiConfig:i(async()=>{let o=await fetch(`${yt("BASE_URL")}/meta/dapp/config?apiKey=${yt("API_KEY")}`);if(!o.ok)throw new Error(`Request failed with status: ${o.status} `);let n=await o.json();t(n.config.watermark)},"fetchApiConfig")}}i(zd,"useFetchApiConfig");import{styled as wk}from"@rango-dev/ui";var Qd=wk("div",{fontFamily:"$widget",boxSizing:"border-box",textAlign:"left","& *, *::before, *::after":{boxSizing:"inherit"},"& *:focus-visible":{outlineColor:"$info500",transition:"none"},"& ul, ol, li":{listStyleType:"none"}});function Rr(){qd();let{config:t}=h(),{activeTheme:e}=Xn(t?.theme||{}),{activeLanguage:o}=go(),[n,r]=Hd(""),[s,a]=Hd(),l=vk(bn),{fetchApiConfig:p}=zd();return bk(()=>{ze.persist.rehydrate(),l.onConnectWallet(r),p().catch(console.log)},[]),sn.createElement(xk,{language:o},sn.createElement(Qd,{id:"swap-container",className:e()},sn.createElement(Ud,null),sn.createElement(yl,{lastConnectedWallet:n,disconnectedWallet:s,clearDisconnectedWallet:()=>{a(void 0)}},sn.createElement(_d,null))))}i(Rr,"Main");import ba,{useMemo as Qk}from"react";import{checkWaitingForNetworkChange as Ik,makeQueueDefinition as Ek}from"@rango-dev/queue-manager-rango-preset";import{Provider as Ak}from"@rango-dev/queue-manager-react";import{useWallets as Wk}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as Lk}from"@rango-dev/wallets-shared";import{isEvmBlockchain as Nk}from"rango-types";import Mk,{useMemo as Bk}from"react";function Pk(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=Wk(),l=Bk(()=>Ek({API_KEY:t.apiKey||yt("API_KEY"),BASE_URL:yt("BASE_URL")}),[t.apiKey]),p=h().blockchains(),c={blockchains:X.use.connectedWallets().map(T=>({accounts:[T],name:T.chain}))},f=i(async(T,x)=>{if(s(T,x))return r(T,x)},"switchNetwork"),m=i(T=>!!a(T).mobileWallet,"isMobileWallet"),d=p.filter(T=>T.enabled).reduce((T,x)=>(T[x.name]=x,T),{}),S=p.filter(Nk),C=i(T=>{let{supportedChains:x}=a(T);return dn(x)},"getSupportedChainNames"),g=e(),y={meta:{blockchains:d,evmBasedChains:S,evmNetworkChainInfo:Lk(S),getSupportedChainNames:C},getSigners:o,wallets:c,providers:g,switchNetwork:f,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:m},w=oe.use.isActiveTab();return Mk.createElement(Ak,{queuesDefs:[l],context:y,onPersistedDataLoaded:T=>{Ik(T)},isPaused:!w},t.children)}i(Pk,"QueueManager");var Gd=Pk;import{useManager as Ok}from"@rango-dev/queue-manager-react";import Uk,{createContext as qk,useContext as zk}from"react";import{cancelSwap as _k,getCurrentBlockchainOfOrNull as $k,getCurrentStep as Dk,getRelatedWalletOrNull as Fk}from"@rango-dev/queue-manager-rango-preset";var ei=class{static{i(this,"WidgetHistory")}manager;actions;constructor(e,o){this.manager=e,this.actions=o}getAllSwaps(){return ct(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&&_k(o)}getCurrentStepInfo(e){let o=Dk(e);return{step:o,wallet:o?Fk(e,o):null,network:o?$k(e,o):null}}};var Vd=qk(void 0);function va(t){let{manager:e}=Ok(),o=oe.use.isActiveTab(),n=H.use.retry(),r=new ei(e,{retrySwap:n}),s=X.use.connectedWallets(),a=X.use.loading(),l=Fa(s),p=X.use.getWalletsDetails(),u=h().blockchains(),c=h().tokens(),f=h().swappers(),m=h().fetchStatus,d=go().resetLanguage,S=ze().getUnreadNotifications(),C={isActiveTab:o,setCurrentTabAsActive:zt.forceClaim,history:r,wallets:{isLoading:a,details:s,totalBalance:l,refetch:p},meta:{blockchains:u,tokens:c,swappers:f,loadingStatus:m},resetLanguage:d,notifications:{list:S}};return Uk.createElement(Vd.Provider,{value:C},t.children)}i(va,"WidgetInfo");function jd(){let t=zk(Vd);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}i(jd,"useWidget");function ti(t){let{onUpdateState:e,config:o}=t;return Qk(()=>{Ha({API_KEY:o?.apiKey||ln,BASE_URL:o?.apiUrl||Ea})},[o.apiKey,o.apiUrl]),ba.createElement(In,{config:o,onUpdateState:e},ba.createElement(Gd,{apiKey:o.apiKey},ba.createElement(va,null,t.children)))}i(ti,"WidgetProvider");function Xd(t){return Hk(()=>(zt.init(),zt.destroy),[]),t.config?.externalWallets?Ia.createElement(Rr,null):Ia.createElement(ti,{config:t.config??li},Ia.createElement(Rr,null))}i(Xd,"Widget");export{GQ as EventSeverity,VQ as MainEvents,oH as Networks,iH as PendingSwapNetworkStatus,jQ as RouteEventType,XQ as StepEventType,KQ as StepExecutionBlockedEventStatus,YQ as StepExecutionEventStatus,ke as UI_ID,eH as WalletEvents,nH as WalletTypes,Xd as Widget,ti as WidgetProvider,In as WidgetWallets,Bi as customizedThemeTokens,RQ as readAccountAddress,su as useWallets,jd as useWidget,JQ as useWidgetEvents};
 //# sourceMappingURL=index.js.map