npm - @rango-dev/widget-embedded - Versions diffs - 0.23.1-next.17 → 0.23.1-next.19 - Mend

@rango-dev/widget-embedded 0.23.1-next.17 → 0.23.1-next.19

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

Files changed (35) hide show

package/dist/index.js CHANGED Viewed

@@ -1,3 +1,3 @@
-var Xd=Object.defineProperty;var i=(t,e)=>Xd(t,"name",{value:e,configurable:!0});import{EventSeverity as HQ,MainEvents as GQ,RouteEventType as VQ,StepEventType as jQ,StepExecutionBlockedEventStatus as XQ,StepExecutionEventStatus as KQ,useEvents as YQ}from"@rango-dev/queue-manager-rango-preset";import{readAccountAddress as ZQ,useWallets as iu,Events as RQ}from"@rango-dev/wallets-react";import{Networks as tH,WalletTypes as oH}from"@rango-dev/wallets-shared";import{PendingSwapNetworkStatus as rH}from"rango-types";import{UI_ID as Kd}from"@rango-dev/ui";var an="c6381a79-2817-4602-83bf-6a641a409e32",Ia="https://api.rango.exchange",Ea="https://scan.rango.exchange",ke={SWAP_BOX_ID:"rango-swap-box",EXPANDED_BOX_ID:"rango-expanded-box",...Kd};import{Events as ui,Provider as Lf}from"@rango-dev/wallets-react";import{isEvmBlockchain as Nf}from"rango-sdk";import xn,{createContext as Mf,useEffect as dl,useRef as Bf}from"react";import{useEffect as df}from"react";import{create as uf}from"zustand";import{subscribeWithSelector as cf}from"zustand/middleware";import{RangoClient as lf}from"rango-sdk";import{WalletState as lt}from"@rango-dev/ui";import{readAccountAddress as Zd}from"@rango-dev/wallets-react";import{detectInstallLink as Rd,getCosmosExperimentalChainInfo as ef,isEvmAddress as tf,KEPLR_COMPATIBLE_WALLETS as sw,Networks as Na}from"@rango-dev/wallets-shared";import ti from"bignumber.js";import{isCosmosBlockchain as of}from"rango-types";import Yd from"bignumber.js";var Ne=new Yd(0);import{WalletTypes as Jd}from"@rango-dev/wallets-shared";var Aa=[Jd.LEAP];import{BigNumber as La}from"bignumber.js";var ln=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 La(t),r=1,s=1e3;for(let a=0;a<60;a++)if(new La(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 pn=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 oi(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(oi,"mapStatusToWalletState");function Ma(t,e,o,n){return o.filter(r=>!Aa.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=oi(t(r));return{title:s,image:a,link:Rd(l),state:p,type:r}})}i(Ma,"mapWalletTypesToWalletInfo");function mn(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(mn,"walletAndSupportedChainsNames");function Ba(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}=Zd(p),f=l.length>0,m=l.includes(c),d=c===Na.Unknown;if(f&&!m&&!d)return;let S=c===Na.Unknown&&tf(u);if(d&&!S)return;o.includes(c)||S?r?a(c,u.toLowerCase()):l.filter(b=>o.includes(b)).forEach(b=>{a(b,u.toLowerCase())}):a(c,u)}),s}i(Ba,"prepareAccountsForWalletStore");function Pa(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(Pa,"getRequiredChains");function dn(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(dn,"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 ti(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:rf(o,r.asset.symbol,r.asset.address,e)||null}))||[]}i(_a,"makeBalanceFor");function $a(t){return{...t,loading:!1,error:!0}}i($a,"resetConnectedWalletState");var Da=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 ti(s?.amount||Ne).multipliedBy(s?.usdPrice||0))?.reduce((s,a)=>s.plus(a),Ne)||Ne).toString();return nf(r)},"calculateWalletUsdValue");function nf(t){let e=t.toString().split(".");return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),e.join(".")}i(nf,"numberWithThousandSeparator");var rf=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice"),fn=i((t,e)=>{let o=ef(Object.entries(t).map(([,n])=>n).filter(of));return o&&o[e]?.experimental},"isExperimentalChain");function gn(t){return t?{...t,amount:A(t.amount,8,8),usdValue:A(t.usdValue,4,4)}:null}i(gn,"formatBalance");function sf(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(sf,"sortTokensByBalance");function af(t,e,o){let n=o(t),r=o(e);return n===r?0:n?-1:1}i(af,"sortTokensByPinnedToken");function Fa(t,e,o){return t.sort((n,r)=>{let s=e(n),a=e(r),l=af(n,r,o);return l!==0?l:sf(s,a)}),t}i(Fa,"sortTokens");function Me(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(Me,"areTokensEqual");function Oa(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(Oa,"sortWalletsBasedOnConnectionState");function hn(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(hn,"getConciseAddress");function Ua({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(Ua,"getAddress");function ni(t){return`${t.blockchain}-${t.symbol}-${t.address??""}`}i(ni,"createTokenHash");function yn(t){return t.flatMap(e=>e.balances).reduce((e,o)=>{let n={amount:o?.amount??"",decimals:o?.decimal??0,usdValue:o?.usdPrice?new ti(o?.usdPrice??Ne).multipliedBy(o?.amount).toString():""},r=o?ni({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(yn,"makeTokensBalance");var qa=i((t,e)=>!!t.find(o=>o.chain===e&&o.loading),"isFetchingBalance");function za(t){return t.map(e=>e.state).join("-")}i(za,"hashWalletsState");var ri={API_KEY:an};function yt(t){return ri[t]||""}i(yt,"getConfig");function Qa(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),ri=e,ri}i(Qa,"initConfig");var Ha=20,Ga=25,Va="Roboto",ii="theme-widget",wo=i((t,e)=>{let o=!1;if(e&&t){if(Array.isArray(e))o=!e.some(n=>Me(n,t));else if(!Array.isArray(e)&&e[t.blockchain]){o=e[t.blockchain].tokens.some(r=>Me(r,t));let n=e[t.blockchain].isExcluded;return!n&&!o||n&&o}}return o},"isTokenExcludedInConfig"),si=i((t,e)=>t&&e&&!e.includes(t.name),"isBlockchainExcludedInConfig"),ja=i((t,e,o)=>o==="expanded"&&(t||e)||o==="full-expanded"&&e,"isVariantExpandable");var Sn,At=i(()=>Sn||(Sn=new lf(yt("API_KEY"),yt("BASE_URL")),Sn),"httpService");var pf=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=pf;var X=Wt(uf()(cf((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:yn(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=>dn(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(S=>dn(S,m)),C=p.find(S=>S.address===m.address&&S.blockChain===m.chain);return C?.failed&&d&&r&&s([d],n,!1),d&&C?{...m,explorerUrl:C.explorerUrl,balances:_a(C,n),loading:!1}:m});return{loading:!1,balances:yn(c),connectedWallets:c}});else throw new Error("Wallet not found")}catch{t(l=>{let p=l.connectedWallets.map(c=>o.find(f=>dn(f,c))?$a(c):c);return{loading:!1,balances:yn(p),connectedWallets:p}})}},getBalanceFor:o=>{let{balances:n}=e(),r=ni(o);return n[r]??null}}))));import{allProviders as mf}from"@rango-dev/provider-all";function Cn(t,e){let o=mf({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(Cn,"matchAndGenerateProviders");function Xa(t,e){return Cn(t,e).map(r=>r.config.type)}i(Xa,"configWalletsToWalletName");function Ka(t,e){let o=X.use.clearConnectedWallet(),n=Cn(void 0,e);return df(()=>{o(),n=Cn(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}i(Ka,"useWalletProviders");import xf,{createContext as vf,useContext as bf,useEffect as If,useRef as Ef}from"react";import{create as kf}from"zustand";import{persist as wf}from"zustand/middleware";var ai={apiKey:"",title:void 0,multiWallets:!0,excludeLiquiditySources:!0,customDestination:!0},ff={clientUrl:void 0},gf={liquiditySources:void 0},Ya=i((t,e,o)=>({config:{...ai,...t},iframe:ff,campaignMode:gf,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 Tn(t){return Array.from(new Set(t))}i(Tn,"removeDuplicateFrom");function li(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(li,"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 M=i(()=>document.getElementById(ke.SWAP_BOX_ID),"getContainer"),kn=i(()=>document.getElementById(ke.EXPANDED_BOX_ID),"getExpanded");function wn(t,e){let o=t.map(s=>s.swapperGroup),n=[];return Tn(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(wn,"getUniqueSwappersGroups");function Za(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}i(Za,"sortLiquiditySourcesByGroupTitle");function je(t,e){return e?.[t]==="hidden"}i(je,"isFeatureHidden");function Ra(t,e){return e?.[t]==="enabled"}i(Ra,"isFeatureEnabled");var el=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=>Me(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(Za)},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 hf,French as yf,Japanese as Sf,Portuguese as Cf,Spanish as Tf}from"@rango-dev/ui";var tl=[{title:"English",label:"English",local:"en",SVGFlag:hf},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:Tf},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:yf},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:Sf},{title:"Portuguese",label:"Portugu\xEAs",local:"pt",SVGFlag:Cf}],xo="en";var ol=[.5,1,3],nl=1,rl=5,il=100,sl=0;var al=i((t,e)=>({disabledLiquiditySources:[],theme:"auto",language:null,preferredBlockchains:[],slippage:nl,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=Tn(o.map(a=>a.swapperGroup));return s.length===r.disabledLiquiditySources.length?{disabledLiquiditySources:[]}:{disabledLiquiditySources:s}}),toggleInfiniteApprove:()=>t(o=>({infiniteApprove:!o.infiniteApprove})),toggleLiquiditySource:o=>t(n=>n.disabledLiquiditySources.includes(o)?{disabledLiquiditySources:n.disabledLiquiditySources.filter(r=>r!=o)}:{disabledLiquiditySources:n.disabledLiquiditySources.concat(o)}),setTheme:o=>t(()=>({theme:o})),setLanguage:o=>t(()=>({language:o})),updateSettings:o=>{let{features:n}=o,r=je("theme",n),s=je("language",n),a=je("liquiditySource",n);t({...r&&{theme:o.theme?.mode||"auto"},...s&&{language:o.language||xo},...a&&{disabledLiquiditySources:o.liquiditySources||[]}})}}),"createSettingsSlice");function ll(t){return kf()(wf((...e)=>({...el(...e),...al(...e),...Ya(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(ll,"createAppStore");var pl=vf(null);function h(){let t=bf(pl);if(If(()=>{t&&!t.persist.hasHydrated()&&t.persist.rehydrate()},[]),!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}i(h,"useAppStore");function ul(t){let e=Ef();return e.current||(e.current=ll(t.config)),xf.createElement(pl.Provider,{value:e.current},t.children)}i(ul,"AppStoreProvider");import{create as Wf}from"zustand";var cl="rango-widget";var vo=class{static{i(this,"TabManager")}tabId;state="not-initiated";lastTryClaim;events={};channel;constructor(e){this.channel=new BroadcastChannel(cl),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(Wf()((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 vn=Mf({onConnectWallet:()=>{}});function Pf(t){let{updateConfig:e,updateSettings:o,fetch:n}=h(),r=h().blockchains(),s=h().tokens(),a={walletConnectProjectId:t.config?.walletConnectProjectId},{providers:l}=Ka(t.config.wallets,a),{connectWallet:p,disconnectWallet:u}=X(),c=Bf();dl(()=>{n().catch(console.log)},[]),dl(()=>{t.config&&(e(t.config),o(t.config))},[t.config]);let f=r.filter(Nf).map(C=>C.name),m=i((C,S,y,g,b)=>{if(S===ui.ACCOUNTS)if(y){let k=mn(b.supportedBlockchains),w=Ba(C,y,f,k,b.isContractWallet);w.length&&p(w,s)}else u(C);if(S===ui.ACCOUNTS&&g.connected){let k=`${C}-${g.network}-${y}`;g.connected&&(c.current?c.current(k):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(S===ui.NETWORK&&g.network){let k=`${C}-${g.network}`;c.current?c.current(k):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(C,S,y,g,b)},"onUpdateState"),d=oe.use.isActiveTab();return xn.createElement(vn.Provider,{value:{onConnectWallet:C=>{c.current=C}}},xn.createElement(Lf,{allBlockChains:r,providers:l,onUpdateState:m,autoConnect:!!d},t.children))}i(Pf,"Main");function bn(t){let{config:e,...o}=t;return xn.createElement(ul,{config:e},xn.createElement(Pf,{...o,config:e}))}i(bn,"WidgetWallets");import va,{useEffect as Hk}from"react";import{I18nManager as xk}from"@rango-dev/ui";import sn,{useContext as vk,useEffect as bk,useState as zd}from"react";import{useQueueManager as Ff}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Of}from"@rango-dev/wallets-react";import{isEvmBlockchain as Uf}from"rango-types";import qf,{Fragment as zf}from"react";import{MemoryRouter as Qf,useInRouterContext as Hf}from"react-router";import{useWallets as _f}from"@rango-dev/wallets-react";import{useEffect as $f,useRef as Df}from"react";function gl(){let{connect:t,state:e}=_f(),o=Df({}),{fetchStatus:n}=h(),r=new URLSearchParams(location.search).get("autoConnect")||"",s=e(r);$f(()=>{n==="success"&&r&&s.installed&&!s.connecting&&!s.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[s,n])}i(gl,"useForceAutoConnect");function hl({children:t,...e}){let n=Hf()?zf:Qf,r=h().blockchains(),{canSwitchNetworkTo:s}=Of();gl();let a=r.filter(Uf);return Ff({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:s}),qf.createElement(n,null,t)}i(hl,"AppRouter");import Ue 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 Yf}from"zustand";import{subscribeWithSelector as Jf}from"zustand/middleware";import{getLastSuccessfulStep as Kf}from"@rango-dev/queue-manager-rango-preset";import Qv from"bignumber.js";import{i18n as pt}from"@lingui/core";var ci={"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")},yl=[{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"],Sl=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 Cl(t,e){return e.find(o=>o.name===t)?.displayName}i(Cl,"getBlockchainDisplayNameFor");function Xe(t,e){return e.find(o=>o.name===t)?.shortName}i(Xe,"getBlockchainShortNameFor");function bo(t,e){return e.find(o=>o.id===t)?.swapperGroup}i(bo,"getSwapperDisplayName");function di(t,e){return e.find(o=>Me(o,t))??null}i(di,"findToken");function fi(t,e){return e.find(o=>o.name===t)??null}i(fi,"findBlockchain");import{i18n as Re}from"@lingui/core";import Be from"bignumber.js";import{PendingSwapNetworkStatus as Wn}from"rango-types";function In(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(In,"getRequiredWallets");function En(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(En,"isValidAddress");import{i18n as Ae}from"@lingui/core";var K=i(()=>({genericServerError:Ae.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:Ae.t("Please reset your liquidity sources."),description:Ae.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources.")},noResultError:{title:Ae.t("No Routes Found."),description:Ae.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:Ae.t("Bridge Limit Error: Please increase your amount."),decreaseAmount:Ae.t("Bridge Limit Error: Please decrease your amount.")},highValueLossError:{impactTitle:Ae.t("High Price Impact"),title:Ae.t("Price impact is too high!"),description:Ae.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:Ae.t("Confirm high price impact")},quoteUpdatedWithHighValueLoss:{title:Ae.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:Ae.t("USD Price Unknown"),title:Ae.t("USD Price Unknown, Cannot calculate Price Impact."),description:Ae.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:Ae.t("Confirm USD Price Unknown")}}),"errorMessages");function Tl(t){switch(t.type){case 0:return t.diagnosisMessage??K().noResultError.title;case 1:return K().genericServerError;default:return""}}i(Tl,"getQuoteErrorMessage");import{i18n as An}from"@lingui/core";var Qt=i(()=>({connectWallet:An.t("Connect Wallet"),swap:An.t("Swap"),swapAnyway:An.t("Swap anyway"),ethWarning:An.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function kl(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new Be(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new Be(1e3)))??!1}i(kl,"hasHighValueLoss");function wl(t){return(t||[]).filter(e=>{let o=e.fromAmountMinValue?new Be(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Be(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(wl,"hasLimitError");function xl(t){let e=(t||[]).filter(l=>{let p=l.fromAmountMinValue?new Be(l.fromAmountMinValue):null,u=l.fromAmountMaxValue?new Be(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 Be(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Be(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(xl,"getLimitErrorMessage");function vl(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(vl,"getSwapButtonState");function gi(t,e,o){return!((!o||o.lte(Ne))&&t&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t)}i(gi,"canComputePriceImpact");function Gf(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(Gf,"requiredWallets");var Vf=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice");function jf(t,e){let o=Ne;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let s=Vf(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new Be(r.amount).multipliedBy(s||0))}return o}i(jf,"getUsdFeeOfStep");function Ln(t,e){return t.reduce((o,n)=>o.plus(jf(n,e)),Ne)}i(Ln,"getTotalFeeInUsd");function hi(t){let e=Ne;return e=e.plus(new Be(t.amount).multipliedBy(t.price||0)),e}i(hi,"getUsdFee");function bl(t){return t.reduce((e,o)=>e.plus(hi(o)),Ne)}i(bl,"getTotalFeesInUsd");function Il(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(Il,"getFeesGroup");function El(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(El,"checkSlippageErrors");function Al(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(Al,"checkSlippageWarnings");function Nn(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(Nn,"getMinRequiredSlippage");function Wl(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(Wl,"hasProperSlippage");function Ll(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}=t,C=s?.reduce((g,b)=>(g[b.chain]=b.address,g),{}),S=[];return r?.forEach(g=>{S.push({blockchain:g.chain,addresses:[g.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:S,selectedWallets:C??{},slippage:u.toString(),...d&&{destination:d},...p&&{swapperGroups:a.concat(l??[]),swappersGroupsExclude:!0},...!p&&{swapperGroups:l?.filter(g=>!a.includes(g)),swappersGroupsExclude:!1}}}i(Ll,"createQuoteRequestBody");function Nl(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(Nl,"getWalletsForNewSwap");function eo(t){return t?.outputAmount||null}i(eo,"getQuoteOutputAmount");function Ml(t,e){return new Be(e).div(new Be(t)).minus(1).multipliedBy(100).toNumber()}i(Ml,"getPercentageChange");function Bl(t,e){let o=eo(t),n=eo(e);if(!o||!n)return!1;let r=Ke(o,n);return r?r<=-1:!0}i(Bl,"isOutputAmountChangedALot");function Pl(t,e,o){let n=t.validationStatus,r=Pa(t);return e.sort((a,l)=>r.indexOf(a.chain)-r.indexOf(l.chain)).flatMap(a=>Ul(a,n)||[]).filter(a=>!a.ok).map(a=>{let l=a.asset.symbol,p=A(new Be(a.currentAmount.amount).shiftedBy(-a.currentAmount.decimals),8,8),u=A(new Be(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:Xe(a.asset.blockchain,o)}})})}i(Pl,"generateBalanceWarnings");function Mn(t,e){return(t?new Be(t):Ne).multipliedBy(e||0)}i(Mn,"calcOutputUsdValue");function Io(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==Wn.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 Wn.WaitingForConnectingWallet:n=n||Re.t("Waiting for connecting wallet");break;case Wn.WaitingForQueue:n=n||Re.t("Waiting for other running tasks to be finished");break;case Wn.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 $l(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($l,"getLastConvertedTokenInFailedSwap");function Dl(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}i(Dl,"shouldRetrySwap");function Fl(t,e,o,n,r,s){return t||!e&&!Gf(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!En(s,o)}i(Fl,"confirmSwapDisabled");function Ol(t,e){return t.blockchain===e.blockchain&&t.symbol===e.symbol&&t.address===e.address}i(Ol,"isTokensIdentical");function Bn(t){let e=t?.swaps||[];return e[e.length-1].to.usdPrice}i(Bn,"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!li(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!li(o,n)}i(Ci,"isQuoteInternalCoinsUpdated");function zl(t,e){return yi(t,e)||Si(t,e)||Ci(t,e)}i(zl,"isQuoteChanged");function Ul(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(Ul,"getRequiredBalanceOfWallet");function St(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(St,"getPriceImpactLevel");function Ql(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],s=Kf(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),f=s?s.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:u,toBlockchain:p,toToken:c,inputAmount:f}}i(Ql,"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=Ke(a.toString(),l.toString());if(!!c&&kl(a,c)){let m=Ln(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=Nn(t.swaps),u=s>rl;if(Wl(e.userSlippage.toString(),p)){if(u&&parseFloat(p??"0")<s)return{type:3,slippage:s.toString()}}else return{type:2,recommendedSlippages:Al(t,s),minRequiredSlippage:p};return null}i(to,"generateQuoteWarnings");function Ke(t,e){let o=typeof e=="string"?parseFloat(e)<=0:!e?.gt(0),n=!t||!e||o?null:Ml(t.toString(),e.toString());return n&&n<0?n:null}i(Ke,"getPriceImpact");var Hl=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"),Pn=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"),Gl=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"),Vl=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 Ht=i((t,e)=>t?.usdPrice?new Mt(e||Ne).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),Q=Wt(Yf()(Jf(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=Ne;return ko(o.inputAmount)?(e&&(n=e?.outputAmount?new Mt(e?.outputAmount):null,r=Mn(e?.outputAmount,Bn(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}=Ql(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 jl(){let{setInputAmount:t,setToToken:e,setToBlockchain:o,setFromBlockchain:n,setFromToken:r,fromToken:s,toToken:a,fromBlockchain:l,toBlockchain:p}=Q(),u=h().config,c=h().fetchStatus,f=h().blockchains(),m=h().tokens(),{setAffiliateRef:d,setAffiliatePercent:C,setAffiliateWallets:S}=h(),y=u?.from?.tokens,g=u?.from?.blockchains,b=u?.to?.tokens,k=u?.to?.blockchains,w=_n(void 0),W=_n(void 0),I=_n(void 0),T=_n(void 0);oo(()=>{t(u?.amount?.toString()||"")},[u?.amount]),oo(()=>{if(c==="success"){let x=f.find(L=>L.name===u?.from?.blockchain),E=m.find(L=>Me(L,u?.from?.token||null));(x||!x&&I.current)&&n(x??null),E?r({token:E,meta:{blockchains:f,tokens:m}}):!E&&w.current&&r({token:null}),I.current=u?.from?.blockchain,w.current=u?.from?.token}},[u?.from?.token?.symbol,u?.from?.token?.address,u?.from?.token?.blockchain,u?.from?.blockchain,c]),oo(()=>{wo(s,y)&&r({token:null}),si(l,g)&&n(null)},[y,g]),oo(()=>{wo(a,b)&&r({token:null}),si(p,k)&&o(null)},[b,k]),oo(()=>{if(c==="success"){let x=f.find(L=>L.name===u?.to?.blockchain),E=m.find(L=>Me(L,u?.to?.token||null));(x||!x&&T.current)&&o(x??null),E?e({token:E,meta:{blockchains:f,tokens:m}}):!E&&W.current&&e({token:null}),T.current=u?.to?.blockchain,W.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),C(u?.affiliate?.percent??null),S(u?.affiliate?.wallets??null)},[u?.affiliate?.ref,u?.affiliate?.percent,u?.affiliate?.wallets])}i(jl,"useSyncStoresWithConfig");import{useEffect as wi,useRef as Zf}from"react";import{useInRouterContext as Rf,useLocation as eg,useSearchParams as tg}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=eg(),[e,o]=tg(),{fromBlockchain:n,toBlockchain:r,fromToken:s,toToken:a,inputAmount:l,setFromBlockchain:p,setToBlockchain:u,setFromToken:c,setToToken:f,setInputAmount:m}=Q(),d=h().fetchStatus,C=h().blockchains(),S=h().tokens(),y=Rf(),{updateIframe:g,updateCampaignMode:b}=h(),k=h().isInCampaignMode(),w=Zf(),W=i(()=>{let T=e.get("fromAmount"),x=e.get("fromBlockchain"),E=e.get("fromToken"),L=e.get("toBlockchain"),N=e.get("toToken"),q=e.get("autoConnect"),ee=e.get("clientUrl"),ge=e.get("liquiditySources");return{fromAmount:T,fromBlockchain:x,fromToken:E,toBlockchain:L,toToken:N,autoConnect:q,clientUrl:ee,liquiditySources:ge}},"getUrlSearchParams"),I=i(T=>{for(let x in T)T[x]||delete T[x];o(T,{replace:!0})},"updateUrlSearchParams");wi(()=>{let{autoConnect:T,clientUrl:x}=W();y&&d==="success"&&I({fromBlockchain:n?.name,fromToken:ki(s),toBlockchain:r?.name,toToken:ki(a),fromAmount:l,autoConnect:T??void 0,clientUrl:x??void 0,liquiditySources:k?w.current:void 0})},[t.pathname,l,n,s,r,a,k]),wi(()=>{if(!y)return;let T=W();if(!w.current&&T.liquiditySources&&(w.current=T.liquiditySources),T.fromAmount&&m(T.fromAmount),d==="success"){let x=C.find(q=>q.name===T.fromBlockchain),E=Ti(S,T.fromToken,x??null),L=C.find(q=>q.name===T.toBlockchain),N=Ti(S,T.toToken,L??null);x&&(p(x),E&&c({token:E,meta:{blockchains:C,tokens:S}})),L&&(u(L),N&&f({token:N,meta:{blockchains:C,tokens:S}}))}},[d]),wi(()=>{let{clientUrl:T,liquiditySources:x}=W();g("clientUrl",T||void 0),b("liquiditySources",x?.split(",")??void 0)},[])}i(xi,"useSyncUrlAndStore");import{i18n as vr}from"@lingui/core";import{useManager as Xy}from"@rango-dev/queue-manager-react";import{Alert as Ic,Button as Ky,css as Cs,Divider as Ss,IconButton as Ec,SettingsIcon as Yy,styled as Jy,Tooltip as Zy,Typography as Ry,WalletIcon as eS}from"@rango-dev/ui";import ue,{useEffect as Qo,useLayoutEffect as tS,useRef as oS,useState as br}from"react";import{flushSync as nS}from"react-dom";import{useLocation as rS,useNavigate as iS}from"react-router-dom";import{i18n as mt}from"@lingui/core";import{Alert as Yi,BalanceErrors as Dh,Button as su,ChevronDownIcon as Fh,ChevronLeftIcon as Oh,Divider as po,MessageBox as Uh,Typography as rr,WalletIcon as qh}from"@rango-dev/ui";import P,{useEffect as zh,useState as uo}from"react";import{useNavigate as Qh}from"react-router-dom";import{i18n as $n}from"@lingui/core";function Dn(t){switch(t.type){case 0:return $n.t("Route has been updated.");case 3:return $n.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return $n.t("Route swappers has been updated.");case 2:return $n.t("Route internal coins has been updated.");default:return""}}i(Dn,"getQuoteUpdateWarningMessage");import{Modal as ng}from"@rango-dev/ui";import rg from"react";function ae(t){let{watermark:e}=oe();return rg.createElement(ng,{hasWatermark:e==="FULL",...t},t.children)}i(ae,"WatermarkedModal");import qn,{useRef as ag}from"react";import*as no from"@radix-ui/react-collapsible";import{keyframes as Xl,styled as Fn}from"@rango-dev/ui";var vi=300,ig=Xl({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),sg=Xl({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),Kl=Fn(no.Root,{borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),bi=Fn(no.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit",cursor:"pointer"}),On=Fn(no.Content,{overflow:"hidden",variants:{open:{true:{animation:`${ig} ${vi}ms ease-out`},false:{animation:`${sg} ${vi}ms ease-out`}}}}),Un=Fn("div",{transition:`all ${vi}ms ease`,display:"flex",alignItems:"center",variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}});function zn(t){let{open:e,hasSelected:o,onOpenChange:n,children:r,onClickTrigger:s,trigger:a,triggerAnchor:l}=t,p=ag(null);return qn.createElement(Kl,{ref:p,className:"collapsible_root",selected:o&&e,open:e,onOpenChange:n},l==="top"&&qn.createElement(bi,{className:"collapsible_trigger",onClick:s},a),qn.createElement(On,{className:"collapsible_content",open:e},r),l==="bottom"&&qn.createElement(bi,{className:"collapsible_trigger",onClick:s},a))}i(zn,"CustomCollapsible");import{Button as lg,css as Yl,darkTheme as ro,IconButton as pg,styled as Ye,TextField as ug}from"@rango-dev/ui";var Jl=Ye("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),Zl=Ye("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),cg=Ye("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"}}}}),Rl=Ye(cg,{alignSelf:"stretch",minHeight:"93px"}),ep=Ye("div",{padding:"$20 $20 $15 $20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),tp=Ye(pg,{position:"absolute",left:"$20"}),op=Ye("div",{paddingTop:"$20"}),np=Yl({display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),rp=Ye("div",{padding:"$10 $0","& .button__content":{display:"flex",alignItems:"center"},"& .alarms":{paddingTop:"$5"},"& .collapsible_content":{backgroundColor:"$neutral100"},"& .collapsible_root":{backgroundColor:"$neutral200"}}),ip=Yl({paddingTop:"$5"}),sp=Ye("div",{display:"flex"}),ap=Ye(ug,{backgroundColor:"$neutral100",padding:"$0 $15 $15 $15"}),lp=Ye("div",{overflow:"visible",width:"100%"}),pp=Ye(lg,{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 Bh,Divider as Xi,Image as Ph,MessageBox as nr,SelectableWallet as _h,Typography as ou,WalletState as nu}from"@rango-dev/ui";import pe,{useEffect as ru,useState as Lo}from"react";import{WalletState as Ii}from"@rango-dev/ui";import{useWallets as mg}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as dg,WalletTypes as Qn}from"@rango-dev/wallets-shared";import{useCallback as fg,useEffect as gg,useState as hg}from"react";var yg=Object.values(Qn);function Hn(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:l,connect:p}=mg(),{connectedWallets:u}=X(),c=h().blockchains(),f=Xa(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||yg,m=Ma(s,l,f,o),d=Oa(m),[C,S]=hg(""),y=i(W=>!u.find(I=>I.walletType===W&&I.chain===o),"isExperimentalChainNotAdded"),g=i(async W=>{let I=s(W);try{if(C&&S(""),I.connected)await a(W);else{let T=!!m.find(x=>x.state===Ii.CONNECTED);if(!e?.multiWallets&&T)return;n?.(W),await p(W),r?.(W)}}catch(T){S("Error: "+T?.message)}},"handleClick"),b=fg(()=>{let W=m?.filter(I=>I.state===Ii.CONNECTING)||[];for(let I of W)a(I.type)},[za(m)]);gg(()=>()=>{b()},[]);let k=i(W=>W.filter(T=>T.state!=Ii.NOT_INSTALLED&&![Qn.DEFAULT,Qn.WALLET_CONNECT_2].includes(T.type)&&l(T.type).supportedChains.filter(x=>x.type=="EVM").length>0).length==0,"shouldShowDefaultInjectedWallet"),w=i((W,I,T)=>fn(T,I)&&y(W)&&!dg.includes(W)||W==Qn.DEFAULT&&!k(m),"shouldExcludeWallet");return{list:d.filter(W=>!w(W.type,o??"",c)),error:C,handleClick:g,disconnectConnectingWallets:b}}i(Hn,"useWalletList");import{i18n as Kp}from"@lingui/core";import{styled as Jp,Typography as Ih,Wallet as Eh,WalletState as Ah}from"@rango-dev/ui";import lo,{useState as Yp}from"react";import{useManager as hh}from"@rango-dev/queue-manager-react";import{BottomLogo as yh,Divider as qp,Header as Sh}from"@rango-dev/ui";import ye,{useEffect as zp,useRef as Qp}from"react";import{useRef as Sg}from"react";function Gn(){return window.self!==window.top}i(Gn,"isAppLoadedIntoIframe");function Ei(){let t=Sg(null),{iframe:e}=h(),o=Gn()&&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(Ei,"useIframe");import{useNavigate as Cg}from"react-router-dom";function ut(){let t=Cg();return()=>t(-1)}i(ut,"useNavigateBack");import{createTheme as Mi,darkTheme as bg,lightTheme as Ig}from"@rango-dev/ui";import{useEffect as fp,useState as Eg}from"react";import{theme as xg,darkColors as vg}from"@rango-dev/ui";function Tg(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,C=c[m],S={[`${e}${d}`]:Vn(t,C)};Object.assign(f,S)}return{...f,[e]:t}}i(Tg,"generateShades");function Vn(t,e){let[o,n,r]=up(t);return`#${Ai(o+e)}${Ai(n+e)}${Ai(r+e)}`}i(Vn,"generateShade");function up(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(up,"convertToRGB");function Ai(t){return("0"+Math.max(0,Math.min(255,t)).toString(16)).slice(-2).toUpperCase()}i(Ai,"clamp");function cp(t){let[a,l,p]=up(t);return(a*299+l*587+p*114)/1e3>188}i(cp,"isBright");var Wi=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,...Tg(a,s,s==="neutral"&&e)})}return n?r:{}},"generateColors");var mp=i(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),kg=i(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=mp(o%52)+e;return mp(o%52)+e},"toAlphabeticName"),wg=i((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),Li=i(t=>kg(wg(5381,JSON.stringify(t))>>>0),"toHash");function Ni(t){let e=xg.colors,o=Wi({...e,...vg},!0,t?.dark),n=Wi(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:`${ii}-light-${Li(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${ii}-dark-${Li(p)}`,tokens:p}}return{light:a,dark:l}}i(Ni,"customizedThemeTokens");function dp(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(dp,"joinList");function jn(t){let{colors:e,fontFamily:o=Va,borderRadius:n=Ha,secondaryBorderRadius:r=Ga,mode:s="auto"}=t,[a,l]=Eg("light"),{setTheme:p,theme:u}=h(),{dark:c,light:f}=Ni(e),m=Mi({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),d=[m.className,Ig.className],C=[m.className,bg.className];if(f){let y=Mi(f.id,f.tokens);d.push(y.className)}if(c){let y=Mi(c.id,c.tokens);C.push(y.className)}return fp(()=>{let y=i(g=>{g.matches?l("dark"):l("light")},"switchThemeListener");return window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&l("dark"),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",y),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",y)}},[]),fp(()=>{s!=="auto"&&p(s)},[s]),{activeTheme:i(()=>{let y=d.join(" "),g=C.join(" ");return u==="auto"?a==="dark"?g:y:u==="dark"?g:y},"getActiveTheme")}}i(jn,"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 gp}from"@lingui/core";import{Alert as Ag,Button as Wg}from"@rango-dev/ui";import hp from"react";function Bi(t){return hp.createElement(Ag,{action:hp.createElement(Wg,{onClick:t.onActivateTab,variant:"contained",size:"xxsmall",type:"warning"},gp.t("Activate this tab")),type:"warning",variant:"alarm",title:gp.t("Another tab is open and handles transactions.")})}i(Bi,"ActivateTabAlert");import{i18n as Pi}from"@lingui/core";import{Button as Lg,Divider as Ng,MessageBox as Mg}from"@rango-dev/ui";import Xn from"react";function _i(t){let{open:e,onClose:o,onConfirm:n}=t;return Xn.createElement(ae,{open:e,dismissible:!0,onClose:o,container:M()},Xn.createElement(Mg,{title:Pi.t("Activate current tab"),type:"warning",description:Pi.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.")},Xn.createElement(Ng,{size:20}),Xn.createElement(Lg,{variant:"contained",size:"large",type:"primary",fullWidth:!0,onClick:n},Pi.t("Confirm"))))}i(_i,"ActivateTabModal");import{ChevronLeftIcon as Pg}from"@rango-dev/ui";import wp from"react";import{darkTheme as yp,IconButton as Bg,styled as io}from"@rango-dev/ui";var Je=io(Bg,{width:"$24",position:"relative",padding:"0",overflow:"unset","&:hover":{backgroundColor:"$info100",[`.${yp} &`]:{backgroundColor:"$neutral"}}}),Sp=io("div",{position:"absolute",background:"$secondary500",[`.${yp} &`]:{$$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}}),Cp=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"}}}}),Tp=io("div",{padding:"$2",variants:{isRefetched:{true:{transform:"rotate(360deg)",transition:"transform 1s ease-in-out"}}}}),kp=io("div",{position:"absolute",right:"$4",top:"$4",backgroundColor:"$background",borderRadius:"100%"});function $i(t){return wp.createElement(Je,{variant:"ghost",size:"small",onClick:t.onClick},wp.createElement(Pg,{color:"black",size:16}))}i($i,"BackButton");import{i18n as _g}from"@lingui/core";import{Button as $g,Typography as Dg}from"@rango-dev/ui";import Di from"react";function Fi(t){return Di.createElement(so,null,Di.createElement($g,{variant:"ghost",onClick:t.onClick,size:"xsmall"},Di.createElement(Dg,{variant:"label",size:"medium",color:"error500"},_g.t("Cancel"))))}i(Fi,"CancelButton");import{i18n as Fg}from"@lingui/core";import{Tooltip as Og,WalletIcon as Ug}from"@rango-dev/ui";import Kn from"react";function Oi(t){return Kn.createElement(Og,{container:t.container,side:"top",content:Fg.t("Connect Wallet")},Kn.createElement(Je,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&Kn.createElement(Sp,null),Kn.createElement(Ug,{size:18,color:"black"})))}i(Oi,"WalletButton");import{i18n as Zn}from"@lingui/core";import{NotificationsIcon as ch,Popover as mh,SettingsIcon as dh,Tooltip as Rn,TransactionIcon as fh}from"@rango-dev/ui";import ve from"react";import{i18n as Yg}from"@lingui/core";import{EventSeverity as Wp}from"@rango-dev/queue-manager-rango-preset";import{ChainToken as Lp,ChevronRightIcon as Jg,Divider as Zg,Typography as Rg}from"@rango-dev/ui";import Fe from"react";import{useNavigate as eh}from"react-router-dom";import{create as qg}from"zustand";import{persist as zg,subscribeWithSelector as Qg}from"zustand/middleware";var qe=Wt(qg()(zg(Qg((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 Hg,ListItemButton as Gg,styled as Eo}from"@rango-dev/ui";var xp=Eo("div",{padding:"$10",width:"350px",maxWidth:"90vw",minHeight:"150px"}),vp=Eo("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),bp=Eo(Gg,{variants:{actionRequired:{true:{backgroundColor:"$error300",[`.${Hg} &`]:{backgroundColor:"$error600"}}}}}),Ip=Eo("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),Ep=Eo("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as Vg}from"@lingui/core";import{Divider as jg,NoNotificationIcon as Xg,Typography as Kg}from"@rango-dev/ui";import Yn from"react";function Ap(){return Yn.createElement(Ep,null,Yn.createElement(Xg,{color:"secondary",size:26}),Yn.createElement(jg,{size:12}),Yn.createElement(Kg,{variant:"body",size:"medium",color:"neutral700"},Vg.t("There are no notifications.")))}i(Ap,"NotificationNotFound");var th=4;function Ui(){let t=eh(),{getUnreadNotifications:e}=qe(),o=e(),n=h().blockchains(),r=h().tokens(),s=o.sort((l,p)=>p.creationTime-l.creationTime).slice(0,th),a=i(l=>{t(`${F.swaps}/${l}`)},"handleOnClick");return Fe.createElement(xp,null,s.length?Fe.createElement(vp,null,s.map((l,p)=>{let{route:u,requestId:c,event:f}=l,m=r.find(y=>Me(y,u.from)),d=n.find(y=>y.name===u.from.blockchain),C=r.find(y=>Me(y,u.to)),S=n.find(y=>y.name===u.to.blockchain);return Fe.createElement(Fe.Fragment,{key:c},p>0&&Fe.createElement(Zg,{size:4}),Fe.createElement(bp,{onClick:()=>a(c),actionRequired:f.messageSeverity===Wp.WARNING,title:Fe.createElement(Rg,{variant:"body",size:"small",color:f.messageSeverity===Wp.WARNING?"$foreground":"$neutral700"},Yg.t(f.message)),id:c,start:Fe.createElement(Ip,null,Fe.createElement("div",{className:"from-chain-token"},Fe.createElement(Lp,{tokenImage:m?m.image:"",chainImage:d?d.logo:"",size:"small"})),Fe.createElement("div",{className:"to-chain-token"},Fe.createElement(Lp,{tokenImage:C?C.image:"",chainImage:S?S.logo:"",size:"small"}))),end:Fe.createElement(Jg,{size:12,color:"gray"})}))})):Fe.createElement(Ap,null))}i(Ui,"NotificationContent");import{useManager as oh}from"@rango-dev/queue-manager-react";import{InProgressIcon as nh}from"@rango-dev/ui";import Np from"react";var rh=i(()=>{let{manager:t}=oh();return ct(t).map(({swap:o})=>o).find(o=>o.status==="running")?Np.createElement(kp,null,Np.createElement(nh,{color:"info",size:6})):null},"InProgressTransactionBadge"),Mp=rh;import{RefreshProgressButton as ih}from"@rango-dev/ui";import qi,{useEffect as sh,useState as Bp}from"react";var ah=1e3,Pp=60,lh=100;function Jn({onClick:t}){let[e,o]=Bp(0),[n,r]=Bp(!1),s=i(p=>{document.hidden&&p&&a(p)},"handleVisibilityChange");sh(()=>{let p;return t?p=window.setInterval(()=>{o(u=>u+1),e===Pp&&l()},ah):a(p),document.addEventListener("visibilitychange",()=>s(p)),()=>{document.removeEventListener("visibilitychange",()=>s(p)),p&&clearInterval(p)}},[e,t]);let a=i(p=>{p&&clearInterval(p),o(0)},"clearTimeout"),l=i(()=>{t?.(),o(0),r(!0)},"handleRefreshClick");return qi.createElement(Je,{variant:"ghost",size:"small",style:{paddingTop:0,paddingBottom:0},onClick:l,disabled:!t},qi.createElement(Tp,{onTransitionEnd:()=>r(!1),isRefetched:n},qi.createElement(ih,{size:24,color:t?"black":"gray",progress:e/Pp*lh})))}i(Jn,"RefreshButton");import{EventSeverity as ph}from"@rango-dev/queue-manager-rango-preset";import{Typography as uh}from"@rango-dev/ui";import _p from"react";function $p(){let{getUnreadNotifications:t}=qe(),e=t(),o=e.length,n=!!e.find(r=>r.event.messageSeverity===ph.WARNING);return o?_p.createElement(Cp,{isSever:n},_p.createElement(uh,{variant:"body",size:"xsmall",color:"$background"},o)):null}i($p,"UnreadNotificationsBadge");function Gt(t){let{onClickRefresh:e,onClickHistory:o,onClickSettings:n,hidden:r=[]}=t,{config:{features:s}}=h(),a=je("notification",s)||r.includes("notifications");return ve.createElement(ve.Fragment,null,!r.includes("refresh")&&ve.createElement(Rn,{container:M(),side:"top",content:Zn.t("Refresh")},ve.createElement(Jn,{onClick:e})),!a&&ve.createElement(mh,{align:"end",alignOffset:-88,collisionPadding:{right:20,left:20},container:M(),content:ve.createElement(Ui,null)},ve.createElement("div",null,ve.createElement(Rn,{container:M(),side:"top",content:Zn.t("Notifications")},ve.createElement(Je,{size:"small",variant:"ghost"},ve.createElement(ch,{size:18,color:"black"}),ve.createElement($p,null))))),!r.includes("settings")&&ve.createElement(Rn,{container:M(),side:"top",content:Zn.t("Settings")},ve.createElement(Je,{size:"small",variant:"ghost",onClick:n},ve.createElement(dh,{size:18,color:"black"}))),!r.includes("history")&&ve.createElement(Rn,{container:M(),side:"top",content:Zn.t("Transactions History")},ve.createElement(Je,{size:"small",variant:"ghost",onClick:o},ve.createElement(fh,{size:18,color:"black"}),ve.createElement(Mp,null))))}i(Gt,"HeaderButtons");function zi(t){let e=t.target;if(e){let o=e.scrollTop,n=M();o>1?n.classList.add("rng-scrolled"):n.classList.remove("rng-scrolled")}}i(zi,"onScrollContentAttachStatusToContainer");import{css as gh,styled as Qi}from"@rango-dev/ui";var Dp="700px",er=gh({borderRadius:"$primary",display:"flex",flexDirection:"column",overflow:"hidden",boxShadow:"15px 15px 15px 0px rgba(0, 0, 0, 0.05)"}),Fp=Qi("div",{position:"relative",width:"100vw",minWidth:"300px",maxWidth:"390px",backgroundColor:"$background",variants:{height:{auto:{height:"auto",maxHeight:Dp},fixed:{height:Dp}}}}),Op=Qi("div",{position:"relative",overflow:"hidden",flexGrow:1,display:"flex",flexDirection:"column",padding:0,overflowY:"auto"}),Up=Qi("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}=Ei(),{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}=jn(u||{}),d=je("connectWalletButton",p),{isActiveTab:C,tabManagerInitiated:S,showActivateTabModal:y,setShowActivateTabModal:g,activateCurrentTab:b}=oe(),k=ut(),{manager:w}=hh(),I=ct(w).map(({swap:q})=>q).some(q=>q.status==="running"),T=i(()=>b(zt.forceClaim,I),"onActivateTab"),x=i(()=>{r.onWallet?.()},"onConnectWallet"),E=typeof r.hasBackButton>"u"||r.hasBackButton,L=Qp(null),N=Qp(null);return zp(()=>(Gn()&&N.current&&e(N.current),()=>{o()}),[]),zp(()=>(L.current?.addEventListener("scroll",zi),()=>{L.current?.removeEventListener("scroll",zi)}),[]),ye.createElement(Fp,{height:a,id:ke.SWAP_BOX_ID,className:`${m()} ${er()}`,ref:N},ye.createElement(Sh,{prefix:ye.createElement(ye.Fragment,null,E&&ye.createElement($i,{onClick:()=>{k(),r.onBack&&r.onBack()}})),title:r.title,suffix:ye.createElement(ye.Fragment,null,r.suffix,r.onWallet&&!d&&ye.createElement(Oi,{container:M(),onClick:x,isConnected:!!l?.length}),r.onCancel&&ye.createElement(Fi,{onClick:r.onCancel}))}),ye.createElement(Op,{ref:L},n),ye.createElement(_i,{open:y,onClose:()=>g(!1),onConfirm:T}),ye.createElement(Up,null,ye.createElement("div",{className:"footer__content"},S&&!C&&ye.createElement("div",{className:"footer__alert"},ye.createElement(Bi,{onActivateTab:T}),ye.createElement(qp,{size:10})),s),ye.createElement(qp,{size:12}),ye.createElement("div",{className:`footer__logo ${f?"logo__show":"logo__hidden"}`},ye.createElement(yh,null))))}i(ie,"Layout");import{styled as Ch}from"@rango-dev/ui";var Hp="$20 $20 $10 $20",Ao=Ch("div",{padding:Hp,overflowY:"auto",flexGrow:1});import{styled as Th}from"@rango-dev/ui";var le=Th("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 bh}from"@rango-dev/ui";import Gi from"react";import{i18n as ao}from"@lingui/core";import{Image as xh,MessageBox as Hi,WalletState as vh}from"@rango-dev/ui";import Vt from"react";import{keyframes as kh,styled as tr}from"@rango-dev/ui";var a0=tr("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),Gp=tr("div",{position:"relative"}),wh=kh({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),Vp=tr("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${wh} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),jp=tr("div",{"& img":{borderRadius:"50%"}});function Xp(t){let{state:e,image:o,error:n}=t;return e===vh.CONNECTED?Vt.createElement(Hi,{type:"success",title:ao.t("Wallet Connected"),description:ao.t("Your wallet is connected, you can use it to swap.")}):n?Vt.createElement(Hi,{type:"error",title:ao.t("Failed to Connect"),description:n||ao.t("Your wallet is not connected. Please try again.")}):Vt.createElement(Hi,{type:"loading",title:ao.t("Connecting to your wallet"),description:ao.t("Click connect in your wallet popup."),icon:Vt.createElement(Gp,null,Vt.createElement(jp,null,Vt.createElement(xh,{src:o,size:45})),Vt.createElement(Vp,null))})}i(Xp,"ModalContent");function Wo(t){let{open:e,onClose:o,...n}=t;return Gi.createElement(ae,{open:e,onClose:o,container:document.getElementById(ke.SWAP_BOX_ID)||document.body},Gi.createElement(Xp,{...n}),Gi.createElement(bh,{direction:"vertical",size:32}))}i(Wo,"WalletModal");var Wh=Jp("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Lh=Jp(le,{textAlign:"center"}),or=3e3,Vi=300;function Zp(){let{config:t,fetchStatus:e}=h(),[o,n]=Yp(!1),[r,s]=Yp(""),a=null,l=oe.use.isActiveTab(),{list:p,handleClick:u,error:c,disconnectConnectingWallets:f}=Hn({config:t,onBeforeConnect:y=>{a=setTimeout(()=>{n(!0),s(y)},Vi)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},or)}}),m=i(()=>{f(),n(!1)},"handleCloseWalletModal"),d=p.find(y=>y.type===r),C=d?.image||"",S=d?.state||Ah.NOT_INSTALLED;return lo.createElement(ie,{header:{title:Kp.t("Connect Wallets")}},lo.createElement(Lh,null,lo.createElement(Ih,{variant:"title",size:"xmedium",align:"center"},Kp.t("Choose a wallet to connect.")),lo.createElement(Wh,null,p.map((y,g)=>{let b=`wallet-${g}-${y.type}`;return lo.createElement(Eh,{key:b,...y,container:M(),onClick:k=>{u(k)},isLoading:e==="loading",disabled:!l})}),lo.createElement(Wo,{open:!!o,onClose:m,image:C,state:S,error:c}))))}i(Zp,"WalletsPage");import{keyframes as Nh,styled as ji}from"@rango-dev/ui";var Rp=ji("div",{position:"relative"}),Mh=Nh({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),eu=ji("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Mh} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),tu=ji("div",{"& img":{borderRadius:"50%"}});var $h=7;function Ki(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),[C,S]=Lo(!1),[y,g]=Lo(null),{suggestAndConnect:b}=iu(),k=null,{list:w,error:W,handleClick:I,disconnectConnectingWallets:T}=Hn({config:a,chain:e,onBeforeConnect:$=>{k=setTimeout(()=>{f($)},Vi)},onConnect:()=>{k&&clearTimeout(k),setTimeout(()=>{f("")},or)}}),[x,E]=Lo(w),L=w.length,N=r&&L-r>0,q=i(async $=>{S(!1),g("in-progress");try{await b($.walletType,$.chain),g("completed")}catch{g("rejected")}},"addExperimentalChain");ru(()=>{E($=>{let te=w.findIndex(V=>o(V.type,e));return N&&te>1?[w[te]].concat(w.filter((V,v)=>v!==te)):$.map(V=>w.find(v=>v.type===V.type)??V)})},[JSON.stringify(w)]);let ee=document.getElementById(ke.SWAP_BOX_ID);ru(()=>{let $=null;return(y==="completed"||y==="rejected")&&($=setTimeout(()=>g(null),or)),()=>{$&&clearTimeout($)}},[y]);let ge=i(()=>{T(),f("")},"handleCloseWalletModal");return pe.createElement(pe.Fragment,null,x.slice(0,r).map($=>{let te=Ua({connectedWallets:p,walletType:$.type,chain:e}),V=te?hn(te,$h):"",v=fn(u(),e),Y=!p.find(Ie=>Ie.walletType===$.type&&Ie.chain===e),D=v&&Y&&$.state===nu.CONNECTED,G=D?et.t({id:"Add {chain} chain",values:{chain:e}}):V,Ce=i(()=>{$.state===nu.DISCONNECTED?I($.type):D?(d({walletType:$.type,chain:e,address:te??""}),S(!0)):n({walletType:$.type,chain:e,address:te??""})},"onClick"),de=m?.chain?Cl(m.chain,u()):void 0;return pe.createElement(pe.Fragment,null,pe.createElement(Wo,{open:c===$.type,onClose:ge,image:$.image,state:$.state,error:W}),!!m&&pe.createElement(ae,{open:!!m&&C,container:ee,onClose:()=>{d(null)}},pe.createElement(nr,{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}})},pe.createElement(Xi,{size:18}),pe.createElement(Xi,{size:32}),pe.createElement(Bh,{onClick:q.bind(null,m),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},et.t("Confirm")))),y&&pe.createElement(ae,{open:!!y,onClose:g.bind(null,null),container:ee},y==="in-progress"&&pe.createElement(nr,{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:pe.createElement(Rp,null,pe.createElement(tu,null,pe.createElement(Ph,{src:$.image,size:45})),pe.createElement(eu,null))}),y==="completed"&&pe.createElement(nr,{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}})}),y==="rejected"&&pe.createElement(nr,{type:"error",title:et.t("Request Rejected"),description:et.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:de}})}),pe.createElement(Xi,{direction:"vertical",size:32})),pe.createElement(_h,{key:$.type,description:G,onClick:Ce,selected:o($.type,e),disabled:!l,...$}))}),N&&pe.createElement(Rl,{selected:!1,onClick:s},pe.createElement(ou,{variant:"label",size:"medium"},et.t("Show more wallets"),pe.createElement(ou,{variant:"label",size:"medium",color:"$primary"},"\xA0+",L-(r??0)))))}i(Ki,"WalletList");var Hh=2;function au(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}=Q(),{connectedWallets:C,selectWallets:S}=X(),[y,g]=uo(""),[b,k]=uo([]),[w,W]=uo(""),[I,T]=uo(null),[x,E]=uo(!!m),L=In(p?.swaps||null),N=l.find(H=>H.name===p?.swaps[p?.swaps.length-1].to.blockchain),q=i(H=>!!p?.swaps.find(J=>J.from.blockchain===H),"isWalletRequiredFor"),ee=i(()=>C.filter(H=>H.selected&&L.includes(H.chain)),"getInitialSelectableWallets"),[ge,$]=uo(ee()),te=l.find(H=>H.name===N?.name),V=b.length>0,v=i((H,J)=>!!ge.find(R=>R.walletType===H&&R.chain===J&&R.selected&&(q(J)||!q(J)&&!m)),"isSelected"),Y=!!m&&x&&te&&!En(te,m),D=i(()=>{E(!1),d(null),$(H=>{let J=!1;return H.map(R=>!J&&R.chain===N?.name?(J=!0,{...R,selected:!0}):R)})},"resetCustomDestination"),G=i(H=>{if(y&&g(""),v(H.walletType,H.chain))return;let R=C.find(Ee=>Ee.walletType===H.walletType&&Ee.chain===H.chain);R&&(n(),H.chain===N?.name&&x&&(E(!1),d(null)),$(Ee=>Ee.filter(Ve=>Ve.chain!==H.chain).concat({...R,selected:!0})))},"onChange"),Ce=i(()=>{let H=ge.filter(J=>J.selected);S(H),u(H),f(!0),o()},"onConfirmBalance"),de=i(async()=>{k([]),W(""),T(null);let H=C.filter(Ee=>ge.find(Ve=>Ve.chain===Ee.chain&&Ve.walletType===Ee.walletType)),J=await r?.({selectedWallets:H,customDestination:m}),R=J.warnings;R?.balance?.messages&&k(R.balance.messages),R?.quoteUpdate&&T(R.quoteUpdate),J.error&&W(Tl(J.error)),!J.error&&!R?.balance?.messages.length?Ce():k(R?.balance?.messages??[])},"onConfirmWallets");zh(()=>{$(H=>H.concat(C.filter(J=>!!!H.find(Ee=>Ee.chain===J.chain)&&J.selected&&L.includes(J.chain))))},[C.length]);let Ie=document.getElementById(ke.SWAP_BOX_ID),ht=Qh();return P.createElement(ae,{open:e,onClose:()=>{c||ht("../",{replace:!0}),o()},dismissible:!y,container:Ie,...!y&&{footer:P.createElement(sp,null,P.createElement(su,{loading:s,disabled:Fl(s,x,m,p,ge,N),onClick:de,variant:"contained",type:"primary",fullWidth:!0,size:"large"},mt.t("Confirm")))},...y&&{styles:{container:{padding:"$0"}},header:P.createElement(ep,null,P.createElement(tp,{variant:"ghost",onClick:g.bind(null,"")},P.createElement(Oh,{size:16})),P.createElement(rr,{variant:"headline",size:"small"},mt.t({id:"Your {blockchainName} wallets",values:{blockchainName:Xe(y,l)}})))},anchor:"center"},P.createElement(ae,{open:V,onClose:k.bind(null,[]),container:Ie},P.createElement(Uh,{title:mt.t("Insufficient account balance"),type:"error",description:P.createElement(Dh,{messages:b??[]})},P.createElement(su,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:Ce},mt.t("Proceed anyway")))),y&&P.createElement(op,null,P.createElement("div",{className:np()},P.createElement(Ki,{chain:y,isSelected:v,selectWallet:G,onShowMore:g.bind(null,y)}))),!y&&P.createElement(P.Fragment,null,w&&P.createElement(P.Fragment,null,P.createElement(Yi,{variant:"alarm",type:"error",title:mt.t(w)}),P.createElement(po,{size:12})),I&&P.createElement(P.Fragment,null,P.createElement(Yi,{variant:"alarm",type:"warning",title:Dn(I)}),P.createElement(po,{size:12})),P.createElement(lp,null,L.map((H,J)=>{let R=l.find(Te=>Te.name===H),Ee=`wallet-${J}`,Ve=J===L.length-1;return P.createElement("div",{key:Ee},P.createElement(Jl,null,P.createElement(rr,{variant:"title",size:"xmedium"},mt.t({id:"Your {blockchainName} wallets",values:{blockchainName:R?.shortName}})),P.createElement(rr,{variant:"label",color:"$neutral700",size:"medium"},mt.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:R?.shortName}}))),P.createElement(po,{size:24}),P.createElement(Zl,null,P.createElement(Ki,{chain:H,isSelected:v,selectWallet:G,limit:Hh,onShowMore:()=>g(R?.name??"")})),!Ve&&P.createElement(po,{size:32}),Ve&&a?.customDestination&&P.createElement(rp,null,P.createElement(zn,{onOpenChange:Te=>{Te?q(N?.name??"")||$(De=>De.map(he=>he.chain===N?.name?{...he,selected:!1}:he)):D()},hasSelected:!0,open:x,triggerAnchor:"top",trigger:P.createElement(pp,{fullWidth:!0,variant:"default",suffix:P.createElement(Un,{orientation:x?"up":"down"},P.createElement(Fh,{size:10,color:"gray"}))},P.createElement("div",{className:"button__content"},P.createElement(qh,{size:18,color:"info"}),P.createElement(po,{size:4,direction:"horizontal"}),P.createElement(rr,{variant:"label",size:"medium"},mt.t("Send to a different address")))),onClickTrigger:()=>E(Te=>!Te)},P.createElement(po,{size:4}),P.createElement(ap,{autoFocus:!0,placeholder:mt.t("Your destination address"),value:m||"",onChange:Te=>{let De=Te.target.value;De.length?d(De.length?De:null):(E(!1),d(null))}})),Y&&P.createElement("div",{className:ip()},P.createElement(Yi,{variant:"alarm",type:"error",title:mt.t({values:{destination:m},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(au,"ConfirmWalletsModal");import{i18n as py}from"@lingui/core";import{Alert as uy,Button as cy,InfoIcon as my}from"@rango-dev/ui";import Qe from"react";import{Alert as jh,Button as Xh,Divider as Ri,NoRouteIcon as Kh,RefreshIcon as Yh,Typography as fu}from"@rango-dev/ui";import ze from"react";import{i18n as lu}from"@lingui/core";var Gh=24,Vh=60;function pu(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:K().genericServerError,action:{onClick:n,title:lu.t("Retry")}},description:""}:e.length?{alert:{type:"warning",text:K().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:lu.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(pu,"makeInfo");var Ji=(o=>(o[o.small=Gh]="small",o[o.large=Vh]="large",o))(Ji||{}),Zi=(o=>(o.small="small",o.large="medium",o))(Zi||{});import{styled as ir}from"@rango-dev/ui";var uu=ir("div",{display:"flex",flexDirection:"column",alignItems:"center"}),cu=ir("div",{variants:{size:{small:{},large:{maxWidth:"316px"}}}}),mu=ir("div",{variants:{size:{small:{width:"100%"},large:{}}}}),du=ir("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=pu(o,r,()=>s(a,!0),e);return ze.createElement(uu,null,ze.createElement(Kh,{size:Ji[n],color:"gray"}),ze.createElement(Ri,{size:4}),ze.createElement(fu,{variant:"title",size:Zi[n]},K().noResultError.title),n==="large"&&ze.createElement(Ri,{size:4}),!!l.description&&ze.createElement(cu,{size:n},ze.createElement(fu,{variant:"body",size:"small",align:"center",color:"neutral700"},l.description)),ze.createElement(Ri,{size:n==="large"?"24":"4"}),!!l.alert&&ze.createElement(mu,{size:n},ze.createElement(jh,{type:l.alert.type,title:l.alert.text,titleAlign:"left",action:l.alert.action&&ze.createElement(Xh,{size:"xsmall",type:l.alert.type,prefix:ze.createElement(du,null,ze.createElement(Yh,{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 Zh,Divider as Rh,MessageBox as ey,Typography as ty,WarningIcon as oy}from"@rango-dev/ui";import Ct from"react";import{Typography as Su}from"@rango-dev/ui";import ts from"react";import{darkTheme as Jh,styled as sr}from"@rango-dev/ui";var gu=sr("div",{width:"100%"}),es=sr("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),hu=sr("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${Jh} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),yu=sr("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function Cu(t){let{title:e,value:o,valueColor:n}=t;return ts.createElement(hu,null,ts.createElement(Su,{size:"medium",variant:"label",className:"_title"},e),ts.createElement(Su,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(Cu,"QuoteErrorsModalItem");function Tu(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(ae,{footer:Ct.createElement(Zh,{type:"primary",size:"large",prefix:Ct.createElement(oy,null),fullWidth:!0,disabled:s,onClick:n},K().highValueLossError.confirmMessage),open:e,onClose:o,container:M()},Ct.createElement(ey,{type:a,title:K().highValueLossError.impactTitle,description:K().highValueLossError.description}),Ct.createElement(es,null,Ct.createElement(Rh,{size:20}),Ct.createElement(ty,{size:"small",variant:"title"},Mo.t("Details")),Ct.createElement(es,null,l.map((p,u)=>Ct.createElement(Cu,{key:u,...p})))))}i(Tu,"HighValueLossWarningModal");import{i18n as os}from"@lingui/core";function ku(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=os.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=os.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=os.t("Caution, your slippage is high.")),o):null}i(ku,"makeAlerts");import{i18n as co}from"@lingui/core";import{Button as wu,Divider as xu,MessageBox as ny,Typography as ry}from"@rango-dev/ui";import Kt from"react";import{useNavigate as iy}from"react-router-dom";function vu(t){let{customSlippage:e,slippage:o}=h(),{open:n,onClose:r,onConfirm:s,warning:a,confirmationDisabled:l}=t,p=iy(),u=e??o;return Kt.createElement(ae,{anchor:"bottom",open:n,prefix:Kt.createElement(wu,{size:"small",variant:"ghost",onClick:()=>p("../"+F.settings)},Kt.createElement(ry,{variant:"label",size:"medium",color:"$neutral900"},co.t("Change settings"))),container:M(),onClose:r},Kt.createElement(ny,{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(xu,{size:18}),Kt.createElement(xu,{size:32}),Kt.createElement(wu,{size:"large",type:"primary",variant:"contained",fullWidth:!0,disabled:l,onClick:s},co.t("Confirm anyway"))))}i(vu,"SlippageWarningModal");import{Button as sy,MessageBox as ay,WarningIcon as ly}from"@rango-dev/ui";import ar from"react";function bu(t){let{open:e,onClose:o,onConfirm:n,confirmationDisabled:r}=t;return ar.createElement(ae,{footer:ar.createElement(sy,{type:"primary",size:"large",prefix:ar.createElement(ly,null),fullWidth:!0,disabled:r,onClick:n},K().unknownPriceError.confirmMessage),open:e,onClose:o,container:M()},ar.createElement(ay,{type:"warning",title:K().unknownPriceError.impactTitle,description:K().unknownPriceError.description}))}i(bu,"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=ku(e,o?.type===3||o?.type===4?o:null);return Qe.createElement(Qe.Fragment,null,f&&Qe.createElement(No,{error:o,fetch:s}),!!m&&Qe.createElement(gu,null,Qe.createElement(uy,{title:m.title,type:m.alertType,variant:"alarm",...m.action==="show-info"&&{action:Qe.createElement(yu,{onClick:a},Qe.createElement(my,{size:12,color:"gray"}))},...m.action==="change-settings"&&{action:Qe.createElement(cy,{size:"xxsmall",type:m.alertType,onClick:u},py.t("Change"))}})),e&&Qe.createElement(Qe.Fragment,null,e.type===0&&Qe.createElement(Tu,{...c,warning:e}),(e.type===3||e.type===2)&&Qe.createElement(vu,{...c,warning:e}),e.type===1&&Qe.createElement(bu,{...c,warning:e})))}i(Bo,"QuoteWarningsAndErrors");import Qy from"bignumber.js";import Tr from"react";import{i18n as Fo}from"@lingui/core";import{Alert as Ly,Divider as Oo,FullExpandedQuote as Ny,InfoIcon as My,QuoteTag as By,StepDetails as Py,TokenAmount as _y,Tooltip as rc,Typography as fo}from"@rango-dev/ui";import cs from"bignumber.js";import B,{useRef as $y,useState as Dy}from"react";import{styled as ns}from"@rango-dev/ui";var rs=ns("div",{width:"100%","& .position-top__skeleton":{paddingTop:"$10"}}),Iu=ns("div",{paddingBottom:"$15"}),Eu=ns("div",{width:"100%",display:"flex"});import*as lr from"@radix-ui/react-collapsible";import{Button as dy,css as Po,darkTheme as We,Image as Au,styled as Pe,Typography as fy}from"@rango-dev/ui";var gy=300,Wu=Pe(lr.Root,{display:"flex",flexDirection:"column",alignItems:"start",overflowX:"auto",overflowY:"hidden",width:"100%",borderRadius:"$xm",variants:{selected:{true:{},false:{$$color:"$colors$neutral400",[`.${We} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}},listItem:{true:{$$color:"$colors$neutral400",[`.${We} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"},false:{}}},compoundVariants:[{listItem:!1,selected:!0,css:{$$color:"$colors$info300",[`.${We} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"}}]}),Lu=Po({padding:"$10 $15"}),Nu=Pe(dy,{backgroundColor:"transparent",border:"1px solid $secondary"}),Mu=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",[`.${We} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color"}},basic:{true:{borderTopRightRadius:"0",borderTopLeftRadius:"0"}},listItem:{true:{$$color:"$colors$neutral200",[`.${We} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color","&:hover":{"& .quote_container":{"& button":{backgroundColor:"$neutral500",[`.${We} &`]:{backgroundColor:"$neutral200"}},backgroundColor:"$neutral500",[`.${We} &`]:{backgroundColor:"$neutral200"}},backgroundColor:"$neutral300",[`.${We} &`]:{backgroundColor:"$neutral400"}},cursor:"pointer"},false:{}}},compoundVariants:[{listItem:!0,selected:!0,css:{outline:"1px solid $secondary"}},{listItem:!1,selected:!0,css:{$$color:"$colors$info100",[`.${We} &`]:{$$color:"$colors$secondary600"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}}},{listItem:!0,selected:!1,css:{cursor:"pointer","&:hover":{backgroundColor:"$neutral300",[`.${We} &`]:{backgroundColor:"$neutral400"}}}}]}),Bu=Po({width:"100%",padding:"$15 $15 $10 $15"}),Pu=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",[`.${We} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),$u=Pe(lr.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:{[`& ${Au}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${Au}`]:{border:"1px transparent solid",borderRadius:"100%"}}},selected:{true:{},false:{$$color:"$colors$neutral400",[`.${We} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}},listItem:{true:{$$color:"$colors$neutral400",[`.${We} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"},false:{}}},compoundVariants:[{listItem:!1,selected:!0,css:{$$color:"$colors$info300",[`.${We} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"}}],".blockchains_section":{display:"none"},"@xs":{".blockchains_section":{display:"block"}}}),Du=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"}}}}),Fu=Pe(On,{width:"100%",background:"inherit"}),is=Pe("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${gy}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),GL=Pe("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),Ou=Pe("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${We} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),Uu=Pe("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"}),ss=Pe(fy,{overflow:"hidden",textOverflow:"ellipsis",letterSpacing:.4}),qu=Pe("div",{display:"flex",flexWrap:"wrap"}),as=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"}}}}),zu=Pe("div",{display:"flex"}),pr=Pe("div",{width:"100%",borderTopWidth:"1px",borderTopStyle:"solid",borderTopColor:"$neutral",margin:"$5 0",[`.${We} &`]:{borderTopColor:"$neutral800"}});import{i18n as _t}from"@lingui/core";import{ChevronDownIcon as yy,CloseIcon as Sy,Divider as mr,IconButton as Cy,QuoteCost as Ty,Tooltip as ky,Typography as tt}from"@rango-dev/ui";import j,{useState as Vu}from"react";import{css as hy,styled as ur}from"@rango-dev/ui";var cr=ur("div",{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"$5 0","&.total_payable_fee":{padding:"$12 0"}}),ls=ur("div",{width:"100%",borderTop:"1px solid $neutral300",margin:"$10 0"}),Qu=ur("div",{padding:"$20 0",display:"flex",flexDirection:"column","& .collapsible_trigger":{display:"flex",alignItems:"center"}}),Hu=ur("div",{padding:"$20 $20 $10",textAlign:"center",position:"relative","._icon-button":{position:"absolute",zIndex:10,top:"$16",right:"$16"}}),Gu=hy({display:"flex",flexDirection:"row",alignItems:"center",padding:"$5","&:hover":{"& ._typography, & svg":{color:"$secondary"}}});var wy=i(t=>t.fee.isZero()?null:j.createElement(cr,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 ju(t){let[e,o]=Vu(!1),[n,r]=Vu(!1),{steps:s,quote:a,fee:l,time:p,feeWarning:u,showModalFee:c}=t,f=a?.swaps??[],m=M(),d=Il(f);return j.createElement(j.Fragment,null,j.createElement(Ty,{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(ae,{container:m,open:e,header:j.createElement(Hu,null,j.createElement(tt,{variant:"title",size:"medium"},_t.t("Gas & Fee Explanation")),j.createElement(Cy,{onClick:()=>o(!1),variant:"ghost"},j.createElement(Sy,{color:"gray",size:14}))),onClose:()=>{o(!1)}},j.createElement(Qu,null,j.createElement(tt,{variant:"title",size:"small"},_t.t("Details")),j.createElement(mr,{size:10}),Object.entries(d.payable).flatMap(([C,S])=>S.map((y,g)=>{let b=`payable-fee-${g}`,k=hi(y);return j.createElement(cr,{key:b},j.createElement(tt,{variant:"label",size:"medium",color:"neutral600"},ci[C]),j.createElement(ky,{content:se(y.amount),container:m},j.createElement(tt,{variant:"label",size:"medium"},A(y.amount,2,2)," ",y.asset.symbol," ($",A(k,4,4),")")))})),j.createElement(cr,{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(ls,null),Object.keys(d.nonePayable).length&&j.createElement(zn,{triggerAnchor:"bottom",onClickTrigger:()=>r(C=>!C),trigger:j.createElement("div",{className:Gu()},j.createElement(tt,{size:"small",variant:"body",color:"neutral700"},n?_t.t("Hide non-payable fees"):_t.t("Show non-payable fees")),j.createElement(mr,{size:4,direction:"horizontal"}),j.createElement(Un,{orientation:n?"up":"down"},j.createElement(yy,{size:12,color:"gray"}))),open:n},j.createElement(tt,{size:"small",variant:"title"},_t.t("Description")),j.createElement(mr,{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(mr,{size:10}),Object.entries(d.nonePayable).map(([C,S],y)=>{let g=bl(S),b=ci[C],k=`non-payable-fee-${y}`;return j.createElement(wy,{key:k,fee:g,label:b})}),j.createElement(ls,null)))))}i(ju,"QuoteCostDetails");import{i18n as Yu}from"@lingui/core";import{TokenAmount as Ju}from"@rango-dev/ui";import dr from"react";import{css as xy,styled as vy}from"@rango-dev/ui";var Xu=vy("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%"}),Ku=xy({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 dr.createElement(Xu,null,dr.createElement(Ju,{direction:"horizontal",label:Yu.t("Swap input"),type:"input",tooltipContainer:M(),price:{value:e.price.value,usdValue:e.price.usdValue,realValue:e.price.realValue,realUsdValue:e.price.realUsdValue},token:{displayName:e.token.displayName,image:e.token.image},chain:{image:e.chain.image}}),dr.createElement("div",{className:Ku()}),dr.createElement(Ju,{direction:"horizontal",tooltipContainer:M(),label:Yu.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 oc}from"@lingui/core";import{ChevronDownIcon as Ey,ChevronRightIcon as Ay,Divider as ps,Image as Wy,Tooltip as us,Typography as gr}from"@rango-dev/ui";import _ from"react";import{useEffect as by,useState as $o}from"react";var Zu=480,Ru=768,ec=1024,tc=1200,Iy=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<=Zu),n(window.innerWidth>Zu&&window.innerWidth<=Ru),s(window.innerWidth>Ru&&window.innerWidth<=ec),l(window.innerWidth>ec&&window.innerWidth<=tc),u(window.innerWidth>tc)},"handleResize");return by(()=>(c(),window.addEventListener("resize",c),()=>window.removeEventListener("resize",c)),[]),{isMobile:t,isTablet:o,isNotebook:r,isLargeScreen:a,isExtraLargeScreen:p}},"useScreenDetect"),fr=Iy;var hr=4,yr=6,Do=i(t=>{let e=M(),{content:o,src:n,className:r,open:s,state:a}=t;return _.createElement(us,{container:e,side:"bottom",sideOffset:4,open:s,content:o},_.createElement(Du,{className:r,state:a},_.createElement(Wy,{src:n,size:16})))},"ImageComponent");function nc(t){let{quoteRef:e,selected:o,setExpanded:n,steps:r,expanded:s,type:a}=t,l=M(),p=r.length,u=Hl(r),{isTablet:c,isMobile:f}=fr();return _.createElement($u,{listItem:a==="list-item",ref:m=>e.current=m,selected:o,onClick:m=>{m.stopPropagation(),n(d=>!d)}},_.createElement("div",{className:mo()},_.createElement(gr,{variant:"body",size:"xsmall"},oc.t("Via:")),_.createElement(ps,{direction:"horizontal",size:4}),r.map((m,d)=>{let C=`item-${d}`,S=_.createElement(is,null,_.createElement(Ay,{size:12,color:"black"}));return f||c?_.createElement(_.Fragment,null,_.createElement(Do,{content:m.swapper.displayName,src:m.swapper.image,state:m.state}),d!==p-1&&_.createElement(_.Fragment,null,S)):_.createElement(_.Fragment,{key:C},p<=hr||p>hr&&d<hr-1?_.createElement(_.Fragment,null,_.createElement(Do,{content:m.swapper.displayName,src:m.swapper.image,state:m.state}),d!==p-1&&_.createElement(_.Fragment,null,S)):d===hr-1&&_.createElement(us,{container:l,side:"bottom",align:"right",sideOffset:4,content:_.createElement("div",{className:mo()},S,r.map((y,g)=>{let b=`image-${g}`;return g>=d&&_.createElement(_.Fragment,{key:b},_.createElement(Do,{content:y.swapper.displayName,src:y.swapper.image,state:y.state,open:!1}),g!==p-1&&_.createElement(_.Fragment,null,S))}))},_.createElement(as,{state:r.find((y,g)=>g>=d&&(y.state==="error"||y.state==="warning"))?.state},_.createElement(gr,{size:"xsmall",variant:"body"},"+",p-d))))})),_.createElement("div",{className:mo()},_.createElement("div",{className:"blockchains_section"},_.createElement("div",{className:mo()},_.createElement(gr,{variant:"body",size:"xsmall"},oc.t("Chains:")),_.createElement(ps,{direction:"horizontal",size:4}),u.map((m,d)=>_.createElement(_.Fragment,null,u.length<=yr||u.length>yr&&d<yr-1?_.createElement(Do,{key:m.displayName,content:"",src:m.image,open:!1,className:d!==0?"blockchainImage":""}):d===yr-1&&_.createElement(us,{container:l,side:"bottom",align:"right",sideOffset:4,content:_.createElement("div",{className:mo()},u.map((C,S)=>S>=d&&_.createElement(Do,{key:C.displayName,content:"",src:C.image,open:!1,className:S>d?"blockchainImage":""})))},_.createElement(as,{className:"blockchainImage"},_.createElement(gr,{size:"xsmall",variant:"body"},"+",u.length-d))))),_.createElement(ps,{direction:"horizontal",size:32}))),_.createElement(is,{orientation:s?"up":"down"},_.createElement(Ey,{size:12,color:"black"}))))}i(nc,"QuoteTrigger");function ms(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(),C=h().swappers(),[S,y]=Dy(t.expanded),g=$y(null),b=A(o.value,6,6),k=A(n.value,6,6),w=n.usdValue?A(n.usdValue,4,4):"",W=Ke(o.usdValue,n.usdValue??null),I=A(W,2,2),T=St(W??0),E=i(V=>V.map((v,Y)=>{let D,G=r?.type===3&&r.swap.swapperId===v.swapperId||r?.type===4&&r.recommendedSlippages?.has(Y),Ce=s?.type===2&&s.recommendedSlippages?.has(Y);G?D="error":Ce&&(D="warning");let de=G?Fo.t("Slippage Error"):Fo.t("Slippage Warning");return r?.type===3&&(de=r?.recommendation),{swapper:{displayName:bo(v.swapperId,C),image:v.swapperLogo},from:{token:{displayName:v.from.symbol,image:v.from.logo},chain:{displayName:Xe(v.from.blockchain,m),image:v.from.blockchainLogo},price:{value:Y===0?A(o.value,6,6):A(v.fromAmount,6,6),usdValue:A((v.from.usdPrice??0)*parseFloat(v.fromAmount),4,4),realValue:se(Y===0?o.value:v.fromAmount),realUsdValue:se(new cs(v.from.usdPrice??0).multipliedBy(v.fromAmount))}},to:{token:{displayName:v.to.symbol,image:v.to.logo},chain:{displayName:Xe(v.to.blockchain,m),image:v.to.blockchainLogo},price:{value:A(v.toAmount,6,6),usdValue:A((v.to.usdPrice??0)*parseFloat(v.toAmount),4,4),realValue:se(v.toAmount),realUsdValue:se(new cs(v.to.usdPrice??0).multipliedBy(v.toAmount))}},state:D,alerts:G||Ce?B.createElement(Iu,null,B.createElement(Ly,{variant:"alarm",type:G?"error":"warning",title:de,footer:B.createElement(Eu,null,r?.type===3&&B.createElement(B.Fragment,null,B.createElement(fo,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),B.createElement(Oo,{direction:"horizontal",size:8}),B.createElement(fo,{size:"xsmall",variant:"body",color:"neutral900"},"|"),B.createElement(Oo,{direction:"horizontal",size:8}),B.createElement(fo,{size:"xsmall",variant:"body",color:"neutral900"},Fo.t({id:"Yours: {amount} {symbol}",values:{amount:A(v.fromAmount,6,6),symbol:v?.from.symbol}}))),(r?.type===4||s?.type===2)&&B.createElement(fo,{size:"xsmall",variant:"body",color:"neutral900"},Fo.t({id:"Minimum required slippage is {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get(Y)},...s?.type===2&&{minRequiredSlippage:s.recommendedSlippages?.get(Y)}}})))})):void 0}}),"getQuoteSteps")(e?.swaps??[]),L=E.length,N=M(),q=Vl(t.quote.tags||[]),ee=!!c,ge=ln(pn(e?.swaps)),$=Ln(e?.swaps??[],d),te=A($,2,2);return f?B.createElement(Ny,{selected:l,fee:te,time:ge,tooltipContainer:kn(),steps:E,tags:q,percentageChange:I,warningLevel:T,outputPrice:{value:k,usdValue:w,realValue:se(n.value),realUsdValue:se(n.usdValue)}}):B.createElement(Mu,{selected:l,listItem:a==="list-item",basic:a==="basic"},B.createElement("div",{className:Bu()},!p&&q.length?B.createElement(B.Fragment,null,B.createElement(zu,null,q.map((V,v)=>{let Y=`${V.value}_${v}`;return B.createElement(B.Fragment,null,B.createElement(By,{label:V.label,key:Y,value:V.value}),B.createElement(Oo,{size:4,direction:"horizontal"}))})),B.createElement(pr,null),!ee&&B.createElement(Oo,{size:4})):null,B.createElement("div",{id:"portal-root",className:Pu()},B.createElement(ju,{quote:e,time:ge,fee:te,feeWarning:$.gte(new cs(Sl)),showModalFee:u,steps:L}),ee&&B.createElement(Nu,{onClick:V=>{V.stopPropagation(),c()},size:"xxsmall",type:"secondary",variant:"default"},B.createElement(fo,{color:"secondary",variant:"label",size:"medium"},Fo.t("See All Routes")))),a==="basic"&&B.createElement("div",{className:_u()},B.createElement(Uu,null,B.createElement(My,{size:12,color:"gray"})),B.createElement(qu,null,B.createElement(ss,{size:"small",variant:"body"},`${b} ${E[0].from.token.displayName} = `),B.createElement(rc,{content:se(n.value),container:N,open:n.value?void 0:!1},B.createElement(ss,{size:"small",variant:"body"},"\xA0",`${k} ${E[E.length-1].to.token.displayName}`))),B.createElement(rc,{content:se(n.usdValue),container:N,style:{display:"flex"}},B.createElement(fo,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${w})`))),a==="list-item"&&B.createElement(_y,{tooltipContainer:N,type:"output",direction:"vertical",price:{value:k,usdValue:w,realValue:se(n.value),realUsdValue:se(n.usdValue)},token:{displayName:E[L-1].to.token.displayName,image:E[L-1].to.token.image},chain:{image:E[L-1].to.chain.image},percentageChange:I,warningLevel:T}),a==="swap-preview"&&B.createElement(B.Fragment,null,B.createElement(_o,{from:E[0].from,to:E[L-1].to,percentageChange:I,warningLevel:T}),B.createElement(Oo,{size:4}))),B.createElement(Wu,{selected:l,listItem:a==="list-item",open:S,className:"quote_container",onOpenChange:y},B.createElement(nc,{type:a,quoteRef:g,selected:l,setExpanded:y,expanded:S,steps:E}),B.createElement(Fu,{open:S},B.createElement(Ou,null),B.createElement("div",{className:Lu()},E.map((V,v)=>{let Y=`item-${v}`;return B.createElement(Py,{type:"quote-details",key:Y,tooltipContainer:N,step:V,hasSeparator:v!==E.length-1,state:V.state})})))))}i(ms,"Quote");import{Divider as qy,Skeleton as zy}from"@rango-dev/ui";import kt from"react";import{darkTheme as Fy,styled as Sr}from"@rango-dev/ui";var ic=Sr("div",{$$color:"$colors$neutral100",[`.${Fy} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15 ",variants:{rounded:{true:{borderRadius:"$xm"}}}}),sc=Sr("div",{paddingTop:"$2"}),ac=Sr("div",{paddingLeft:"$8"}),lc=Sr("div",{borderLeft:"1px dashed $foreground",minHeight:" 0",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});import{ChainToken as Sc,Divider as dt,Skeleton as He}from"@rango-dev/ui";import U from"react";import{css as Oy,styled as Tt}from"@rango-dev/ui";var ds=Tt("div",{display:"flex"}),pc=Tt("div",{padding:"$10 $0 $20"}),uc=Tt("div",{padding:"$12 $0 $20 $0",display:"flex",flexDirection:"column"}),cc=Tt("div",{display:"flex",justifyContent:"start",alignItems:"center"}),mc=Tt("div",{display:"flex",justifyContent:"space-between",alignItems:"end"}),dc=Tt("div",{height:"$28",marginLeft:"13px",borderLeft:"1px solid $neutral700"}),fc=Tt("div",{width:"65%",display:"flex",justifyContent:"start"}),gc=Tt("div",{display:"flex",flexDirection:"column",alignItems:"start",flexGrow:1,maxWidth:"148px"}),hc=Tt("div",{padding:"$15 $0 $15 $0"}),yc=Oy({display:"flex",justifyContent:"space-between",alignItems:"center"});function Uo(t){let{type:e,tagHidden:o=!0}=t,n=U.createElement(mc,null,U.createElement(fc,null,U.createElement(Sc,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),U.createElement(dt,{size:8,direction:"horizontal"}),U.createElement(gc,null,U.createElement(He,{height:10,width:60,variant:"rounded"}),U.createElement(dt,{size:4}),U.createElement(He,{height:15,variant:"rounded"}))),U.createElement(He,{height:12,width:64,variant:"rounded"})),r=e==="basic"&&!o;return U.createElement("div",null,!o&&U.createElement(U.Fragment,null,U.createElement(ds,null,U.createElement(He,{width:65,height:14,variant:"rounded"}),U.createElement(dt,{size:4,direction:"horizontal"}),U.createElement(He,{width:65,height:14,variant:"rounded"}),U.createElement(dt,{size:4,direction:"horizontal"}),U.createElement(He,{width:65,height:14,variant:"rounded"})),U.createElement(pr,null),!r&&U.createElement(dt,{size:4})),U.createElement("div",{className:yc()},U.createElement(ds,null,U.createElement(He,{width:60,height:10,variant:"rounded"}),U.createElement(dt,{size:4,direction:"horizontal"}),U.createElement(He,{width:60,height:10,variant:"rounded"}),U.createElement(dt,{size:4,direction:"horizontal"}),U.createElement(He,{width:60,height:10,variant:"rounded"})),r&&U.createElement(He,{width:100,height:22,variant:"rounded"})),e==="basic"&&U.createElement(pc,null,U.createElement(He,{height:15,width:148,variant:"rounded"})),e==="list-item"&&U.createElement(uc,null,U.createElement(cc,null,U.createElement(Sc,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),U.createElement(dt,{direction:"horizontal",size:4}),U.createElement(He,{height:15,width:150,variant:"rounded"})),U.createElement(dt,{size:10}),U.createElement(He,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&U.createElement(U.Fragment,null,U.createElement(dt,{size:4}),U.createElement(hc,null,n,U.createElement(dc,null),n)))}i(Uo,"QuoteSummarySkeleton");import{ChainToken as xc,Divider as gs,NextIcon as Uy,Skeleton as Cr}from"@rango-dev/ui";import Se from"react";import{styled as qo}from"@rango-dev/ui";var Cc=qo("div",{display:"flex",alignItems:"start"}),Tc=qo("div",{flexGrow:1,paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center"}),fs=qo("div",{display:"flex",alignItems:"center",flexGrow:1}),kc=qo("div",{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}),wc=qo("div",{display:"flex",alignItems:"center"});function ft(t){let{separator:e=!0}=t;return Se.createElement(Se.Fragment,null,Se.createElement(wc,null,Se.createElement(Cr,{height:22,width:22,variant:"circular"}),Se.createElement(gs,{direction:"horizontal",size:8}),Se.createElement(Cr,{height:15,width:148,variant:"rounded"})),Se.createElement(Cc,null,Se.createElement(lc,{hideSeparator:!e}),Se.createElement(Tc,null,Se.createElement(fs,null,Se.createElement(xc,{size:"small",loading:!0,chainImage:"",tokenImage:""}),Se.createElement(gs,{direction:"horizontal",size:8}),Se.createElement(Cr,{height:12,variant:"rounded"})),Se.createElement(kc,null,Se.createElement(Uy,{color:"gray",size:16})),Se.createElement(fs,null,Se.createElement(xc,{size:"small",loading:!0,chainImage:"",tokenImage:""}),Se.createElement(gs,{direction:"horizontal",size:8}),Se.createElement(Cr,{height:12,variant:"rounded"})))))}i(ft,"StepSkeleton");function zo(t){let{type:e,expanded:o,tagHidden:n=!1}=t;return kt.createElement(ic,{rounded:e!=="basic"},kt.createElement(Uo,{type:e,tagHidden:n}),kt.createElement(sc,null,kt.createElement(zy,{height:15,variant:"rounded"})),o&&kt.createElement(ac,null,kt.createElement(qy,{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:C,toToken:S}=Q(),y=e?.outputAmount?new Qy(e?.outputAmount):null,g=e?.outputAmount?Mn(e?.outputAmount,Bn(e)||S?.usdPrice):null,k=!(r&&(r.type===0||r.type===1))&&e&&!n;return n?Tr.createElement(rs,null,Tr.createElement(zo,{tagHidden:l,type:o,expanded:a})):k?Tr.createElement(rs,{onClick:()=>p?.(e)},Tr.createElement(ms,{quote:e,error:r,showModalFee:u,warning:s,tagHidden:l,selected:c,type:o,expanded:a,onClickAllRoutes:f,fullExpandedMode:m,input:{value:d,usdValue:C?.toString()??""},output:{value:y?.toString()??"",usdValue:g?.toString()??""}})):null}i(Yt,"QuoteInfo");import{calculatePendingSwap as Vy}from"@rango-dev/queue-manager-rango-preset";import{useEffect as jy}from"react";import{useRef as Hy,useState as Gy}from"react";function kr({request:t}){let[e,o]=Gy(!1),n=Hy(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(kr,"useFetch");function vc(){let{fetch:t,loading:e,cancelFetch:o}=kr({request:async(n,r)=>await At().confirmRouteRequest(n,r)});return{fetch:t,loading:e,cancelFetch:o}}i(vc,"useFetchConfirmQuote");function wr(t){if(!t.swaps)throw new Error(K().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});let e=hs(t.swaps);if(e)throw new Error(e.message,{cause:e.options})}i(wr,"throwErrorIfResponseIsNotValid");function hs(t){if(wl(t)){let{swap:n,recommendation:r,fromAmountRangeError:s}=xl(t);return{message:"bridge limit error",options:{type:3,swap:n,recommendation:r,fromAmountRangeError:s}}}let o=El(t);if(o){let n=Nn(t);return{message:"",options:{type:4,recommendedSlippages:o,minRequiredSlippage:n}}}return null}i(hs,"getQuoteError");function bc(t,e,o){let n=!1;t&&(n=zl(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&&(Bl(t,e)?r.quoteUpdate={type:3,newOutputAmount:A(eo(e)),percentageChange:A(Ke(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=Pl(e,o.selectedWallets,o.meta.blockchains);return a.length===0||(r.balance={messages:a}),r}i(bc,"generateWarnings");function xr(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(xr,"handleQuoteErrors");function ys(){let{fromToken:t,toToken:e,inputAmount:o,setSelectedQuote:n,selectedQuote:r,customDestination:s,setQuoteWarningsConfirmed:a,resetAlerts:l}=Q(),{slippage:p,customSlippage:u}=h(),c=h().getDisabledLiquiditySources(),f=h().blockchains(),m=h().tokens(),d=u||p,{fetch:C,cancelFetch:S,loading:y}=vc();return jy(()=>S,[]),{loading:y,fetch:i(async b=>{let k=b.selectedWallets,w=b?.customDestination??s;if(!t||!e||!o)return{quote:null,swap:null,error:null,warnings:null};let W=k.reduce((T,x)=>(T[x.chain]=x.address,T),{}),I={requestId:r?.requestId||"",selectedWallets:W,destination:w||void 0};try{return await C(I).then(T=>{let{result:x}=T;wr({diagnosisMessages:x.diagnosisMessages,requestId:x.requestId,swaps:x.result?.swaps});let E={outputAmount:x.result?.outputAmount,requestId:x.requestId,resultType:x.result?.resultType,swaps:x.result?.swaps||[],validationStatus:x.validationStatus,requestAmount:x.requestAmount};n(E);let L={slippage:d.toString(),disabledSwappersGroups:c},N=Vy(o.toString(),x,Nl(k),L,!1,{blockchains:f,tokens:m}),q=bc(r??void 0,E,{fromToken:t,toToken:e,meta:{blockchains:f,tokens:m},selectedWallets:k,userSlippage:d});return q.quoteUpdate&&a(!1),l(),{quote:E,swap:N,error:null,warnings:q}})}catch(T){return xr(T)}},"fetch"),cancelFetch:S}}i(ys,"useConfirmSwap");var sS=Jy("div",{width:"100%",display:"flex",justifyContent:"space-between",[`& ${Ec}`]:{width:"$48",height:"$48"}}),aS=Cs({flexGrow:1,paddingRight:"$10"}),lS=Cs({width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}),pS=Cs({display:"flex",justifyContent:"space-between",alignItems:"center"});function Ac(){let{selectedQuote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:s,quoteWarningsConfirmed:a}=Q(),l=iS(),p=rS(),[u,c]=br(""),{connectedWallets:f}=X(),m=!n,[d,C]=br(!1),{isActiveTab:S}=oe(),y=h().getDisabledLiquiditySources(),g=oS(y),{manager:b}=Xy(),{fetch:k,loading:w,cancelFetch:W}=ys(),[I,T]=br({swap:null,error:null,warnings:null}),[x,E]=br(!1),L=i(async({selectedWallets:v,customDestination:Y})=>{let D=await k?.({selectedWallets:v,customDestination:Y});return T(D),D},"onConfirmSwap"),N=i(async()=>{if(I.swap&&n)try{await b?.create("swap",{swapDetails:I.swap},{id:I.swap.requestId});let v=`../${F.swaps}/${I.swap.requestId}`;l(v,{replace:!0}),setTimeout(()=>{e("")},0)}catch(v){c("Error: "+v?.message)}},"addNewSwap"),q=i(async()=>{await N()},"onConfirm"),ee=i(async()=>{I?.warnings?.quote&&!a?E(!0):await q()},"onStartConfirmSwap"),ge=i(async()=>{T({error:null,swap:null,warnings:null}),k({selectedWallets:o,customDestination:s}).then(v=>{T(v)}).catch(v=>console.error(v))},"onRefresh");Qo(()=>{!!g.current.length&&!y.length&&ge(),g.current=y},[y.length]),Qo(()=>{m&&W()},[m]),Qo(()=>{m&&C(m)},[m]),Qo(()=>{m||k({selectedWallets:o,customDestination:s}).then(v=>T(v)).catch(v=>console.error(v))},[]),Qo(()=>{let v=I.warnings?.quote?.type&&Object.values(Lt).includes(I.warnings?.quote?.type),Y=o.length<1||!o.every(G=>f.find(Ce=>G.address===Ce.address&&G.walletType===Ce.walletType&&G.chain===Ce.chain)),D=!1;if(v){let G=In(t?.swaps||null),Ce=t?.swaps[t.swaps.length-1].to.blockchain;!!t?.swaps.find(ht=>ht.from.blockchain===Ce)||(G=G.slice(-G.length,G.length-1)),G.every(ht=>o.find(H=>H.chain===ht))||(D=!0)}t&&(Y||D)&&(queueMicrotask(()=>nS(C.bind(null,!0))),r(!1))},[I.warnings?.quote,o.length,f.length]),tS(()=>{t||l(`../${p.search}`)},[]);let $=I.warnings?.quote??null,te=I.error,V=[];if(u&&V.push(ue.createElement(Ic,{type:"error",variant:"alarm",title:u})),I.warnings?.quoteUpdate&&V.push(ue.createElement(Ic,{variant:"alarm",type:"warning",title:I.warnings.quoteUpdate&&Dn(I.warnings.quoteUpdate)})),$||te){let v=`../${F.settings}`;V.push(ue.createElement(Bo,{warning:$,error:te,refetchQuote:ge,showWarningModal:x,confirmationDisabled:!S,onOpenWarningModal:()=>E(!0),onCloseWarningModal:()=>E(!1),onConfirmWarningModal:async()=>{E(!1),await N()},onChangeSettings:()=>l(v)}))}return ue.createElement(ie,{header:{title:vr.t("Confirm Swap"),onWallet:()=>{let v=`../${F.wallets}`;l(v)},suffix:ue.createElement(Zy,{container:M(),side:"bottom",content:vr.t("Settings")},ue.createElement(Je,{size:"small",variant:"ghost",onClick:()=>l("../"+F.settings)},ue.createElement(Yy,{size:18,color:"black"})))},footer:ue.createElement(sS,null,ue.createElement("div",{className:aS()},ue.createElement(Ky,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:w,disabled:!!I.error||!S,onClick:ee},vr.t("Start Swap"))),ue.createElement(Ec,{variant:"contained",type:"primary",size:"large",loading:w,onClick:C.bind(null,!0)},ue.createElement(eS,{size:24})))},d&&ue.createElement(au,{open:d,onClose:()=>C(!1),onCancel:W,loading:w,onCheckBalance:L}),ue.createElement(le,null,ue.createElement("div",{className:pS()},ue.createElement(Ry,{variant:"title",size:"small"},vr.t("You get")),ue.createElement("div",{className:lS()},ue.createElement(Jn,{onClick:!w&&!d&&!x?ge:void 0}))),ue.createElement(Ss,{size:"12"}),dp(V,ue.createElement(Ss,{size:10})),V.length>0?ue.createElement(Ss,{size:10}):null,ue.createElement(Yt,{quote:t,type:"swap-preview",expanded:!0,error:I.error,loading:w,warning:I.warnings?.quote??null})))}i(Ac,"ConfirmSwapPage");import{i18n as Er}from"@lingui/core";import{useManager as bS}from"@rango-dev/queue-manager-react";import{Divider as Oc,NotFound as IS,styled as ES}from"@rango-dev/ui";import xt,{useState as AS}from"react";import{useNavigate as WS}from"react-router-dom";import{i18n as mS}from"@lingui/core";import{Divider as Bc,GroupedVirtualizedList as dS,Skeleton as fS,SwapListItem as Pc,Typography as gS}from"@rango-dev/ui";import _e,{useCallback as _c,useEffect as hS,useRef as yS,useState as SS}from"react";function Wc(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(Wc,"calculateGroupsSoFar");import{css as uS,darkTheme as cS,styled as Ho}from"@rango-dev/ui";var Ts=uS(),Lc=Ho("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$5"}),ks=Ho("div",{width:"100%",display:"flex",flexDirection:"column",backgroundColor:"$background",padding:"$10 $5 0 $5",[`& .${Ts}`]:{$$color:"$colors$neutral600",[`.${cS} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),ws=Ho("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),Nc=Ho("div",{gap:"$10",display:"flex",flexDirection:"column"}),Mc=Ho("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});var CS=10;function xs(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,[s,a]=SS([]),l=yS(0),{swaps:p,groupCounts:u,groups:c}=n(e),f=_c(Wc,[]),m=_c(()=>{let d=e.length-l.current;d&&(l.current+=Math.min(d,CS),a(f(u,l.current)))},[e.length]);if(hS(()=>{r||m()},[r,m]),r){let d=[1,2];return _e.createElement(_e.Fragment,null,[d,d].map((S,y)=>_e.createElement(ks,{key:y},_e.createElement(ws,null,_e.createElement(fS,{variant:"text",width:60,size:"small"}),_e.createElement(Bc,{size:16})),_e.createElement(Bc,{size:4}),_e.createElement(Nc,null,S.map((b,k)=>_e.createElement(Pc,{isLoading:!0,key:k}))))))}return _e.createElement(dS,{endReached:()=>{l.current<e.length&&m()},groupCounts:s,groupContent:d=>_e.createElement(ks,null,_e.createElement(ws,null,_e.createElement(gS,{variant:"label",size:"medium",className:Ts()},c[d]))),itemContent:(d,C)=>{let S=p[d];if(!S)return null;let y=S.steps[0],g=S.steps[S.steps.length-1];return _e.createElement(Lc,{key:S.requestId},_e.createElement(Pc,{requestId:S.requestId,creationTime:S.creationTime,status:S.status,onClick:o,tooltipContainer:M(),onlyShowTime:c[C]===mS.t("Today"),swapTokenData:{from:{token:{image:y.fromLogo,displayName:y.fromSymbol},blockchain:{image:y.fromBlockchainLogo||""},amount:A(S.inputAmount,6,6),realAmount:se(S.inputAmount)},to:{token:{image:g.toLogo,displayName:g.toSymbol},blockchain:{image:g.toBlockchainLogo||""},amount:A(g.outputAmount||g.expectedOutputAmountHumanReadable||"",6,6),realAmount:se(g.outputAmount||g.expectedOutputAmountHumanReadable)}}}))}})}i(xs,"HistoryGroupedList");import{CloseIcon as kS,IconButton as wS,SearchIcon as xS,TextField as vS}from"@rango-dev/ui";import Go from"react";import{styled as TS}from"@rango-dev/ui";var $c=TS("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(vS,{prefix:Go.createElement($c,null,Go.createElement(xS,{color:"black"})),suffix:!!a.length&&Go.createElement(wS,{variant:"ghost",onClick:()=>l?.(""),size:"small"},Go.createElement(kS,{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 Ir}from"@lingui/core";import Dc from"dayjs";var Fc=i(t=>{let e=new Map([["today",{title:Ir.t("Today"),swaps:[]}],["week",{title:Ir.t("This week"),swaps:[]}],["month",{title:Ir.t("This month"),swaps:[]}],["year",{title:Ir.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=Dc();t.forEach(p=>{let u=Number(p.creationTime),c=Dc(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 LS=ES("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),NS=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 Uc(){let t=WS(),{manager:e,state:o}=bS(),n=ct(e).map(({swap:c})=>c),[r,s]=AS(""),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)||NS(c.steps,r)||at(c.requestId,r)));let u=!p?.length&&!a;return xt.createElement(ie,{header:{title:Er.t("History")}},xt.createElement(le,null,xt.createElement(wt,{setValue:s,fullWidth:!0,variant:"contained",placeholder:Er.t("Search Transaction"),autoFocus:!0,onChange:l,value:r}),xt.createElement(Oc,{size:"16"}),xt.createElement(LS,null,u&&xt.createElement(Mc,null,xt.createElement(Oc,{size:32}),xt.createElement(IS,{title:Er.t("No results found"),description:r?Er.t("Try using different keywords"):""})),!u&&xt.createElement(xs,{list:p,onSwapClick:t,groupBy:Fc,isLoading:a}))))}i(Uc,"HistoryPage");import{i18n as YS}from"@lingui/core";import{Button as JS,Divider as om,styled as ZS,WarningIcon as RS}from"@rango-dev/ui";import Oe,{useEffect as nm,useState as rm}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 BS}from"@lingui/core";import{Divider as bs,FullExpandedQuote as PS,Typography as _S}from"@rango-dev/ui";import ce from"react";import{styled as vs}from"@rango-dev/ui";var qc=vs("div",{display:"flex",justifyContent:"center",flexDirection:"column",height:"100%"}),zc=vs("div",{display:"flex",justifyContent:"space-between",alignItems:"center"}),Qc=vs("div",{width:"146px"});import{Select as MS}from"@rango-dev/ui";import Hc from"react";function Ar(t){let{updateQuotePartialState:e,sortStrategy:o}=Q();return Hc.createElement(Qc,null,Hc.createElement(MS,{container:t.container,options:yl,value:o,handleItemClick:n=>{e("sortStrategy",n.value)},variant:"filled"}))}i(Ar,"SelectStrategy");var $S=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}=Q(),{slippage:C,customSlippage:S}=h(),y=h().tokens(),g=!!p&&p.results.length,b=S??C,k=i(I=>{if(!c||!f||!p)return null;let T={requestAmount:p.requestAmount,...I};return to(T,{fromToken:c,toToken:f,userSlippage:b,tokens:y})},"getQuoteWarning"),w=d?.type===0||d?.type===1,W=p?.results?Pn(m,p?.results):[];return ce.createElement(ce.Fragment,null,e&&Array.from({length:$S},(I,T)=>ce.createElement(ce.Fragment,{key:T},a?ce.createElement(PS,{loading:!0}):ce.createElement(zo,{tagHidden:!1,type:"list-item",expanded:!1}),ce.createElement(bs,{size:16}))),!e&&ce.createElement(ce.Fragment,null,s&&ce.createElement(ce.Fragment,null,ce.createElement(zc,null,ce.createElement(_S,{size:"xmedium",variant:"title"},BS.t("Sort by")),ce.createElement(Ar,{container:M()})),ce.createElement(bs,{size:"10"})),g?W.map(I=>{let T=k(I),x=hs(I.swaps);return ce.createElement(ce.Fragment,{key:I.requestId},ce.createElement(Yt,{showModalFee:r,selected:l?.requestId===I.requestId,tagHidden:!1,quote:{...I,requestAmount:p.requestAmount},loading:e,error:x?.options||null,warning:T,fullExpandedMode:a,onClick:E=>{x||u("warning",T),u("error",x?.options||null),o(E)},type:"list-item"}),ce.createElement(bs,{size:16}))}):w&&ce.createElement(qc,null,ce.createElement(No,{size:a?"large":"small",error:d,fetch:n}))))}i(Vo,"Quotes");import{darkTheme as DS,styled as Gc}from"@rango-dev/ui";var Vc=Gc("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,opacity:0,marginLeft:0}}),jc=Gc("div",{position:"relative",overflow:"hidden",padding:"$20",flexGrow:1,display:"flex",flexDirection:"column",overflowY:"auto",borderRadius:"$primary",backgroundColor:"$background"});var zS=100;function Is(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(Vc,{expandMode:u?.variant==="full-expanded"?"full":"default",className:`${p} ${er()}`,id:ke.EXPANDED_BOX_ID},$t.createElement(OS,{title:FS.t("Routes"),suffix:$t.createElement($t.Fragment,null,$t.createElement(Ar,{container:kn()}),$t.createElement(Gt,{onClickRefresh:r,hidden:["history","notifications","settings"]}))}),$t.createElement(jc,null,$t.createElement(Vo,{showModalFee:!1,fetch:e,hasSort:!1,loading:o,onClickOnQuote:n,fullExpandedMode:c})))}i(Is,"ExpandedQuotes");import{i18n as Rc}from"@lingui/core";import{SwapInput as em}from"@rango-dev/ui";import jo from"react";import{ReverseIcon as QS,styled as Xc}from"@rango-dev/ui";import Es from"react";var HS=Xc("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),GS=Xc("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 Kc(){let t=Q.use.switchFromAndTo();return Es.createElement(HS,null,Es.createElement(GS,{onClick:()=>{t()}},Es.createElement(QS,{size:12})))}i(Kc,"SwitchFromAndToButton");import{styled as Yc}from"@rango-dev/ui";var Jc=Yc("div",{display:"flex",flexDirection:"column",gap:"$5",alignSelf:"stretch"}),Zc=Yc("div",{position:"relative"});function As(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}=Q(),{connectedWallets:C,getBalanceFor:S}=X(),y=r?S(r):null,g=gn(y)?.amount??"0",b=s&&r?A(y?.amount,y?.decimals):"0",k=!!s&&qa(C,s.name),w=!gi(d,u,c),W=!gi(d,u,m),I=!c||!m||!m.gt(0)?null:Ke(c.toString(),m.toString());return jo.createElement(Jc,null,jo.createElement(Zc,null,jo.createElement(em,{label:Rc.t("From"),mode:"From",onInputChange:p,balance:g,chain:{displayName:s?.displayName||"",image:s?.logo||""},token:{displayName:r?.symbol||"",image:r?.image||""},onClickToken:()=>n("from"),price:{value:u,usdValue:w?void 0:A(c,4,4),realUsdValue:w?void 0:se(c),error:w?K().unknownPriceError.impactTitle:void 0},disabled:o==="failed",loading:o==="loading",loadingBalance:k,tooltipContainer:M(),onSelectMaxBalance:()=>{g!=="0"&&p(b.split(",").join(""))}}),jo.createElement(Kc,null)),jo.createElement(em,{sharpBottomStyle:!!d||e,label:Rc.t("To"),mode:"To",fetchingQuote:e,chain:{displayName:l?.displayName||"",image:l?.logo||""},token:{displayName:a?.symbol||"",image:a?.image||""},percentageChange:A(Ke(c,m),2,2),warningLevel:St(I??0),price:{value:A(f,6,6),usdValue:W?void 0:A(m,4,4),realValue:se(f),realUsdValue:W?void 0:se(m),error:W?K().unknownPriceError.impactTitle:void 0},onClickToken:()=>n("to"),disabled:o==="failed",loading:o==="loading",tooltipContainer:M()}))}i(As,"Inputs");import{useCallback as VS,useEffect as jS,useState as XS}from"react";function tm(){let{fetch:t,loading:e,cancelFetch:o}=kr({request:async(n,r)=>await At().getAllRoutes(n,r)});return{fetch:t,loading:e,cancelFetch:o}}i(tm,"useFetchAllQuotes");var KS=600;function Wr({refetchQuote:t}){let{fetch:e,cancelFetch:o}=tm(),{excludeLiquiditySources:n,features:r}=h().config,s=X.use.connectedWallets(),a=h().tokens(),{fromToken:l,toToken:p,inputAmount:u,inputUsdValue:c,selectedQuote:f,sortStrategy:m,resetQuote:d,error:C,warning:S,setSelectedQuote:y,updateQuotePartialState:g}=Q(),{slippage:b,customSlippage:k,affiliatePercent:w,affiliateRef:W,affiliateWallets:I,fetchStatus:T}=h(),x=h().getLiquiditySources(),E=h().getDisabledLiquiditySources(),L=h().excludeLiquiditySources(),[N,q]=XS(!0),ee=k??b,$=!l||!p||Me(l,p)||!ko(u),te=i(Y=>{q(Y)},"resetState"),V=i(Y=>{let{fromToken:D,toToken:G,inputAmount:Ce,liquiditySources:de,excludeLiquiditySources:Ie,disabledLiquiditySources:ht,slippage:H,affiliateRef:J,affiliatePercent:R,affiliateWallets:Ee}=Y;if(N||te(!0),!$&&D&&G){d();let Ve=Ll({fromToken:D,toToken:G,inputAmount:Ce,liquiditySources:de,excludeLiquiditySources:Ie,disabledLiquiditySources:ht,wallets:s,slippage:H,affiliateRef:J,affiliatePercent:R,affiliateWallets:Ee});Ra("experimentalRoute",r)&&(Ve.experimental=!0),e(Ve).then(Te=>{let De=Pn(m,Te.results),he=Gl(f,De,Te.requestAmount);q(!1),g("quotes",Te),y(he),wr({diagnosisMessages:Te.diagnosisMessages,requestId:he?.requestId||"",swaps:he?.swaps});let st=he&&to(he,{fromToken:D,toToken:G,userSlippage:ee,tokens:a});g("warning",st)}).catch(Te=>{let{error:De}=xr(Te);(De?.type===0||De?.type===1)&&d(),De?.type!==2&&(g("error",De),q(!1))})}},"fetch"),v=VS(Ja(Y=>{$||V(Y)},KS),[$]);return jS(()=>{if(!t){q(!1);return}if(T==="success"){if($){q(!1),(f||C||S)&&d();return}if(!ko(u)||c?.eq(0)){te(!1),o();return}return d(),te(!0),v({inputAmount:u,fromToken:l,toToken:p,liquiditySources:x,excludeLiquiditySources:L,disabledLiquiditySources:E,slippage:ee,affiliateRef:W,affiliatePercent:w,affiliateWallets:I}),o}},[T,u,l?.symbol,l?.address,l?.blockchain,p?.symbol,p?.address,p?.blockchain,$,x?.length,n,E.length,ee,W,w,JSON.stringify(I)]),{fetch:()=>V({inputAmount:u,fromToken:l,toToken:p,liquiditySources:x,excludeLiquiditySources:L,disabledLiquiditySources:E,slippage:ee,affiliateRef:W,affiliatePercent:w,affiliateWallets:I}),loading:N}}i(Wr,"useSwapInput");var tC=ZS("div",{display:"grid",gridTemplateColumns:"auto auto",alignItems:"flex-start",height:700,"& .footer__alert":{paddingTop:"0"}}),oC=300;function im(){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}=Q(),[d,C]=rm(!1),{isLargeScreen:S,isExtraLargeScreen:y}=fr(),{fetch:g,loading:b}=Wr({refetchQuote:s}),{config:k,fetchStatus:w}=h(),{connectedWallets:W}=X(),{isActiveTab:I}=oe(),[T,x]=rm(!1),L=vl({fetchMetaStatus:w,fetchingQuote:b,inputAmount:n,quote:r,anyWalletConnected:W.length>0,error:a,warning:l,needsToWarnEthOnPath:!1}),N=ja(S,y,k?.variant),q=!!n&&!!e&&!!o&&n!=="0"&&!Ol(e,o),ee=q&&w==="success"&&b,te=(!N||N&&p?.results.length)&&(l||a);nm(()=>{c(),m("refetchQuote",!0)},[]),nm(()=>{C(q)},[q]);let V=(r||a)&&!T?g:void 0,v=i(D=>{N&&d?(C(!1),setTimeout(()=>{t(D)},oC)):t(D)},"onHandleNavigation"),Y=i(D=>{r?.requestId!==D.requestId&&(x(!1),u(D))},"onClickOnQuote");return Oe.createElement(tC,null,Oe.createElement(ie,{height:"auto",footer:Oe.createElement(JS,{type:"primary",size:"large",disabled:L.disabled||!I,prefix:L.action==="confirm-warning"&&Oe.createElement(RS,null),fullWidth:!0,onClick:()=>{L.action==="connect-wallet"?v(F.wallets):L.action==="confirm-warning"?x(!0):v(F.confirmSwap)}},L.title),header:{onWallet:()=>{v(F.wallets)},hasBackButton:!1,title:k.title||YS.t("Swap"),suffix:Oe.createElement(Gt,{hidden:N?["refresh"]:void 0,onClickRefresh:V,onClickHistory:()=>v(F.swaps),onClickSettings:()=>{v(F.settings)}})}},Oe.createElement(le,null,Oe.createElement(As,{fetchingQuote:ee,fetchMetaStatus:w,onClickToken:D=>{v(D==="from"?F.fromSwap:F.toSwap)}}),Oe.createElement(om,{size:"2"}),N?null:Oe.createElement(Yt,{quote:r,loading:ee,error:a,tagHidden:!1,warning:l,type:"basic",onClickAllRoutes:p&&p.results.length>1?()=>{m("refetchQuote",!1),v(F.routes)}:void 0}),te?Oe.createElement(Oe.Fragment,null,Oe.createElement(om,{size:"10"}),Oe.createElement(Bo,{warning:l,error:a,refetchQuote:g,showWarningModal:T,confirmationDisabled:!I,onOpenWarningModal:()=>x(!0),onCloseWarningModal:()=>x(!1),onConfirmWarningModal:()=>{x(!1),f(!0),v(F.confirmSwap)},onChangeSettings:()=>v(F.settings)})):null)),N?Oe.createElement(Is,{loading:ee,onClickOnQuote:Y,fetch:g,onClickRefresh:V,isVisible:d}):null)}i(im,"Home");import{i18n as sm}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=tl,r=o?.language||xo;return{activeLanguage:e||r,languages:n,defaultLanguage:r,changeLanguage:s=>t(s||xo),resetLanguage:()=>t(null)}}i(go,"useLanguage");function am(){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:sm.t("Language")}},Dt.createElement(le,null,Dt.createElement(sC,{value:t},Dt.createElement(nC,{type:Dt.createElement(rC,{title:sm.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}i(am,"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 pm}from"@rango-dev/ui";import Ko from"react";import{styled as Ws}from"@rango-dev/ui";var Xo=Ws("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto",variants:{disabled:{true:{pointerEvents:"none"}}}}),Ls=Ws("div",{width:80,display:"flex",justifyContent:"flex-end"}),Ns=Ws("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});import{ListItem as lC,styled as pC}from"@rango-dev/ui";var lm=pC(lC,{height:61});var cC=30;function Ms(){return Ko.createElement(Xo,null,Array.from(Array(cC),t=>Ko.createElement(lm,{hasDivider:!0,key:t,start:Ko.createElement(pm,{variant:"circular",width:35,height:35}),title:Ko.createElement(pm,{variant:"text",size:"large",width:90}),end:Ko.createElement(uC,{checked:!1})})))}i(Ms,"LoadingLiquiditySourceList");function Bs({sourceType:t}){let e=h().fetchStatus,o=h().swappers(),n=h().getDisabledLiquiditySources(),[r,s]=SC(""),a=h().toggleLiquiditySource,l=h().isInCampaignMode(),p=wn(o,n),u={Exchanges:vt.t("Exchanges"),Bridges:vt.t("Bridges")},c=[];t==="Exchanges"&&c.push("DEX"),t==="Bridges"&&(c.push("BRIDGE"),c.push("AGGREGATOR"));let f=p.filter(g=>c.includes(g.type)),m=f.length===f.filter(g=>g.selected).length,d=i(()=>{f.forEach(g=>{m?a(g.groupTitle):g.selected||a(g.groupTitle)})},"toggleAllSources"),C=f.map(g=>{let{selected:b,groupTitle:k,logo:w}=g;return{start:$e.createElement(fC,{src:w,size:22,type:"circular"}),onClick:()=>{l||a(k)},end:$e.createElement(dC,{checked:b,disabled:l}),title:$e.createElement(yC,{variant:"title",size:"xmedium"},vt.t(k)),...g}}),S=i(g=>{let b=g.target.value;s(b)},"searchHandler"),y=C;return r&&(y=C.filter(g=>at(g.groupTitle,r))),$e.createElement(ie,{header:{title:vt.t(t),suffix:$e.createElement(Ls,null,$e.createElement(mC,{variant:"ghost",size:"xsmall",onClick:d},m?vt.t("Deselect all"):vt.t("Select all")))}},$e.createElement(le,{view:!0},$e.createElement(wt,{value:r,setValue:s,fullWidth:!0,color:"light",variant:"contained",placeholder:vt.t("Search {sourceType}",{sourceType:u[t]}),onChange:S}),e==="loading"&&$e.createElement(Ms,null),!y.length&&r?$e.createElement(Ns,null,$e.createElement(hC,{title:vt.t("No results found"),description:vt.t("Try using different keywords")})):e==="success"&&$e.createElement(Xo,{disabled:l},y.map(g=>$e.createElement($e.Fragment,{key:g.id},$e.createElement(gC,{style:{height:"61px"},...g,selected:!1,hasDivider:!0}))))))}i(Bs,"LiquiditySourcePage");import{i18n as CC}from"@lingui/core";import Lr from"react";import{useNavigate as TC}from"react-router-dom";function um(){let t=TC(),e=ut(),{selectedQuote:o,refetchQuote:n,setSelectedQuote:r,updateQuotePartialState:s,error:a}=Q(),{fetch:l,loading:p}=Wr({refetchQuote:n}),u=i(m=>{r(m),s("refetchQuote",!1),e()},"onClickOnQuote"),c=`../${F.settings}`,f=`../${F.wallets}`;return Lr.createElement(ie,{header:{onWallet:()=>{t(f)},onBack:()=>{s("refetchQuote",!1)},title:CC.t("Routes"),suffix:Lr.createElement(Gt,{onClickRefresh:o||a?l:void 0,hidden:["notifications","history"],onClickSettings:()=>t(c)})}},Lr.createElement(le,null,Lr.createElement(Vo,{fetch:l,loading:p,onClickOnQuote:u})))}i(um,"RoutesPage");import{i18n as Sm}from"@lingui/core";import{Divider as Cm,getCountCategories as LC,SelectableCategoryList as NC}from"@rango-dev/ui";import bt,{useState as Tm}from"react";import{i18n as _s}from"@lingui/core";import{Divider as hm,Image as bC,ListItemButton as IC,NotFound as EC,Typography as ym}from"@rango-dev/ui";import Ze,{useEffect as AC,useState as WC}from"react";import{BlockchainCategories as Ps}from"@rango-dev/ui";import{TransactionType as Nr}from"rango-sdk";var kC=i((t,e)=>{switch(e){case Ps.ALL:return!0;case Ps.UTXO:return t.type===Nr.TRANSFER;case Ps.OTHER:return t.type!==Nr.TRANSFER&&t.type!==Nr.COSMOS&&t.type!==Nr.EVM;default:return t.type===e}},"filterByType"),cm=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 mm}from"@rango-dev/ui";var dm=mm("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),Mr=mm(Ao,{padding:0,margin:0,listStyle:"none",[`& ${wC}`]:{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as xC,Skeleton as fm}from"@rango-dev/ui";import Br from"react";var vC=20;function gm(){return Br.createElement(Mr,null,Array.from(Array(vC),t=>Br.createElement(xC,{key:t,hasDivider:!0,start:Br.createElement(fm,{variant:"circular",width:35,height:35}),title:Br.createElement(fm,{variant:"text",size:"large",width:90})})))}i(gm,"LoadingBlockchainList");function $s(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=WC(e),{fetchStatus:l}=h();AC(()=>{a([...cm(e,o,r)])},[e,o,r]);let p=i(()=>!s.length&&o?Ze.createElement(Ze.Fragment,null,Ze.createElement(hm,{size:32}),Ze.createElement(EC,{title:_s.t("No results found"),description:_s.t("Try using different keywords")})):Ze.createElement(Mr,{as:"ul",key:`${r}-${o}`},s.map(u=>Ze.createElement(IC,{key:`${u.name}-${u.chainId}`,hasDivider:!0,onClick:()=>n(u),start:Ze.createElement(bC,{src:u.logo,size:30}),title:Ze.createElement(ym,{variant:"title",size:"medium"},u.displayName),id:u.chainId}))),"renderList");return Ze.createElement(dm,null,Ze.createElement(ym,{variant:"label",size:"large"},_s.t("Select Blockchain")),Ze.createElement(hm,{size:4}),l==="loading"&&Ze.createElement(gm,null),l==="success"&&p())}i($s,"BlockchainList");function Ds(t){let{type:e}=t,o=ut(),[n,r]=Tm(""),[s,a]=Tm("ALL"),l=Q.use.setToBlockchain(),p=Q.use.setFromBlockchain(),u=h().fetchStatus,c=h().blockchains({type:e}),m=LC(c)!==1;return bt.createElement(ie,{header:{title:Sm.t("Select Blockchain")}},bt.createElement(le,{view:!0},m&&bt.createElement(bt.Fragment,null,bt.createElement(NC,{setCategory:a,category:s,blockchains:c,isLoading:u==="loading"}),bt.createElement(Cm,{size:24})),bt.createElement(wt,{value:n,autoFocus:!0,placeholder:Sm.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:d=>r(d.target.value)}),bt.createElement(Cm,{size:16}),bt.createElement($s,{list:c,searchedFor:n,blockchainCategory:s,onChange:d=>{e==="source"?p(d):l(d),o()}})))}i(Ds,"SelectBlockchainPage");import{i18n as Fr}from"@lingui/core";import{Divider as Um}from"@rango-dev/ui";import Jt,{useState as XC}from"react";import{useNavigate as KC}from"react-router-dom";import{i18n as Us}from"@lingui/core";import{BlockchainsChip as Pr,Divider as vm,Image as bm,Skeleton as $C,Tooltip as DC,Typography as qs}from"@rango-dev/ui";import be from"react";import{useEffect as PC}from"react";var km=["ETH","COSMOS","OSMOSIS"];function Fs(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(Fs,"prepare");function MC(t,e){let o=km,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 wm(t,e){return!!e.list.find(o=>o.name===t)}i(wm,"isInVisibleList");function Os(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=h();PC(()=>{if(e?.selected){let s=Fs(t,o,e);wm(e.selected,s)||n(e?.selected)}},[e?.selected]);let r=Fs(t,o,e);return{list:r.list,more:r.more,history:[]}}i(Os,"usePrepareBlockchainList");import{styled as _C}from"@rango-dev/ui";var xm=_C("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var FC=12;function zs(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:s}=t,a=Os(e,{limit:10,selected:n?.name}),{fetchStatus:l}=h(),p=Q.use.resetToBlockchain(),u=Q.use.resetFromBlockchain(),c=a.more.length>0,f=a.more.length===1,m=!f&&c;return be.createElement(be.Fragment,null,be.createElement(vm,{size:12}),be.createElement(qs,{variant:"label",size:"large"},Us.t("Select Blockchain")),be.createElement(vm,{size:12}),be.createElement(xm,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(Pr,{selected:!n,onClick:()=>{o==="from"?u():p()}},be.createElement(qs,{variant:"body",size:"xsmall",color:"secondary500"},Us.t("All"))),a.list.map(d=>be.createElement(DC,{key:d.name,content:d.shortName,side:"bottom",sideOffset:2,container:M()},be.createElement(Pr,{key:d.name,selected:!!n&&n.name===d.name,onClick:()=>r(d)},be.createElement(bm,{src:d.logo,size:30})))),f?be.createElement(Pr,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},be.createElement(bm,{src:a.more[0].logo,size:30})):null,m?be.createElement(Pr,{onClick:s,key:"more-blockchains"},be.createElement(qs,{variant:"body",size:"xsmall",color:"secondary500"},Us._("More +{count}",{count:a.more.length}))):null)))}i(zs,"BlockchainsSection");import{i18n as Zs}from"@lingui/core";import{darkTheme as _m,Divider as yo,ExternalLinkIcon as qC,Image as zC,ListItemButton as QC,NotFound as HC,PinIcon as GC,Skeleton as $m,Typography as Dr,VirtualizedList as VC}from"@rango-dev/ui";import z,{useEffect as Dm,useState as Fm}from"react";import{Divider as Bm,ListItem as UC,Skeleton as Yo}from"@rango-dev/ui";import nt from"react";import{css as ho,darkTheme as Im,ImageContainer as OC,styled as ot,Typography as Em}from"@rango-dev/ui";var Qs=ho({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}),Hs=ho({position:"relative",height:12,width:"30%",maxWidth:"150px"}),Gs=ho({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"}),Vs=ho({transform:"translateY(12px)",visibility:"hidden","& a":{display:"flex",justifyContent:"center",alignItems:"center",fontSize:"$12",lineHeight:"$16",$$color:"$colors$neutral600",[`.${Im} &`]:{$$color:"$colors$neutral700"},color:"$$color",textDecoration:"none"}}),js=ho({}),Xs=ho(),Am=ot("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),Ks=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":{[`& .${Hs}`]:{[`& .${Vs}`]:{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},[`& .${js}`]:{bottom:"-15px"},[`& .${Qs}`]:{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},[`& .${Gs}`]:{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),Ys=ot("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),Js=ot(Em,{}),Wm=ot("div",{textAlign:"right",width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",[`& .${Xs}`]:{$$color:"$colors$neutral600",[`.${Im} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),$r=ot("div",{display:"flex",alignItems:"end",flexDirection:"column"}),L1=ot("div",{display:"flex",alignItems:"center"}),Lm=ot("div",{position:"relative",[`& ${OC}`]:{borderRadius:"$xm",overflow:"hidden"}}),Nm=ot("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6}),Mm=ot(Em,{width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"});function Pm(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($r,null,nt.createElement(Yo,{variant:"text",size:"large",width:70}),nt.createElement(Bm,{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(Bm,{size:4}),nt.createElement(Yo,{variant:"text",size:"medium",width:90}))})))}i(Pm,"LoadingTokenList");var Rs=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:Hs()},o?z.createElement("div",{className:Qs()},o):z.createElement(Ks,{className:Gs()},z.createElement(Dr,{variant:"title",size:"xmedium"},r.symbol),z.createElement(yo,{direction:"horizontal",size:4}),z.createElement(Ys,{css:s},z.createElement(Js,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&z.createElement("div",{className:`${Vs()} ${!o&&js()}`},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 Om(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=Fm(e),l=h().fetchStatus,p=h().blockchains(),[u,c]=Fm(!0),{getBalanceFor:f,loading:m}=X(),{isTokenPinned:d}=h(),C=i(()=>{a(e.slice(0,s.length+Rs))},"loadNextPage");Dm(()=>{c(e.length>s.length)},[s.length]),Dm(()=>{a(e.slice(0,Rs))},[e]);let S=i(()=>!s.length&&o?z.createElement(z.Fragment,null,z.createElement(yo,{size:32}),z.createElement(HC,{title:Zs.t("No results found"),description:Zs.t("Try using different keywords")})):z.createElement(VC,{endReached:u?C:void 0,itemContent:y=>{let g=s[y],b=gn(f(g)),k=g.address||"",w=p.find(E=>E.name===g.blockchain),W=Vn(w?.color||"",cp(w?.color||"")?5:125),I=Vn(w?.color||"",-100),T={$$color:W,[`.${_m} &`]:{$$color:I},backgroundColor:"$$color"},x={$$color:I,[`.${_m} &`]:{$$color:W},color:"$$color"};return z.createElement("div",{style:{paddingRight:5}},z.createElement(QC,{style:{width:"100%",overflow:"hidden"},"tab-index":y,key:`${g.symbol}${g.address}`,id:`${g.symbol}${g.address}`,hasDivider:!0,onClick:()=>n(s[y]),start:z.createElement(Lm,null,z.createElement(zC,{src:g.image,size:30}),d(g,t.type)&&z.createElement(Nm,null,z.createElement(GC,{size:12,color:"gray"}))),title:w?.type==="COSMOS"||g.name||!g.name&&!k?z.createElement(Ks,null,z.createElement(Dr,{variant:"title",size:"xmedium"},g.symbol),z.createElement(yo,{direction:"horizontal",size:4}),z.createElement(Ys,{css:T},z.createElement(Js,{variant:"body",size:"xsmall",css:x},g.blockchain))):void 0,description:w?.info&&k&&w.type!=="COSMOS"?jC({address:k,token:s[y],customCssForTag:T,customCssForTagTitle:x,name:g.name,url:w.info.addressUrl.split("{wallet}").join(k)}):g.name||void 0,end:m?z.createElement($r,null,z.createElement($m,{variant:"text",size:"large",width:70}),z.createElement(yo,{size:4}),z.createElement($m,{variant:"text",size:"medium",width:50})):b&&z.createElement(Wm,null,z.createElement(Mm,{variant:"title",size:"small"},b.amount),z.createElement("div",null),b.usdValue&&z.createElement(Dr,{variant:"body",className:Xs(),size:"xsmall"},`$${b.usdValue}`))}))},totalCount:s.length,key:`${r}-${o}`}),"renderList");return z.createElement(Am,null,z.createElement(Dr,{variant:"label",size:"large"},Zs.t("Select Token")),z.createElement(yo,{size:4}),l==="loading"&&z.createElement(Pm,{size:Rs}),l==="success"&&z.createElement(_r,{as:"ul"},S()))}i(Om,"TokenList");function ea(t){let{type:e}=t,o=KC(),n=ut(),{fromBlockchain:r,toBlockchain:s,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:u}=Q(),c=X.use.getBalanceFor(),[f,m]=XC(""),{isTokenPinned:d}=h(),S=(e==="source"?r:s)?.name??"",y=h().blockchains({type:e}),g=h().tokens({type:e,blockchain:S,searchFor:f}),k=Fa(g,c,i(T=>d(T,e),"checkIsTokenPinned")),w=i(T=>{e==="source"?p(T):u(T)},"updateBlockchain"),W=i(T=>{e==="source"?a({token:T,meta:{blockchains:y,tokens:g}}):l({token:T,meta:{blockchains:y,tokens:g}})},"updateToken"),I={source:Fr.t("Source"),destination:Fr.t("Destination")};return Jt.createElement(ie,{header:{title:Fr.t("Swap {type}",{type:I[e]})}},Jt.createElement(le,null,Jt.createElement(zs,{blockchains:y,type:e=="source"?"from":"to",blockchain:e==="source"?r:s,onMoreClick:()=>o(F.blockchains),onChange:T=>{w(T)}}),Jt.createElement(Um,{size:24}),Jt.createElement(wt,{value:f,autoFocus:!0,placeholder:Fr.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>m(""),onChange:T=>m(T.target.value)}),Jt.createElement(Um,{size:16}),Jt.createElement(Om,{list:k,selectedBlockchain:S,searchedFor:f,type:e,onChange:T=>{W(T);let x=y.find(E=>T.blockchain===E.name);x&&w(x),n()}})))}i(ea,"SelectSwapItemsPage");import{i18n as ia}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 Vm}from"@lingui/core";import{Divider as RC,InfoIcon as eT,TextField as tT,Tooltip as oT,Typography as jm}from"@rango-dev/ui";import Ge 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"}),zm=Jo("div",{display:"flex",flexWrap:"wrap",gap:"$10",[`& ${JC}`]:{flex:"1 1 0",maxWidth:"127px",minWidth:"85px"}}),Qm=Jo("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),Or=Jo("div",{maxWidth:"280px",padding:"$10"}),Hm=Jo(YC,{width:"61px",flexShrink:0});import{i18n as ta}from"@lingui/core";import{Typography as ZC}from"@rango-dev/ui";import Zo from"react";function Gm(){return Zo.createElement(Or,null,Zo.createElement(ZC,{variant:"label",size:"medium",color:"neutral700"},ta.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,ta.t("Warning")),":",ta.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(Gm,"SlippageTooltipContent");function oa(){let{slippage:t,setSlippage:e,customSlippage:o,setCustomSlippage:n}=h();return Ge.createElement(qm,null,Ge.createElement(Qm,null,Ge.createElement(jm,{variant:"title",size:"xmedium"},Vm.t("Slippage tolerance per swap")),Ge.createElement(RC,{direction:"horizontal",size:4}),Ge.createElement(oT,{container:M(),side:"top",sideOffset:4,content:Ge.createElement(Gm,null)},Ge.createElement(eT,{color:"gray"}))),Ge.createElement(zm,null,ol.map((r,s)=>{let a=`slippage-${s}`;return Ge.createElement(Ge.Fragment,null,Ge.createElement(Hm,{key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}))}),Ge.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>=sl&&a<=il?n(a):n(null)},suffix:o&&Ge.createElement(jm,{variant:"body",size:"small"},"%"),placeholder:Vm.t("Custom")})))}i(oa,"Slippage");import{i18n as gt}from"@lingui/core";import{AutoThemeIcon as Xm,BridgeIcon as nT,ChevronRightIcon as na,DarkModeIcon as Km,Divider as ra,DoneIcon as rT,ExchangeIcon as iT,InfoIcon as sT,LanguageIcon as aT,LightModeIcon as Ym,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 rt}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(Ym,{color:"black",size:16}),tooltip:O.createElement(rt,{size:"xsmall",variant:"body"},gt.t("Light"))},{id:"dark",icon:O.createElement(Km,{color:"black",size:16}),tooltip:O.createElement(rt,{size:"xsmall",variant:"body"},gt.t("Dark"))},{id:"auto",icon:O.createElement(Xm,{color:"black",size:16}),tooltip:O.createElement(rt,{size:"xsmall",variant:"body"},gt.t("Auto"))}],CT=i(t=>{let e={color:"gray",size:12};switch(t){case"auto":return O.createElement(Xm,{...e});case"dark":return O.createElement(Km,{...e});default:return O.createElement(Ym,{...e})}},"getThemeIcon");function Jm(){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=je("theme",l),u=je("liquiditySource",l),c=je("language",l),f=h().infiniteApprove,m=h().toggleInfiniteApprove,d=wn(s,a),C=d.filter(N=>N.type==="BRIDGE"||N.type==="AGGREGATOR"),S=C.length,y=C.filter(N=>N.selected).length,g=d.filter(N=>N.type==="DEX"),b=g.length,k=g.filter(N=>N.selected).length,w=i((N,q)=>{switch(r){case"loading":return O.createElement(cT,{variant:"text",size:"medium",width:50});case"failed":return O.createElement(rt,{variant:"body",size:"medium",color:"$error500"},gt.t("Loading failed"));default:return O.createElement(rt,{variant:"body",size:"medium"},`${N} / ${q}`)}},"handleEndItem"),W={id:"bridge-item",title:O.createElement(rt,{variant:"title",size:"xmedium"},gt.t("Enabled bridges")),end:O.createElement(O.Fragment,null,w(y,S),O.createElement(ra,{direction:"horizontal",size:8}),O.createElement(na,{color:"black"})),onClick:()=>t(F.bridges),start:O.createElement(nT,{color:"gray",size:12})},I={id:"exchange-item",title:O.createElement(rt,{variant:"title",size:"xmedium"},gt.t("Enabled exchanges")),end:O.createElement(O.Fragment,null,w(k,b),O.createElement(ra,{direction:"horizontal",size:8}),O.createElement(na,{color:"gray"})),start:O.createElement(iT,{color:"gray",size:12}),onClick:()=>t(F.exchanges)},T={id:"language-item",title:O.createElement(rt,{variant:"title",size:"xmedium"},gt.t("Language")),start:O.createElement(aT,{color:"gray",size:12}),end:O.createElement(na,{color:"gray"}),onClick:()=>t(F.languages)},x={id:"infinite-approval-item",title:O.createElement(O.Fragment,null,O.createElement(rt,{variant:"title",size:"xmedium"},gt.t("Infinite approval")),O.createElement(ra,{direction:"horizontal",size:4}),O.createElement(gT,{side:"top",sideOffset:4,container:M(),content:O.createElement(Or,null,O.createElement(rt,{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},E={id:"theme-item",type:O.createElement(pT,null),title:O.createElement(rt,{variant:"title",size:"xmedium"},gt.t("Theme")),end:O.createElement(yT,null,O.createElement(fT,{container:M(),items:ST,value:n,onChange:N=>o(N.id),type:"primary",borderRadius:"small"})),start:CT(n)},L=u?[]:[W,I];return c||L.push(T),L.push(x),!e?.singleTheme&&!p&&L.push(E),O.createElement(lT,{type:O.createElement(uT,{hasDivider:!0,id:"_",onClick:()=>console.log()}),items:L})}i(Jm,"SettingsLists");var bT=wT("div",{paddingLeft:"$8"});function Zm(){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:ia.t("Settings")}},Zt.createElement(le,null,o&&Zt.createElement(TT,{type:"info",variant:"alarm",title:ia.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},ia.t("Reset")))}),Zt.createElement(oa,null),Zt.createElement(Jm,null)))}i(Zm,"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 ka 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 vd,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 bd from"bignumber.js";import{PendingSwapNetworkStatus as Xr}from"rango-types";import Z,{useEffect as Id,useRef as ik,useState as Ed}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 Rm(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(Rm,"timeSince");function ed(t){return t.finishTime?Rm(parseInt(t.finishTime)):Rm(parseInt(t.creationTime))}i(ed,"getSwapDate");import{PendingSwapNetworkStatus as zr}from"rango-types";import Qr from"react";import{i18n as Ur}from"@lingui/core";import{Button as td,Divider as sa,MessageBox as ET}from"@rango-dev/ui";import Ot from"react";var od=i(({onCancel:t,onClose:e})=>Ot.createElement(Ot.Fragment,null,Ot.createElement(sa,{size:20}),Ot.createElement(ET,{type:"error",title:Ur.t("Cancel Swap"),description:Ur.t("Are you sure you want to cancel this swap?")}),Ot.createElement(sa,{size:32}),Ot.createElement(td,{variant:"contained",type:"primary",size:"large",onClick:t},Ur.t("Yes, Cancel it")),Ot.createElement(sa,{size:12}),Ot.createElement(td,{variant:"outlined",type:"primary",size:"large",onClick:e},Ur.t("No, Continue"))),"CancelContent");import{i18n as qr}from"@lingui/core";import{Button as nd,Divider as aa,MessageBox as AT,Typography as WT}from"@rango-dev/ui";import It from"react";var rd=i(({onDelete:t,onClose:e})=>It.createElement(It.Fragment,null,It.createElement(aa,{size:20}),It.createElement(AT,{type:"error",title:qr.t("Delete Transaction"),description:qr.t("Are you sure you want to delete this swap?")}),It.createElement(aa,{size:32}),It.createElement(nd,{variant:"contained",type:"primary",size:"large",onClick:t},qr.t("Yes, Delete it")),It.createElement(aa,{size:12}),It.createElement(nd,{variant:"outlined",type:"primary",size:"large",onClick:e},It.createElement(WT,{variant:"title",size:"medium",color:"primary"},qr.t("No, Cancel")))),"DeleteContent");import{i18n as la}from"@lingui/core";import{PendingSwapNetworkStatus as pa}from"rango-types";var ua={[pa.WaitingForNetworkChange]:{type:"loading",title:la.t("Change Network")},[pa.WaitingForConnectingWallet]:{type:"warning",title:la.t("Connect Wallet")},[pa.NetworkChanged]:{type:"success",title:la.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 id=LT("div",{display:"flex",justifyContent:"center"});var sd=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?oi(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(id,null,Ro.createElement(MT,{container:M(),title:m.name,image:m.img,type:c,state:f,link:m.installLink,disabled:a,onClick:async()=>l(c)})))},"WalletStateContent");function ca(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:s,message:a,walletButtonDisabled:l}=t,p=e===zr.WaitingForNetworkChange||e===zr.WaitingForConnectingWallet||e===zr.NetworkChanged;return Qr.createElement(ae,{open:!!e,onClose:o,container:document.getElementById(ke.SWAP_BOX_ID)||document.body},p&&Qr.createElement(sd,{type:ua[e].type,title:ua[e].title,currentStepWallet:s,message:a,walletButtonDisabled:l,showWalletButton:e!==zr.WaitingForNetworkChange}),e==="delete"&&Qr.createElement(rd,{onClose:o,onDelete:n}),e==="cancel"&&Qr.createElement(od,{onClose:o,onCancel:r}))}i(ca,"SwapDetailsModal");import{i18n as en}from"@lingui/core";import{Button as ma,Divider as Hr,MessageBox as ad,TokenAmount as PT,Typography as da}from"@rango-dev/ui";import Le from"react";import{useNavigate as _T}from"react-router-dom";function fa(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 Le.createElement(ae,{open:e,onClose:o,container:document.getElementById(ke.SWAP_BOX_ID)||document.body},n==="success"?Le.createElement(ad,{type:"success",title:en.t("Swap Successful")},Le.createElement(PT,{direction:"vertical",tooltipContainer:M(),type:"output",centerAlign:!0,price:{value:r,usdValue:s,realUsdValue:a,realValue:l},token:p,chain:u,percentageChange:c}),Le.createElement(Hr,{size:12}),Le.createElement(da,{variant:"body",size:"medium",color:"neutral700",align:"center"},f)):Le.createElement(ad,{type:"error",title:en.t("Transaction Failed"),description:f}),Le.createElement(Hr,{size:32}),n==="success"&&Le.createElement(ma,{variant:"contained",type:"primary",size:"large",onClick:()=>{d("../../")}},Le.createElement(da,{variant:"title",size:"medium",color:"neutral100"},en.t("Done"))),Le.createElement(Hr,{size:12}),m&&Le.createElement(Le.Fragment,null,Le.createElement(ma,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(m,"_blank")},en.t("Diagnosis")),Le.createElement(Hr,{size:12})),Le.createElement(ma,{variant:"outlined",type:"primary",size:"large",onClick:o},Le.createElement(da,{variant:"title",size:"medium",color:"primary"},en.t("See Details"))))}i(fa,"SwapDetailsCompleteModal");import VT from"react";import{i18n as zT}from"@lingui/core";import{Alert as dd,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 Gr,{useState as UT}from"react";function ld(t){let{message:e}=t,[o,n]=UT(!1);return Gr.createElement($T,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Gr.createElement(OT,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Gr.createElement(FT,{size:12,color:"gray"}):Gr.createElement(DT,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(ld,"FailedAlert");import{styled as qT}from"@rango-dev/ui";var pd=qT("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as ud}from"@lingui/core";import{Alert as ga,Button as cd}from"@rango-dev/ui";import{PendingSwapNetworkStatus as ha}from"rango-types";import tn from"react";function md(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?tn.createElement(ga,{type:"warning",title:n.shortMessage,action:tn.createElement(cd,{size:"xxsmall",type:"warning",onClick:()=>{o(ha.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},ud.t("Change"))}):r===ha.WaitingForConnectingWallet?tn.createElement(ga,{type:"warning",title:n.shortMessage,action:tn.createElement(cd,{size:"xxsmall",type:"warning",onClick:()=>{o(ha.WaitingForConnectingWallet)}},ud.t("Connect"))}):tn.createElement(ga,{type:"warning",title:n.shortMessage})}i(md,"WarningAlert");function ya(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(pd,null,s.explorerUrl?.map((f,m,d)=>{let C=m+f.url,S=m===d.length-1,y=(S&&u||p)&&!c,g=S&&s.status==="failed";return Ut.createElement(GT,{key:C},Ut.createElement(dd,{type:S&&(y&&"loading"||g&&"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(dd,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&l&&Ut.createElement(md,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&Ut.createElement(ld,{message:r}))}i(ya,"SwapDetailsAlerts");var fd=2e3;var gd=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:Xe(s.fromBlockchain,e)??"",image:s.fromBlockchainLogo??""},price:{value:A(l,6,6),realValue:l}},to:{token:{displayName:s.toSymbol,image:s.toLogo},chain:{displayName:Xe(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:Xe(p.fromBlockchain,e)??""},to:{blockchain:Xe(p.toBlockchain,e)??""},swapper:{displayName:bo(p.swapperId,o),image:p.swapperLogo??"",type:p.swapperType}})):[],alerts:VT.createElement(ya,{step:s,hasAlreadyProceededToSign:r,...n})}})},"getSteps");function hd(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(hd,"getStepState");import{css as on,darkTheme as jT,styled as Rt}from"@rango-dev/ui";var yd=Rt("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),Vr=Rt("div",{width:"100%"}),Sd=Rt(Ao,{padding:"$0 $20 $20 $20"}),AU=Rt("div",{display:"flex",flexDirection:"column",gap:"$10"}),Cd=Rt("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),WU=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"}),Td=on({padding:"$5 0"}),jr=on({display:"flex",justifyContent:"center",alignItems:"center",height:"$24"}),kd=on({display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"}),wd=on({width:"100%",padding:"0 $20 $10"}),xd=Rt("a",{fontSize:"$16",fontWeight:"$400",color:"$neutral700",display:"flex",alignItems:"center",justifyContent:"center"});function Sa(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=Q.use.retry(),m=oe.use.isActiveTab(),d=sk(),[C,S]=nk(fd),y=ik(null),[g,b]=Ed(null),[k,w]=Ed(null),W=i(()=>{r(),b(null)},"onCancel"),I=qe.use.getUnreadNotifications(),T=qe.use.setAsRead(),x=I(),E=KT(e),L=E?.networkStatus;Id(()=>{x.find(st=>st.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(w(e.status),T(e.requestId))},[e.status,e.requestId]),Id(()=>{V?b(Xr.WaitingForNetworkChange):L===Xr.WaitingForConnectingWallet||L===Xr.NetworkChanged?b(L):b(null)},[L]);let N=$l(e),q=E?XT(e,E):null,ee=E?YT(e,E):null,ge=ed(e),$=Dl(e),te=i(he=>!!l(he)?.mobileWallet,"isMobileWallet"),V=L===Xr.WaitingForNetworkChange&&!!q&&!!ee?.walletType&&(te(ee.walletType)||s(ee.walletType,q)),v=V?a.bind(null,ee.walletType,q):void 0,Y=_l(e,E),D=gd({swap:e,switchNetwork:v,showNetworkModal:L,setNetworkModal:b,message:Y,blockchains:p,swappers:u}),G=D.length,[Ce,de]=[e.steps[0],e.steps[G-1]],Ie=de.outputAmount||de.expectedOutputAmountHumanReadable,ht=e.steps.reduce((he,st)=>he+parseFloat(st.feeInUsd||""),0),H=e.steps.find(he=>he.diagnosisUrl)?.diagnosisUrl,J=A(parseFloat(A(Ie,6,6))*(de.toUsdPrice||0),4,4),R=A(parseFloat(e.inputAmount)*(Ce.fromUsdPrice||0),4,4),Ee=Ie?se(new bd(Ie).multipliedBy(de.toUsdPrice||0)):"",Ve=se(new bd(e.inputAmount).multipliedBy(Ce.fromUsdPrice||0)),Te=Ke(R,J),De=e.status==="success"?Et.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:A(Ie,6,6),token:D[G-1].to.token.displayName,conciseAddress:hn(e.wallets[D[G-1].to.chain.displayName]?.address||""),chain:D[G-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 Z.createElement(ie,{header:{title:Et.t("Swap and Bridge"),onCancel:e.status==="running"?()=>b("cancel"):void 0,suffix:e.status!=="running"&&Z.createElement(so,null,Z.createElement(vd,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>b("delete")},Z.createElement(Co,{size:"medium",variant:"label",color:"error"},Et.t("Delete"))))},footer:$&&!k&&Z.createElement(vd,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{f(e,{blockchains:p,tokens:c}),setTimeout(()=>{d("../../")},0)}},Et.t("Try again"))},Z.createElement(le,{compact:!0,view:!0},Z.createElement(Vr,null,Z.createElement("div",{className:So()},Z.createElement(Co,{variant:"label",size:"large",color:"neutral700"},`${Et.t("Request ID")}:`),Z.createElement("div",{className:jr()},Z.createElement(Co,{variant:"label",size:"small",color:"neutral700"},o),Z.createElement(RT,{variant:"ghost",onClick:S.bind(null,o||"")},Z.createElement(JT,{size:16,color:"gray"})),Z.createElement(xd,{target:"_blank",href:`${Ea}/swap/${o}`},Z.createElement(ek,{size:16})))),Z.createElement("div",{className:So()},Z.createElement(Co,{variant:"label",size:"large",color:"neutral700"},`${Et.t(e.finishTime?"Finished at":"Created at")}:`),Z.createElement(Co,{variant:"label",size:"small",color:"neutral700"},ge))),Z.createElement("div",{className:kd()},Z.createElement(tk,{fee:A(String(ht),2,2),time:ln(pn(e.steps)),steps:G}),Z.createElement(_o,{from:{price:{value:A(e.inputAmount,6,6),usdValue:R,realUsdValue:Ve,realValue:e.inputAmount},token:{displayName:D[0].from.token.displayName,image:D[0].from.token.image},chain:{image:D[0].from.chain.image,displayName:D[0].from.chain.displayName}},to:{price:{value:A(Ie,6,6),usdValue:J,realUsdValue:Ee,realValue:Ie},token:{displayName:D[G-1].to.token.displayName,image:D[G-1].to.token.image},chain:{image:D[G-1].to.chain.image,displayName:D[G-1].to.chain.displayName}},percentageChange:A(Te,2,2),warningLevel:St(Te??0)})),Z.createElement("div",{className:wd()},Z.createElement(Co,{variant:"title",size:"small"},Et.t("Swaps steps"))),Z.createElement(ZT,{size:8}),Z.createElement(Sd,{ref:y},D.map((he,st)=>{let ba=st,To=hd(e.steps[st]),jd=To==="error"||To==="in-progress"||To==="warning"||To==="completed"&&st===D.length-1;return Z.createElement(ok,{key:ba,step:he,type:"swap-progress",ref:y,state:To,hasSeparator:st!==0,tabIndex:ba,isFocused:jd,tooltipContainer:M()})}))),Z.createElement(ca,{state:g,onClose:()=>b(null),onCancel:W,onDelete:n,message:Y.detailedMessage.content,currentStepWallet:ee,walletButtonDisabled:!m}),Z.createElement(fa,{open:!!k,diagnosisUrl:H,onClose:()=>w(null),status:e.status==="success"?"success":"failed",priceValue:A(Ie,6,6),usdValue:J,realUsdValue:Ee,realValue:se(Ie),percentageChange:A(Te,2,2),token:{displayName:D[G-1].to.token.displayName,image:D[G-1].to.token.image},chain:{image:D[G-1].to.chain.image},description:De}))}i(Sa,"SwapDetails");import{i18n as Yr}from"@lingui/core";import{Divider as Ld,NotFound as ck,Skeleton as rn,Typography as Jr}from"@rango-dev/ui";import me from"react";import{i18n as ak}from"@lingui/core";import{Divider as lk,Skeleton as pk,Typography as uk}from"@rango-dev/ui";import fe from"react";import{css as it,styled as Ca}from"@rango-dev/ui";var Ad=Ca("div",{width:"100%",height:"100%",padding:"$10 $20"}),nn=Ca("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15"}),Kr=Ca("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"}),lq=it({display:"flex",justifyContent:"space-between",alignItems:"center"}),pq=it({display:"flex",justifyContent:"space-between",alignItems:"center"}),uq=it({paddingTop:"$15",display:"flex"}),cq=it({padding:"$15 $0"}),mq=it({width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"}),dq=it({paddingBottom:"$10"}),fq=it({display:"flex",justifyContent:"start",alignItems:"center"}),gq=it({paddingTop:"$5",display:"flex",alignItems:"center"}),hq=it({display:"flex",alignItems:"center"}),yq=it({padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"}),Wd=it({display:"flex",paddingTop:"$10",paddingBottom:"$5"});function Ta(){return fe.createElement(Ad,null,fe.createElement(Uo,{type:"swap-preview"}),fe.createElement("div",{className:"swaps-steps"},fe.createElement(uk,{variant:"title",size:"small"},ak.t("Swaps steps"))),fe.createElement(fe.Fragment,null,fe.createElement(nn,null,fe.createElement(ft,{separator:!1}),fe.createElement("div",{className:Wd()},fe.createElement(lk,{direction:"horizontal",size:20}),fe.createElement(pk,{height:22,variant:"rectangular"}))),fe.createElement(Kr,null),fe.createElement(nn,null,fe.createElement(ft,{separator:!1})),fe.createElement(Kr,null),fe.createElement(nn,null,fe.createElement(ft,{separator:!1})),fe.createElement(Kr,null),fe.createElement(nn,null,fe.createElement(ft,{separator:!1}))))}i(Ta,"LoadingSwapDetails");function Nd(t){let{requestId:e,showSkeleton:o}=t;return me.createElement(ie,{header:{title:Yr.t("Swap and Bridge"),suffix:me.createElement(so,null)}},o&&me.createElement(yd,null,me.createElement(Vr,null,me.createElement("div",{className:So()},me.createElement(Jr,{variant:"label",size:"large",color:"neutral700"},`${Yr.t("Request ID")}:`),me.createElement("div",{className:jr()},me.createElement(Jr,{variant:"label",size:"small",color:"neutral700"},me.createElement(rn,{width:60,height:10,variant:"rounded"})),me.createElement(Ld,{direction:"horizontal",size:4}),me.createElement(rn,{width:16,height:16,variant:"rectangular"}),me.createElement(Ld,{direction:"horizontal",size:4}),me.createElement(rn,{width:16,height:16,variant:"rectangular"}))),me.createElement("div",{className:So()},me.createElement(Jr,{className:Td(),variant:"label",size:"large",color:"neutral700"},me.createElement(rn,{width:60,height:10,variant:"rounded"})),me.createElement(Jr,{variant:"label",size:"small",color:"neutral700"},me.createElement(rn,{width:60,height:10,variant:"rounded"})))),me.createElement(Ta,null)),!o&&me.createElement(Cd,null,me.createElement(ck,{title:Yr.t("Not found"),description:Yr.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}i(Nd,"SwapDetailsPlaceholder");function Md(){let{manager:t,state:e}=fk(),o=!e.loadedFromPersistor,n=ct(t),{requestId:r}=hk(),s=ut(),{fetchStatus:a}=h();if(!r)return ka.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?ka.createElement(Nd,{requestId:r,showSkeleton:l}):ka.createElement(Sa,{swap:f,requestId:r,onCancel:u,onDelete:c})}i(Md,"SwapDetailsPage");function Bd(){return jl(),xi(),yk([{path:F.home,element:Ue.createElement(im,null)},{path:F.routes,element:Ue.createElement(um,null)},{path:F.fromSwap,children:[{index:!0,element:Ue.createElement(ea,{type:"source"})},{path:F.blockchains,element:Ue.createElement(Ds,{type:"source"})}]},{path:F.toSwap,children:[{index:!0,element:Ue.createElement(ea,{type:"destination"})},{path:F.blockchains,element:Ue.createElement(Ds,{type:"destination"})}]},{path:F.settings,children:[{index:!0,element:Ue.createElement(Zm,null)},{path:F.languages,element:Ue.createElement(am,null)},{path:F.exchanges,element:Ue.createElement(Bs,{sourceType:"Exchanges"})},{path:F.bridges,element:Ue.createElement(Bs,{sourceType:"Bridges"})}]},{path:F.swaps,children:[{index:!0,element:Ue.createElement(Uc,null)},{path:F.swapDetails,element:Ue.createElement(Md,null)}]},{path:F.wallets,element:Ue.createElement(Zp,null)},{path:F.confirmSwap,element:Ue.createElement(Ac,null)}])}i(Bd,"AppRoutes");import{isApprovalTX as Sk,MainEvents as Pd,RouteEventType as _d,StepEventType as $d,StepExecutionEventStatus as Ck,useEvents as Tk}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Dd}from"react";function Fd(){let t=h().tokens(),e=X.use.connectedWallets(),o=X.use.getWalletsDetails(),n=qe.use.setNotification(),r=Tk();return Dd(()=>(r.on(Pd.StepEvent,s=>{let{event:a,step:l,route:p}=s;if(a.type===$d.TX_EXECUTION&&a.status===Ck.TX_SENT&&!Sk(l)||a.type===$d.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]),Dd(()=>(r.on(Pd.RouteEvent,s=>{let{event:a,route:l}=s;(a.type===_d.FAILED||a.type===_d.SUCCEEDED)&&n(a,l)}),()=>r.all.clear()),[r,e.length]),null}i(Fd,"WidgetEvents");import{globalCss as kk}from"@rango-dev/ui";var Od=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 Ud(){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(Ud,"useFetchApiConfig");import{styled as wk}from"@rango-dev/ui";var qd=wk("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 Zr(){Od();let{config:t}=h(),{activeTheme:e}=jn(t?.theme||{}),{activeLanguage:o}=go(),[n,r]=zd(""),[s,a]=zd(),l=vk(vn),{fetchApiConfig:p}=Ud();return bk(()=>{qe.persist.rehydrate(),l.onConnectWallet(r),p().catch(console.log)},[]),sn.createElement(xk,{language:o},sn.createElement(qd,{id:"swap-container",className:e()},sn.createElement(Fd,null),sn.createElement(hl,{lastConnectedWallet:n,disconnectedWallet:s,clearDisconnectedWallet:()=>{a(void 0)}},sn.createElement(Bd,null))))}i(Zr,"Main");import xa,{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(k=>({accounts:[k],name:k.chain}))},f=i(async(k,w)=>{if(s(k,w))return r(k,w)},"switchNetwork"),m=i(k=>!!a(k).mobileWallet,"isMobileWallet"),d=p.filter(k=>k.enabled).reduce((k,w)=>(k[w.name]=w,k),{}),C=p.filter(Nk),S=i(k=>{let{supportedChains:w}=a(k);return mn(w)},"getSupportedChainNames"),y=e(),g={meta:{blockchains:d,evmBasedChains:C,evmNetworkChainInfo:Lk(C),getSupportedChainNames:S},getSigners:o,wallets:c,providers:y,switchNetwork:f,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:m},b=oe.use.isActiveTab();return Mk.createElement(Ak,{queuesDefs:[l],context:g,onPersistedDataLoaded:k=>{Ik(k)},isPaused:!b},t.children)}i(Pk,"QueueManager");var Qd=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 Rr=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 Hd=qk(void 0);function wa(t){let{manager:e}=Ok(),o=oe.use.isActiveTab(),n=Q.use.retry(),r=new Rr(e,{retrySwap:n}),s=X.use.connectedWallets(),a=X.use.loading(),l=Da(s),p=X.use.getWalletsDetails(),u=h().blockchains(),c=h().tokens(),f=h().swappers(),m=h().fetchStatus,d=go().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:f,loadingStatus:m},resetLanguage:d,notifications:{list:C}};return Uk.createElement(Hd.Provider,{value:S},t.children)}i(wa,"WidgetInfo");function Gd(){let t=zk(Hd);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}i(Gd,"useWidget");function ei(t){let{onUpdateState:e,config:o}=t;return Qk(()=>{Qa({API_KEY:o?.apiKey||an,BASE_URL:o?.apiUrl||Ia})},[o.apiKey,o.apiUrl]),xa.createElement(bn,{config:o,onUpdateState:e},xa.createElement(Qd,{apiKey:o.apiKey},xa.createElement(wa,null,t.children)))}i(ei,"WidgetProvider");function Vd(t){return Hk(()=>(zt.init(),zt.destroy),[]),t.config?.externalWallets?va.createElement(Zr,null):va.createElement(ei,{config:t.config??ai},va.createElement(Zr,null))}i(Vd,"Widget");export{HQ as EventSeverity,GQ as MainEvents,tH as Networks,rH as PendingSwapNetworkStatus,VQ as RouteEventType,jQ as StepEventType,XQ as StepExecutionBlockedEventStatus,KQ as StepExecutionEventStatus,ke as UI_ID,RQ as WalletEvents,oH as WalletTypes,Vd as Widget,ei as WidgetProvider,bn as WidgetWallets,Ni as customizedThemeTokens,ZQ as readAccountAddress,iu as useWallets,Gd as useWidget,YQ 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 an="c6381a79-2817-4602-83bf-6a641a409e32",Ea="https://api.rango.exchange",Aa="https://scan.rango.exchange",we={SWAP_BOX_ID:"rango-swap-box",EXPANDED_BOX_ID:"rango-expanded-box",...Jd};import{Events as ui,Provider as Mf}from"@rango-dev/wallets-react";import{isEvmBlockchain as Bf}from"rango-sdk";import xn,{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 ti from"bignumber.js";import{isCosmosBlockchain as rf}from"rango-types";import Zd from"bignumber.js";var Ne=new Zd(0);import{WalletTypes as Rd}from"@rango-dev/wallets-shared";var Wa=[Rd.LEAP];import{BigNumber as Na}from"bignumber.js";var ln=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 pn=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 oi(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(oi,"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=oi(t(r));return{title:s,image:a,link:tf(l),state:p,type:r}})}i(Ba,"mapWalletTypesToWalletInfo");function mn(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(mn,"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 S=c===Ma.Unknown&&nf(u);if(d&&!S)return;o.includes(c)||S?r?a(c,u.toLowerCase()):l.filter(v=>o.includes(v)).forEach(v=>{a(v,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 dn(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(dn,"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 ti(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 ti(s?.amount||Ne).multipliedBy(s?.usdPrice||0))?.reduce((s,a)=>s.plus(a),Ne)||Ne).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"),fn=i((t,e)=>{let o=of(Object.entries(t).map(([,n])=>n).filter(rf));return o&&o[e]?.experimental},"isExperimentalChain");function gn(t){return t?{...t,amount:A(t.amount,8,8),usdValue:A(t.usdValue,4,4)}:null}i(gn,"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 Me(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(Me,"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 hn(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(hn,"getConciseAddress");function qa({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(qa,"getAddress");function ni(t){return`${t.blockchain}-${t.symbol}-${t.address??""}`}i(ni,"createTokenHash");function yn(t){return t.flatMap(e=>e.balances).reduce((e,o)=>{let n={amount:o?.amount??"",decimals:o?.decimal??0,usdValue:o?.usdPrice?new ti(o?.usdPrice??Ne).multipliedBy(o?.amount).toString():""},r=o?ni({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(yn,"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 ri={API_KEY:an};function yt(t){return ri[t]||""}i(yt,"getConfig");function Ha(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),ri=e,ri}i(Ha,"initConfig");var Ga=20,Va=25,ja="Roboto",ii="theme-widget",wo=i((t,e)=>{let o=!1;if(e&&t){if(Array.isArray(e))o=!e.some(n=>Me(n,t));else if(!Array.isArray(e)&&e[t.blockchain]){o=e[t.blockchain].tokens.some(r=>Me(r,t));let n=e[t.blockchain].isExcluded;return!n&&!o||n&&o}}return o},"isTokenExcludedInConfig"),si=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 Sn,At=i(()=>Sn||(Sn=new uf(yt("API_KEY"),yt("BASE_URL")),Sn),"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:yn(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=>dn(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(S=>dn(S,m)),C=p.find(S=>S.address===m.address&&S.blockChain===m.chain);return C?.failed&&d&&r&&s([d],n,!1),d&&C?{...m,explorerUrl:C.explorerUrl,balances:$a(C,n),loading:!1}:m});return{loading:!1,balances:yn(c),connectedWallets:c}});else throw new Error("Wallet not found")}catch{t(l=>{let p=l.connectedWallets.map(c=>o.find(f=>dn(f,c))?Da(c):c);return{loading:!1,balances:yn(p),connectedWallets:p}})}},getBalanceFor:o=>{let{balances:n}=e(),r=ni(o);return n[r]??null}}))));import{allProviders as ff}from"@rango-dev/provider-all";function Cn(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(Cn,"matchAndGenerateProviders");function Ka(t,e){return Cn(t,e).map(r=>r.config.type)}i(Ka,"configWalletsToWalletName");function Ya(t,e){let o=X.use.clearConnectedWallet(),n=Cn(void 0,e);return gf(()=>{o(),n=Cn(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 ai={apiKey:"",title:void 0,multiWallets:!0,excludeLiquiditySources:!0,customDestination:!0},hf={clientUrl:void 0},yf={liquiditySources:void 0},Ja=i((t,e,o)=>({config:{...ai,...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 Tn(t){return Array.from(new Set(t))}i(Tn,"removeDuplicateFrom");function li(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(li,"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 M=i(()=>document.getElementById(we.SWAP_BOX_ID),"getContainer"),kn=i(()=>document.getElementById(we.EXPANDED_BOX_ID),"getExpanded");function wn(t,e){let o=t.map(s=>s.swapperGroup),n=[];return Tn(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(wn,"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=>Me(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 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 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=Tn(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 vn=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(C=>C.name),m=i((C,S,y,g,v)=>{if(S===ui.ACCOUNTS)if(y){let k=mn(v.supportedBlockchains),w=Pa(C,y,f,k,v.isContractWallet);w.length&&p(w,s)}else u(C);if(S===ui.ACCOUNTS&&g.connected){let k=`${C}-${g.network}-${y}`;g.connected&&(c.current?c.current(k):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(S===ui.NETWORK&&g.network){let k=`${C}-${g.network}`;c.current?c.current(k):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(C,S,y,g,v)},"onUpdateState"),d=oe.use.isActiveTab();return xn.createElement(vn.Provider,{value:{onConnectWallet:C=>{c.current=C}}},xn.createElement(Mf,{allBlockChains:r,providers:l,onUpdateState:m,autoConnect:!!d},t.children))}i($f,"Main");function bn(t){let{config:e,...o}=t;return xn.createElement(cl,{config:e},xn.createElement($f,{...o,config:e}))}i(bn,"WidgetWallets");import ba,{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 Ue from"react";import{useRoutes as yk}from"react-router-dom";var O={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 ci={"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")}],mi=["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 di(t,e){return e.find(o=>Me(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 Be from"bignumber.js";import{PendingSwapNetworkStatus as Wn}from"rango-types";function In(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(In,"getRequiredWallets");function En(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(En,"isValidAddress");import{i18n as Ae}from"@lingui/core";var K=i(()=>({genericServerError:Ae.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:Ae.t("Please reset your liquidity sources."),description:Ae.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources.")},noResultError:{title:Ae.t("No Routes Found."),description:Ae.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:Ae.t("Bridge Limit Error: Please increase your amount."),decreaseAmount:Ae.t("Bridge Limit Error: Please decrease your amount.")},highValueLossError:{impactTitle:Ae.t("High Price Impact"),title:Ae.t("Price impact is too high!"),description:Ae.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:Ae.t("Confirm high price impact")},quoteUpdatedWithHighValueLoss:{title:Ae.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:Ae.t("USD Price Unknown"),title:Ae.t("USD Price Unknown, Cannot calculate Price Impact."),description:Ae.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:Ae.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 An}from"@lingui/core";var Qt=i(()=>({connectWallet:An.t("Connect Wallet"),swap:An.t("Swap"),swapAnyway:An.t("Swap anyway"),ethWarning:An.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function wl(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new Be(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new Be(1e3)))??!1}i(wl,"hasHighValueLoss");function xl(t){return(t||[]).filter(e=>{let o=e.fromAmountMinValue?new Be(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Be(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 Be(l.fromAmountMinValue):null,u=l.fromAmountMaxValue?new Be(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 Be(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Be(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:A(o,6,6),symbol:e.from.symbol}}),a=K().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(s=Ze.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=Ze.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=Ze.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 gi(t,e,o){return!((!o||o.lte(Ne))&&t&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t)}i(gi,"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=Ne;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 Be(r.amount).multipliedBy(s||0))}return o}i(Kf,"getUsdFeeOfStep");function Ln(t,e){return t.reduce((o,n)=>o.plus(Kf(n,e)),Ne)}i(Ln,"getTotalFeeInUsd");function hi(t){let e=Ne;return e=e.plus(new Be(t.amount).multipliedBy(t.price||0)),e}i(hi,"getUsdFee");function Il(t){return t.reduce((e,o)=>e.plus(hi(o)),Ne)}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 Nn(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(Nn,"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}=t,C=s?.reduce((g,v)=>(g[v.chain]=v.address,g),{}),S=[];return r?.forEach(g=>{S.push({blockchain:g.chain,addresses:[g.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:S,selectedWallets:C??{},slippage:u.toString(),...d&&{destination:d},...p&&{swapperGroups:a.concat(l??[]),swappersGroupsExclude:!0},...!p&&{swapperGroups:l?.filter(g=>!a.includes(g)),swappersGroupsExclude:!1}}}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 Be(e).div(new Be(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 Be(a.currentAmount.amount).shiftedBy(-a.currentAmount.decimals),8,8),u=A(new Be(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(_l,"generateBalanceWarnings");function Mn(t,e){return(t?new Be(t):Ne).multipliedBy(e||0)}i(Mn,"calcOutputUsdValue");function Io(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==Wn.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 Wn.WaitingForConnectingWallet:n=n||Ze.t("Waiting for connecting wallet");break;case Wn.WaitingForQueue:n=n||Ze.t("Waiting for other running tasks to be finished");break;case Wn.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($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&&!En(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 Bn(t){let e=t?.swaps||[];return e[e.length-1].to.usdPrice}i(Bn,"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!li(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!li(o,n)}i(Ci,"isQuoteInternalCoinsUpdated");function Ql(t,e){return yi(t,e)||Si(t,e)||Ci(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=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),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=Ln(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=Nn(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"),Pn=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=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 Ht=i((t,e)=>t?.usdPrice?new Mt(e||Ne).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=Ne;return ko(o.inputAmount)?(e&&(n=e?.outputAmount?new Mt(e?.outputAmount):null,r=Mn(e?.outputAmount,Bn(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:C,setAffiliateWallets:S}=h(),y=u?.from?.tokens,g=u?.from?.blockchains,v=u?.to?.tokens,k=u?.to?.blockchains,w=_n(void 0),E=_n(void 0),b=_n(void 0),T=_n(void 0);oo(()=>{t(u?.amount?.toString()||"")},[u?.amount]),oo(()=>{if(c==="success"){let x=f.find(W=>W.name===u?.from?.blockchain),I=m.find(W=>Me(W,u?.from?.token||null));(x||!x&&b.current)&&n(x??null),I?r({token:I,meta:{blockchains:f,tokens:m}}):!I&&w.current&&r({token:null}),b.current=u?.from?.blockchain,w.current=u?.from?.token}},[u?.from?.token?.symbol,u?.from?.token?.address,u?.from?.token?.blockchain,u?.from?.blockchain,c]),oo(()=>{wo(s,y)&&r({token:null}),si(l,g)&&n(null)},[y,g]),oo(()=>{wo(a,v)&&r({token:null}),si(p,k)&&o(null)},[v,k]),oo(()=>{if(c==="success"){let x=f.find(W=>W.name===u?.to?.blockchain),I=m.find(W=>Me(W,u?.to?.token||null));(x||!x&&T.current)&&o(x??null),I?e({token:I,meta:{blockchains:f,tokens:m}}):!I&&E.current&&e({token:null}),T.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),C(u?.affiliate?.percent??null),S(u?.affiliate?.wallets??null)},[u?.affiliate?.ref,u?.affiliate?.percent,u?.affiliate?.wallets])}i(Xl,"useSyncStoresWithConfig");import{useEffect as wi,useRef as eg}from"react";import{useInRouterContext as tg,useLocation as og,useSearchParams as ng}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=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,C=h().blockchains(),S=h().tokens(),y=tg(),{updateIframe:g,updateCampaignMode:v}=h(),k=h().isInCampaignMode(),w=eg(),E=i(()=>{let T=e.get("fromAmount"),x=e.get("fromBlockchain"),I=e.get("fromToken"),W=e.get("toBlockchain"),L=e.get("toToken"),z=e.get("autoConnect"),ee=e.get("clientUrl"),ye=e.get("liquiditySources");return{fromAmount:T,fromBlockchain:x,fromToken:I,toBlockchain:W,toToken:L,autoConnect:z,clientUrl:ee,liquiditySources:ye}},"getUrlSearchParams"),b=i(T=>{for(let x in T)T[x]||delete T[x];o(T,{replace:!0})},"updateUrlSearchParams");wi(()=>{let{autoConnect:T,clientUrl:x}=E();y&&d==="success"&&b({fromBlockchain:n?.name,fromToken:ki(s),toBlockchain:r?.name,toToken:ki(a),fromAmount:l,autoConnect:T??void 0,clientUrl:x??void 0,liquiditySources:k?w.current:void 0})},[t.pathname,l,n,s,r,a,k]),wi(()=>{if(!y)return;let T=E();if(!w.current&&T.liquiditySources&&(w.current=T.liquiditySources),T.fromAmount&&m(T.fromAmount),d==="success"){let x=C.find(z=>z.name===T.fromBlockchain),I=Ti(S,T.fromToken,x??null),W=C.find(z=>z.name===T.toBlockchain),L=Ti(S,T.toToken,W??null);x&&(p(x),I&&c({token:I,meta:{blockchains:C,tokens:S}})),W&&(u(W),L&&f({token:L,meta:{blockchains:C,tokens:S}}))}},[d]),wi(()=>{let{clientUrl:T,liquiditySources:x}=E();g("clientUrl",T||void 0),v("liquiditySources",x?.split(",")??void 0)},[])}i(xi,"useSyncUrlAndStore");import{i18n as vr}from"@lingui/core";import{useManager as Ky}from"@rango-dev/queue-manager-react";import{Alert as Ec,Button as Yy,css as Ts,Divider as Cs,IconButton as Ac,SettingsIcon as Jy,styled as Zy,Tooltip as Ry,Typography as eS,WalletIcon as tS}from"@rango-dev/ui";import ue,{useEffect as Qo,useLayoutEffect as oS,useRef as nS,useState as br}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 Ji,BalanceErrors as Fh,Button as au,ChevronDownIcon as Oh,ChevronLeftIcon as Uh,Divider as po,MessageBox as qh,Typography as rr,WalletIcon as zh}from"@rango-dev/ui";import D,{useEffect as Qh,useState as uo}from"react";import{useNavigate as Hh}from"react-router-dom";import{i18n as $n}from"@lingui/core";function Dn(t){switch(t.type){case 0:return $n.t("Route has been updated.");case 3:return $n.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return $n.t("Route swappers has been updated.");case 2:return $n.t("Route internal coins has been updated.");default:return""}}i(Dn,"getQuoteUpdateWarningMessage");import{Modal as ig}from"@rango-dev/ui";import sg from"react";function ae(t){let{watermark:e}=oe();return sg.createElement(ig,{hasWatermark:e==="FULL",...t},t.children)}i(ae,"WatermarkedModal");import qn,{useRef as pg}from"react";import*as no from"@radix-ui/react-collapsible";import{keyframes as Kl,styled as Fn}from"@rango-dev/ui";var vi=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=Fn(no.Root,{borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),bi=Fn(no.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit",cursor:"pointer"}),On=Fn(no.Content,{overflow:"hidden",variants:{open:{true:{animation:`${ag} ${vi}ms ease-out`},false:{animation:`${lg} ${vi}ms ease-out`}}}}),Un=Fn("div",{transition:`all ${vi}ms ease`,display:"flex",alignItems:"center",variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}});function zn(t){let{open:e,hasSelected:o,onOpenChange:n,children:r,onClickTrigger:s,trigger:a,triggerAnchor:l}=t,p=pg(null);return qn.createElement(Yl,{ref:p,className:"collapsible_root",selected:o&&e,open:e,onOpenChange:n},l==="top"&&qn.createElement(bi,{className:"collapsible_trigger",onClick:s},a),qn.createElement(On,{className:"collapsible_content",open:e},r),l==="bottom"&&qn.createElement(bi,{className:"collapsible_trigger",onClick:s},a))}i(zn,"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 Re}from"@lingui/core";import{Button as Ph,Divider as Ki,Image as _h,MessageBox as nr,SelectableWallet as $h,Typography as nu,WalletState as ru}from"@rango-dev/ui";import pe,{useEffect as iu,useState as Lo}from"react";import{WalletState as Ii}from"@rango-dev/ui";import{useWallets as dg}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as fg,WalletTypes as Qn}from"@rango-dev/wallets-shared";import{useCallback as gg,useEffect as hg,useState as yg}from"react";var Sg=Object.values(Qn);function Hn(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),[C,S]=yg(""),y=i(E=>!u.find(b=>b.walletType===E&&b.chain===o),"isExperimentalChainNotAdded"),g=i(async E=>{let b=s(E);try{if(C&&S(""),b.connected)await a(E);else{let T=!!m.find(x=>x.state===Ii.CONNECTED);if(!e?.multiWallets&&T)return;n?.(E),await p(E),r?.(E)}}catch(T){S("Error: "+T?.message)}},"handleClick"),v=gg(()=>{let E=m?.filter(b=>b.state===Ii.CONNECTING)||[];for(let b of E)a(b.type)},[Qa(m)]);hg(()=>()=>{v()},[]);let k=i(E=>E.filter(T=>T.state!=Ii.NOT_INSTALLED&&![Qn.DEFAULT,Qn.WALLET_CONNECT_2].includes(T.type)&&l(T.type).supportedChains.filter(x=>x.type=="EVM").length>0).length==0,"shouldShowDefaultInjectedWallet"),w=i((E,b,T)=>fn(T,b)&&y(E)&&!fg.includes(E)||E==Qn.DEFAULT&&!k(m),"shouldExcludeWallet");return{list:d.filter(E=>!w(E.type,o??"",c)),error:C,handleClick:g,disconnectConnectingWallets:v}}i(Hn,"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 Gn(){return window.self!==window.top}i(Gn,"isAppLoadedIntoIframe");function Ei(){let t=Cg(null),{iframe:e}=h(),o=Gn()&&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(Ei,"useIframe");import{useNavigate as Tg}from"react-router-dom";function ut(){let t=Tg();return()=>t(-1)}i(ut,"useNavigateBack");import{createTheme as Bi,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 Ni 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,C=c[m],S={[`${e}${d}`]:Vn(t,C)};Object.assign(f,S)}return{...f,[e]:t}}i(kg,"generateShades");function Vn(t,e){let[o,n,r]=cp(t);return`#${Ai(o+e)}${Ai(n+e)}${Ai(r+e)}`}i(Vn,"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 Ai(t){return("0"+Math.max(0,Math.min(255,t)).toString(16)).slice(-2).toUpperCase()}i(Ai,"clamp");function mp(t){let[a,l,p]=cp(t);return(a*299+l*587+p*114)/1e3>188}i(mp,"isBright");var Wi=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"),Li=i(t=>wg(xg(5381,JSON.stringify(t))>>>0),"toHash");function Mi(t){let e=vg.colors,o=Wi({...e,...bg},!0,t?.dark),n=Wi(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:`${ii}-light-${Li(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${ii}-dark-${Li(p)}`,tokens:p}}return{light:a,dark:l}}i(Mi,"customizedThemeTokens");function fp(t,e){if(t.length<=1)return t.map(({element:n,key:r})=>Ni.cloneElement(n,{key:r}));let o=[];return t.forEach((n,r)=>{let{element:s,key:a}=n;if(o.push(Ni.cloneElement(s,{key:a})),r<t.length-1){let l=`divider-${r}`;o.push(Ni.cloneElement(e,{key:l}))}}),o}i(fp,"joinList");function jn(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}=Mi(e),m=Bi({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),d=[m.className,Eg.className],C=[m.className,Ig.className];if(f){let y=Bi(f.id,f.tokens);d.push(y.className)}if(c){let y=Bi(c.id,c.tokens);C.push(y.className)}return gp(()=>{let y=i(g=>{g.matches?l("dark"):l("light")},"switchThemeListener");return window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&l("dark"),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",y),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",y)}},[]),gp(()=>{s!=="auto"&&p(s)},[s]),{activeTheme:i(()=>{let y=d.join(" "),g=C.join(" ");return u==="auto"?a==="dark"?g:y:u==="dark"?g:y},"getActiveTheme")}}i(jn,"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 Pi(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(Pi,"ActivateTabAlert");import{i18n as _i}from"@lingui/core";import{Button as Ng,Divider as Mg,MessageBox as Bg}from"@rango-dev/ui";import Xn from"react";function $i(t){let{open:e,onClose:o,onConfirm:n}=t;return Xn.createElement(ae,{open:e,dismissible:!0,onClose:o,container:M()},Xn.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.")},Xn.createElement(Mg,{size:20}),Xn.createElement(Ng,{variant:"contained",size:"large",type:"primary",fullWidth:!0,onClick:n},_i.t("Confirm"))))}i($i,"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 Di(t){return xp.createElement(Ye,{variant:"ghost",size:"small",onClick:t.onClick},xp.createElement(_g,{color:"black",size:16}))}i(Di,"BackButton");import{i18n as $g}from"@lingui/core";import{Button as Dg,Typography as Fg}from"@rango-dev/ui";import Fi from"react";function Oi(t){return Fi.createElement(so,null,Fi.createElement(Dg,{variant:"ghost",onClick:t.onClick,size:"xsmall"},Fi.createElement(Fg,{variant:"label",size:"medium",color:"error500"},$g.t("Cancel"))))}i(Oi,"CancelButton");import{i18n as Og}from"@lingui/core";import{Tooltip as Ug,WalletIcon as qg}from"@rango-dev/ui";import Kn from"react";function Ui(t){return Kn.createElement(Ug,{container:t.container,side:"top",content:Og.t("Connect Wallet")},Kn.createElement(Ye,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&Kn.createElement(Cp,null),Kn.createElement(qg,{size:18,color:"black"})))}i(Ui,"WalletButton");import{i18n as Zn}from"@lingui/core";import{NotificationsIcon as mh,Popover as dh,SettingsIcon as fh,Tooltip as Rn,TransactionIcon as gh}from"@rango-dev/ui";import be 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 Fe 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 qe=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 Yn from"react";function Wp(){return Yn.createElement(Ap,null,Yn.createElement(Kg,{color:"secondary",size:26}),Yn.createElement(Xg,{size:12}),Yn.createElement(Yg,{variant:"body",size:"medium",color:"neutral700"},jg.t("There are no notifications.")))}i(Wp,"NotificationNotFound");var oh=4;function qi(){let t=th(),{getUnreadNotifications:e}=qe(),o=e(),n=h().blockchains(),r=h().tokens(),s=o.sort((l,p)=>p.creationTime-l.creationTime).slice(0,oh),a=i(l=>{t(`${O.swaps}/${l}`)},"handleOnClick");return Fe.createElement(vp,null,s.length?Fe.createElement(bp,null,s.map((l,p)=>{let{route:u,requestId:c,event:f}=l,m=r.find(y=>Me(y,u.from)),d=n.find(y=>y.name===u.from.blockchain),C=r.find(y=>Me(y,u.to)),S=n.find(y=>y.name===u.to.blockchain);return Fe.createElement(Fe.Fragment,{key:c},p>0&&Fe.createElement(Rg,{size:4}),Fe.createElement(Ip,{onClick:()=>a(c),actionRequired:f.messageSeverity===Lp.WARNING,title:Fe.createElement(eh,{variant:"body",size:"small",color:f.messageSeverity===Lp.WARNING?"$foreground":"$neutral700"},Jg.t(f.message)),id:c,start:Fe.createElement(Ep,null,Fe.createElement("div",{className:"from-chain-token"},Fe.createElement(Np,{tokenImage:m?m.image:"",chainImage:d?d.logo:"",size:"small"})),Fe.createElement("div",{className:"to-chain-token"},Fe.createElement(Np,{tokenImage:C?C.image:"",chainImage:S?S.logo:"",size:"small"}))),end:Fe.createElement(Zg,{size:12,color:"gray"})}))})):Fe.createElement(Wp,null))}i(qi,"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 zi,{useEffect as ah,useState as Pp}from"react";var lh=1e3,_p=60,ph=100;function Jn({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 zi.createElement(Ye,{variant:"ghost",size:"small",style:{paddingTop:0,paddingBottom:0},onClick:l,disabled:!t},zi.createElement(kp,{onTransitionEnd:()=>r(!1),isRefetched:n},zi.createElement(sh,{size:24,color:t?"black":"gray",progress:e/_p*ph})))}i(Jn,"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}=qe(),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 be.createElement(be.Fragment,null,!r.includes("refresh")&&be.createElement(Rn,{container:M(),side:"top",content:Zn.t("Refresh")},be.createElement(Jn,{onClick:e})),!a&&be.createElement(dh,{align:"end",alignOffset:-88,collisionPadding:{right:20,left:20},container:M(),content:be.createElement(qi,null)},be.createElement("div",null,be.createElement(Rn,{container:M(),side:"top",content:Zn.t("Notifications")},be.createElement(Ye,{size:"small",variant:"ghost"},be.createElement(mh,{size:18,color:"black"}),be.createElement(Dp,null))))),!r.includes("settings")&&be.createElement(Rn,{container:M(),side:"top",content:Zn.t("Settings")},be.createElement(Ye,{size:"small",variant:"ghost",onClick:n},be.createElement(fh,{size:18,color:"black"}))),!r.includes("history")&&be.createElement(Rn,{container:M(),side:"top",content:Zn.t("Transactions History")},be.createElement(Ye,{size:"small",variant:"ghost",onClick:o},be.createElement(gh,{size:18,color:"black"}),be.createElement(Bp,null))))}i(Gt,"HeaderButtons");function Qi(t){let e=t.target;if(e){let o=e.scrollTop,n=M();o>1?n.classList.add("rng-scrolled"):n.classList.remove("rng-scrolled")}}i(Qi,"onScrollContentAttachStatusToContainer");import{css as hh,styled as Hi}from"@rango-dev/ui";var Fp="700px",er=hh({borderRadius:"$primary",display:"flex",flexDirection:"column",overflow:"hidden",boxShadow:"15px 15px 15px 0px rgba(0, 0, 0, 0.05)"}),Op=Hi("div",{position:"relative",width:"100vw",minWidth:"300px",maxWidth:"390px",backgroundColor:"$background",variants:{height:{auto:{height:"auto",maxHeight:Fp},fixed:{height:Fp}}}}),Up=Hi("div",{position:"relative",overflow:"hidden",flexGrow:1,display:"flex",flexDirection:"column",padding:0,overflowY:"auto"}),qp=Hi("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}=Ei(),{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}=jn(u||{}),d=Ve("connectWalletButton",p),{isActiveTab:C,tabManagerInitiated:S,showActivateTabModal:y,setShowActivateTabModal:g,activateCurrentTab:v}=oe(),k=ut(),{manager:w}=yh(),b=ct(w).map(({swap:z})=>z).some(z=>z.status==="running"),T=i(()=>v(zt.forceClaim,b),"onActivateTab"),x=i(()=>{r.onWallet?.()},"onConnectWallet"),I=typeof r.hasBackButton>"u"||r.hasBackButton,W=Hp(null),L=Hp(null);return Qp(()=>(Gn()&&L.current&&e(L.current),()=>{o()}),[]),Qp(()=>(W.current?.addEventListener("scroll",Qi),()=>{W.current?.removeEventListener("scroll",Qi)}),[]),Ce.createElement(Op,{height:a,id:we.SWAP_BOX_ID,className:`${m()} ${er()}`,ref:L},Ce.createElement(Ch,{prefix:Ce.createElement(Ce.Fragment,null,I&&Ce.createElement(Di,{onClick:()=>{k(),r.onBack&&r.onBack()}})),title:r.title,suffix:Ce.createElement(Ce.Fragment,null,r.suffix,r.onWallet&&!d&&Ce.createElement(Ui,{container:M(),onClick:x,isConnected:!!l?.length}),r.onCancel&&Ce.createElement(Oi,{onClick:r.onCancel}))}),Ce.createElement(Up,{ref:W},n),Ce.createElement($i,{open:y,onClose:()=>g(!1),onConfirm:T}),Ce.createElement(qp,null,Ce.createElement("div",{className:"footer__content"},S&&!C&&Ce.createElement("div",{className:"footer__alert"},Ce.createElement(Pi,{onActivateTab:T}),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 le=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 Vi from"react";import{i18n as ao}from"@lingui/core";import{Image as vh,MessageBox as Gi,WalletState as bh}from"@rango-dev/ui";import Vt from"react";import{keyframes as wh,styled as tr}from"@rango-dev/ui";var l0=tr("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),Vp=tr("div",{position:"relative"}),xh=wh({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),jp=tr("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=tr("div",{"& img":{borderRadius:"50%"}});function Kp(t){let{state:e,image:o,error:n}=t;return e===bh.CONNECTED?Vt.createElement(Gi,{type:"success",title:ao.t("Wallet Connected"),description:ao.t("Your wallet is connected, you can use it to swap.")}):n?Vt.createElement(Gi,{type:"error",title:ao.t("Failed to Connect"),description:n||ao.t("Your wallet is not connected. Please try again.")}):Vt.createElement(Gi,{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 Vi.createElement(ae,{open:e,onClose:o,container:document.getElementById(we.SWAP_BOX_ID)||document.body},Vi.createElement(Kp,{...n}),Vi.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(le,{textAlign:"center"}),or=3e3,ji=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}=Hn({config:t,onBeforeConnect:y=>{a=setTimeout(()=>{n(!0),s(y)},ji)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},or)}}),m=i(()=>{f(),n(!1)},"handleCloseWalletModal"),d=p.find(y=>y.type===r),C=d?.image||"",S=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((y,g)=>{let v=`wallet-${g}-${y.type}`;return lo.createElement(Ah,{key:v,...y,container:M(),onClick:k=>{u(k)},isLoading:e==="loading",disabled:!l})}),lo.createElement(Wo,{open:!!o,onClose:m,image:C,state:S,error:c}))))}i(Rp,"WalletsPage");import{keyframes as Mh,styled as Xi}from"@rango-dev/ui";var eu=Xi("div",{position:"relative"}),Bh=Mh({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),tu=Xi("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=Xi("div",{"& img":{borderRadius:"50%"}});var Dh=7;function Yi(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),[C,S]=Lo(!1),[y,g]=Lo(null),{suggestAndConnect:v}=su(),k=null,{list:w,error:E,handleClick:b,disconnectConnectingWallets:T}=Hn({config:a,chain:e,onBeforeConnect:$=>{k=setTimeout(()=>{f($)},ji)},onConnect:()=>{k&&clearTimeout(k),setTimeout(()=>{f("")},or)}}),[x,I]=Lo(w),W=w.length,L=r&&W-r>0,z=i(async $=>{S(!1),g("in-progress");try{await v($.walletType,$.chain),g("completed")}catch{g("rejected")}},"addExperimentalChain");iu(()=>{I($=>{let te=w.findIndex(Z=>o(Z.type,e));return L&&te>1?[w[te]].concat(w.filter((Z,N)=>N!==te)):$.map(Z=>w.find(N=>N.type===Z.type)??Z)})},[JSON.stringify(w)]);let ee=document.getElementById(we.SWAP_BOX_ID);iu(()=>{let $=null;return(y==="completed"||y==="rejected")&&($=setTimeout(()=>g(null),or)),()=>{$&&clearTimeout($)}},[y]);let ye=i(()=>{T(),f("")},"handleCloseWalletModal");return pe.createElement(pe.Fragment,null,x.slice(0,r).map($=>{let te=qa({connectedWallets:p,walletType:$.type,chain:e}),Z=te?hn(te,Dh):"",N=fn(u(),e),B=!p.find(ge=>ge.walletType===$.type&&ge.chain===e),P=N&&B&&$.state===ru.CONNECTED,V=P?Re.t({id:"Add {chain} chain",values:{chain:e}}):Z,fe=i(()=>{$.state===ru.DISCONNECTED?b($.type):P?(d({walletType:$.type,chain:e,address:te??""}),S(!0)):n({walletType:$.type,chain:e,address:te??""})},"onClick"),ce=m?.chain?Tl(m.chain,u()):void 0;return pe.createElement(pe.Fragment,{key:`${$.title}_${ce}`},pe.createElement(Wo,{open:c===$.type,onClose:ye,image:$.image,state:$.state,error:E}),!!m&&pe.createElement(ae,{open:!!m&&C,container:ee,onClose:()=>{d(null)}},pe.createElement(nr,{title:Re.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:ce}}),type:"warning",description:Re.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:ce}})},pe.createElement(Ki,{size:18}),pe.createElement(Ki,{size:32}),pe.createElement(Ph,{onClick:z.bind(null,m),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},Re.t("Confirm")))),y&&pe.createElement(ae,{open:!!y,onClose:g.bind(null,null),container:ee},y==="in-progress"&&pe.createElement(nr,{type:"loading",title:Re.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:ce}}),description:Re.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:ce}}),icon:pe.createElement(eu,null,pe.createElement(ou,null,pe.createElement(_h,{src:$.image,size:45})),pe.createElement(tu,null))}),y==="completed"&&pe.createElement(nr,{type:"success",title:Re.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:ce}}),description:Re.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:ce}})}),y==="rejected"&&pe.createElement(nr,{type:"error",title:Re.t("Request Rejected"),description:Re.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:ce}})}),pe.createElement(Ki,{direction:"vertical",size:32})),pe.createElement($h,{key:$.type,description:V,onClick:fe,selected:o($.type,e),disabled:!l,...$}))}),L&&pe.createElement(ep,{selected:!1,onClick:s},pe.createElement(nu,{variant:"label",size:"medium"},Re.t("Show more wallets"),pe.createElement(nu,{variant:"label",size:"medium",color:"$primary"},"\xA0+",W-(r??0)))))}i(Yi,"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:C,selectWallets:S}=X(),[y,g]=uo(""),[v,k]=uo([]),[w,E]=uo(""),[b,T]=uo(null),[x,I]=uo(!!m),W=In(p?.swaps||null),L=l.find(G=>G.name===p?.swaps[p?.swaps.length-1].to.blockchain),z=i(G=>!!p?.swaps.find(Y=>Y.from.blockchain===G),"isWalletRequiredFor"),ee=i(()=>C.filter(G=>G.selected&&W.includes(G.chain)),"getInitialSelectableWallets"),[ye,$]=uo(ee()),te=l.find(G=>G.name===L?.name),Z=v.length>0,N=i((G,Y)=>!!ye.find(R=>R.walletType===G&&R.chain===Y&&R.selected&&(z(Y)||!z(Y)&&!m)),"isSelected"),B=!!m&&x&&te&&!En(te,m),P=i(()=>{I(!1),d(null),$(G=>{let Y=!1;return G.map(R=>!Y&&R.chain===L?.name?(Y=!0,{...R,selected:!0}):R)})},"resetCustomDestination"),V=i(G=>{if(y&&g(""),N(G.walletType,G.chain))return;let R=C.find(Ee=>Ee.walletType===G.walletType&&Ee.chain===G.chain);R&&(n(),G.chain===L?.name&&x&&(I(!1),d(null)),$(Ee=>Ee.filter(Ge=>Ge.chain!==G.chain).concat({...R,selected:!0})))},"onChange"),fe=i(()=>{let G=ye.filter(Y=>Y.selected);S(G),u(G),f(!0),o()},"onConfirmBalance"),ce=i(async()=>{k([]),E(""),T(null);let G=C.filter(Ee=>ye.find(Ge=>Ge.chain===Ee.chain&&Ge.walletType===Ee.walletType)),Y=await r?.({selectedWallets:G,customDestination:m}),R=Y.warnings;R?.balance?.messages&&k(R.balance.messages),R?.quoteUpdate&&T(R.quoteUpdate),Y.error&&E(kl(Y.error)),!Y.error&&!R?.balance?.messages.length?fe():k(R?.balance?.messages??[])},"onConfirmWallets");Qh(()=>{$(G=>G.concat(C.filter(Y=>!!!G.find(Ee=>Ee.chain===Y.chain)&&Y.selected&&W.includes(Y.chain))))},[C.length]);let ge=document.getElementById(we.SWAP_BOX_ID),ht=Hh();return D.createElement(ae,{open:e,onClose:()=>{c||ht("../",{replace:!0}),o()},dismissible:!y,container:ge,...!y&&{footer:D.createElement(ap,null,D.createElement(au,{loading:s,disabled:Ol(s,x,m,p,ye,L),onClick:ce,variant:"contained",type:"primary",fullWidth:!0,size:"large"},mt.t("Confirm")))},...y&&{styles:{container:{padding:"$0"}},header:D.createElement(tp,null,D.createElement(op,{variant:"ghost",onClick:g.bind(null,"")},D.createElement(Uh,{size:16})),D.createElement(rr,{variant:"headline",size:"small"},mt.t({id:"Your {blockchainName} wallets",values:{blockchainName:je(y,l)}})))},anchor:"center"},D.createElement(ae,{open:Z,onClose:k.bind(null,[]),container:ge},D.createElement(qh,{title:mt.t("Insufficient account balance"),type:"error",description:D.createElement(Fh,{messages:v??[]})},D.createElement(au,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:fe},mt.t("Proceed anyway")))),y&&D.createElement(np,null,D.createElement("div",{className:rp()},D.createElement(Yi,{chain:y,isSelected:N,selectWallet:V,onShowMore:g.bind(null,y)}))),!y&&D.createElement(D.Fragment,null,w&&D.createElement(D.Fragment,null,D.createElement(Ji,{variant:"alarm",type:"error",title:mt.t(w)}),D.createElement(po,{size:12})),b&&D.createElement(D.Fragment,null,D.createElement(Ji,{variant:"alarm",type:"warning",title:Dn(b)}),D.createElement(po,{size:12})),D.createElement(pp,null,W.map((G,Y)=>{let R=l.find(ke=>ke.name===G),Ee=`wallet-${Y}`,Ge=Y===W.length-1;return D.createElement("div",{key:Ee},D.createElement(Zl,null,D.createElement(rr,{variant:"title",size:"xmedium"},mt.t({id:"Your {blockchainName} wallets",values:{blockchainName:R?.shortName}})),D.createElement(rr,{variant:"label",color:"$neutral700",size:"medium"},mt.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:R?.shortName}}))),D.createElement(po,{size:24}),D.createElement(Rl,null,D.createElement(Yi,{chain:G,isSelected:N,selectWallet:V,limit:Gh,onShowMore:()=>g(R?.name??"")})),!Ge&&D.createElement(po,{size:32}),Ge&&a?.customDestination&&D.createElement(ip,null,D.createElement(zn,{onOpenChange:ke=>{ke?z(L?.name??"")||$(De=>De.map(Se=>Se.chain===L?.name?{...Se,selected:!1}:Se)):P()},hasSelected:!0,open:x,triggerAnchor:"top",trigger:D.createElement(up,null,D.createElement("div",{className:"button__content"},D.createElement(zh,{size:18,color:"info"}),D.createElement(po,{size:4,direction:"horizontal"}),D.createElement(rr,{variant:"label",size:"medium"},mt.t("Send to a different address"))),D.createElement(Un,{orientation:x?"up":"down"},D.createElement(Oh,{size:10,color:"gray"}))),onClickTrigger:()=>I(ke=>!ke)},D.createElement(po,{size:4}),D.createElement(lp,{autoFocus:!0,placeholder:mt.t("Your destination address"),value:m||"",onChange:ke=>{let De=ke.target.value;De.length?d(De.length?De:null):(I(!1),d(null))}})),B&&D.createElement("div",{className:sp()},D.createElement(Ji,{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 Qe from"react";import{Alert as Xh,Button as Kh,Divider as es,NoRouteIcon as Yh,RefreshIcon as Jh,Typography as gu}from"@rango-dev/ui";import ze 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 Zi=(o=>(o[o.small=Vh]="small",o[o.large=jh]="large",o))(Zi||{}),Ri=(o=>(o.small="small",o.large="medium",o))(Ri||{});import{styled as ir}from"@rango-dev/ui";var cu=ir("div",{display:"flex",flexDirection:"column",alignItems:"center"}),mu=ir("div",{variants:{size:{small:{},large:{maxWidth:"316px"}}}}),du=ir("div",{variants:{size:{small:{width:"100%"},large:{}}}}),fu=ir("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 ze.createElement(cu,null,ze.createElement(Yh,{size:Zi[n],color:"gray"}),ze.createElement(es,{size:4}),ze.createElement(gu,{variant:"title",size:Ri[n]},K().noResultError.title),n==="large"&&ze.createElement(es,{size:4}),!!l.description&&ze.createElement(mu,{size:n},ze.createElement(gu,{variant:"body",size:"small",align:"center",color:"neutral700"},l.description)),ze.createElement(es,{size:n==="large"?"24":"4"}),!!l.alert&&ze.createElement(du,{size:n},ze.createElement(Xh,{type:l.alert.type,title:l.alert.text,titleAlign:"left",action:l.alert.action&&ze.createElement(Kh,{size:"xsmall",type:l.alert.type,prefix:ze.createElement(fu,null,ze.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 os from"react";import{darkTheme as Zh,styled as sr}from"@rango-dev/ui";var hu=sr("div",{width:"100%"}),ts=sr("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),yu=sr("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${Zh} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Su=sr("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function Tu(t){let{title:e,value:o,valueColor:n}=t;return os.createElement(yu,null,os.createElement(Cu,{size:"medium",variant:"label",className:"_title"},e),os.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(ae,{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:M()},Ct.createElement(ty,{type:a,title:K().highValueLossError.impactTitle,description:K().highValueLossError.description}),Ct.createElement(ts,null,Ct.createElement(ey,{size:20}),Ct.createElement(oy,{size:"small",variant:"title"},Mo.t("Details")),Ct.createElement(ts,null,l.map((p,u)=>Ct.createElement(Tu,{key:u,...p})))))}i(ku,"HighValueLossWarningModal");import{i18n as ns}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=ns.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=ns.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=ns.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(ae,{anchor:"bottom",open:n,prefix:Kt.createElement(xu,{size:"small",variant:"ghost",onClick:()=>p("../"+O.settings)},Kt.createElement(iy,{variant:"label",size:"medium",color:"$neutral900"},co.t("Change settings"))),container:M(),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 ar from"react";function Iu(t){let{open:e,onClose:o,onConfirm:n,confirmationDisabled:r}=t;return ar.createElement(ae,{footer:ar.createElement(ay,{type:"primary",size:"large",prefix:ar.createElement(py,null),fullWidth:!0,disabled:r,onClick:n},K().unknownPriceError.confirmMessage),open:e,onClose:o,container:M()},ar.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 Qe.createElement(Qe.Fragment,null,f&&Qe.createElement(No,{error:o,fetch:s}),!!m&&Qe.createElement(hu,null,Qe.createElement(cy,{title:m.title,type:m.alertType,variant:"alarm",...m.action==="show-info"&&{action:Qe.createElement(Su,{onClick:a},Qe.createElement(dy,{size:12,color:"gray"}))},...m.action==="change-settings"&&{action:Qe.createElement(my,{size:"xxsmall",type:m.alertType,onClick:u},uy.t("Change"))}})),e&&Qe.createElement(Qe.Fragment,null,e.type===0&&Qe.createElement(ku,{...c,warning:e}),(e.type===3||e.type===2)&&Qe.createElement(bu,{...c,warning:e}),e.type===1&&Qe.createElement(Iu,{...c,warning:e})))}i(Bo,"QuoteWarningsAndErrors");import Hy from"bignumber.js";import Tr 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 ms from"bignumber.js";import _,{useRef as Dy,useState as Fy}from"react";import{styled as rs}from"@rango-dev/ui";var is=rs("div",{width:"100%","& .position-top__skeleton":{paddingTop:"$10"}}),Eu=rs("div",{paddingBottom:"$15"}),Au=rs("div",{width:"100%",display:"flex"});import*as lr from"@radix-ui/react-collapsible";import{Button as fy,css as Po,darkTheme as We,Image as Wu,styled as Pe,Typography as gy}from"@rango-dev/ui";var hy=300,Lu=Pe(lr.Root,{display:"flex",flexDirection:"column",alignItems:"start",overflowX:"auto",overflowY:"hidden",width:"100%",borderRadius:"$xm",variants:{selected:{true:{},false:{$$color:"$colors$neutral400",[`.${We} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}},listItem:{true:{$$color:"$colors$neutral400",[`.${We} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"},false:{}}},compoundVariants:[{listItem:!1,selected:!0,css:{$$color:"$colors$info300",[`.${We} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"}}]}),Nu=Po({padding:"$10 $15"}),Mu=Pe(fy,{backgroundColor:"transparent",border:"1px solid $secondary"}),Bu=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",[`.${We} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color"}},basic:{true:{borderTopRightRadius:"0",borderTopLeftRadius:"0"}},listItem:{true:{$$color:"$colors$neutral200",[`.${We} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color","&:hover":{"& .quote_container":{"& button":{backgroundColor:"$neutral500",[`.${We} &`]:{backgroundColor:"$neutral200"}},backgroundColor:"$neutral500",[`.${We} &`]:{backgroundColor:"$neutral200"}},backgroundColor:"$neutral300",[`.${We} &`]:{backgroundColor:"$neutral400"}},cursor:"pointer"},false:{}}},compoundVariants:[{listItem:!0,selected:!0,css:{outline:"1px solid $secondary"}},{listItem:!1,selected:!0,css:{$$color:"$colors$info100",[`.${We} &`]:{$$color:"$colors$secondary600"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}}},{listItem:!0,selected:!1,css:{cursor:"pointer","&:hover":{backgroundColor:"$neutral300",[`.${We} &`]:{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",[`.${We} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Du=Pe(lr.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",[`.${We} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}},listItem:{true:{$$color:"$colors$neutral400",[`.${We} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"},false:{}}},compoundVariants:[{listItem:!1,selected:!0,css:{$$color:"$colors$info300",[`.${We} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"}}],".blockchains_section":{display:"none"},"@xs":{".blockchains_section":{display:"block"}}}),Fu=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"}}}}),Ou=Pe(On,{width:"100%",background:"inherit"}),ss=Pe("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=Pe("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),Uu=Pe("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${We} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),qu=Pe("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"}),as=Pe(gy,{overflow:"hidden",textOverflow:"ellipsis",letterSpacing:.4}),zu=Pe("div",{display:"flex",flexWrap:"wrap"}),ls=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"}}}}),Qu=Pe("div",{display:"flex"}),pr=Pe("div",{width:"100%",borderTopWidth:"1px",borderTopStyle:"solid",borderTopColor:"$neutral",margin:"$5 0",[`.${We} &`]:{borderTopColor:"$neutral800"}});import{i18n as _t}from"@lingui/core";import{ChevronDownIcon as Sy,CloseIcon as Cy,Divider as mr,IconButton as Ty,QuoteCost as ky,Tooltip as wy,Typography as et}from"@rango-dev/ui";import j,{useState as ju}from"react";import{css as yy,styled as ur}from"@rango-dev/ui";var cr=ur("div",{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"$5 0","&.total_payable_fee":{padding:"$12 0"}}),ps=ur("div",{width:"100%",borderTop:"1px solid $neutral300",margin:"$10 0"}),Hu=ur("div",{padding:"$20 0",display:"flex",flexDirection:"column","& .collapsible_trigger":{display:"flex",alignItems:"center"}}),Gu=ur("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(cr,null,j.createElement(et,{variant:"label",size:"medium",color:"neutral600"},t.label),j.createElement(et,{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=M(),d=El(f);return j.createElement(j.Fragment,null,j.createElement(ky,{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(ae,{container:m,open:e,header:j.createElement(Gu,null,j.createElement(et,{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(et,{variant:"title",size:"small"},_t.t("Details")),j.createElement(mr,{size:10}),Object.entries(d.payable).flatMap(([C,S])=>S.map((y,g)=>{let v=`payable-fee-${g}`,k=hi(y);return j.createElement(cr,{key:v},j.createElement(et,{variant:"label",size:"medium",color:"neutral600"},ci[C]),j.createElement(wy,{content:se(y.amount),container:m},j.createElement(et,{variant:"label",size:"medium"},A(y.amount,2,2)," ",y.asset.symbol," ($",A(k,4,4),")")))})),j.createElement(cr,{className:"total_payable_fee"},j.createElement(et,{variant:"label",size:"medium"},_t.t("Total Payable Fee")),j.createElement(et,{variant:"label",size:"medium"},"$",A(l,4,4))),j.createElement(ps,null),Object.keys(d.nonePayable).length&&j.createElement(zn,{triggerAnchor:"bottom",onClickTrigger:()=>r(C=>!C),trigger:j.createElement("div",{className:Vu()},j.createElement(et,{size:"small",variant:"body",color:"neutral700"},n?_t.t("Hide non-payable fees"):_t.t("Show non-payable fees")),j.createElement(mr,{size:4,direction:"horizontal"}),j.createElement(Un,{orientation:n?"up":"down"},j.createElement(Sy,{size:12,color:"gray"}))),open:n},j.createElement(et,{size:"small",variant:"title"},_t.t("Description")),j.createElement(mr,{size:4}),j.createElement(et,{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(mr,{size:10}),Object.entries(d.nonePayable).map(([C,S],y)=>{let g=Il(S),v=ci[C],k=`non-payable-fee-${y}`;return j.createElement(xy,{key:k,fee:g,label:v})}),j.createElement(ps,null)))))}i(Xu,"QuoteCostDetails");import{i18n as Ju}from"@lingui/core";import{TokenAmount as Zu}from"@rango-dev/ui";import dr 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 dr.createElement(Ku,null,dr.createElement(Zu,{direction:"horizontal",label:Ju.t("Swap input"),type:"input",tooltipContainer:M(),price:{value:e.price.value,usdValue:e.price.usdValue,realValue:e.price.realValue,realUsdValue:e.price.realUsdValue},token:{displayName:e.token.displayName,image:e.token.image},chain:{image:e.chain.image}}),dr.createElement("div",{className:Yu()}),dr.createElement(Zu,{direction:"horizontal",tooltipContainer:M(),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 us,Image as Ly,Tooltip as cs,Typography as gr}from"@rango-dev/ui";import F 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"),fr=Ey;var hr=4,yr=6,Do=i(t=>{let e=M(),{content:o,src:n,className:r,open:s,state:a}=t;return F.createElement(cs,{container:e,side:"bottom",sideOffset:4,open:s,content:o},F.createElement(Fu,{className:r,state:a},F.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=M(),p=r.length,u=Gl(r),{isTablet:c,isMobile:f}=fr();return F.createElement(Du,{listItem:a==="list-item",ref:m=>e.current=m,selected:o,onClick:m=>{m.stopPropagation(),n(d=>!d)}},F.createElement("div",{className:mo()},F.createElement(gr,{variant:"body",size:"xsmall"},nc.t("Via:")),F.createElement(us,{direction:"horizontal",size:4}),r.map((m,d)=>{let C=`item-${d}`,S=F.createElement(ss,null,F.createElement(Wy,{size:12,color:"black"}));return f||c?F.createElement(F.Fragment,{key:C},F.createElement(Do,{content:m.swapper.displayName,src:m.swapper.image,state:m.state}),d!==p-1&&F.createElement(F.Fragment,null,S)):F.createElement(F.Fragment,{key:C},p<=hr||p>hr&&d<hr-1?F.createElement(F.Fragment,null,F.createElement(Do,{content:m.swapper.displayName,src:m.swapper.image,state:m.state}),d!==p-1&&F.createElement(F.Fragment,null,S)):d===hr-1&&F.createElement(cs,{container:l,side:"bottom",align:"right",sideOffset:4,content:F.createElement("div",{className:mo()},S,r.map((y,g)=>{let v=`image-${g}`;return g>=d&&F.createElement(F.Fragment,{key:v},F.createElement(Do,{content:y.swapper.displayName,src:y.swapper.image,state:y.state,open:!1}),g!==p-1&&F.createElement(F.Fragment,null,S))}))},F.createElement(ls,{state:r.find((y,g)=>g>=d&&(y.state==="error"||y.state==="warning"))?.state},F.createElement(gr,{size:"xsmall",variant:"body"},"+",p-d))))})),F.createElement("div",{className:mo()},F.createElement("div",{className:"blockchains_section"},F.createElement("div",{className:mo()},F.createElement(gr,{variant:"body",size:"xsmall"},nc.t("Chains:")),F.createElement(us,{direction:"horizontal",size:4}),u.map((m,d)=>F.createElement(F.Fragment,{key:m.displayName},u.length<=yr||u.length>yr&&d<yr-1?F.createElement(Do,{content:"",src:m.image,open:!1,className:d!==0?"blockchainImage":""}):d===yr-1&&F.createElement(cs,{container:l,side:"bottom",align:"right",sideOffset:4,content:F.createElement("div",{className:mo()},u.map((C,S)=>S>=d&&F.createElement(Do,{key:C.displayName,content:"",src:C.image,open:!1,className:S>d?"blockchainImage":""})))},F.createElement(ls,{className:"blockchainImage"},F.createElement(gr,{size:"xsmall",variant:"body"},"+",u.length-d))))),F.createElement(us,{direction:"horizontal",size:32}))),F.createElement(ss,{orientation:s?"up":"down"},F.createElement(Ay,{size:12,color:"black"}))))}i(rc,"QuoteTrigger");function ds(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(),C=h().swappers(),[S,y]=Fy(t.expanded),g=Dy(null),v=A(o.value,6,6),k=A(n.value,6,6),w=n.usdValue?A(n.usdValue,4,4):"",E=Xe(o.usdValue,n.usdValue??null),b=A(E,2,2),T=St(E??0),I=i(N=>N.map((B,P)=>{let V,fe=r?.type===3&&r.swap.swapperId===B.swapperId||r?.type===4&&r.recommendedSlippages?.has(P),ce=s?.type===2&&s.recommendedSlippages?.has(P);fe?V="error":ce&&(V="warning");let ge=fe?Fo.t("Slippage Error"):Fo.t("Slippage Warning");return r?.type===3&&(ge=r?.recommendation),{swapper:{displayName:bo(B.swapperId,C),image:B.swapperLogo},from:{token:{displayName:B.from.symbol,image:B.from.logo},chain:{displayName:je(B.from.blockchain,m),image:B.from.blockchainLogo},price:{value:P===0?A(o.value,6,6):A(B.fromAmount,6,6),usdValue:A((B.from.usdPrice??0)*parseFloat(B.fromAmount),4,4),realValue:se(P===0?o.value:B.fromAmount),realUsdValue:se(new ms(B.from.usdPrice??0).multipliedBy(B.fromAmount))}},to:{token:{displayName:B.to.symbol,image:B.to.logo},chain:{displayName:je(B.to.blockchain,m),image:B.to.blockchainLogo},price:{value:A(B.toAmount,6,6),usdValue:A((B.to.usdPrice??0)*parseFloat(B.toAmount),4,4),realValue:se(B.toAmount),realUsdValue:se(new ms(B.to.usdPrice??0).multipliedBy(B.toAmount))}},state:V,alerts:fe||ce?_.createElement(Eu,null,_.createElement(Ny,{variant:"alarm",type:fe?"error":"warning",title:ge,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(B.fromAmount,6,6),symbol:B?.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(P)},...s?.type===2&&{minRequiredSlippage:s.recommendedSlippages?.get(P)}}})))})):void 0}}),"getQuoteSteps")(e?.swaps??[]),W=I.length,L=M(),z=jl(t.quote.tags||[]),ee=!!c,ye=ln(pn(e?.swaps)),$=Ln(e?.swaps??[],d),te=A($,2,2),Z=$.gte(new ms(Cl));return f?_.createElement(My,{selected:l,fee:te,time:ye,tooltipContainer:kn(),steps:I,tags:z,feeWarning:Z,percentageChange:b,warningLevel:T,outputPrice:{value:k,usdValue:w,realValue:se(n.value),realUsdValue:se(n.usdValue)}}):_.createElement(Bu,{selected:l,listItem:a==="list-item",basic:a==="basic"},_.createElement("div",{className:Pu()},!p&&z.length?_.createElement(_.Fragment,null,_.createElement(Qu,null,z.map((N,B)=>{let P=`${N.value}_${B}`;return _.createElement(_.Fragment,{key:P},_.createElement(Py,{label:N.label,value:N.value}),_.createElement(Oo,{size:4,direction:"horizontal"}))})),_.createElement(pr,null),!ee&&_.createElement(Oo,{size:4})):null,_.createElement("div",{id:"portal-root",className:_u()},_.createElement(Xu,{quote:e,time:ye,fee:te,feeWarning:Z,showModalFee:u,steps:W}),ee&&_.createElement(Mu,{onClick:N=>{N.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(as,{size:"small",variant:"body"},`${v} ${I[0].from.token.displayName} = `),_.createElement(ic,{content:se(n.value),container:L,open:n.value?void 0:!1},_.createElement(as,{size:"small",variant:"body"},"\xA0",`${k} ${I[I.length-1].to.token.displayName}`))),_.createElement(ic,{content:se(n.usdValue),container:L,style:{display:"flex"}},_.createElement(fo,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${w})`))),a==="list-item"&&_.createElement($y,{tooltipContainer:L,type:"output",direction:"vertical",price:{value:k,usdValue:w,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:T}),a==="swap-preview"&&_.createElement(_.Fragment,null,_.createElement(_o,{from:I[0].from,to:I[W-1].to,percentageChange:b,warningLevel:T}),_.createElement(Oo,{size:4}))),_.createElement(Lu,{selected:l,listItem:a==="list-item",open:S,className:"quote_container",onOpenChange:y},_.createElement(rc,{type:a,quoteRef:g,selected:l,setExpanded:y,expanded:S,steps:I}),_.createElement(Ou,{open:S},_.createElement(Uu,null),_.createElement("div",{className:Nu()},I.map((N,B)=>{let P=`item-${B}`;return _.createElement(_y,{type:"quote-details",key:P,tooltipContainer:L,step:N,hasSeparator:B!==I.length-1,state:N.state})})))))}i(ds,"Quote");import{Divider as zy,Skeleton as Qy}from"@rango-dev/ui";import kt from"react";import{darkTheme as Oy,styled as Sr}from"@rango-dev/ui";var sc=Sr("div",{$$color:"$colors$neutral100",[`.${Oy} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15 ",variants:{rounded:{true:{borderRadius:"$xm"}}}}),ac=Sr("div",{paddingTop:"$2"}),lc=Sr("div",{paddingLeft:"$8"}),pc=Sr("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 He}from"@rango-dev/ui";import q from"react";import{css as Uy,styled as Tt}from"@rango-dev/ui";var fs=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=q.createElement(dc,null,q.createElement(gc,null,q.createElement(Cc,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),q.createElement(dt,{size:8,direction:"horizontal"}),q.createElement(hc,null,q.createElement(He,{height:10,width:60,variant:"rounded"}),q.createElement(dt,{size:4}),q.createElement(He,{height:15,variant:"rounded"}))),q.createElement(He,{height:12,width:64,variant:"rounded"})),r=e==="basic"&&!o;return q.createElement("div",null,!o&&q.createElement(q.Fragment,null,q.createElement(fs,null,q.createElement(He,{width:65,height:14,variant:"rounded"}),q.createElement(dt,{size:4,direction:"horizontal"}),q.createElement(He,{width:65,height:14,variant:"rounded"}),q.createElement(dt,{size:4,direction:"horizontal"}),q.createElement(He,{width:65,height:14,variant:"rounded"})),q.createElement(pr,null),!r&&q.createElement(dt,{size:4})),q.createElement("div",{className:Sc()},q.createElement(fs,null,q.createElement(He,{width:60,height:10,variant:"rounded"}),q.createElement(dt,{size:4,direction:"horizontal"}),q.createElement(He,{width:60,height:10,variant:"rounded"}),q.createElement(dt,{size:4,direction:"horizontal"}),q.createElement(He,{width:60,height:10,variant:"rounded"})),r&&q.createElement(He,{width:100,height:22,variant:"rounded"})),e==="basic"&&q.createElement(uc,null,q.createElement(He,{height:15,width:148,variant:"rounded"})),e==="list-item"&&q.createElement(cc,null,q.createElement(mc,null,q.createElement(Cc,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),q.createElement(dt,{direction:"horizontal",size:4}),q.createElement(He,{height:15,width:150,variant:"rounded"})),q.createElement(dt,{size:10}),q.createElement(He,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&q.createElement(q.Fragment,null,q.createElement(dt,{size:4}),q.createElement(yc,null,n,q.createElement(fc,null),n)))}i(Uo,"QuoteSummarySkeleton");import{ChainToken as vc,Divider as hs,NextIcon as qy,Skeleton as Cr}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"}),gs=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(Cr,{height:22,width:22,variant:"circular"}),Te.createElement(hs,{direction:"horizontal",size:8}),Te.createElement(Cr,{height:15,width:148,variant:"rounded"})),Te.createElement(Tc,null,Te.createElement(pc,{hideSeparator:!e}),Te.createElement(kc,null,Te.createElement(gs,null,Te.createElement(vc,{size:"small",loading:!0,chainImage:"",tokenImage:""}),Te.createElement(hs,{direction:"horizontal",size:8}),Te.createElement(Cr,{height:12,variant:"rounded"})),Te.createElement(wc,null,Te.createElement(qy,{color:"gray",size:16})),Te.createElement(gs,null,Te.createElement(vc,{size:"small",loading:!0,chainImage:"",tokenImage:""}),Te.createElement(hs,{direction:"horizontal",size:8}),Te.createElement(Cr,{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:C,toToken:S}=H(),y=e?.outputAmount?new Hy(e?.outputAmount):null,g=e?.outputAmount?Mn(e?.outputAmount,Bn(e)||S?.usdPrice):null,k=!(r&&(r.type===0||r.type===1))&&e&&!n;return n?Tr.createElement(is,null,Tr.createElement(zo,{tagHidden:l,type:o,expanded:a})):k?Tr.createElement(is,{onClick:()=>p?.(e)},Tr.createElement(ds,{quote:e,error:r,showModalFee:u,warning:s,tagHidden:l,selected:c,type:o,expanded:a,onClickAllRoutes:f,fullExpandedMode:m,input:{value:d,usdValue:C?.toString()??""},output:{value:y?.toString()??"",usdValue:g?.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 kr({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(kr,"useFetch");function bc(){let{fetch:t,loading:e,cancelFetch:o}=kr({request:async(n,r)=>await At().confirmRouteRequest(n,r)});return{fetch:t,loading:e,cancelFetch:o}}i(bc,"useFetchConfirmQuote");function wr(t){if(!t.swaps)throw new Error(K().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});let e=ys(t.swaps);if(e)throw new Error(e.message,{cause:e.options})}i(wr,"throwErrorIfResponseIsNotValid");function ys(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=Nn(t);return{message:"",options:{type:4,recommendedSlippages:o,minRequiredSlippage:n}}}return null}i(ys,"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)}:yi(t,e)?r.quoteUpdate={type:0}:Si(t,e)?r.quoteUpdate={type:1}:Ci(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 xr(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(xr,"handleQuoteErrors");function Ss(){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:C,cancelFetch:S,loading:y}=bc();return Xy(()=>S,[]),{loading:y,fetch:i(async v=>{let k=v.selectedWallets,w=v?.customDestination??s;if(!t||!e||!o)return{quote:null,swap:null,error:null,warnings:null};let E=k.reduce((T,x)=>(T[x.chain]=x.address,T),{}),b={requestId:r?.requestId||"",selectedWallets:E,destination:w||void 0};try{return await C(b).then(T=>{let{result:x}=T;wr({diagnosisMessages:x.diagnosisMessages,requestId:x.requestId,swaps:x.result?.swaps});let I={outputAmount:x.result?.outputAmount,requestId:x.requestId,resultType:x.result?.resultType,swaps:x.result?.swaps||[],validationStatus:x.validationStatus,requestAmount:x.requestAmount};n(I);let W={slippage:d.toString(),disabledSwappersGroups:c},L=jy(o.toString(),x,Ml(k),W,!1,{blockchains:f,tokens:m}),z=Ic(r??void 0,I,{fromToken:t,toToken:e,meta:{blockchains:f,tokens:m},selectedWallets:k,userSlippage:d});return z.quoteUpdate&&a(!1),l(),{quote:I,swap:L,error:null,warnings:z}})}catch(T){return xr(T)}},"fetch"),cancelFetch:S}}i(Ss,"useConfirmSwap");var aS=Zy("div",{width:"100%",display:"flex",justifyContent:"space-between",[`& ${Ac}`]:{width:"$48",height:"$48"}}),lS=Ts({flexGrow:1,paddingRight:"$10"}),pS=Ts({width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}),uS=Ts({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]=br(""),{connectedWallets:f}=X(),m=!n,[d,C]=br(!1),{isActiveTab:S}=oe(),y=h().getDisabledLiquiditySources(),g=nS(y),{manager:v}=Ky(),{fetch:k,loading:w,cancelFetch:E}=Ss(),[b,T]=br({swap:null,error:null,warnings:null}),[x,I]=br(!1),W=i(async({selectedWallets:N,customDestination:B})=>{let P=await k?.({selectedWallets:N,customDestination:B});return T(P),P},"onConfirmSwap"),L=i(async()=>{if(b.swap&&n)try{await v?.create("swap",{swapDetails:b.swap},{id:b.swap.requestId});let N=`../${O.swaps}/${b.swap.requestId}`;l(N,{replace:!0}),setTimeout(()=>{e("")},0)}catch(N){c("Error: "+N?.message)}},"addNewSwap"),z=i(async()=>{await L()},"onConfirm"),ee=i(async()=>{b?.warnings?.quote&&!a?I(!0):await z()},"onStartConfirmSwap"),ye=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(()=>{!!g.current.length&&!y.length&&ye(),g.current=y},[y.length]),Qo(()=>{m&&E()},[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=b.warnings?.quote?.type&&Object.values(Lt).includes(b.warnings?.quote?.type),B=o.length<1||!o.every(V=>f.find(fe=>V.address===fe.address&&V.walletType===fe.walletType&&V.chain===fe.chain)),P=!1;if(N){let V=In(t?.swaps||null),fe=t?.swaps[t.swaps.length-1].to.blockchain;!!t?.swaps.find(ht=>ht.from.blockchain===fe)||(V=V.slice(-V.length,V.length-1)),V.every(ht=>o.find(G=>G.chain===ht))||(P=!0)}t&&(B||P)&&(queueMicrotask(()=>rS(C.bind(null,!0))),r(!1))},[b.warnings?.quote,o.length,f.length]),oS(()=>{t||l(`../${p.search}`)},[]);let $=b.warnings?.quote??null,te=b.error,Z=[];if(u&&Z.push(ue.createElement(Ec,{type:"error",variant:"alarm",title:u})),b.warnings?.quoteUpdate&&Z.push(ue.createElement(Ec,{variant:"alarm",type:"warning",title:b.warnings.quoteUpdate&&Dn(b.warnings.quoteUpdate)})),$||te){let N=`../${O.settings}`;Z.push(ue.createElement(Bo,{warning:$,error:te,refetchQuote:ye,showWarningModal:x,confirmationDisabled:!S,onOpenWarningModal:()=>I(!0),onCloseWarningModal:()=>I(!1),onConfirmWarningModal:async()=>{I(!1),await L()},onChangeSettings:()=>l(N)}))}return ue.createElement(ie,{header:{title:vr.t("Confirm Swap"),onWallet:()=>{let N=`../${O.wallets}`;l(N)},suffix:ue.createElement(Ry,{container:M(),side:"bottom",content:vr.t("Settings")},ue.createElement(Ye,{size:"small",variant:"ghost",onClick:()=>l("../"+O.settings)},ue.createElement(Jy,{size:18,color:"black"})))},footer:ue.createElement(aS,null,ue.createElement("div",{className:lS()},ue.createElement(Yy,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:w,disabled:!!b.error||!S,onClick:ee},vr.t("Start Swap"))),ue.createElement(Ac,{variant:"contained",type:"primary",size:"large",loading:w,onClick:C.bind(null,!0)},ue.createElement(tS,{size:24})))},d&&ue.createElement(lu,{open:d,onClose:()=>C(!1),onCancel:E,loading:w,onCheckBalance:W}),ue.createElement(le,null,ue.createElement("div",{className:uS()},ue.createElement(eS,{variant:"title",size:"small"},vr.t("You get")),ue.createElement("div",{className:pS()},ue.createElement(Jn,{onClick:!w&&!d&&!x?ye:void 0}))),ue.createElement(Cs,{size:"12"}),fp(Z.map((N,B)=>({element:N,key:`alert-${B}`})),ue.createElement(Cs,{size:10})),Z.length>0?ue.createElement(Cs,{size:10}):null,ue.createElement(Yt,{quote:t,type:"swap-preview",expanded:!0,error:b.error,loading:w,warning:b.warnings?.quote??null})))}i(Wc,"ConfirmSwapPage");import{i18n as Er}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 _e,{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 ks=cS(),Nc=Ho("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$5"}),ws=Ho("div",{width:"100%",display:"flex",flexDirection:"column",backgroundColor:"$background",padding:"$10 $5 0 $5",[`& .${ks}`]:{$$color:"$colors$neutral600",[`.${mS} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),xs=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 vs(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 _e.createElement(_e.Fragment,null,[d,d].map((S,y)=>_e.createElement(ws,{key:y},_e.createElement(xs,null,_e.createElement(gS,{variant:"text",width:60,size:"small"}),_e.createElement(Pc,{size:16})),_e.createElement(Pc,{size:4}),_e.createElement(Mc,null,S.map((v,k)=>_e.createElement(_c,{isLoading:!0,key:k}))))))}return _e.createElement(fS,{endReached:()=>{l.current<e.length&&m()},groupCounts:s,groupContent:d=>_e.createElement(ws,null,_e.createElement(xs,null,_e.createElement(hS,{variant:"label",size:"medium",className:ks()},c[d]))),itemContent:(d,C)=>{let S=p[d];if(!S)return null;let y=S.steps[0],g=S.steps[S.steps.length-1];return _e.createElement(Nc,{key:S.requestId},_e.createElement(_c,{requestId:S.requestId,creationTime:S.creationTime,status:S.status,onClick:o,tooltipContainer:M(),onlyShowTime:c[C]===dS.t("Today"),swapTokenData:{from:{token:{image:y.fromLogo,displayName:y.fromSymbol},blockchain:{image:y.fromBlockchainLogo||""},amount:A(S.inputAmount,6,6),realAmount:se(S.inputAmount)},to:{token:{image:g.toLogo,displayName:g.toSymbol},blockchain:{image:g.toBlockchainLogo||""},amount:A(g.outputAmount||g.expectedOutputAmountHumanReadable||"",6,6),realAmount:se(g.outputAmount||g.expectedOutputAmountHumanReadable)}}}))}})}i(vs,"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 Ir}from"@lingui/core";import Fc from"dayjs";var Oc=i(t=>{let e=new Map([["today",{title:Ir.t("Today"),swaps:[]}],["week",{title:Ir.t("This week"),swaps:[]}],["month",{title:Ir.t("This month"),swaps:[]}],["year",{title:Ir.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:Er.t("History")}},xt.createElement(le,null,xt.createElement(wt,{setValue:s,fullWidth:!0,variant:"contained",placeholder:Er.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:Er.t("No results found"),description:r?Er.t("Try using different keywords"):""})),!u&&xt.createElement(vs,{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 Oe,{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 Is,FullExpandedQuote as _S,Typography as $S}from"@rango-dev/ui";import me from"react";import{styled as bs}from"@rango-dev/ui";var zc=bs("div",{display:"flex",justifyContent:"center",flexDirection:"column",height:"100%"}),Qc=bs("div",{display:"flex",justifyContent:"space-between",alignItems:"center"}),Hc=bs("div",{width:"146px"});import{Select as BS}from"@rango-dev/ui";import Gc from"react";function Ar(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(Ar,"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:C,customSlippage:S}=h(),y=h().tokens(),g=!!p&&p.results.length,v=S??C,k=i(b=>{if(!c||!f||!p)return null;let T={requestAmount:p.requestAmount,...b};return to(T,{fromToken:c,toToken:f,userSlippage:v,tokens:y})},"getQuoteWarning"),w=d?.type===0||d?.type===1,E=p?.results?Pn(m,p?.results):[];return me.createElement(me.Fragment,null,e&&Array.from({length:Vc},(b,T)=>me.createElement(me.Fragment,{key:T},a?me.createElement(_S,{loading:!0}):me.createElement(zo,{tagHidden:!1,type:"list-item",expanded:!1}),T!==Vc-1&&me.createElement(Is,{size:16}))),!e&&me.createElement(me.Fragment,null,s&&me.createElement(me.Fragment,null,me.createElement(Qc,null,me.createElement($S,{size:"xmedium",variant:"title"},PS.t("Sort by")),me.createElement(Ar,{container:M()})),me.createElement(Is,{size:"10"})),g?E.map((b,T)=>{let x=k(b),I=ys(b.swaps),W=E.length-1===T;return me.createElement(me.Fragment,{key:b.requestId},me.createElement(Yt,{showModalFee:r,selected:l?.requestId===b.requestId,tagHidden:!1,quote:{...b,requestAmount:p.requestAmount},loading:e,error:I?.options||null,warning:x,fullExpandedMode:a,onClick:L=>{I||u("warning",x),u("error",I?.options||null),o(L)},type:"list-item"}),!W&&me.createElement(Is,{size:16}))}):w&&me.createElement(zc,null,me.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 Es(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} ${er()}`,id:we.EXPANDED_BOX_ID},$t.createElement(OS,{title:FS.t("Routes"),suffix:$t.createElement($t.Fragment,null,$t.createElement(Ar,{container:kn()}),$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(Es,"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 As 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 As.createElement(HS,null,As.createElement(GS,{onClick:()=>{t()}},As.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 Ws(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:C,getBalanceFor:S}=X(),y=r?S(r):null,g=gn(y)?.amount??"0",v=s&&r?A(y?.amount,y?.decimals):"0",k=!!s&&za(C,s.name),w=!gi(d,u,c),E=!gi(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:g,chain:{displayName:s?.displayName||"",image:s?.logo||""},token:{displayName:r?.symbol||"",image:r?.image||""},onClickToken:()=>n("from"),price:{value:u,usdValue:w?void 0:A(c,4,4),realUsdValue:w?void 0:se(c),error:w?K().unknownPriceError.impactTitle:void 0},disabled:o==="failed",loading:o==="loading",loadingBalance:k,tooltipContainer:M(),onSelectMaxBalance:()=>{g!=="0"&&p(v.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:M()}))}i(Ws,"Inputs");import{useCallback as VS,useEffect as jS,useState as XS}from"react";function nm(){let{fetch:t,loading:e,cancelFetch:o}=kr({request:async(n,r)=>await At().getAllRoutes(n,r)});return{fetch:t,loading:e,cancelFetch:o}}i(nm,"useFetchAllQuotes");var KS=600;function Wr({refetchQuote:t}){let{fetch:e,cancelFetch:o}=nm(),{excludeLiquiditySources:n,features:r}=h().config,s=X.use.connectedWallets(),a=h().tokens(),{fromToken:l,toToken:p,inputAmount:u,inputUsdValue:c,selectedQuote:f,sortStrategy:m,resetQuote:d,error:C,warning:S,setSelectedQuote:y,updateQuotePartialState:g}=H(),{slippage:v,customSlippage:k,affiliatePercent:w,affiliateRef:E,affiliateWallets:b,fetchStatus:T}=h(),x=h().getLiquiditySources(),I=h().getDisabledLiquiditySources(),W=h().excludeLiquiditySources(),[L,z]=XS(!0),ee=k??v,$=!l||!p||Me(l,p)||!ko(u),te=i(B=>{z(B)},"resetState"),Z=i(B=>{let{fromToken:P,toToken:V,inputAmount:fe,liquiditySources:ce,excludeLiquiditySources:ge,disabledLiquiditySources:ht,slippage:G,affiliateRef:Y,affiliatePercent:R,affiliateWallets:Ee}=B;if(L||te(!0),!$&&P&&V){d();let Ge=Nl({fromToken:P,toToken:V,inputAmount:fe,liquiditySources:ce,excludeLiquiditySources:ge,disabledLiquiditySources:ht,wallets:s,slippage:G,affiliateRef:Y,affiliatePercent:R,affiliateWallets:Ee});el("experimentalRoute",r)&&(Ge.experimental=!0),e(Ge).then(ke=>{let De=Pn(m,ke.results),Se=Vl(f,De,ke.requestAmount);z(!1),g("quotes",ke),y(Se),wr({diagnosisMessages:ke.diagnosisMessages,requestId:Se?.requestId||"",swaps:Se?.swaps});let st=Se&&to(Se,{fromToken:P,toToken:V,userSlippage:ee,tokens:a});g("warning",st)}).catch(ke=>{let{error:De}=xr(ke);(De?.type===0||De?.type===1)&&d(),De?.type!==2&&(g("error",De),z(!1))})}},"fetch"),N=VS(Za(B=>{$||Z(B)},KS),[$]);return jS(()=>{if(!t){z(!1);return}if(T==="success"){if($){z(!1),(f||C||S)&&d();return}if(!ko(u)||c?.eq(0)){te(!1),o();return}return d(),te(!0),N({inputAmount:u,fromToken:l,toToken:p,liquiditySources:x,excludeLiquiditySources:W,disabledLiquiditySources:I,slippage:ee,affiliateRef:E,affiliatePercent:w,affiliateWallets:b}),o}},[T,u,l?.symbol,l?.address,l?.blockchain,p?.symbol,p?.address,p?.blockchain,$,x?.length,n,I.length,ee,E,w,JSON.stringify(b)]),{fetch:()=>Z({inputAmount:u,fromToken:l,toToken:p,liquiditySources:x,excludeLiquiditySources:W,disabledLiquiditySources:I,slippage:ee,affiliateRef:E,affiliatePercent:w,affiliateWallets:b}),loading:L}}i(Wr,"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,C]=sm(!1),{isLargeScreen:S,isExtraLargeScreen:y}=fr(),{fetch:g,loading:v}=Wr({refetchQuote:s}),{config:k,fetchStatus:w}=h(),{connectedWallets:E}=X(),{isActiveTab:b}=oe(),[T,x]=sm(!1),W=bl({fetchMetaStatus:w,fetchingQuote:v,inputAmount:n,quote:r,anyWalletConnected:E.length>0,error:a,warning:l,needsToWarnEthOnPath:!1}),L=Xa(S,y,k?.variant),z=!!n&&!!e&&!!o&&n!=="0"&&!Ul(e,o),ee=z&&w==="success"&&v,te=(!L||L&&p?.results.length)&&(l||a);im(()=>{c(),m("refetchQuote",!0)},[]),im(()=>{C(z)},[z]);let Z=(r||a)&&!T?g:void 0,N=i(P=>{L&&d?(C(!1),setTimeout(()=>{t(P)},oC)):t(P)},"onHandleNavigation"),B=i(P=>{r?.requestId!==P.requestId&&(x(!1),u(P))},"onClickOnQuote");return Oe.createElement(tC,null,Oe.createElement(ie,{height:"auto",footer:Oe.createElement(JS,{type:"primary",size:"large",disabled:W.disabled||!b,prefix:W.action==="confirm-warning"&&Oe.createElement(RS,null),fullWidth:!0,onClick:()=>{W.action==="connect-wallet"?N(O.wallets):W.action==="confirm-warning"?x(!0):N(O.confirmSwap)}},W.title),header:{onWallet:()=>{N(O.wallets)},hasBackButton:!1,title:k.title||YS.t("Swap"),suffix:Oe.createElement(Gt,{hidden:L?["refresh"]:void 0,onClickRefresh:Z,onClickHistory:()=>N(O.swaps),onClickSettings:()=>{N(O.settings)}})}},Oe.createElement(le,null,Oe.createElement(Ws,{fetchingQuote:ee,fetchMetaStatus:w,onClickToken:P=>{N(P==="from"?O.fromSwap:O.toSwap)}}),Oe.createElement(rm,{size:"2"}),L?null:Oe.createElement(Yt,{quote:r,loading:ee,error:a,tagHidden:!1,warning:l,type:"basic",onClickAllRoutes:p&&p.results.length>1?()=>{m("refetchQuote",!1),N(O.routes)}:void 0}),te?Oe.createElement(Oe.Fragment,null,Oe.createElement(rm,{size:"10"}),Oe.createElement(Bo,{warning:l,error:a,refetchQuote:g,showWarningModal:T,confirmationDisabled:!b,onOpenWarningModal:()=>x(!0),onCloseWarningModal:()=>x(!1),onConfirmWarningModal:()=>{x(!1),f(!0),N(O.confirmSwap)},onChangeSettings:()=>N(O.settings)})):null)),L?Oe.createElement(Es,{loading:ee,onClickOnQuote:B,fetch:g,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(le,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 Ls}from"@rango-dev/ui";var Xo=Ls("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto",variants:{disabled:{true:{pointerEvents:"none"}}}}),Ns=Ls("div",{width:80,display:"flex",justifyContent:"flex-end"}),Ms=Ls("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 Bs(){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(Bs,"LoadingLiquiditySourceList");function Ps({sourceType:t}){let e=h().fetchStatus,o=h().swappers(),n=h().getDisabledLiquiditySources(),[r,s]=SC(""),a=h().toggleLiquiditySource,l=h().isInCampaignMode(),p=wn(o,n),u={Exchanges:vt.t("Exchanges"),Bridges:vt.t("Bridges")},c=[];t==="Exchanges"&&c.push("DEX"),t==="Bridges"&&(c.push("BRIDGE"),c.push("AGGREGATOR"));let f=p.filter(g=>c.includes(g.type)),m=f.length===f.filter(g=>g.selected).length,d=i(()=>{f.forEach(g=>{m?a(g.groupTitle):g.selected||a(g.groupTitle)})},"toggleAllSources"),C=f.map(g=>{let{selected:v,groupTitle:k,logo:w}=g;return{start:$e.createElement(fC,{src:w,size:22,type:"circular"}),onClick:()=>{l||a(k)},end:$e.createElement(dC,{checked:v,disabled:l}),title:$e.createElement(yC,{variant:"title",size:"xmedium"},vt.t(k)),...g}}),S=i(g=>{let v=g.target.value;s(v)},"searchHandler"),y=C;return r&&(y=C.filter(g=>at(g.groupTitle,r))),$e.createElement(ie,{header:{title:vt.t(t),suffix:$e.createElement(Ns,null,$e.createElement(mC,{variant:"ghost",size:"xsmall",onClick:d},m?vt.t("Deselect all"):vt.t("Select all")))}},$e.createElement(le,{view:!0},$e.createElement(wt,{value:r,setValue:s,fullWidth:!0,color:"light",variant:"contained",placeholder:vt.t("Search {sourceType}",{sourceType:u[t]}),onChange:S}),e==="loading"&&$e.createElement(Bs,null),!y.length&&r?$e.createElement(Ms,null,$e.createElement(hC,{title:vt.t("No results found"),description:vt.t("Try using different keywords")})):e==="success"&&$e.createElement(Xo,{disabled:l},y.map(g=>{let{groupTitle:v,...k}=g;return $e.createElement($e.Fragment,{key:g.id},$e.createElement(gC,{style:{height:"61px"},...k,selected:!1,hasDivider:!0}))}))))}i(Ps,"LiquiditySourcePage");import{i18n as CC}from"@lingui/core";import Lr 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}=Wr({refetchQuote:n}),u=i(m=>{r(m),s("refetchQuote",!1),e()},"onClickOnQuote"),c=`../${O.settings}`,f=`../${O.wallets}`;return Lr.createElement(ie,{header:{onWallet:()=>{t(f)},onBack:()=>{s("refetchQuote",!1)},title:CC.t("Routes"),suffix:Lr.createElement(Gt,{onClickRefresh:o||a?l:void 0,hidden:["notifications","history"],onClickSettings:()=>t(c)})}},Lr.createElement(le,null,Lr.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 $s}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 Nr}from"rango-sdk";var kC=i((t,e)=>{switch(e){case _s.ALL:return!0;case _s.UTXO:return t.type===Nr.TRANSFER;case _s.OTHER:return t.type!==Nr.TRANSFER&&t.type!==Nr.COSMOS&&t.type!==Nr.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"}),Mr=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 Br from"react";var vC=20;function ym(){return Br.createElement(Mr,null,Array.from(Array(vC),t=>Br.createElement(xC,{key:t,hasDivider:!0,start:Br.createElement(hm,{variant:"circular",width:35,height:35}),title:Br.createElement(hm,{variant:"text",size:"large",width:90})})))}i(ym,"LoadingBlockchainList");function Ds(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:$s.t("No results found"),description:$s.t("Try using different keywords")})):Je.createElement(Mr,{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"},$s.t("Select Blockchain")),Je.createElement(Sm,{size:4}),l==="loading"&&Je.createElement(ym,null),l==="success"&&p())}i(Ds,"BlockchainList");function Fs(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(le,{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(Ds,{list:c,searchedFor:n,blockchainCategory:s,onChange:d=>{e==="source"?p(d):l(d),o()}})))}i(Fs,"SelectBlockchainPage");import{i18n as Fr}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 qs}from"@lingui/core";import{BlockchainsChip as Pr,Divider as Im,Image as Em,Skeleton as $C,Tooltip as DC,Typography as zs}from"@rango-dev/ui";import Ie from"react";import{useEffect as PC}from"react";var xm=["ETH","COSMOS","OSMOSIS"];function Os(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(Os,"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 Us(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=h();PC(()=>{if(e?.selected){let s=Os(t,o,e);vm(e.selected,s)||n(e?.selected)}},[e?.selected]);let r=Os(t,o,e);return{list:r.list,more:r.more,history:[]}}i(Us,"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 Qs(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:s}=t,a=Us(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 Ie.createElement(Ie.Fragment,null,Ie.createElement(Im,{size:12}),Ie.createElement(zs,{variant:"label",size:"large"},qs.t("Select Blockchain")),Ie.createElement(Im,{size:12}),Ie.createElement(bm,null,l==="loading"&&Array.from(Array(FC),d=>Ie.createElement($C,{key:d,variant:"rounded",height:50})),l==="success"&&Ie.createElement(Ie.Fragment,null,Ie.createElement(Pr,{selected:!n,onClick:()=>{o==="from"?u():p()}},Ie.createElement(zs,{variant:"body",size:"xsmall",color:"secondary500"},qs.t("All"))),a.list.map(d=>Ie.createElement(DC,{key:d.name,content:d.shortName,side:"bottom",sideOffset:2,container:M()},Ie.createElement(Pr,{key:d.name,selected:!!n&&n.name===d.name,onClick:()=>r(d)},Ie.createElement(Em,{src:d.logo,size:30})))),f?Ie.createElement(Pr,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},Ie.createElement(Em,{src:a.more[0].logo,size:30})):null,m?Ie.createElement(Pr,{onClick:s,key:"more-blockchains"},Ie.createElement(zs,{variant:"body",size:"xsmall",color:"secondary500"},qs._("More +{count}",{count:a.more.length}))):null)))}i(Qs,"BlockchainsSection");import{i18n as Rs}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 Dr,VirtualizedList as VC}from"@rango-dev/ui";import Q,{useEffect as Om,useState as Um}from"react";import{Divider as _m,ListItem as UC,Skeleton as Yo}from"@rango-dev/ui";import ot from"react";import{css as ho,darkTheme as Am,ImageContainer as OC,styled as tt,Typography as Wm}from"@rango-dev/ui";var Hs=ho({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}),Gs=ho({position:"relative",height:12,width:"30%",maxWidth:"150px"}),Vs=ho({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"}),js=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"}}),Xs=ho({}),Ks=ho(),Lm=tt("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),Ys=tt("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),_r=tt("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none","&:hover":{[`& .${Gs}`]:{[`& .${js}`]:{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},[`& .${Xs}`]:{bottom:"-15px"},[`& .${Hs}`]:{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},[`& .${Vs}`]:{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),Js=tt("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),Zs=tt(Wm,{}),Nm=tt("div",{textAlign:"right",width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",[`& .${Ks}`]:{$$color:"$colors$neutral600",[`.${Am} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),$r=tt("div",{display:"flex",alignItems:"end",flexDirection:"column"}),N1=tt("div",{display:"flex",alignItems:"center"}),Mm=tt("div",{position:"relative",[`& ${OC}`]:{borderRadius:"$xm",overflow:"hidden"}}),Bm=tt("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6}),Pm=tt(Wm,{width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"});function $m(t){return ot.createElement(_r,null,Array.from(Array(t.size),e=>ot.createElement(UC,{key:e,hasDivider:!0,start:ot.createElement(Yo,{variant:"circular",width:35,height:35}),end:ot.createElement($r,null,ot.createElement(Yo,{variant:"text",size:"large",width:70}),ot.createElement(_m,{size:4}),ot.createElement(Yo,{variant:"text",size:"medium",width:50})),title:ot.createElement("div",null,ot.createElement(Yo,{variant:"text",size:"large",width:90}),ot.createElement(_m,{size:4}),ot.createElement(Yo,{variant:"text",size:"medium",width:90}))})))}i($m,"LoadingTokenList");var ea=20,jC=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:s,customCssForTagTitle:a}=t,l=e.length;return Q.createElement("div",{className:Gs()},o?Q.createElement("div",{className:Hs()},o):Q.createElement(Ys,{className:Vs()},Q.createElement(Dr,{variant:"title",size:"xmedium"},r.symbol),Q.createElement(yo,{direction:"horizontal",size:4}),Q.createElement(Js,{css:s},Q.createElement(Zs,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&Q.createElement("div",{className:`${js()} ${!o&&Xs()}`},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(yo,{size:4,direction:"horizontal"}),Q.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(),C=i(()=>{a(e.slice(0,s.length+ea))},"loadNextPage");Om(()=>{c(e.length>s.length)},[s.length]),Om(()=>{a(e.slice(0,ea))},[e]);let S=i(()=>!s.length&&o?Q.createElement(Q.Fragment,null,Q.createElement(yo,{size:32}),Q.createElement(HC,{title:Rs.t("No results found"),description:Rs.t("Try using different keywords")})):Q.createElement(VC,{endReached:u?C:void 0,itemContent:y=>{let g=s[y],v=gn(f(g)),k=g.address||"",w=p.find(I=>I.name===g.blockchain),E=Vn(w?.color||"",mp(w?.color||"")?5:125),b=Vn(w?.color||"",-100),T={$$color:E,[`.${Dm} &`]:{$$color:b},backgroundColor:"$$color"},x={$$color:b,[`.${Dm} &`]:{$$color:E},color:"$$color"};return Q.createElement("div",{style:{paddingRight:5}},Q.createElement(QC,{style:{width:"100%",overflow:"hidden"},"tab-index":y,key:`${g.symbol}${g.address}`,id:`${g.symbol}${g.address}`,hasDivider:!0,onClick:()=>n(s[y]),start:Q.createElement(Mm,null,Q.createElement(zC,{src:g.image,size:30}),d(g,t.type)&&Q.createElement(Bm,null,Q.createElement(GC,{size:12,color:"gray"}))),title:w?.type==="COSMOS"||g.name||!g.name&&!k?Q.createElement(Ys,null,Q.createElement(Dr,{variant:"title",size:"xmedium"},g.symbol),Q.createElement(yo,{direction:"horizontal",size:4}),Q.createElement(Js,{css:T},Q.createElement(Zs,{variant:"body",size:"xsmall",css:x},g.blockchain))):void 0,description:w?.info&&k&&w.type!=="COSMOS"?jC({address:k,token:s[y],customCssForTag:T,customCssForTagTitle:x,name:g.name,url:w.info.addressUrl.split("{wallet}").join(k)}):g.name||void 0,end:m?Q.createElement($r,null,Q.createElement(Fm,{variant:"text",size:"large",width:70}),Q.createElement(yo,{size:4}),Q.createElement(Fm,{variant:"text",size:"medium",width:50})):v&&Q.createElement(Nm,null,Q.createElement(Pm,{variant:"title",size:"small"},v.amount),Q.createElement("div",null),v.usdValue&&Q.createElement(Dr,{variant:"body",className:Ks(),size:"xsmall"},`$${v.usdValue}`))}))},totalCount:s.length,key:`${r}-${o}`}),"renderList");return Q.createElement(Lm,null,Q.createElement(Dr,{variant:"label",size:"large"},Rs.t("Select Token")),Q.createElement(yo,{size:4}),l==="loading"&&Q.createElement($m,{size:ea}),l==="success"&&Q.createElement(_r,{as:"ul"},S()))}i(qm,"TokenList");function ta(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(),S=(e==="source"?r:s)?.name??"",y=h().blockchains({type:e}),g=h().tokens({type:e,blockchain:S,searchFor:f}),k=Oa(g,c,i(T=>d(T,e),"checkIsTokenPinned")),w=i(T=>{e==="source"?p(T):u(T)},"updateBlockchain"),E=i(T=>{e==="source"?a({token:T,meta:{blockchains:y,tokens:g}}):l({token:T,meta:{blockchains:y,tokens:g}})},"updateToken"),b={source:Fr.t("Source"),destination:Fr.t("Destination")};return Jt.createElement(ie,{header:{title:Fr.t("Swap {type}",{type:b[e]})}},Jt.createElement(le,null,Jt.createElement(Qs,{blockchains:y,type:e=="source"?"from":"to",blockchain:e==="source"?r:s,onMoreClick:()=>o(O.blockchains),onChange:T=>{w(T)}}),Jt.createElement(zm,{size:24}),Jt.createElement(wt,{value:f,autoFocus:!0,placeholder:Fr.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>m(""),onChange:T=>m(T.target.value)}),Jt.createElement(zm,{size:16}),Jt.createElement(qm,{list:k,selectedBlockchain:S,searchedFor:f,type:e,onChange:T=>{E(T);let x=y.find(I=>T.blockchain===I.name);x&&w(x),n()}})))}i(ta,"SelectSwapItemsPage");import{i18n as sa}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 nt 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"}),Or=Jo("div",{maxWidth:"280px",padding:"$10"}),Vm=Jo(YC,{width:"61px",flexShrink:0});import{i18n as oa}from"@lingui/core";import{Typography as ZC}from"@rango-dev/ui";import Zo from"react";function jm(){return Zo.createElement(Or,null,Zo.createElement(ZC,{variant:"label",size:"medium",color:"neutral700"},oa.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,oa.t("Warning")),":",oa.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 na(){let{slippage:t,setSlippage:e,customSlippage:o,setCustomSlippage:n}=h();return nt.createElement(Qm,null,nt.createElement(Gm,null,nt.createElement(Km,{variant:"title",size:"xmedium"},Xm.t("Slippage tolerance per swap")),nt.createElement(RC,{direction:"horizontal",size:4}),nt.createElement(oT,{container:M(),side:"top",sideOffset:4,content:nt.createElement(jm,null)},nt.createElement(eT,{color:"gray"}))),nt.createElement(Hm,null,nl.map((r,s)=>{let a=`slippage-${s}`;return nt.createElement(Vm,{key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`})}),nt.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&&nt.createElement(Km,{variant:"body",size:"small"},"%"),placeholder:Xm.t("Custom")})))}i(na,"Slippage");import{i18n as gt}from"@lingui/core";import{AutoThemeIcon as Ym,BridgeIcon as nT,ChevronRightIcon as ra,DarkModeIcon as Jm,Divider as ia,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 rt}from"@rango-dev/ui";import U from"react";import{useNavigate as hT}from"react-router-dom";var yT=mT("div",{width:"202px",height:"$40"}),ST=[{id:"light",icon:U.createElement(Zm,{color:"black",size:16}),tooltip:U.createElement(rt,{size:"xsmall",variant:"body"},gt.t("Light"))},{id:"dark",icon:U.createElement(Jm,{color:"black",size:16}),tooltip:U.createElement(rt,{size:"xsmall",variant:"body"},gt.t("Dark"))},{id:"auto",icon:U.createElement(Ym,{color:"black",size:16}),tooltip:U.createElement(rt,{size:"xsmall",variant:"body"},gt.t("Auto"))}],CT=i(t=>{let e={color:"gray",size:12};switch(t){case"auto":return U.createElement(Ym,{...e});case"dark":return U.createElement(Jm,{...e});default:return U.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=wn(s,a),C=d.filter(L=>L.type==="BRIDGE"||L.type==="AGGREGATOR"),S=C.length,y=C.filter(L=>L.selected).length,g=d.filter(L=>L.type==="DEX"),v=g.length,k=g.filter(L=>L.selected).length,w=i((L,z)=>{switch(r){case"loading":return U.createElement(cT,{variant:"text",size:"medium",width:50});case"failed":return U.createElement(rt,{variant:"body",size:"medium",color:"$error500"},gt.t("Loading failed"));default:return U.createElement(rt,{variant:"body",size:"medium"},`${L} / ${z}`)}},"handleEndItem"),E={id:"bridge-item",title:U.createElement(rt,{variant:"title",size:"xmedium"},gt.t("Enabled bridges")),end:U.createElement(U.Fragment,null,w(y,S),U.createElement(ia,{direction:"horizontal",size:8}),U.createElement(ra,{color:"black"})),onClick:()=>t(O.bridges),start:U.createElement(nT,{color:"gray",size:12})},b={id:"exchange-item",title:U.createElement(rt,{variant:"title",size:"xmedium"},gt.t("Enabled exchanges")),end:U.createElement(U.Fragment,null,w(k,v),U.createElement(ia,{direction:"horizontal",size:8}),U.createElement(ra,{color:"gray"})),start:U.createElement(iT,{color:"gray",size:12}),onClick:()=>t(O.exchanges)},T={id:"language-item",title:U.createElement(rt,{variant:"title",size:"xmedium"},gt.t("Language")),start:U.createElement(aT,{color:"gray",size:12}),end:U.createElement(ra,{color:"gray"}),onClick:()=>t(O.languages)},x={id:"infinite-approval-item",title:U.createElement(U.Fragment,null,U.createElement(rt,{variant:"title",size:"xmedium"},gt.t("Infinite approval")),U.createElement(ia,{direction:"horizontal",size:4}),U.createElement(gT,{side:"top",sideOffset:4,container:M(),content:U.createElement(Or,null,U.createElement(rt,{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.")))},U.createElement(sT,{color:"gray"}))),start:U.createElement(rT,{color:"gray",size:12}),end:U.createElement(dT,{checked:f}),onClick:m},I={id:"theme-item",type:U.createElement(pT,null),title:U.createElement(rt,{variant:"title",size:"xmedium"},gt.t("Theme")),end:U.createElement(yT,null,U.createElement(fT,{container:M(),items:ST,value:n,onChange:L=>o(L.id),type:"primary",borderRadius:"small"})),start:CT(n)},W=u?[]:[E,b];return c||W.push(T),W.push(x),!e?.singleTheme&&!p&&W.push(I),U.createElement(lT,{type:U.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:sa.t("Settings")}},Zt.createElement(le,null,o&&Zt.createElement(TT,{type:"info",variant:"alarm",title:sa.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},sa.t("Reset")))}),Zt.createElement(na,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 wa 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 Xr}from"rango-types";import J,{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 zr}from"rango-types";import Qr from"react";import{i18n as Ur}from"@lingui/core";import{Button as nd,Divider as aa,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(aa,{size:20}),Ot.createElement(ET,{type:"error",title:Ur.t("Cancel Swap"),description:Ur.t("Are you sure you want to cancel this swap?")}),Ot.createElement(aa,{size:32}),Ot.createElement(nd,{variant:"contained",type:"primary",size:"large",onClick:t},Ur.t("Yes, Cancel it")),Ot.createElement(aa,{size:12}),Ot.createElement(nd,{variant:"outlined",type:"primary",size:"large",onClick:e},Ur.t("No, Continue"))),"CancelContent");import{i18n as qr}from"@lingui/core";import{Button as id,Divider as la,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(la,{size:20}),It.createElement(AT,{type:"error",title:qr.t("Delete Transaction"),description:qr.t("Are you sure you want to delete this swap?")}),It.createElement(la,{size:32}),It.createElement(id,{variant:"contained",type:"primary",size:"large",onClick:t},qr.t("Yes, Delete it")),It.createElement(la,{size:12}),It.createElement(id,{variant:"outlined",type:"primary",size:"large",onClick:e},It.createElement(WT,{variant:"title",size:"medium",color:"primary"},qr.t("No, Cancel")))),"DeleteContent");import{i18n as pa}from"@lingui/core";import{PendingSwapNetworkStatus as ua}from"rango-types";var ca={[ua.WaitingForNetworkChange]:{type:"loading",title:pa.t("Change Network")},[ua.WaitingForConnectingWallet]:{type:"warning",title:pa.t("Connect Wallet")},[ua.NetworkChanged]:{type:"success",title:pa.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?oi(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:M(),title:m.name,image:m.img,type:c,state:f,link:m.installLink,disabled:a,onClick:async()=>l(c)})))},"WalletStateContent");function ma(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:s,message:a,walletButtonDisabled:l}=t,p=e===zr.WaitingForNetworkChange||e===zr.WaitingForConnectingWallet||e===zr.NetworkChanged;return Qr.createElement(ae,{open:!!e,onClose:o,container:document.getElementById(we.SWAP_BOX_ID)||document.body},p&&Qr.createElement(ld,{type:ca[e].type,title:ca[e].title,currentStepWallet:s,message:a,walletButtonDisabled:l,showWalletButton:e!==zr.WaitingForNetworkChange}),e==="delete"&&Qr.createElement(sd,{onClose:o,onDelete:n}),e==="cancel"&&Qr.createElement(rd,{onClose:o,onCancel:r}))}i(ma,"SwapDetailsModal");import{i18n as en}from"@lingui/core";import{Button as da,Divider as Hr,MessageBox as pd,TokenAmount as PT,Typography as fa}from"@rango-dev/ui";import Le from"react";import{useNavigate as _T}from"react-router-dom";function ga(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 Le.createElement(ae,{open:e,onClose:o,container:document.getElementById(we.SWAP_BOX_ID)||document.body},n==="success"?Le.createElement(pd,{type:"success",title:en.t("Swap Successful")},Le.createElement(PT,{direction:"vertical",tooltipContainer:M(),type:"output",centerAlign:!0,price:{value:r,usdValue:s,realUsdValue:a,realValue:l},token:p,chain:u,percentageChange:c}),Le.createElement(Hr,{size:12}),Le.createElement(fa,{variant:"body",size:"medium",color:"neutral700",align:"center"},f)):Le.createElement(pd,{type:"error",title:en.t("Transaction Failed"),description:f}),Le.createElement(Hr,{size:32}),n==="success"&&Le.createElement(da,{variant:"contained",type:"primary",size:"large",onClick:()=>{d("../../")}},Le.createElement(fa,{variant:"title",size:"medium",color:"neutral100"},en.t("Done"))),Le.createElement(Hr,{size:12}),m&&Le.createElement(Le.Fragment,null,Le.createElement(da,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(m,"_blank")},en.t("Diagnosis")),Le.createElement(Hr,{size:12})),Le.createElement(da,{variant:"outlined",type:"primary",size:"large",onClick:o},Le.createElement(fa,{variant:"title",size:"medium",color:"primary"},en.t("See Details"))))}i(ga,"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 Gr,{useState as UT}from"react";function ud(t){let{message:e}=t,[o,n]=UT(!1);return Gr.createElement($T,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Gr.createElement(OT,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Gr.createElement(FT,{size:12,color:"gray"}):Gr.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 ha,Button as dd}from"@rango-dev/ui";import{PendingSwapNetworkStatus as ya}from"rango-types";import tn from"react";function fd(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?tn.createElement(ha,{type:"warning",title:n.shortMessage,action:tn.createElement(dd,{size:"xxsmall",type:"warning",onClick:()=>{o(ya.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},md.t("Change"))}):r===ya.WaitingForConnectingWallet?tn.createElement(ha,{type:"warning",title:n.shortMessage,action:tn.createElement(dd,{size:"xxsmall",type:"warning",onClick:()=>{o(ya.WaitingForConnectingWallet)}},md.t("Connect"))}):tn.createElement(ha,{type:"warning",title:n.shortMessage})}i(fd,"WarningAlert");function Sa(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 C=m+f.url,S=m===d.length-1,y=(S&&u||p)&&!c,g=S&&s.status==="failed";return Ut.createElement(GT,{key:C},Ut.createElement(gd,{type:S&&(y&&"loading"||g&&"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(Sa,"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(Sa,{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"}),Vr=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"}),jr=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 Ca(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(),[C,S]=nk(hd),y=ik(null),[g,v]=Wd(null),[k,w]=Wd(null),E=i(()=>{r(),v(null)},"onCancel"),b=qe.use.getUnreadNotifications(),T=qe.use.setAsRead(),x=b(),I=KT(e),W=I?.networkStatus;Ad(()=>{x.find(st=>st.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(w(e.status),T(e.requestId))},[e.status,e.requestId]),Ad(()=>{Z?v(Xr.WaitingForNetworkChange):W===Xr.WaitingForConnectingWallet||W===Xr.NetworkChanged?v(W):v(null)},[W]);let L=Dl(e),z=I?XT(e,I):null,ee=I?YT(e,I):null,ye=od(e),$=Fl(e),te=i(Se=>!!l(Se)?.mobileWallet,"isMobileWallet"),Z=W===Xr.WaitingForNetworkChange&&!!z&&!!ee?.walletType&&(te(ee.walletType)||s(ee.walletType,z)),N=Z?a.bind(null,ee.walletType,z):void 0,B=$l(e,I),P=yd({swap:e,switchNetwork:N,showNetworkModal:W,setNetworkModal:v,message:B,blockchains:p,swappers:u}),V=P.length,[fe,ce]=[e.steps[0],e.steps[V-1]],ge=ce.outputAmount||ce.expectedOutputAmountHumanReadable,ht=e.steps.reduce((Se,st)=>Se+parseFloat(st.feeInUsd||""),0),G=e.steps.find(Se=>Se.diagnosisUrl)?.diagnosisUrl,Y=A(parseFloat(A(ge,6,6))*(ce.toUsdPrice||0),4,4),R=A(parseFloat(e.inputAmount)*(fe.fromUsdPrice||0),4,4),Ee=ge?se(new Ed(ge).multipliedBy(ce.toUsdPrice||0)):"",Ge=se(new Ed(e.inputAmount).multipliedBy(fe.fromUsdPrice||0)),ke=Xe(R,Y),De=e.status==="success"?Et.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:A(ge,6,6),token:P[V-1].to.token.displayName,conciseAddress:hn(e.wallets[P[V-1].to.chain.displayName]?.address||""),chain:P[V-1].to.chain.displayName}}):`${Et.t("Transaction was not sent.")} ${L?Et.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:L.outputAmount,symbol:L.symbol,blockchain:L.blockchain}}):""}`;return J.createElement(ie,{header:{title:Et.t("Swap and Bridge"),onCancel:e.status==="running"?()=>v("cancel"):void 0,suffix:e.status!=="running"&&J.createElement(so,null,J.createElement(Id,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>v("delete")},J.createElement(Co,{size:"medium",variant:"label",color:"error"},Et.t("Delete"))))},footer:$&&!k&&J.createElement(Id,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{f(e,{blockchains:p,tokens:c}),setTimeout(()=>{d("../../")},0)}},Et.t("Try again"))},J.createElement(le,{compact:!0,view:!0},J.createElement(Vr,null,J.createElement("div",{className:So()},J.createElement(Co,{variant:"label",size:"large",color:"neutral700"},`${Et.t("Request ID")}:`),J.createElement("div",{className:jr()},J.createElement(Co,{variant:"label",size:"small",color:"neutral700"},o),J.createElement(RT,{variant:"ghost",onClick:S.bind(null,o||"")},J.createElement(JT,{size:16,color:"gray"})),J.createElement(bd,{target:"_blank",href:`${Aa}/swap/${o}`},J.createElement(ek,{size:16})))),J.createElement("div",{className:So()},J.createElement(Co,{variant:"label",size:"large",color:"neutral700"},`${Et.t(e.finishTime?"Finished at":"Created at")}:`),J.createElement(Co,{variant:"label",size:"small",color:"neutral700"},ye))),J.createElement("div",{className:xd()},J.createElement(tk,{fee:A(String(ht),2,2),time:ln(pn(e.steps)),steps:V}),J.createElement(_o,{from:{price:{value:A(e.inputAmount,6,6),usdValue:R,realUsdValue:Ge,realValue:e.inputAmount},token:{displayName:P[0].from.token.displayName,image:P[0].from.token.image},chain:{image:P[0].from.chain.image,displayName:P[0].from.chain.displayName}},to:{price:{value:A(ge,6,6),usdValue:Y,realUsdValue:Ee,realValue:ge},token:{displayName:P[V-1].to.token.displayName,image:P[V-1].to.token.image},chain:{image:P[V-1].to.chain.image,displayName:P[V-1].to.chain.displayName}},percentageChange:A(ke,2,2),warningLevel:St(ke??0)})),J.createElement("div",{className:vd()},J.createElement(Co,{variant:"title",size:"small"},Et.t("Swaps steps"))),J.createElement(ZT,{size:8}),J.createElement(Td,{ref:y},P.map((Se,st)=>{let Ia=st,To=Sd(e.steps[st]),Kd=To==="error"||To==="in-progress"||To==="warning"||To==="completed"&&st===P.length-1;return J.createElement(ok,{key:Ia,step:Se,type:"swap-progress",ref:y,state:To,hasSeparator:st!==0,tabIndex:Ia,isFocused:Kd,tooltipContainer:M()})}))),J.createElement(ma,{state:g,onClose:()=>v(null),onCancel:E,onDelete:n,message:B.detailedMessage.content,currentStepWallet:ee,walletButtonDisabled:!m}),J.createElement(ga,{open:!!k,diagnosisUrl:G,onClose:()=>w(null),status:e.status==="success"?"success":"failed",priceValue:A(ge,6,6),usdValue:Y,realUsdValue:Ee,realValue:se(ge),percentageChange:A(ke,2,2),token:{displayName:P[V-1].to.token.displayName,image:P[V-1].to.token.image},chain:{image:P[V-1].to.chain.image},description:De}))}i(Ca,"SwapDetails");import{i18n as Yr}from"@lingui/core";import{Divider as Md,NotFound as ck,Skeleton as rn,Typography as Jr}from"@rango-dev/ui";import de from"react";import{i18n as ak}from"@lingui/core";import{Divider as lk,Skeleton as pk,Typography as uk}from"@rango-dev/ui";import he from"react";import{css as it,styled as Ta}from"@rango-dev/ui";var Ld=Ta("div",{width:"100%",height:"100%",padding:"$10 $20"}),nn=Ta("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15"}),Kr=Ta("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"}),pq=it({display:"flex",justifyContent:"space-between",alignItems:"center"}),uq=it({display:"flex",justifyContent:"space-between",alignItems:"center"}),cq=it({paddingTop:"$15",display:"flex"}),mq=it({padding:"$15 $0"}),dq=it({width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"}),fq=it({paddingBottom:"$10"}),gq=it({display:"flex",justifyContent:"start",alignItems:"center"}),hq=it({paddingTop:"$5",display:"flex",alignItems:"center"}),yq=it({display:"flex",alignItems:"center"}),Sq=it({padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"}),Nd=it({display:"flex",paddingTop:"$10",paddingBottom:"$5"});function ka(){return he.createElement(Ld,null,he.createElement(Uo,{type:"swap-preview"}),he.createElement("div",{className:"swaps-steps"},he.createElement(uk,{variant:"title",size:"small"},ak.t("Swaps steps"))),he.createElement(he.Fragment,null,he.createElement(nn,null,he.createElement(ft,{separator:!1}),he.createElement("div",{className:Nd()},he.createElement(lk,{direction:"horizontal",size:20}),he.createElement(pk,{height:22,variant:"rectangular"}))),he.createElement(Kr,null),he.createElement(nn,null,he.createElement(ft,{separator:!1})),he.createElement(Kr,null),he.createElement(nn,null,he.createElement(ft,{separator:!1})),he.createElement(Kr,null),he.createElement(nn,null,he.createElement(ft,{separator:!1}))))}i(ka,"LoadingSwapDetails");function Bd(t){let{requestId:e,showSkeleton:o}=t;return de.createElement(ie,{header:{title:Yr.t("Swap and Bridge"),suffix:de.createElement(so,null)}},o&&de.createElement(Cd,null,de.createElement(Vr,null,de.createElement("div",{className:So()},de.createElement(Jr,{variant:"label",size:"large",color:"neutral700"},`${Yr.t("Request ID")}:`),de.createElement("div",{className:jr()},de.createElement(Jr,{variant:"label",size:"small",color:"neutral700"},de.createElement(rn,{width:60,height:10,variant:"rounded"})),de.createElement(Md,{direction:"horizontal",size:4}),de.createElement(rn,{width:16,height:16,variant:"rectangular"}),de.createElement(Md,{direction:"horizontal",size:4}),de.createElement(rn,{width:16,height:16,variant:"rectangular"}))),de.createElement("div",{className:So()},de.createElement(Jr,{className:wd(),variant:"label",size:"large",color:"neutral700"},de.createElement(rn,{width:60,height:10,variant:"rounded"})),de.createElement(Jr,{variant:"label",size:"small",color:"neutral700"},de.createElement(rn,{width:60,height:10,variant:"rounded"})))),de.createElement(ka,null)),!o&&de.createElement(kd,null,de.createElement(ck,{title:Yr.t("Not found"),description:Yr.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 wa.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?wa.createElement(Bd,{requestId:r,showSkeleton:l}):wa.createElement(Ca,{swap:f,requestId:r,onCancel:u,onDelete:c})}i(Pd,"SwapDetailsPage");function _d(){return Xl(),xi(),yk([{path:O.home,element:Ue.createElement(am,null)},{path:O.routes,element:Ue.createElement(mm,null)},{path:O.fromSwap,children:[{index:!0,element:Ue.createElement(ta,{type:"source"})},{path:O.blockchains,element:Ue.createElement(Fs,{type:"source"})}]},{path:O.toSwap,children:[{index:!0,element:Ue.createElement(ta,{type:"destination"})},{path:O.blockchains,element:Ue.createElement(Fs,{type:"destination"})}]},{path:O.settings,children:[{index:!0,element:Ue.createElement(ed,null)},{path:O.languages,element:Ue.createElement(pm,null)},{path:O.exchanges,element:Ue.createElement(Ps,{sourceType:"Exchanges"})},{path:O.bridges,element:Ue.createElement(Ps,{sourceType:"Bridges"})}]},{path:O.swaps,children:[{index:!0,element:Ue.createElement(qc,null)},{path:O.swapDetails,element:Ue.createElement(Pd,null)}]},{path:O.wallets,element:Ue.createElement(Rp,null)},{path:O.confirmSwap,element:Ue.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=qe.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 Zr(){qd();let{config:t}=h(),{activeTheme:e}=jn(t?.theme||{}),{activeLanguage:o}=go(),[n,r]=Hd(""),[s,a]=Hd(),l=vk(vn),{fetchApiConfig:p}=zd();return bk(()=>{qe.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(Zr,"Main");import va,{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(k=>({accounts:[k],name:k.chain}))},f=i(async(k,w)=>{if(s(k,w))return r(k,w)},"switchNetwork"),m=i(k=>!!a(k).mobileWallet,"isMobileWallet"),d=p.filter(k=>k.enabled).reduce((k,w)=>(k[w.name]=w,k),{}),C=p.filter(Nk),S=i(k=>{let{supportedChains:w}=a(k);return mn(w)},"getSupportedChainNames"),y=e(),g={meta:{blockchains:d,evmBasedChains:C,evmNetworkChainInfo:Lk(C),getSupportedChainNames:S},getSigners:o,wallets:c,providers:y,switchNetwork:f,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:m},v=oe.use.isActiveTab();return Mk.createElement(Ak,{queuesDefs:[l],context:g,onPersistedDataLoaded:k=>{Ik(k)},isPaused:!v},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 Rr=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 xa(t){let{manager:e}=Ok(),o=oe.use.isActiveTab(),n=H.use.retry(),r=new Rr(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,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:f,loadingStatus:m},resetLanguage:d,notifications:{list:C}};return Uk.createElement(Vd.Provider,{value:S},t.children)}i(xa,"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 ei(t){let{onUpdateState:e,config:o}=t;return Qk(()=>{Ha({API_KEY:o?.apiKey||an,BASE_URL:o?.apiUrl||Ea})},[o.apiKey,o.apiUrl]),va.createElement(bn,{config:o,onUpdateState:e},va.createElement(Gd,{apiKey:o.apiKey},va.createElement(xa,null,t.children)))}i(ei,"WidgetProvider");function Xd(t){return Hk(()=>(zt.init(),zt.destroy),[]),t.config?.externalWallets?ba.createElement(Zr,null):ba.createElement(ei,{config:t.config??ai},ba.createElement(Zr,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,we as UI_ID,eH as WalletEvents,nH as WalletTypes,Xd as Widget,ei as WidgetProvider,bn as WidgetWallets,Mi as customizedThemeTokens,RQ as readAccountAddress,su as useWallets,jd as useWidget,JQ as useWidgetEvents};
 //# sourceMappingURL=index.js.map