@rango-dev/widget-embedded 0.23.1-next.12 → 0.23.1-next.13

package/dist/index.js

@@ -1,3 +1,3 @@
-var _d=Object.defineProperty;var i=(t,e)=>_d(t,"name",{value:e,configurable:!0});import{EventSeverity as AQ,MainEvents as EQ,RouteEventType as WQ,StepEventType as LQ,StepExecutionBlockedEventStatus as MQ,StepExecutionEventStatus as NQ,useEvents as BQ}from"@rango-dev/queue-manager-rango-preset";import{readAccountAddress as $Q,useWallets as Jp,Events as _Q}from"@rango-dev/wallets-react";import{Networks as FQ,WalletTypes as UQ}from"@rango-dev/wallets-shared";import{PendingSwapNetworkStatus as qQ}from"rango-types";import{UI_ID as Dd}from"@rango-dev/ui";var sn="c6381a79-2817-4602-83bf-6a641a409e32",ka="https://api.rango.exchange",wa="https://scan.rango.exchange",Te={SWAP_BOX_ID:"rango-swap-box",EXPANDED_BOX_ID:"rango-expanded-box",...Dd};import{Events as ai,Provider as Sf}from"@rango-dev/wallets-react";import{isEvmBlockchain as Cf}from"rango-sdk";import kn,{createContext as Tf,useEffect as ll,useRef as kf}from"react";import{useEffect as ef}from"react";import{create as Jd}from"zustand";import{subscribeWithSelector as Zd}from"zustand/middleware";import{RangoClient as Kd}from"rango-sdk";import{WalletState as lt}from"@rango-dev/ui";import{readAccountAddress as Od}from"@rango-dev/wallets-react";import{detectInstallLink as qd,getCosmosExperimentalChainInfo as zd,isEvmAddress as Qd,KEPLR_COMPATIBLE_WALLETS as Gk,Networks as Ia}from"@rango-dev/wallets-shared";import Zr from"bignumber.js";import{isCosmosBlockchain as Hd}from"rango-types";import Fd from"bignumber.js";var Le=new Fd(0);import{WalletTypes as Ud}from"@rango-dev/wallets-shared";var xa=[Ud.LEAP];import{BigNumber as ba}from"bignumber.js";var an=i(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),E=i((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new ba(t),r=1,s=1e3;for(let a=0;a<60;a++)if(new ba(n.toFixed(a,r)).eq(n)){s=a;break}if(n.gte(1e4))return n.toFormat(0,r);if(n.gte(1e3)||n.gte(100))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,1))),r);if(n.gte(1))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,2))),r);if(n.gte(.01))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,4))),r);for(let a=e||4;a<17;a++)if(n.gte(Math.pow(10,-a)))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,a))),r);return n.isEqualTo(0)?"0":n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,8))),r)},"numberToString");var ln=i(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var at=i((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),ko=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function le(t){return E(t,12,12).replace(/(?:\.0*|(\.\d+?)0*)$/,"$1")}i(le,"formatTooltipNumbers");function Rr(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(Rr,"mapStatusToWalletState");function Aa(t,e,o,n){return o.filter(r=>!xa.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=Rr(t(r));return{title:s,image:a,link:qd(l),state:p,type:r}})}i(Aa,"mapWalletTypesToWalletInfo");function cn(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(cn,"walletAndSupportedChainsNames");function Ea(t,e,o,n,r){let s=[];function a(p,u){if(!!!s.find(d=>d.chain===p)){let d={address:u,chain:p,walletType:t};s.push(d)}}i(a,"addAccount");let l=n||[];return e.forEach(p=>{let{address:u,network:c}=Od(p),d=l.length>0,m=l.includes(c),y=c===Ia.Unknown;if(d&&!m&&!y)return;let C=c===Ia.Unknown&&Qd(u);if(y&&!C)return;o.includes(c)||C?r?a(c,u.toLowerCase()):l.filter(x=>o.includes(x)).forEach(x=>{a(x,u.toLowerCase())}):a(c,u)}),s}i(Ea,"prepareAccountsForWalletStore");function Wa(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(Wa,"getRequiredChains");function mn(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(mn,"isAccountAndWalletMatched");function La(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 Zr(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:Vd(o,r.asset.symbol,r.asset.address,e)||null}))||[]}i(La,"makeBalanceFor");function Ma(t){return{...t,loading:!1,error:!0}}i(Ma,"resetConnectedWalletState");var Na=i(t=>{let e=new Set,n=t?.reduce((s,a)=>s.findIndex(l=>l.address===a.address&&l.chain===a.chain)===-1?[...s,a]:s,[])?.map(s=>{let a={name:s.chain,accounts:[]};return e.has(s.address)||e.add(s.address),e.forEach(l=>{s.address===l&&a.accounts.push(s)}),a}),r=E(n?.flatMap(s=>s.accounts)?.flatMap(s=>s?.balances)?.map(s=>new Zr(s?.amount||Le).multipliedBy(s?.usdPrice||0))?.reduce((s,a)=>s.plus(a),Le)||Le).toString();return Gd(r)},"calculateWalletUsdValue");function Gd(t){let e=t.toString().split(".");return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),e.join(".")}i(Gd,"numberWithThousandSeparator");var Vd=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice"),dn=i((t,e)=>{let o=zd(Object.entries(t).map(([,n])=>n).filter(Hd));return o&&o[e]?.experimental},"isExperimentalChain");function fn(t){return t?{...t,amount:E(t.amount,8,8),usdValue:E(t.usdValue,4,4)}:null}i(fn,"formatBalance");function jd(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(jd,"sortTokensByBalance");function Xd(t,e,o){let n=o(t),r=o(e);return n===r?0:n?-1:1}i(Xd,"sortTokensByPinnedToken");function Ba(t,e,o){return t.sort((n,r)=>{let s=e(n),a=e(r),l=Xd(n,r,o);return l!==0?l:jd(s,a)}),t}i(Ba,"sortTokens");function Me(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(Me,"areTokensEqual");function Pa(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(Pa,"sortWalletsBasedOnConnectionState");function gn(t,e=8,o=3){if(t.length<2*e+o)return t;let n=t.slice(0,e),r=t.slice(-e);return`${n}${".".repeat(o)}${r}`}i(gn,"getConciseAddress");function $a({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i($a,"getAddress");function ei(t){return`${t.blockchain}-${t.symbol}-${t.address??""}`}i(ei,"createTokenHash");function hn(t){return t.flatMap(e=>e.balances).reduce((e,o)=>{let n={amount:o?.amount??"",decimals:o?.decimal??0,usdValue:o?.usdPrice?new Zr(o?.usdPrice??Le).multipliedBy(o?.amount).toString():""},r=o?ei({symbol:o.symbol,blockchain:o.chain,address:o.address}):null,s=r?e[r]:null;return r&&(!s||s&&s.amount<n.amount)&&(e[r]=n),e},{})}i(hn,"makeTokensBalance");var _a=i((t,e)=>!!t.find(o=>o.chain===e&&o.loading),"isFetchingBalance");function Da(t){return t.map(e=>e.state).join("-")}i(Da,"hashWalletsState");var ti={API_KEY:sn};function yt(t){return ti[t]||""}i(yt,"getConfig");function Fa(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),ti=e,ti}i(Fa,"initConfig");var Ua=20,Oa=25,qa="Roboto",oi="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"),ni=i((t,e)=>t&&e&&!e.includes(t.name),"isBlockchainExcludedInConfig");var yn,Et=i(()=>yn||(yn=new Kd(yt("API_KEY"),yt("BASE_URL")),yn),"httpService");var Yd=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=Yd;var K=Wt(Jd()(Zd((t,e)=>({connectedWallets:[],balances:{},loading:!1,connectWallet:(o,n)=>{let r=e().getWalletsDetails;t(s=>({loading:!0,connectedWallets:s.connectedWallets.filter(a=>a.walletType!==o[0].walletType).concat(o.map(a=>{let l=!s.connectedWallets.find(p=>p.chain===a.chain&&p.selected);return{balances:[],address:a.address,chain:a.chain,explorerUrl:null,walletType:a.walletType,selected:l,loading:!0,error:!1}}))})),r(o,n)},disconnectWallet:o=>{t(n=>{let r=n.connectedWallets.filter(l=>l.selected&&l.walletType!==o).map(l=>l.chain),s=n.connectedWallets.filter(l=>l.walletType!==o).map(l=>r.includes(l.chain)?l:(r.push(l.chain),{...l,selected:!0}));return{balances:hn(s),connectedWallets:s}})},selectWallets:o=>t(n=>({connectedWallets:n.connectedWallets.map(r=>{let s=!!o.find(l=>l.chain===r.chain&&l.walletType!==r.walletType&&r.selected),a=!!o.find(l=>l.chain===r.chain&&l.walletType===r.walletType&&!r.selected);return s?{...r,selected:!1}:a?{...r,selected:!0}:r})})),clearConnectedWallet:()=>t(()=>({connectedWallets:[],selectedWallets:[]})),getWalletsDetails:async(o,n,r=!0)=>{let s=e().getWalletsDetails;t(a=>({loading:!0,connectedWallets:a.connectedWallets.map(l=>o.find(p=>mn(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:u,chain:c})=>({address:u,blockchain:c})),p=(await Et().getWalletsDetails(a)).wallets;if(p)t(u=>{let c=u.connectedWallets.map(m=>{let y=o.find(C=>mn(C,m)),S=p.find(C=>C.address===m.address&&C.blockChain===m.chain);return S?.failed&&y&&r&&s([y],n,!1),y&&S?{...m,explorerUrl:S.explorerUrl,balances:La(S,n),loading:!1}:m});return{loading:!1,balances:hn(c),connectedWallets:c}});else throw new Error("Wallet not found")}catch{t(l=>{let p=l.connectedWallets.map(c=>o.find(d=>mn(d,c))?Ma(c):c);return{loading:!1,balances:hn(p),connectedWallets:p}})}},getBalanceFor:o=>{let{balances:n}=e(),r=ei(o);return n[r]??null}}))));import{allProviders as Rd}from"@rango-dev/provider-all";function Sn(t,e){let o=Rd({walletconnect2:{WC_PROJECT_ID:e?.walletConnectProjectId||""}});if(t){let n=[];return t.forEach(r=>{if(typeof r=="string"){let s=o.find(a=>a.config.type===r);s?n.push(s):console.warn(`Couldn't find ${r} provider. Please make sure you are passing the correct name.`)}else n.push(r)}),n}return o}i(Sn,"matchAndGenerateProviders");function za(t,e){return Sn(t,e).map(r=>r.config.type)}i(za,"configWalletsToWalletName");function Qa(t,e){let o=K.use.clearConnectedWallet(),n=Sn(void 0,e);return ef(()=>{o(),n=Sn(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}i(Qa,"useWalletProviders");import cf,{createContext as mf,useContext as df,useEffect as ff,useRef as gf}from"react";import{create as pf}from"zustand";import{persist as uf}from"zustand/middleware";var ri={apiKey:"",title:void 0,multiWallets:!0,enableNewLiquiditySources:!0,customDestination:!0},tf={clientUrl:void 0},of={liquiditySources:void 0},Ha=i((t,e,o)=>({config:{...ri,...t},iframe:tf,campaignMode:of,getLiquiditySources:()=>{let{config:n,campaignMode:r}=o();return r.liquiditySources?.length?r.liquiditySources:n.liquiditySources??[]},getDisabledLiquiditySources:()=>{let{disabledLiquiditySources:n,campaignMode:r}=o();return r.liquiditySources?.length?[]:n},excludeLiquiditySources:()=>{let{config:n,campaignMode:r}=o();return r.liquiditySources?.length?!1:!!n.enableNewLiquiditySources},isInCampaignMode:()=>{let{campaignMode:n}=o();return!!n.liquiditySources?.length},updateConfig:n=>{let r=o().config;e({config:{...r,...n}})},updateCampaignMode:(n,r)=>{let s=o().campaignMode;e({campaignMode:{...s,[n]:r}})},updateIframe:(n,r)=>{let s=o().iframe;e({iframe:{...s,[n]:r}})}}),"createConfigSlice");function Cn(t){return Array.from(new Set(t))}i(Cn,"removeDuplicateFrom");function ii(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(ii,"areEqual");function Ga(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i(Ga,"debounce");function qt(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(qt,"containsText");var N=i(()=>document.getElementById(Te.SWAP_BOX_ID),"getContainer"),Va=i(()=>document.getElementById(Te.EXPANDED_BOX_ID),"getExpanded");function Tn(t,e){let o=t.map(s=>s.swapperGroup),n=[];return Cn(t.map(s=>s.swapperGroup)).map(s=>{let a=t.find(l=>l.swapperGroup===s);if(a){let l=!0;o&&(l=o.some(p=>p===a.swapperGroup)),l&&a.types.map(p=>{n.push({id:a.swapperGroup,groupTitle:a.swapperGroup,logo:a.logo,type:p,selected:!e.includes(a.swapperGroup)})})}}),n}i(Tn,"getUniqueSwappersGroups");function ja(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}i(ja,"sortLiquiditySourcesByGroupTitle");function Ve(t,e){return e?.[t]==="hidden"}i(Ve,"isFeatureHidden");function Xa(t,e){return e?.[t]==="enabled"}i(Xa,"isFeatureEnabled");var Ka=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.enableNewLiquiditySources;return e()._swappers.filter(u=>{let c=s?.includes(u.swapperGroup);return a||!s||s.length===0?!c:c}).sort(ja)},fetch:async()=>{try{let o=await Et().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 nf,French as rf,Japanese as sf,Portuguese as af,Spanish as lf}from"@rango-dev/ui";var Ya=[{title:"English",label:"English",local:"en",SVGFlag:nf},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:lf},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:rf},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:sf},{title:"Portuguese",label:"Portugu\xEAs",local:"pt",SVGFlag:af}],xo="en";var Ja=[.5,1,3],Za=1,Ra=5,el=100,tl=0;var ol=i((t,e)=>({disabledLiquiditySources:[],theme:"auto",language:null,preferredBlockchains:[],slippage:Za,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,addPreferredBlockchain:o=>{let n=e().preferredBlockchains;if(n.find((a,l)=>{let p=a===o,u=l<=9;return p&&u}))return;let s=n.filter(a=>!(a===o));t(()=>({preferredBlockchains:[o,...s]}))},setSlippage:o=>t(()=>({slippage:o})),setCustomSlippage:o=>t(()=>({customSlippage:o})),setAffiliateRef:o=>t(()=>({affiliateRef:o})),setAffiliatePercent:o=>t(()=>({affiliatePercent:o})),setAffiliateWallets:o=>t(()=>({affiliateWallets:o})),toggleAllLiquiditySources:(o,n)=>t(r=>{if(n)return{disabledLiquiditySources:[]};let s=Cn(o.map(a=>a.swapperGroup));return s.length===r.disabledLiquiditySources.length?{disabledLiquiditySources:[]}:{disabledLiquiditySources:s}}),toggleInfiniteApprove:()=>t(o=>({infiniteApprove:!o.infiniteApprove})),toggleLiquiditySource:o=>t(n=>n.disabledLiquiditySources.includes(o)?{disabledLiquiditySources:n.disabledLiquiditySources.filter(r=>r!=o)}:{disabledLiquiditySources:n.disabledLiquiditySources.concat(o)}),setTheme:o=>t(()=>({theme:o})),setLanguage:o=>t(()=>({language:o})),updateSettings:o=>{let{features:n}=o,r=Ve("theme",n),s=Ve("language",n),a=Ve("liquiditySource",n);t({...r&&{theme:"auto"},...s&&{language:xo},...a&&{disabledLiquiditySources:[]}})}}),"createSettingsSlice");function nl(t){return pf()(uf((...e)=>({...Ka(...e),...ol(...e),...Ha(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(nl,"createAppStore");var rl=mf(null);function h(){let t=df(rl);if(ff(()=>{t&&!t.persist.hasHydrated()&&t.persist.rehydrate()},[]),!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}i(h,"useAppStore");function il(t){let e=gf();return e.current||(e.current=nl(t.config)),cf.createElement(rl.Provider,{value:e.current},t.children)}i(il,"AppStoreProvider");import{create as yf}from"zustand";var sl="rango-widget";var vo=class{static{i(this,"TabManager")}tabId;state="not-initiated";lastTryClaim;events={};channel;constructor(e){this.channel=new BroadcastChannel(sl),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 ee=Wt(yf()((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:()=>ee.setState({tabManagerInitiated:!0}),onClaim:()=>ee.setState({isActiveTab:!0,showActivateTabModal:!1}),onRelease:()=>ee.setState({isActiveTab:!1})});var wn=Tf({onConnectWallet:()=>{}});function wf(t){let{updateConfig:e,updateSettings:o,fetch:n}=h(),r=h().blockchains(),s=h().tokens(),a={walletConnectProjectId:t.config?.walletConnectProjectId},{providers:l}=Qa(t.config.wallets,a),{connectWallet:p,disconnectWallet:u}=K(),c=kf();ll(()=>{n().catch(console.log)},[]),ll(()=>{t.config&&(e(t.config),o(t.config))},[t.config]);let d=r.filter(Cf).map(S=>S.name),m=i((S,C,g,f,x)=>{if(C===ai.ACCOUNTS)if(g){let k=cn(x.supportedBlockchains),v=Ea(S,g,d,k,x.isContractWallet);v.length&&p(v,s)}else u(S);if(C===ai.ACCOUNTS&&f.connected){let k=`${S}-${f.network}-${g}`;f.connected&&(c.current?c.current(k):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(C===ai.NETWORK&&f.network){let k=`${S}-${f.network}`;c.current?c.current(k):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(S,C,g,f,x)},"onUpdateState"),y=ee.use.isActiveTab();return kn.createElement(wn.Provider,{value:{onConnectWallet:S=>{c.current=S}}},kn.createElement(Sf,{allBlockChains:r,providers:l,onUpdateState:m,autoConnect:!!y},t.children))}i(wf,"Main");function xn(t){let{config:e,...o}=t;return kn.createElement(il,{config:e},kn.createElement(wf,{...o,config:e}))}i(xn,"WidgetWallets");import Ca,{useEffect as Wk}from"react";import{I18nManager as lk}from"@rango-dev/ui";import rn,{useContext as pk,useEffect as uk,useState as Ld}from"react";import{useQueueManager as If}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Af}from"@rango-dev/wallets-react";import{isEvmBlockchain as Ef}from"rango-types";import Wf,{Fragment as Lf}from"react";import{MemoryRouter as Mf,useInRouterContext as Nf}from"react-router";import{useWallets as xf}from"@rango-dev/wallets-react";import{useEffect as vf,useRef as bf}from"react";function ul(){let{connect:t,state:e}=xf(),o=bf({}),{fetchStatus:n}=h(),r=new URLSearchParams(location.search).get("autoConnect")||"",s=e(r);vf(()=>{n==="success"&&r&&s.installed&&!s.connecting&&!s.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[s,n])}i(ul,"useForceAutoConnect");function cl({children:t,...e}){let n=Nf()?Lf:Mf,r=h().blockchains(),{canSwitchNetworkTo:s}=Af();ul();let a=r.filter(Ef);return If({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:s}),Wf.createElement(n,null,t)}i(cl,"AppRouter");import Oe from"react";import{useRoutes as ok}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 Bn}from"react";import Nt from"bignumber.js";import{create as Ff}from"zustand";import{subscribeWithSelector as Uf}from"zustand/middleware";import{getLastSuccessfulStep as Df}from"@rango-dev/queue-manager-rango-preset";import Ev from"bignumber.js";import{i18n as pt}from"@lingui/core";var li={"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")},pi=[{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")}],ui=["RECOMMENDED","CENTRALIZED","LOWEST_FEE","FASTEST","HIGH_IMPACT"],ml=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 dl(t,e){return e.find(o=>o.name===t)?.displayName}i(dl,"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 ci(t,e){return e.find(o=>Me(o,t))??null}i(ci,"findToken");function mi(t,e){return e.find(o=>o.name===t)??null}i(mi,"findBlockchain");import{i18n as Ze}from"@lingui/core";import Ne from"bignumber.js";import{PendingSwapNetworkStatus as An}from"rango-types";function vn(t){let e=[];return t?.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,s=e[e.length-1];n!=s&&e.push(n),s=e[e.length-1],r!=s&&e.push(r)}),e}i(vn,"getRequiredWallets");function bn(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(bn,"isValidAddress");import{i18n as Ee}from"@lingui/core";var Y=i(()=>({genericServerError:Ee.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:Ee.t("Please reset your liquidity sources."),description:Ee.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources.")},noResultError:{title:Ee.t("No Routes Found."),description:Ee.t("Reasons why Rango couldn't find a route: low liquidity on token, very low input amount or no routes available for the selected input/output token combination.")},bridgeLimitErrors:{increaseAmount:Ee.t("Bridge Limit Error: Please increase your amount."),decreaseAmount:Ee.t("Bridge Limit Error: Please decrease your amount.")},highValueLossError:{impactTitle:Ee.t("High Price Impact"),title:Ee.t("Price impact is too high!"),description:Ee.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:Ee.t("Confirm high price impact")},quoteUpdatedWithHighValueLoss:{title:Ee.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:Ee.t("USD Price Unknown"),title:Ee.t("USD Price Unknown, Cannot calculate Price Impact."),description:Ee.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:Ee.t("Confirm USD Price Unknown")}}),"errorMessages");function fl(t){switch(t.type){case 0:return t.diagnosisMessage??Y().noResultError.title;case 1:return Y().genericServerError;default:return""}}i(fl,"getQuoteErrorMessage");import{i18n as In}from"@lingui/core";var Qt=i(()=>({connectWallet:In.t("Connect Wallet"),swap:In.t("Swap"),swapAnyway:In.t("Swap anyway"),ethWarning:In.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function gl(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new Ne(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new Ne(1e3)))??!1}i(gl,"hasHighValueLoss");function hl(t){return(t||[]).filter(e=>{let o=e.fromAmountMinValue?new Ne(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Ne(e.fromAmountMaxValue):null;return e.fromAmountRestrictionType==="EXCLUSIVE"?o?.gte(e.fromAmount)||n?.lte(e.fromAmount):o?.gt(e.fromAmount)||n?.lt(e.fromAmount)}).length>0}i(hl,"hasLimitError");function yl(t){let e=(t||[]).filter(l=>{let p=l.fromAmountMinValue?new Ne(l.fromAmountMinValue):null,u=l.fromAmountMaxValue?new Ne(l.fromAmountMaxValue):null;return l.fromAmountRestrictionType==="EXCLUSIVE"?p?.gte(l.fromAmount)||u?.lte(l.fromAmount):p?.gt(l.fromAmount)||u?.lt(l.fromAmount)})[0],o=e.fromAmountMinValue?new Ne(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Ne(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",s="",a="";return!r&&o&&o.gt(e.fromAmount)?(s=Ze.t({id:"Required: >= {min} {symbol}",values:{min:E(o,6,6),symbol:e.from.symbol}}),a=Y().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(s=Ze.t({id:"Required: > {min} {symbol}",values:{min:E(o,6,6),symbol:e.from.symbol}}),a=Y().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(s=Ze.t({id:"Required: <= {max} {symbol}",values:{max:E(n,6,6),symbol:e.from.symbol}}),a=Y().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(s=Ze.t({id:"Required: < {max} {symbol}",values:{max:E(n,6,6),symbol:e.from.symbol}}),a=Y().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:s,recommendation:a}}i(yl,"getLimitErrorMessage");function Sl(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(Sl,"getSwapButtonState");function di(t,e,o){return!((!o||o.lte(Le))&&t&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t)}i(di,"canComputePriceImpact");function Bf(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(Bf,"requiredWallets");var Pf=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice");function $f(t,e){let o=Le;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let s=Pf(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new Ne(r.amount).multipliedBy(s||0))}return o}i($f,"getUsdFeeOfStep");function En(t,e){return t.reduce((o,n)=>o.plus($f(n,e)),Le)}i(En,"getTotalFeeInUsd");function fi(t){let e=Le;return e=e.plus(new Ne(t.amount).multipliedBy(t.price||0)),e}i(fi,"getUsdFee");function Cl(t){return t.reduce((e,o)=>e.plus(fi(o)),Le)}i(Cl,"getTotalFeesInUsd");function Tl(t){return t.reduce((e,o)=>{for(let n of o.fee){let r=n.name,s=n.expenseType!=="DECREASE_FROM_OUTPUT"?e.payable:e.nonePayable;s[r]=[...s[r]||[],n]}return e},{payable:{},nonePayable:{}})}i(Tl,"getFeesGroup");function kl(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(kl,"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 Wn(t){return t.map(o=>o.recommendedSlippage)?.map(o=>o?.slippage||"0")?.filter(o=>parseFloat(o)>0)?.sort((o,n)=>parseFloat(n)-parseFloat(o))?.find(()=>!0)||null}i(Wn,"getMinRequiredSlippage");function xl(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(xl,"hasProperSlippage");function vl(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:s,disabledLiquiditySources:a,liquiditySources:l,excludeLiquiditySources:p,slippage:u,affiliateRef:c,affiliatePercent:d,affiliateWallets:m,destination:y}=t,S=s?.reduce((f,x)=>(f[x.chain]=x.address,f),{}),C=[];return r?.forEach(f=>{C.push({blockchain:f.chain,addresses:[f.address]})}),{amount:n.toString(),affiliateRef:c??void 0,affiliatePercent:d??void 0,affiliateWallets:m??void 0,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:C,selectedWallets:S??{},slippage:u.toString(),...y&&{destination:y},...p&&{swapperGroups:a.concat(l??[]),swappersGroupsExclude:!0},...!p&&{swapperGroups:l?.filter(f=>!a.includes(f)),swappersGroupsExclude:!1}}}i(vl,"createQuoteRequestBody");function bl(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(bl,"getWalletsForNewSwap");function eo(t){return t?.outputAmount||null}i(eo,"getQuoteOutputAmount");function Il(t,e){return new Ne(e).div(new Ne(t)).minus(1).multipliedBy(100).toNumber()}i(Il,"getPercentageChange");function Al(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(Al,"isOutputAmountChangedALot");function El(t,e,o){let n=t.validationStatus,r=Wa(t);return e.sort((a,l)=>r.indexOf(a.chain)-r.indexOf(l.chain)).flatMap(a=>Bl(a,n)||[]).filter(a=>!a.ok).map(a=>{let l=a.asset.symbol,p=E(new Ne(a.currentAmount.amount).shiftedBy(-a.currentAmount.decimals),8,8),u=E(new Ne(a.requiredAmount.amount).shiftedBy(-a.requiredAmount.decimals),8,8),c="";return a.reason==="FEE"&&(c=Ze.t(" for network fee")),a.reason==="INPUT_ASSET"&&(c=Ze.t(" for swap")),a.reason==="FEE_AND_INPUT_ASSET"&&(c=Ze.t(" for input and network fee")),Ze.t({id:"Needs \u2248 {requiredAmount} {symbol}{reason}, but you have {currentAmount} {symbol} in your {blockchain} wallet.",values:{requiredAmount:u,symbol:l,reason:c,currentAmount:p,blockchain:je(a.asset.blockchain,o)}})})}i(El,"generateBalanceWarnings");function Ln(t,e){return(t?new Ne(t):Le).multipliedBy(e||0)}i(Ln,"calcOutputUsdValue");function Io(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==An.NetworkChanged}i(Io,"isNetworkStatusInWarningState");function Wl(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 An.WaitingForConnectingWallet:n=n||Ze.t("Waiting for connecting wallet");break;case An.WaitingForQueue:n=n||Ze.t("Waiting for other running tasks to be finished");break;case An.WaitingForNetworkChange:n=n||Ze.t("Waiting for changing wallet network");break;default:n=n||"";break}r=r||"",n=n||"";let a=n?.indexOf("code")!==-1&&n?.indexOf("reason")!==-1;return{shortMessage:n,detailedMessage:{content:r,long:a}}}i(Wl,"getSwapMessages");function Ll(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(Ll,"getLastConvertedTokenInFailedSwap");function Ml(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}i(Ml,"shouldRetrySwap");function Nl(t,e,o,n,r,s){return t||!e&&!Bf(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!bn(s,o)}i(Nl,"confirmSwapDisabled");function Mn(t){let e=t?.swaps||[];return e[e.length-1].to.usdPrice}i(Mn,"getQuoteToTokenUsdPrice");function gi(t,e){let o=t?.swaps||[],n=e?.swaps||[];return o.length!==n.length}i(gi,"isNumberOfSwapsChanged");function hi(t,e){let o=t?.swaps.map(r=>r.swapperId)||[],n=e?.swaps.map(r=>r.swapperId)||[];return!ii(o,n)}i(hi,"isQuoteSwappersUpdated");function yi(t,e){let o=t?.swaps.map(r=>r.to.symbol)||[],n=e?.swaps.map(r=>r.to.symbol)||[];return!ii(o,n)}i(yi,"isQuoteInternalCoinsUpdated");function $l(t,e){return gi(t,e)||hi(t,e)||yi(t,e)}i($l,"isQuoteChanged");function Bl(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(Bl,"getRequiredBalanceOfWallet");function St(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(St,"getPriceImpactLevel");function _l(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],s=Df(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=mi(s?s.toBlockchain:n.fromBlockchain,e),p=mi(r.toBlockchain,e),u=ci(s?{blockchain:l?.name??"",symbol:s.toSymbol,address:s.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),c=ci(a,o),d=s?s.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:u,toBlockchain:p,toToken:c,inputAmount:d}}i(_l,"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&&gl(a,c)){let m=En(t?.swaps,r),y=St(c);return{type:0,inputUsdValue:a,outputUsdValue:l,priceImpact:c,totalFee:m,warningLevel:y}}}else if(t&&(!a||!l))return{type:1};let p=Wn(t.swaps),u=s>Ra;if(xl(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:Il(t.toString(),e.toString());return n&&n<0?n:null}i(Xe,"getPriceImpact");var Dl=i(t=>{let e=new Set,o=[];return t.forEach(n=>{e.has(n.from.chain.displayName)||(e.add(n.from.chain.displayName),o.push(n.from.chain)),e.has(n.to.chain.displayName)||(e.add(n.to.chain.displayName),o.push(n.to.chain))}),o},"getUniqueBlockchains"),Nn=i((t,e)=>e.sort((o,n)=>{let r=i(u=>u.scores?.find(c=>c.preferenceType===t)?.score??0,"getScore"),s=r(o),a=r(n);if(s!==a)return a-s;let l=o.requestId.toLowerCase(),p=n.requestId.toLowerCase();return l.localeCompare(p)}),"sortQuotesBy"),Fl=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"),Ul=i(t=>{let e=i((o,n)=>{let r=ui.indexOf(o.value),s=ui.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 Nt(e||Le).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),Q=Wt(Ff()(Uf(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new Nt(0),outputUsdValue:new Nt(0),toBlockchain:null,toToken:null,refetchQuote:!0,sortStrategy:"SMART",selectedQuote:null,quotes:null,error:null,warning:null,quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:null,quoteWarningsConfirmed:!1,updateQuotePartialState:(e,o)=>t(n=>({...n,[e]:o})),setSelectedQuote:e=>t(o=>{let n=null,r=Le;return ko(o.inputAmount)?(e&&(n=e?.outputAmount?new Nt(e?.outputAmount):null,r=Ln(e?.outputAmount,Mn(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 Nt(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 Nt(0),outputUsdValue:new Nt(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}=_l(e,r,n);t({fromBlockchain:s,fromToken:a,inputAmount:u,outputAmount:null,inputUsdValue:Ht(a??null,u),outputUsdValue:new Nt(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 Ol(){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,d=h().blockchains(),m=h().tokens(),{setAffiliateRef:y,setAffiliatePercent:S,setAffiliateWallets:C}=h(),g=u?.from?.tokens,f=u?.from?.blockchains,x=u?.to?.tokens,k=u?.to?.blockchains,v=Bn(void 0),I=Bn(void 0),b=Bn(void 0),T=Bn(void 0);oo(()=>{t(u?.amount?.toString()||"")},[u?.amount]),oo(()=>{if(c==="success"){let w=d.find(L=>L.name===u?.from?.blockchain),W=m.find(L=>Me(L,u?.from?.token||null));(w||!w&&b.current)&&n(w??null),W?r({token:W,meta:{blockchains:d,tokens:m}}):!W&&v.current&&r({token:null}),b.current=u?.from?.blockchain,v.current=u?.from?.token}},[u?.from?.token?.symbol,u?.from?.token?.address,u?.from?.token?.blockchain,u?.from?.blockchain,c]),oo(()=>{wo(s,g)&&r({token:null}),ni(l,f)&&n(null)},[g,f]),oo(()=>{wo(a,x)&&r({token:null}),ni(p,k)&&o(null)},[x,k]),oo(()=>{if(c==="success"){let w=d.find(L=>L.name===u?.to?.blockchain),W=m.find(L=>Me(L,u?.to?.token||null));(w||!w&&T.current)&&o(w??null),W?e({token:W,meta:{blockchains:d,tokens:m}}):!W&&I.current&&e({token:null}),T.current=u?.to?.blockchain,I.current=u?.to?.token}},[u?.to?.token?.symbol,u?.to?.token?.address,u?.to?.token?.blockchain,u?.to?.blockchain,c]),oo(()=>{y(u?.affiliate?.ref??null),S(u?.affiliate?.percent??null),C(u?.affiliate?.wallets??null)},[u?.affiliate?.ref,u?.affiliate?.percent,u?.affiliate?.wallets])}i(Ol,"useSyncStoresWithConfig");import{useEffect as Ti,useRef as Of}from"react";import{useInRouterContext as qf,useLocation as zf,useSearchParams as Qf}from"react-router-dom";function Si(t,e,o){return o&&t.find(n=>{let r=e?.split("--");return r?.length===1?n.symbol===r[0]&&n.address===null&&n.blockchain===o.name:n.symbol===r?.[0]&&n.address===r?.[1]&&n.blockchain===o.name})||null}i(Si,"searchParamToToken");function Ci(t){if(t)return`${t.symbol}${t.address?`--${t.address}`:""}`}i(Ci,"tokenToSearchParam");function ki(){let t=zf(),[e,o]=Qf(),{fromBlockchain:n,toBlockchain:r,fromToken:s,toToken:a,inputAmount:l,setFromBlockchain:p,setToBlockchain:u,setFromToken:c,setToToken:d,setInputAmount:m}=Q(),y=h().fetchStatus,S=h().blockchains(),C=h().tokens(),g=qf(),{updateIframe:f,updateCampaignMode:x}=h(),k=h().isInCampaignMode(),v=Of(),I=i(()=>{let T=e.get("fromAmount"),w=e.get("fromBlockchain"),W=e.get("fromToken"),L=e.get("toBlockchain"),B=e.get("toToken"),q=e.get("autoConnect"),ae=e.get("clientUrl"),fe=e.get("liquiditySources");return{fromAmount:T,fromBlockchain:w,fromToken:W,toBlockchain:L,toToken:B,autoConnect:q,clientUrl:ae,liquiditySources:fe}},"getUrlSearchParams"),b=i(T=>{for(let w in T)T[w]||delete T[w];o(T,{replace:!0})},"updateUrlSearchParams");Ti(()=>{let{autoConnect:T,clientUrl:w}=I();g&&y==="success"&&b({fromBlockchain:n?.name,fromToken:Ci(s),toBlockchain:r?.name,toToken:Ci(a),fromAmount:l,autoConnect:T??void 0,clientUrl:w??void 0,liquiditySources:k?v.current:void 0})},[t.pathname,l,n,s,r,a,k]),Ti(()=>{if(!g)return;let T=I();if(!v.current&&T.liquiditySources&&(v.current=T.liquiditySources),T.fromAmount&&m(T.fromAmount),y==="success"){let w=S.find(q=>q.name===T.fromBlockchain),W=Si(C,T.fromToken,w??null),L=S.find(q=>q.name===T.toBlockchain),B=Si(C,T.toToken,L??null);w&&(p(w),W&&c({token:W,meta:{blockchains:S,tokens:C}})),L&&(u(L),B&&d({token:B,meta:{blockchains:S,tokens:C}}))}},[y]),Ti(()=>{let{clientUrl:T,liquiditySources:w}=I();f("clientUrl",T||void 0),x("liquiditySources",w?.split(",")??void 0)},[])}i(ki,"useSyncUrlAndStore");import{i18n as kr}from"@lingui/core";import{useManager as Py}from"@rango-dev/queue-manager-react";import{Alert as fc,Button as $y,css as fs,Divider as ds,IconButton as gc,SettingsIcon as _y,styled as Dy,Tooltip as Fy,Typography as Uy,WalletIcon as Oy}from"@rango-dev/ui";import pe,{useEffect as zo,useLayoutEffect as qy,useRef as zy,useState as wr}from"react";import{flushSync as Qy}from"react-dom";import{useLocation as Hy,useNavigate as Gy}from"react-router-dom";import{i18n as mt}from"@lingui/core";import{Alert as ji,BalanceErrors as vh,Button as Zp,ChevronDownIcon as bh,ChevronLeftIcon as Ih,Divider as po,MessageBox as Ah,Typography as or,WalletIcon as Eh}from"@rango-dev/ui";import $,{useEffect as Wh,useState as uo}from"react";import{useNavigate as Lh}from"react-router-dom";import{i18n as Pn}from"@lingui/core";function $n(t){switch(t.type){case 0:return Pn.t("Route has been updated.");case 3:return Pn.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return Pn.t("Route swappers has been updated.");case 2:return Pn.t("Route internal coins has been updated.");default:return""}}i($n,"getQuoteUpdateWarningMessage");import{Modal as Gf}from"@rango-dev/ui";import Vf from"react";function re(t){let{watermark:e}=ee();return Vf.createElement(Gf,{hasWatermark:e==="FULL",...t},t.children)}i(re,"WatermarkedModal");import Un,{useRef as Kf}from"react";import*as no from"@radix-ui/react-collapsible";import{keyframes as ql,styled as _n}from"@rango-dev/ui";var wi=300,jf=ql({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),Xf=ql({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),zl=_n(no.Root,{borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),xi=_n(no.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit",cursor:"pointer"}),Dn=_n(no.Content,{overflow:"hidden",variants:{open:{true:{animation:`${jf} ${wi}ms ease-out`},false:{animation:`${Xf} ${wi}ms ease-out`}}}}),Fn=_n("div",{transition:`all ${wi}ms ease`,display:"flex",alignItems:"center",variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}});function On(t){let{open:e,hasSelected:o,onOpenChange:n,children:r,onClickTrigger:s,trigger:a,triggerAnchor:l}=t,p=Kf(null);return Un.createElement(zl,{ref:p,className:"collapsible_root",selected:o&&e,open:e,onOpenChange:n},l==="top"&&Un.createElement(xi,{className:"collapsible_trigger",onClick:s},a),Un.createElement(Dn,{className:"collapsible_content",open:e},r),l==="bottom"&&Un.createElement(xi,{className:"collapsible_trigger",onClick:s},a))}i(On,"CustomCollapsible");import{Button as Yf,css as Ql,darkTheme as ro,IconButton as Jf,styled as Ke,TextField as Zf}from"@rango-dev/ui";var Hl=Ke("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),Gl=Ke("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Rf=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"}}}}),Vl=Ke(Rf,{alignSelf:"stretch",minHeight:"93px"}),jl=Ke("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),Xl=Ke(Jf,{position:"absolute",left:"$20"}),Kl=Ke("div",{paddingTop:"$20"}),Yl=Ql({display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Jl=Ke("div",{padding:"$10 $0","& .button__content":{display:"flex",alignItems:"center"},"& .alarms":{paddingTop:"$5"},"& .collapsible_content":{backgroundColor:"$neutral100"},"& .collapsible_root":{backgroundColor:"$neutral200"}}),Zl=Ql({paddingTop:"$5"}),Rl=Ke("div",{display:"flex"}),ep=Ke(Zf,{backgroundColor:"$neutral100",padding:"$0 $15 $15 $15"}),tp=Ke("div",{overflow:"visible",width:"100%"}),op=Ke(Yf,{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 Re}from"@lingui/core";import{Button as Th,Divider as Gi,Image as kh,MessageBox as tr,SelectableWallet as wh,Typography as Xp,WalletState as Kp}from"@rango-dev/ui";import se,{useEffect as Yp,useState as Lo}from"react";import{WalletState as vi}from"@rango-dev/ui";import{useWallets as eg}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as tg,WalletTypes as qn}from"@rango-dev/wallets-shared";import{useCallback as og,useEffect as ng,useState as rg}from"react";var ig=Object.values(qn);function zn(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:l,connect:p}=eg(),{connectedWallets:u}=K(),c=h().blockchains(),d=za(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||ig,m=Aa(s,l,d,o),y=Pa(m),[S,C]=rg(""),g=i(I=>!u.find(b=>b.walletType===I&&b.chain===o),"isExperimentalChainNotAdded"),f=i(async I=>{let b=s(I);try{if(S&&C(""),b.connected)await a(I);else{let T=!!m.find(w=>w.state===vi.CONNECTED);if(!e?.multiWallets&&T)return;n?.(I),await p(I),r?.(I)}}catch(T){C("Error: "+T?.message)}},"handleClick"),x=og(()=>{let I=m?.filter(b=>b.state===vi.CONNECTING)||[];for(let b of I)a(b.type)},[Da(m)]);ng(()=>()=>{x()},[]);let k=i(I=>I.filter(T=>T.state!=vi.NOT_INSTALLED&&![qn.DEFAULT,qn.WALLET_CONNECT_2].includes(T.type)&&l(T.type).supportedChains.filter(w=>w.type=="EVM").length>0).length==0,"shouldShowDefaultInjectedWallet"),v=i((I,b,T)=>dn(T,b)&&g(I)&&!tg.includes(I)||I==qn.DEFAULT&&!k(m),"shouldExcludeWallet");return{list:y.filter(I=>!v(I.type,o??"",c)),error:S,handleClick:f,disconnectConnectingWallets:x}}i(zn,"useWalletList");import{i18n as qp}from"@lingui/core";import{styled as Qp,Typography as dh,Wallet as fh,WalletState as gh}from"@rango-dev/ui";import lo,{useState as zp}from"react";import{useManager as nh}from"@rango-dev/queue-manager-react";import{BottomLogo as rh,Divider as Bp,Header as ih}from"@rango-dev/ui";import he,{useEffect as Pp,useRef as $p}from"react";import{useRef as sg}from"react";function Qn(){return window.self!==window.top}i(Qn,"isAppLoadedIntoIframe");function bi(){let t=sg(null),{iframe:e}=h(),o=Qn()&&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(bi,"useIframe");import{useNavigate as ag}from"react-router-dom";function ut(){let t=ag();return()=>t(-1)}i(ut,"useNavigateBack");import{createTheme as Wi,darkTheme as mg,lightTheme as dg}from"@rango-dev/ui";import{useEffect as sp,useState as fg}from"react";import{theme as ug,darkColors as cg}from"@rango-dev/ui";var np=i((t,e)=>{t=t.replace(/^#/,""),t.length===3&&(t=t[0]+t[0]+t[1]+t[1]+t[2]+t[2]);let[s,a,l]=t.match(/.{2}/g);[s,a,l]=[parseInt(s,16)+e,parseInt(a,16)+e,parseInt(l,16)+e],s=Math.max(Math.min(255,s),0).toString(16),a=Math.max(Math.min(255,a),0).toString(16),l=Math.max(Math.min(255,l),0).toString(16);let p=(s.length<2?"0":"")+s,u=(a.length<2?"0":"")+a,c=(l.length<2?"0":"")+l;return`#${p}${u}${c}`},"colorShade"),Hn=i((t,e)=>{let a={[t]:e};for(let l=1;l<10;l++)l<5&&(a={...a,[t+l*100]:np(e,(5-l)*25)}),l===5&&(a={...a,[t+l*100]:e}),l>5&&(a={...a,[t+l*100]:np(e,-((l-5)*25))});return a},"generateRangeColors"),Ii=i((t,e,o)=>{if(!o||!Object.entries(o).length)return{};let n=!1,r={...t};for(let s in o){let a=o[s];if(a&&a!==t[s])if(n=!0,s==="background"||s==="foreground")r={...r,[s]:a};else if(s==="neutral"&&e){let l=Hn(s,a);r={...r,[`${s}100`]:l[`${s}900`],[`${s}200`]:l[`${s}800`],[`${s}300`]:l[`${s}700`],[`${s}400`]:l[`${s}600`],[`${s}500`]:l[`${s}500`],[`${s}600`]:l[`${s}400`],[`${s}700`]:l[`${s}300`],[`${s}800`]:l[`${s}200`],[`${s}900`]:l[`${s}100`]}}else r={...r,...Hn(s,a)}}return n?r:{}},"generateColors");var rp=i(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),lg=i(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=rp(o%52)+e;return rp(o%52)+e},"toAlphabeticName"),pg=i((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),Ai=i(t=>lg(pg(5381,JSON.stringify(t))>>>0),"toHash");function Ei(t){let e=ug.colors,o=Ii({...e,...cg},!0,t?.dark),n=Ii(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:`${oi}-light-${Ai(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${oi}-dark-${Ai(p)}`,tokens:p}}return{light:a,dark:l}}i(Ei,"customizedThemeTokens");function ip(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(ip,"joinList");function Gn(t){let{colors:e,fontFamily:o=qa,borderRadius:n=Ua,secondaryBorderRadius:r=Oa,mode:s="auto"}=t,[a,l]=fg("light"),{setTheme:p,theme:u}=h(),{dark:c,light:d}=Ei(e),m=Wi({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),y=[m.className,dg.className],S=[m.className,mg.className];if(d){let g=Wi(d.id,d.tokens);y.push(g.className)}if(c){let g=Wi(c.id,c.tokens);S.push(g.className)}return sp(()=>{let g=i(f=>{f.matches?l("dark"):l("light")},"switchThemeListener");return window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&l("dark"),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",g),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",g)}},[]),sp(()=>{s!=="auto"&&p(s)},[s]),{activeTheme:i(()=>{let g=y.join(" "),f=S.join(" ");return u==="auto"?a==="dark"?f:g:u==="dark"?f:g},"getActiveTheme")}}i(Gn,"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 ap}from"@lingui/core";import{Alert as gg,Button as hg}from"@rango-dev/ui";import lp from"react";function Li(t){return lp.createElement(gg,{action:lp.createElement(hg,{onClick:t.onActivateTab,variant:"contained",size:"xxsmall",type:"warning"},ap.t("Activate this tab")),type:"warning",variant:"alarm",title:ap.t("Another tab is open and handles transactions.")})}i(Li,"ActivateTabAlert");import{i18n as Mi}from"@lingui/core";import{Button as yg,Divider as Sg,MessageBox as Cg}from"@rango-dev/ui";import Vn from"react";function Ni(t){let{open:e,onClose:o,onConfirm:n}=t;return Vn.createElement(re,{open:e,dismissible:!0,onClose:o,container:N()},Vn.createElement(Cg,{title:Mi.t("Activate current tab"),type:"warning",description:Mi.t("Currently, some transactions are running and being handled by other browser tab. If you activate this tab, all transactions that are already in the transaction sign step will expire.")},Vn.createElement(Sg,{size:20}),Vn.createElement(yg,{variant:"contained",size:"large",type:"primary",fullWidth:!0,onClick:n},Mi.t("Confirm"))))}i(Ni,"ActivateTabModal");import{ChevronLeftIcon as kg}from"@rango-dev/ui";import fp from"react";import{darkTheme as pp,IconButton as Tg,styled as io}from"@rango-dev/ui";var Ye=io(Tg,{width:"$24",position:"relative",padding:"0",overflow:"unset","&:hover":{backgroundColor:"$info100",[`.${pp} &`]:{backgroundColor:"$neutral"}}}),up=io("div",{position:"absolute",background:"$secondary500",[`.${pp} &`]:{$$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"}}}}),mp=io("div",{padding:"$2",variants:{isRefetched:{true:{transform:"rotate(360deg)",transition:"transform 1s ease-in-out"}}}}),dp=io("div",{position:"absolute",right:"$4",top:"$4",backgroundColor:"$background",borderRadius:"100%"});function Bi(t){return fp.createElement(Ye,{variant:"ghost",size:"small",onClick:t.onClick},fp.createElement(kg,{color:"black",size:16}))}i(Bi,"BackButton");import{i18n as wg}from"@lingui/core";import{Button as xg,Typography as vg}from"@rango-dev/ui";import Pi from"react";function $i(t){return Pi.createElement(so,null,Pi.createElement(xg,{variant:"ghost",onClick:t.onClick,size:"xsmall"},Pi.createElement(vg,{variant:"label",size:"medium",color:"error500"},wg.t("Cancel"))))}i($i,"CancelButton");import{i18n as bg}from"@lingui/core";import{Tooltip as Ig,WalletIcon as Ag}from"@rango-dev/ui";import jn from"react";function _i(t){return jn.createElement(Ig,{container:t.container,side:"top",content:bg.t("Connect Wallet")},jn.createElement(Ye,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&jn.createElement(up,null),jn.createElement(Ag,{size:18,color:"black"})))}i(_i,"WalletButton");import{i18n as Yn}from"@lingui/core";import{NotificationsIcon as Zg,Popover as Rg,SettingsIcon as eh,Tooltip as Jn,TransactionIcon as th}from"@rango-dev/ui";import xe from"react";import{i18n as Dg}from"@lingui/core";import{EventSeverity as kp}from"@rango-dev/queue-manager-rango-preset";import{ChainToken as wp,ChevronRightIcon as Fg,Divider as Ug,Typography as Og}from"@rango-dev/ui";import Fe from"react";import{useNavigate as qg}from"react-router-dom";import{create as Eg}from"zustand";import{persist as Wg,subscribeWithSelector as Lg}from"zustand/middleware";var qe=Wt(Eg()(Wg(Lg((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 Mg,ListItemButton as Ng,styled as Ao}from"@rango-dev/ui";var gp=Ao("div",{padding:"$10",width:"350px",maxWidth:"90vw",minHeight:"150px"}),hp=Ao("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),yp=Ao(Ng,{variants:{actionRequired:{true:{backgroundColor:"$error300",[`.${Mg} &`]:{backgroundColor:"$error600"}}}}}),Sp=Ao("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),Cp=Ao("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as Bg}from"@lingui/core";import{Divider as Pg,NoNotificationIcon as $g,Typography as _g}from"@rango-dev/ui";import Xn from"react";function Tp(){return Xn.createElement(Cp,null,Xn.createElement($g,{color:"secondary",size:26}),Xn.createElement(Pg,{size:12}),Xn.createElement(_g,{variant:"body",size:"medium",color:"neutral700"},Bg.t("There are no notifications.")))}i(Tp,"NotificationNotFound");var zg=4;function Di(){let t=qg(),{getUnreadNotifications:e}=qe(),o=e(),n=h().blockchains(),r=h().tokens(),s=o.sort((l,p)=>p.creationTime-l.creationTime).slice(0,zg),a=i(l=>{t(`${F.swaps}/${l}`)},"handleOnClick");return Fe.createElement(gp,null,s.length?Fe.createElement(hp,null,s.map((l,p)=>{let{route:u,requestId:c,event:d}=l,m=r.find(g=>Me(g,u.from)),y=n.find(g=>g.name===u.from.blockchain),S=r.find(g=>Me(g,u.to)),C=n.find(g=>g.name===u.to.blockchain);return Fe.createElement(Fe.Fragment,{key:c},p>0&&Fe.createElement(Ug,{size:4}),Fe.createElement(yp,{onClick:()=>a(c),actionRequired:d.messageSeverity===kp.WARNING,title:Fe.createElement(Og,{variant:"body",size:"small",color:d.messageSeverity===kp.WARNING?"$foreground":"$neutral700"},Dg.t(d.message)),id:c,start:Fe.createElement(Sp,null,Fe.createElement("div",{className:"from-chain-token"},Fe.createElement(wp,{tokenImage:m?m.image:"",chainImage:y?y.logo:"",size:"small"})),Fe.createElement("div",{className:"to-chain-token"},Fe.createElement(wp,{tokenImage:S?S.image:"",chainImage:C?C.logo:"",size:"small"}))),end:Fe.createElement(Fg,{size:12,color:"gray"})}))})):Fe.createElement(Tp,null))}i(Di,"NotificationContent");import{useManager as Qg}from"@rango-dev/queue-manager-react";import{InProgressIcon as Hg}from"@rango-dev/ui";import xp from"react";var Gg=i(()=>{let{manager:t}=Qg();return ct(t).map(({swap:o})=>o).find(o=>o.status==="running")?xp.createElement(dp,null,xp.createElement(Hg,{color:"info",size:6})):null},"InProgressTransactionBadge"),vp=Gg;import{RefreshProgressButton as Vg}from"@rango-dev/ui";import Fi,{useEffect as jg,useState as bp}from"react";var Xg=1e3,Ip=60,Kg=100;function Kn({onClick:t}){let[e,o]=bp(0),[n,r]=bp(!1),s=i(p=>{document.hidden&&p&&a(p)},"handleVisibilityChange");jg(()=>{let p;return t?p=window.setInterval(()=>{o(u=>u+1),e===Ip&&l()},Xg):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 Fi.createElement(Ye,{variant:"ghost",size:"small",onClick:l,disabled:!t},Fi.createElement(mp,{onTransitionEnd:()=>r(!1),isRefetched:n},Fi.createElement(Vg,{size:24,color:t?"black":"gray",progress:e/Ip*Kg})))}i(Kn,"RefreshButton");import{EventSeverity as Yg}from"@rango-dev/queue-manager-rango-preset";import{Typography as Jg}from"@rango-dev/ui";import Ap from"react";function Ep(){let{getUnreadNotifications:t}=qe(),e=t(),o=e.length,n=!!e.find(r=>r.event.messageSeverity===Yg.WARNING);return o?Ap.createElement(cp,{isSever:n},Ap.createElement(Jg,{variant:"body",size:"xsmall",color:"$background"},o)):null}i(Ep,"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 xe.createElement(xe.Fragment,null,!r.includes("refresh")&&xe.createElement(Jn,{container:N(),side:"top",content:Yn.t("Refresh")},xe.createElement(Kn,{onClick:e})),!a&&xe.createElement(Rg,{align:"end",alignOffset:-88,collisionPadding:{right:20,left:20},container:N(),content:xe.createElement(Di,null)},xe.createElement("div",null,xe.createElement(Jn,{container:N(),side:"top",content:Yn.t("Notifications")},xe.createElement(Ye,{size:"small",variant:"ghost"},xe.createElement(Zg,{size:18,color:"black"}),xe.createElement(Ep,null))))),!r.includes("settings")&&xe.createElement(Jn,{container:N(),side:"top",content:Yn.t("Settings")},xe.createElement(Ye,{size:"small",variant:"ghost",onClick:n},xe.createElement(eh,{size:18,color:"black"}))),!r.includes("history")&&xe.createElement(Jn,{container:N(),side:"top",content:Yn.t("Transactions History")},xe.createElement(Ye,{size:"small",variant:"ghost",onClick:o},xe.createElement(th,{size:18,color:"black"}),xe.createElement(vp,null))))}i(Gt,"HeaderButtons");function Ui(t){let e=t.target;if(e){let o=e.scrollTop,n=N();o>1?n.classList.add("rng-scrolled"):n.classList.remove("rng-scrolled")}}i(Ui,"onScrollContentAttachStatusToContainer");import{css as oh,styled as Oi}from"@rango-dev/ui";var Wp="700px",Zn=oh({borderRadius:"$primary",display:"flex",flexDirection:"column",overflow:"hidden",boxShadow:"15px 15px 15px 0px rgba(0, 0, 0, 0.05)"}),Lp=Oi("div",{position:"relative",width:"100vw",minWidth:"300px",maxWidth:"390px",backgroundColor:"$background",variants:{height:{auto:{height:"auto",maxHeight:Wp},fixed:{height:Wp}}}}),Mp=Oi("div",{position:"relative",overflow:"hidden",flexGrow:1,display:"flex",flexDirection:"column",padding:0,overflowY:"auto"}),Np=Oi("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 ne(t){let{connectHeightObserver:e,disconnectHeightObserver:o}=bi(),{children:n,header:r,footer:s,height:a="fixed"}=t,l=K.use.connectedWallets(),{config:{features:p,theme:u}}=h(),{watermark:c}=ee(),d=c==="FULL",{activeTheme:m}=Gn(u||{}),y=Ve("connectWalletButton",p),{isActiveTab:S,tabManagerInitiated:C,showActivateTabModal:g,setShowActivateTabModal:f,activateCurrentTab:x}=ee(),k=ut(),{manager:v}=nh(),b=ct(v).map(({swap:q})=>q).some(q=>q.status==="running"),T=i(()=>x(zt.forceClaim,b),"onActivateTab"),w=i(()=>{r.onWallet?.()},"onConnectWallet"),W=typeof r.hasBackButton>"u"||r.hasBackButton,L=$p(null),B=$p(null);return Pp(()=>(Qn()&&B.current&&e(B.current),()=>{o()}),[]),Pp(()=>(L.current?.addEventListener("scroll",Ui),()=>{L.current?.removeEventListener("scroll",Ui)}),[]),he.createElement(Lp,{height:a,id:Te.SWAP_BOX_ID,className:`${m()} ${Zn()}`,ref:B},he.createElement(ih,{prefix:he.createElement(he.Fragment,null,W&&he.createElement(Bi,{onClick:()=>{k(),r.onBack&&r.onBack()}})),title:r.title,suffix:he.createElement(he.Fragment,null,r.suffix,r.onWallet&&!y&&he.createElement(_i,{container:N(),onClick:w,isConnected:!!l?.length}),r.onCancel&&he.createElement($i,{onClick:r.onCancel}))}),he.createElement(Mp,{ref:L},n),he.createElement(Ni,{open:g,onClose:()=>f(!1),onConfirm:T}),he.createElement(Np,null,he.createElement("div",{className:"footer__content"},C&&!S&&he.createElement("div",{className:"footer__alert"},he.createElement(Li,{onActivateTab:T}),he.createElement(Bp,{size:10})),s),he.createElement(Bp,{size:12}),he.createElement("div",{className:`footer__logo ${d?"logo__show":"logo__hidden"}`},he.createElement(rh,null))))}i(ne,"Layout");import{styled as sh}from"@rango-dev/ui";var _p="$20 $20 $10 $20",Eo=sh("div",{padding:_p,overflowY:"auto",flexGrow:1});import{styled as ah}from"@rango-dev/ui";var ie=ah("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 mh}from"@rango-dev/ui";import zi from"react";import{i18n as ao}from"@lingui/core";import{Image as uh,MessageBox as qi,WalletState as ch}from"@rango-dev/ui";import Vt from"react";import{keyframes as lh,styled as Rn}from"@rango-dev/ui";var VE=Rn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),Dp=Rn("div",{position:"relative"}),ph=lh({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),Fp=Rn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${ph} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Up=Rn("div",{"& img":{borderRadius:"50%"}});function Op(t){let{state:e,image:o,error:n}=t;return e===ch.CONNECTED?Vt.createElement(qi,{type:"success",title:ao.t("Wallet Connected"),description:ao.t("Your wallet is connected, you can use it to swap.")}):n?Vt.createElement(qi,{type:"error",title:ao.t("Failed to Connect"),description:n||ao.t("Your wallet is not connected. Please try again.")}):Vt.createElement(qi,{type:"loading",title:ao.t("Connecting to your wallet"),description:ao.t("Click connect in your wallet popup."),icon:Vt.createElement(Dp,null,Vt.createElement(Up,null,Vt.createElement(uh,{src:o,size:45})),Vt.createElement(Fp,null))})}i(Op,"ModalContent");function Wo(t){let{open:e,onClose:o,...n}=t;return zi.createElement(re,{open:e,onClose:o,container:document.getElementById(Te.SWAP_BOX_ID)||document.body},zi.createElement(Op,{...n}),zi.createElement(mh,{direction:"vertical",size:32}))}i(Wo,"WalletModal");var hh=Qp("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),yh=Qp(ie,{textAlign:"center"}),er=3e3,Qi=300;function Hp(){let{config:t,fetchStatus:e}=h(),[o,n]=zp(!1),[r,s]=zp(""),a=null,l=ee.use.isActiveTab(),{list:p,handleClick:u,error:c,disconnectConnectingWallets:d}=zn({config:t,onBeforeConnect:g=>{a=setTimeout(()=>{n(!0),s(g)},Qi)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},er)}}),m=i(()=>{d(),n(!1)},"handleCloseWalletModal"),y=p.find(g=>g.type===r),S=y?.image||"",C=y?.state||gh.NOT_INSTALLED;return lo.createElement(ne,{header:{title:qp.t("Connect Wallets")}},lo.createElement(yh,null,lo.createElement(dh,{variant:"title",size:"xmedium",align:"center"},qp.t("Choose a wallet to connect.")),lo.createElement(hh,null,p.map((g,f)=>{let x=`wallet-${f}-${g.type}`;return lo.createElement(fh,{key:x,...g,container:N(),onClick:k=>{u(k)},isLoading:e==="loading",disabled:!l})}),lo.createElement(Wo,{open:!!o,onClose:m,image:S,state:C,error:c}))))}i(Hp,"WalletsPage");import{keyframes as Sh,styled as Hi}from"@rango-dev/ui";var Gp=Hi("div",{position:"relative"}),Ch=Sh({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),Vp=Hi("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Ch} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),jp=Hi("div",{"& img":{borderRadius:"50%"}});var xh=7;function Vi(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:s}=t,{config:a}=h(),l=ee.use.isActiveTab(),p=K.use.connectedWallets(),{blockchains:u}=h(),[c,d]=Lo(""),[m,y]=Lo(null),[S,C]=Lo(!1),[g,f]=Lo(null),{suggestAndConnect:x}=Jp(),k=null,{list:v,error:I,handleClick:b,disconnectConnectingWallets:T}=zn({config:a,chain:e,onBeforeConnect:D=>{k=setTimeout(()=>{d(D)},Qi)},onConnect:()=>{k&&clearTimeout(k),setTimeout(()=>{d("")},er)}}),[w,W]=Lo(v),L=v.length,B=r&&L-r>0,q=i(async D=>{C(!1),f("in-progress");try{await x(D.walletType,D.chain),f("completed")}catch{f("rejected")}},"addExperimentalChain");Yp(()=>{W(D=>{let V=v.findIndex(A=>o(A.type,e));return B&&V>1?[v[V]].concat(v.filter((A,M)=>M!==V)):D.map(A=>v.find(M=>M.type===A.type)??A)})},[JSON.stringify(v)]);let ae=document.getElementById(Te.SWAP_BOX_ID);Yp(()=>{let D=null;return(g==="completed"||g==="rejected")&&(D=setTimeout(()=>f(null),er)),()=>{D&&clearTimeout(D)}},[g]);let fe=i(()=>{T(),d("")},"handleCloseWalletModal");return se.createElement(se.Fragment,null,w.slice(0,r).map(D=>{let V=$a({connectedWallets:p,walletType:D.type,chain:e}),A=V?gn(V,xh):"",M=dn(u(),e),ce=!p.find(Ie=>Ie.walletType===D.type&&Ie.chain===e),H=M&&ce&&D.state===Kp.CONNECTED,j=H?Re.t({id:"Add {chain} chain",values:{chain:e}}):A,Se=i(()=>{D.state===Kp.DISCONNECTED?b(D.type):H?(y({walletType:D.type,chain:e,address:V??""}),C(!0)):n({walletType:D.type,chain:e,address:V??""})},"onClick"),be=m?.chain?dl(m.chain,u()):void 0;return se.createElement(se.Fragment,null,se.createElement(Wo,{open:c===D.type,onClose:fe,image:D.image,state:D.state,error:I}),!!m&&se.createElement(re,{open:!!m&&S,container:ae,onClose:()=>{y(null)}},se.createElement(tr,{title:Re.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:be}}),type:"warning",description:Re.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:be}})},se.createElement(Gi,{size:18}),se.createElement(Gi,{size:32}),se.createElement(Th,{onClick:q.bind(null,m),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},Re.t("Confirm")))),g&&se.createElement(re,{open:!!g,onClose:f.bind(null,null),container:ae},g==="in-progress"&&se.createElement(tr,{type:"loading",title:Re.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:be}}),description:Re.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:be}}),icon:se.createElement(Gp,null,se.createElement(jp,null,se.createElement(kh,{src:D.image,size:45})),se.createElement(Vp,null))}),g==="completed"&&se.createElement(tr,{type:"success",title:Re.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:be}}),description:Re.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:be}})}),g==="rejected"&&se.createElement(tr,{type:"error",title:Re.t("Request Rejected"),description:Re.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:be}})}),se.createElement(Gi,{direction:"vertical",size:32})),se.createElement(wh,{key:D.type,description:j,onClick:Se,selected:o(D.type,e),disabled:!l,...D}))}),B&&se.createElement(Vl,{selected:!1,onClick:s},se.createElement(Xp,{variant:"label",size:"medium"},Re.t("Show more wallets"),se.createElement(Xp,{variant:"label",size:"medium",color:"$primary"},"\xA0+",L-(r??0)))))}i(Vi,"WalletList");var Mh=2;function Rp(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:d,customDestination:m,setCustomDestination:y}=Q(),{connectedWallets:S,selectWallets:C}=K(),[g,f]=uo(""),[x,k]=uo([]),[v,I]=uo(""),[b,T]=uo(null),[w,W]=uo(!!m),L=vn(p?.swaps||null),B=l.find(G=>G.name===p?.swaps[p?.swaps.length-1].to.blockchain),q=i(G=>!!p?.swaps.find(J=>J.from.blockchain===G),"isWalletRequiredFor"),ae=i(()=>S.filter(G=>G.selected&&L.includes(G.chain)),"getInitialSelectableWallets"),[fe,D]=uo(ae()),V=l.find(G=>G.name===B?.name),A=x.length>0,M=i((G,J)=>!!fe.find(R=>R.walletType===G&&R.chain===J&&R.selected&&(q(J)||!q(J)&&!m)),"isSelected"),ce=!!m&&w&&V&&!bn(V,m),H=i(()=>{W(!1),y(null),D(G=>{let J=!1;return G.map(R=>!J&&R.chain===B?.name?(J=!0,{...R,selected:!0}):R)})},"resetCustomDestination"),j=i(G=>{if(g&&f(""),M(G.walletType,G.chain))return;let R=S.find(Ae=>Ae.walletType===G.walletType&&Ae.chain===G.chain);R&&(n(),G.chain===B?.name&&w&&(W(!1),y(null)),D(Ae=>Ae.filter(Ge=>Ge.chain!==G.chain).concat({...R,selected:!0})))},"onChange"),Se=i(()=>{let G=fe.filter(J=>J.selected);C(G),u(G),d(!0),o()},"onConfirmBalance"),be=i(async()=>{k([]),I(""),T(null);let G=S.filter(Ae=>fe.find(Ge=>Ge.chain===Ae.chain&&Ge.walletType===Ae.walletType)),J=await r?.({selectedWallets:G,customDestination:m}),R=J.warnings;R?.balance?.messages&&k(R.balance.messages),R?.quoteUpdate&&T(R.quoteUpdate),J.error&&I(fl(J.error)),!J.error&&!R?.balance?.messages.length?Se():k(R?.balance?.messages??[])},"onConfirmWallets");Wh(()=>{D(G=>G.concat(S.filter(J=>!!!G.find(Ae=>Ae.chain===J.chain)&&J.selected&&L.includes(J.chain))))},[S.length]);let Ie=document.getElementById(Te.SWAP_BOX_ID),ht=Lh();return $.createElement(re,{open:e,onClose:()=>{c||ht("../",{replace:!0}),o()},dismissible:!g,container:Ie,...!g&&{footer:$.createElement(Rl,null,$.createElement(Zp,{loading:s,disabled:Nl(s,w,m,p,fe,B),onClick:be,variant:"contained",type:"primary",fullWidth:!0,size:"large"},mt.t("Confirm")))},...g&&{styles:{container:{padding:"$0"}},header:$.createElement(jl,null,$.createElement(Xl,{variant:"ghost",onClick:f.bind(null,"")},$.createElement(Ih,{size:16})),$.createElement(or,{variant:"headline",size:"small"},mt.t({id:"Your {blockchainName} wallets",values:{blockchainName:je(g,l)}})))},anchor:"center"},$.createElement(re,{open:A,onClose:k.bind(null,[]),container:Ie},$.createElement(Ah,{title:mt.t("Insufficient account balance"),type:"error",description:$.createElement(vh,{messages:x??[]})},$.createElement(Zp,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:Se},mt.t("Proceed anyway")))),g&&$.createElement(Kl,null,$.createElement("div",{className:Yl()},$.createElement(Vi,{chain:g,isSelected:M,selectWallet:j,onShowMore:f.bind(null,g)}))),!g&&$.createElement($.Fragment,null,v&&$.createElement($.Fragment,null,$.createElement(ji,{variant:"alarm",type:"error",title:mt.t(v)}),$.createElement(po,{size:12})),b&&$.createElement($.Fragment,null,$.createElement(ji,{variant:"alarm",type:"warning",title:$n(b)}),$.createElement(po,{size:12})),$.createElement(tp,null,L.map((G,J)=>{let R=l.find(Ce=>Ce.name===G),Ae=`wallet-${J}`,Ge=J===L.length-1;return $.createElement("div",{key:Ae},$.createElement(Hl,null,$.createElement(or,{variant:"title",size:"xmedium"},mt.t({id:"Your {blockchainName} wallets",values:{blockchainName:R?.shortName}})),$.createElement(or,{variant:"label",color:"$neutral700",size:"medium"},mt.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:R?.shortName}}))),$.createElement(po,{size:24}),$.createElement(Gl,null,$.createElement(Vi,{chain:G,isSelected:M,selectWallet:j,limit:Mh,onShowMore:()=>f(R?.name??"")})),!Ge&&$.createElement(po,{size:32}),Ge&&a?.customDestination&&$.createElement(Jl,null,$.createElement(On,{onOpenChange:Ce=>{Ce?q(B?.name??"")||D(De=>De.map(ge=>ge.chain===B?.name?{...ge,selected:!1}:ge)):H()},hasSelected:!0,open:w,triggerAnchor:"top",trigger:$.createElement(op,{fullWidth:!0,variant:"default",suffix:$.createElement(Fn,{orientation:w?"up":"down"},$.createElement(bh,{size:10,color:"gray"}))},$.createElement("div",{className:"button__content"},$.createElement(Eh,{size:18,color:"info"}),$.createElement(po,{size:4,direction:"horizontal"}),$.createElement(or,{variant:"label",size:"medium"},mt.t("Send to a different address")))),onClickTrigger:()=>W(Ce=>!Ce)},$.createElement(po,{size:4}),$.createElement(ep,{autoFocus:!0,placeholder:mt.t("Your destination address"),value:m||"",onChange:Ce=>{let De=Ce.target.value;De.length?y(De.length?De:null):(W(!1),y(null))}})),ce&&$.createElement("div",{className:Zl()},$.createElement(ji,{variant:"alarm",type:"error",title:mt.t({values:{destination:m},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(Rp,"ConfirmWalletsModal");import{i18n as Xh}from"@lingui/core";import{Alert as Kh,Button as Yh,InfoIcon as Jh}from"@rango-dev/ui";import ze from"react";import{Alert as Nh,Button as Bh,Divider as iu,NoRouteIcon as Ph,RefreshIcon as $h,Typography as su}from"@rango-dev/ui";import et from"react";import{i18n as eu}from"@lingui/core";function tu(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:Y().genericServerError,action:{onClick:n,title:eu.t("Retry")}},description:""}:e.length?{alert:{type:"warning",text:Y().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:eu.t("Reset")}},description:Y().liquiditySourcesError.description}:t?.type===0&&t.diagnosisMessage?{alert:{type:"error",text:t.diagnosisMessage,action:null},description:""}:{alert:null,description:Y().noResultError.description}}i(tu,"makeInfo");import{styled as Xi}from"@rango-dev/ui";var ou=Xi("div",{display:"flex",flexDirection:"column",alignItems:"center"}),nu=Xi("div",{width:"100%"}),ru=Xi("div",{padding:"$6 $0"});function Mo(t){let{fetch:e,error:o}=t,n=h().getDisabledLiquiditySources(),r=h().toggleAllLiquiditySources,s=h().swappers(),a=tu(o,n,()=>r(s,!0),e);return et.createElement(ou,null,et.createElement(Ph,{size:24,color:"gray"}),et.createElement(iu,{size:4}),et.createElement(su,{variant:"title",size:"small"},Y().noResultError.title),!!a.description&&et.createElement(su,{variant:"body",size:"small",align:"center",color:"neutral700"},a.description),et.createElement(iu,{size:4}),!!a.alert&&et.createElement(nu,null,et.createElement(Nh,{type:a.alert.type,title:a.alert.text,titleAlign:"center",action:a.alert.action&&et.createElement(Bh,{size:"xsmall",type:a.alert.type,prefix:et.createElement(ru,null,et.createElement($h,{size:8})),onClick:a.alert.action.onClick},a.alert.action.title),variant:"alarm"})))}i(Mo,"NoResult");import{i18n as No}from"@lingui/core";import{Button as Dh,Divider as Fh,MessageBox as Uh,Typography as Oh,WarningIcon as qh}from"@rango-dev/ui";import Ct from"react";import{Typography as uu}from"@rango-dev/ui";import Yi from"react";import{darkTheme as _h,styled as nr}from"@rango-dev/ui";var au=nr("div",{width:"100%"}),Ki=nr("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),lu=nr("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${_h} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),pu=nr("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function cu(t){let{title:e,value:o,valueColor:n}=t;return Yi.createElement(lu,null,Yi.createElement(uu,{size:"medium",variant:"label",className:"_title"},e),Yi.createElement(uu,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(cu,"QuoteErrorsModalItem");function mu(t){let{open:e,onClose:o,onConfirm:n,warning:r,confirmationDisabled:s}=t,a=r.warningLevel==="high"?"error":"warning",l=[{title:No.t("Swapping"),value:E(r.inputUsdValue,4,4)},{title:No.t("Gas cost"),value:E(r.totalFee,2,2)},{title:No.t("Receiving"),value:E(r.outputUsdValue,4,4)},{title:No.t("Price impact"),value:E(r.priceImpact,2,2),valueColor:`${a}500`}];return Ct.createElement(re,{footer:Ct.createElement(Dh,{type:"primary",size:"large",prefix:Ct.createElement(qh,null),fullWidth:!0,disabled:s,onClick:n},Y().highValueLossError.confirmMessage),open:e,onClose:o,container:N()},Ct.createElement(Uh,{type:a,title:Y().highValueLossError.impactTitle,description:Y().highValueLossError.description}),Ct.createElement(Ki,null,Ct.createElement(Fh,{size:20}),Ct.createElement(Oh,{size:"small",variant:"title"},No.t("Details")),Ct.createElement(Ki,null,l.map((p,u)=>Ct.createElement(cu,{key:u,...p})))))}i(mu,"HighValueLossWarningModal");import{i18n as Ji}from"@lingui/core";function du(t,e){let o={alertType:"warning",title:"",action:"show-info"};return e?(o.alertType="error",e.type===3&&(o.title=e.recommendation,o.action="show-info"),e.type===4&&(o.title=Ji.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=null,o.title=Y().highValueLossError.title),t.type===1&&(o.title=Y().unknownPriceError.title),t.type===2&&(o.title=Ji.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=Ji.t("Caution, your slippage is high.")),o):null}i(du,"makeAlerts");import{i18n as co}from"@lingui/core";import{Button as fu,Divider as gu,MessageBox as zh,Typography as Qh}from"@rango-dev/ui";import Kt from"react";import{useNavigate as Hh}from"react-router-dom";function hu(t){let{customSlippage:e,slippage:o}=h(),{open:n,onClose:r,onConfirm:s,warning:a,confirmationDisabled:l}=t,p=Hh(),u=e??o;return Kt.createElement(re,{anchor:"bottom",open:n,prefix:Kt.createElement(fu,{size:"small",variant:"ghost",onClick:()=>p("../"+F.settings)},Kt.createElement(Qh,{variant:"label",size:"medium",color:"$neutral900"},co.t("Change settings"))),container:N(),onClose:r},Kt.createElement(zh,{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(gu,{size:18}),Kt.createElement(gu,{size:32}),Kt.createElement(fu,{size:"large",type:"primary",variant:"contained",fullWidth:!0,disabled:l,onClick:s},co.t("Confirm anyway"))))}i(hu,"SlippageWarningModal");import{Button as Gh,MessageBox as Vh,WarningIcon as jh}from"@rango-dev/ui";import rr from"react";function yu(t){let{open:e,onClose:o,onConfirm:n,confirmationDisabled:r}=t;return rr.createElement(re,{footer:rr.createElement(Gh,{type:"primary",size:"large",prefix:rr.createElement(jh,null),fullWidth:!0,disabled:r,onClick:n},Y().unknownPriceError.confirmMessage),open:e,onClose:o,container:N()},rr.createElement(Vh,{type:"warning",title:Y().unknownPriceError.impactTitle,description:Y().unknownPriceError.description}))}i(yu,"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},d=o?.type===0||o?.type===1,m=du(e,o?.type===3||o?.type===4?o:null);return ze.createElement(ze.Fragment,null,d&&ze.createElement(Mo,{error:o,fetch:s}),!!m&&ze.createElement(au,null,ze.createElement(Kh,{title:m.title,type:m.alertType,variant:"alarm",...m.action==="show-info"&&{action:ze.createElement(pu,{onClick:a},ze.createElement(Jh,{size:12,color:"gray"}))},...m.action==="change-settings"&&{action:ze.createElement(Yh,{size:"xxsmall",type:m.alertType,onClick:u},Xh.t("Change"))}})),e&&ze.createElement(ze.Fragment,null,e.type===0&&ze.createElement(mu,{...c,warning:e}),(e.type===3||e.type===2)&&ze.createElement(hu,{...c,warning:e}),e.type===1&&ze.createElement(yu,{...c,warning:e})))}i(Bo,"QuoteWarningsAndErrors");import Wy from"bignumber.js";import yr from"react";import{i18n as Do}from"@lingui/core";import{Alert as yy,Divider as Fo,InfoIcon as Sy,QuoteTag as Cy,StepDetails as Ty,TokenAmount as ky,Tooltip as Vu,Typography as fo}from"@rango-dev/ui";import ss from"bignumber.js";import P,{useRef as wy,useState as xy}from"react";import{styled as Zi}from"@rango-dev/ui";var Ri=Zi("div",{width:"100%","& .position-top__skeleton":{paddingTop:"$10"}}),Su=Zi("div",{paddingBottom:"$15"}),Cu=Zi("div",{width:"100%",display:"flex"});import*as ir from"@radix-ui/react-collapsible";import{Button as Zh,css as Po,darkTheme as Be,Image as Tu,styled as Pe,Typography as Rh}from"@rango-dev/ui";var ey=300,ku=Pe(ir.Root,{display:"flex",flexDirection:"column",alignItems:"start",overflowX:"auto",overflowY:"hidden",width:"100%",borderRadius:"$xm",variants:{selected:{true:{},false:{$$color:"$colors$neutral400",[`.${Be} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}},listItem:{true:{$$color:"$colors$neutral400",[`.${Be} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"},false:{}}},compoundVariants:[{listItem:!1,selected:!0,css:{$$color:"$colors$info300",[`.${Be} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"}},{listItem:!0,selected:!1,css:{cursor:"pointer","&:hover":{backgroundColor:"$neutral300",[`.${Be} &`]:{backgroundColor:"$neutral400"}}}}]}),wu=Po({padding:"$10 $15"}),xu=Pe(Zh,{backgroundColor:"transparent",border:"1px solid $secondary"}),vu=Pe("div",{borderRadius:"$xm",display:"flex",flexDirection:"column",alignItems:"start",justifyContent:"space-between",color:"$foreground",boxSizing:"border-box",position:"relative",variants:{selected:{true:{},false:{$$color:"$colors$neutral200",[`.${Be} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color"}},basic:{true:{borderTopRightRadius:"0",borderTopLeftRadius:"0"}},listItem:{true:{$$color:"$colors$neutral200",[`.${Be} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color","&:hover":{backgroundColor:"$neutral300",[`.${Be} &`]:{backgroundColor:"$neutral400"}},cursor:"pointer"},false:{}}},compoundVariants:[{listItem:!0,selected:!0,css:{outline:"1px solid $secondary"}},{listItem:!1,selected:!0,css:{$$color:"$colors$info100",[`.${Be} &`]:{$$color:"$colors$secondary600"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}}},{listItem:!0,selected:!1,css:{cursor:"pointer","&:hover":{backgroundColor:"$neutral300",[`.${Be} &`]:{backgroundColor:"$neutral400"}}}}]}),bu=Po({width:"100%",padding:"$15 $15 $10 $15"}),Iu=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"}}),Au=Po({display:"flex",alignItems:"center",".usd-value":{$$color:"$colors$neutral600",[`.${Be} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Eu=Pe(ir.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:{[`& ${Tu}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${Tu}`]:{border:"1px transparent solid",borderRadius:"100%"}}},selected:{true:{},false:{$$color:"$colors$neutral400",[`.${Be} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}},listItem:{true:{$$color:"$colors$neutral400",[`.${Be} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"},false:{}}},compoundVariants:[{listItem:!1,selected:!0,css:{$$color:"$colors$info300",[`.${Be} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"}}],".blockchains_section":{display:"none"},"@xs":{".blockchains_section":{display:"block"}}}),Wu=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"}}}}),Lu=Pe(Dn,{width:"100%",background:"inherit"}),es=Pe("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${ey}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),LL=Pe("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),Mu=Pe("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${Be} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),Nu=Pe("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"}),ts=Pe(Rh,{overflow:"hidden",textOverflow:"ellipsis",letterSpacing:.4}),Bu=Pe("div",{display:"flex",flexWrap:"wrap"}),os=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"}}}}),Pu=Pe("div",{display:"flex"}),sr=Pe("div",{width:"100%",borderTopWidth:"1px",borderTopStyle:"solid",borderTopColor:"$neutral",margin:"$5 0",[`.${Be} &`]:{borderTopColor:"$neutral400"}});import{i18n as $t}from"@lingui/core";import{ChevronDownIcon as oy,CloseIcon as ny,Divider as pr,IconButton as ry,QuoteCost as iy,Tooltip as sy,Typography as tt}from"@rango-dev/ui";import X,{useState as Fu}from"react";import{css as ty,styled as ar}from"@rango-dev/ui";var lr=ar("div",{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"$5 0","&.total_payable_fee":{padding:"$12 0"}}),ns=ar("div",{width:"100%",borderTop:"1px solid $neutral300",margin:"$10 0"}),$u=ar("div",{padding:"$20 0",display:"flex",flexDirection:"column","& .collapsible_trigger":{display:"flex",alignItems:"center"}}),_u=ar("div",{padding:"$20 $20 $10",textAlign:"center",position:"relative","._icon-button":{position:"absolute",zIndex:10,top:"$16",right:"$16"}}),Du=ty({display:"flex",flexDirection:"row",alignItems:"center",padding:"$5","&:hover":{"& ._typography, & svg":{color:"$secondary"}}});var ay=i(t=>t.fee.isZero()?null:X.createElement(lr,null,X.createElement(tt,{variant:"label",size:"medium",color:"neutral600"},t.label),X.createElement(tt,{variant:"label",size:"medium"},"$",E(t.fee,4,4))),"NonPayableFee");function Uu(t){let[e,o]=Fu(!1),[n,r]=Fu(!1),{steps:s,quote:a,fee:l,time:p,feeWarning:u,showModalFee:c}=t,d=a?.swaps??[],m=N(),y=Tl(d);return X.createElement(X.Fragment,null,X.createElement(iy,{onClickFee:c?S=>{S.stopPropagation(),o(!e)}:void 0,fee:l,feeWarning:u,time:p,steps:s,tooltipGas:c?$t.t("View more info"):void 0,tooltipContainer:m}),X.createElement(re,{container:m,open:e,header:X.createElement(_u,null,X.createElement(tt,{variant:"title",size:"medium"},$t.t("Gas & Fee Explanation")),X.createElement(ry,{onClick:()=>o(!1),variant:"ghost"},X.createElement(ny,{color:"gray",size:14}))),onClose:()=>{o(!1)}},X.createElement($u,null,X.createElement(tt,{variant:"title",size:"small"},$t.t("Details")),X.createElement(pr,{size:10}),Object.entries(y.payable).flatMap(([S,C])=>C.map((g,f)=>{let x=`payable-fee-${f}`,k=fi(g);return X.createElement(lr,{key:x},X.createElement(tt,{variant:"label",size:"medium",color:"neutral600"},li[S]),X.createElement(sy,{content:le(g.amount),container:m},X.createElement(tt,{variant:"label",size:"medium"},E(g.amount,2,2)," ",g.asset.symbol," ($",E(k,4,4),")")))})),X.createElement(lr,{className:"total_payable_fee"},X.createElement(tt,{variant:"label",size:"medium"},$t.t("Total Payable Fee")),X.createElement(tt,{variant:"label",size:"medium"},"$",E(l,4,4))),X.createElement(ns,null),Object.keys(y.nonePayable).length&&X.createElement(On,{triggerAnchor:"bottom",onClickTrigger:()=>r(S=>!S),trigger:X.createElement("div",{className:Du()},X.createElement(tt,{size:"small",variant:"body",color:"neutral700"},n?$t.t("Hide non-payable fees"):$t.t("Show non-payable fees")),X.createElement(pr,{size:4,direction:"horizontal"}),X.createElement(Fn,{orientation:n?"up":"down"},X.createElement(oy,{size:12,color:"gray"}))),open:n},X.createElement(tt,{size:"small",variant:"title"},$t.t("Description")),X.createElement(pr,{size:4}),X.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.`)),X.createElement(pr,{size:10}),Object.entries(y.nonePayable).map(([S,C],g)=>{let f=Cl(C),x=li[S],k=`non-payable-fee-${g}`;return X.createElement(ay,{key:k,fee:f,label:x})}),X.createElement(ns,null)))))}i(Uu,"QuoteCostDetails");import{i18n as zu}from"@lingui/core";import{TokenAmount as Qu}from"@rango-dev/ui";import ur from"react";import{css as ly,styled as py}from"@rango-dev/ui";var Ou=py("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%"}),qu=ly({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 ur.createElement(Ou,null,ur.createElement(Qu,{direction:"horizontal",label:zu.t("Swap input"),type:"input",tooltipContainer:N(),price:{value:e.price.value,usdValue:e.price.usdValue,realValue:e.price.realValue,realUsdValue:e.price.realUsdValue},token:{displayName:e.token.displayName,image:e.token.image},chain:{image:e.chain.image}}),ur.createElement("div",{className:qu()}),ur.createElement(Qu,{direction:"horizontal",tooltipContainer:N(),label:zu.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 Hu}from"@lingui/core";import{ChevronDownIcon as fy,ChevronRightIcon as gy,Divider as rs,Image as hy,Tooltip as is,Typography as mr}from"@rango-dev/ui";import _ from"react";import{useEffect as uy,useState as cy}from"react";var my=768,dy=i(()=>{let[t,e]=cy(!1),o=i(()=>{e(window.innerWidth<my)},"handleResize");return uy(()=>(o(),window.addEventListener("resize",o),()=>window.removeEventListener("resize",o)),[]),t},"useMobileDetect"),cr=dy;var dr=4,fr=6,_o=i(t=>{let e=N(),{content:o,src:n,className:r,open:s,state:a}=t;return _.createElement(is,{container:e,side:"bottom",sideOffset:4,open:s,content:o},_.createElement(Wu,{className:r,state:a},_.createElement(hy,{src:n,size:16})))},"ImageComponent");function Gu(t){let{quoteRef:e,selected:o,setExpanded:n,steps:r,expanded:s,type:a}=t,l=N(),p=r.length,u=Dl(r),c=cr();return _.createElement(Eu,{listItem:a==="list-item",ref:d=>e.current=d,selected:o,onClick:d=>{d.stopPropagation(),n(m=>!m)}},_.createElement("div",{className:mo()},_.createElement(mr,{variant:"body",size:"xsmall"},Hu.t("Via:")),_.createElement(rs,{direction:"horizontal",size:4}),r.map((d,m)=>{let y=`item-${m}`,S=_.createElement(es,null,_.createElement(gy,{size:12,color:"black"}));return c?_.createElement(_.Fragment,null,_.createElement(_o,{content:d.swapper.displayName,src:d.swapper.image,state:d.state}),m!==p-1&&_.createElement(_.Fragment,null,S)):_.createElement(_.Fragment,{key:y},p<=dr||p>dr&&m<dr-1?_.createElement(_.Fragment,null,_.createElement(_o,{content:d.swapper.displayName,src:d.swapper.image,state:d.state}),m!==p-1&&_.createElement(_.Fragment,null,S)):m===dr-1&&_.createElement(is,{container:l,side:"bottom",align:"right",sideOffset:4,content:_.createElement("div",{className:mo()},S,r.map((C,g)=>{let f=`image-${g}`;return g>=m&&_.createElement(_.Fragment,{key:f},_.createElement(_o,{content:C.swapper.displayName,src:C.swapper.image,state:C.state,open:!1}),g!==p-1&&_.createElement(_.Fragment,null,S))}))},_.createElement(os,{state:r.find((C,g)=>g>=m&&(C.state==="error"||C.state==="warning"))?.state},_.createElement(mr,{size:"xsmall",variant:"body"},"+",p-m))))})),_.createElement("div",{className:mo()},_.createElement("div",{className:"blockchains_section"},_.createElement("div",{className:mo()},_.createElement(mr,{variant:"body",size:"xsmall"},Hu.t("Chains:")),_.createElement(rs,{direction:"horizontal",size:4}),u.map((d,m)=>_.createElement(_.Fragment,null,u.length<=fr||u.length>fr&&m<fr-1?_.createElement(_o,{key:d.displayName,content:"",src:d.image,open:!1,className:m!==0?"blockchainImage":""}):m===fr-1&&_.createElement(is,{container:l,side:"bottom",align:"right",sideOffset:4,content:_.createElement("div",{className:mo()},u.map((y,S)=>S>=m&&_.createElement(_o,{key:y.displayName,content:"",src:y.image,open:!1,className:S>m?"blockchainImage":""})))},_.createElement(os,{className:"blockchainImage"},_.createElement(mr,{size:"xsmall",variant:"body"},"+",u.length-m))))),_.createElement(rs,{direction:"horizontal",size:32}))),_.createElement(es,{orientation:s?"up":"down"},_.createElement(fy,{size:12,color:"black"}))))}i(Gu,"QuoteTrigger");function as(t){let{quote:e,input:o,output:n,error:r,warning:s,type:a,selected:l=!1,tagHidden:p=!0,showModalFee:u=!0,onClickAllRoutes:c}=t,d=h().blockchains(),m=h().tokens(),y=h().swappers(),[S,C]=xy(t.expanded),g=wy(null),f=E(o.value,6,6),x=E(n.value,6,6),k=n.usdValue?E(n.usdValue,4,4):"",v=Xe(o.usdValue,n.usdValue??null),I=E(v,2,2),b=St(v??0),w=i(V=>V.map((A,M)=>{let ce,H=r?.type===3&&r.swap.swapperId===A.swapperId||r?.type===4&&r.recommendedSlippages?.has(M),j=s?.type===2&&s.recommendedSlippages?.has(M);H?ce="error":j&&(ce="warning");let Se=H?Do.t("Slippage Error"):Do.t("Slippage Warning");return r?.type===3&&(Se=r?.recommendation),{swapper:{displayName:bo(A.swapperId,y),image:A.swapperLogo},from:{token:{displayName:A.from.symbol,image:A.from.logo},chain:{displayName:je(A.from.blockchain,d),image:A.from.blockchainLogo},price:{value:M===0?E(o.value,6,6):E(A.fromAmount,6,6),usdValue:E((A.from.usdPrice??0)*parseFloat(A.fromAmount),4,4),realValue:le(M===0?o.value:A.fromAmount),realUsdValue:le(new ss(A.from.usdPrice??0).multipliedBy(A.fromAmount))}},to:{token:{displayName:A.to.symbol,image:A.to.logo},chain:{displayName:je(A.to.blockchain,d),image:A.to.blockchainLogo},price:{value:E(A.toAmount,6,6),usdValue:E((A.to.usdPrice??0)*parseFloat(A.toAmount),4,4),realValue:le(A.toAmount),realUsdValue:le(new ss(A.to.usdPrice??0).multipliedBy(A.toAmount))}},state:ce,alerts:H||j?P.createElement(Su,null,P.createElement(yy,{variant:"alarm",type:H?"error":"warning",title:Se,footer:P.createElement(Cu,null,r?.type===3&&P.createElement(P.Fragment,null,P.createElement(fo,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),P.createElement(Fo,{direction:"horizontal",size:8}),P.createElement(fo,{size:"xsmall",variant:"body",color:"neutral900"},"|"),P.createElement(Fo,{direction:"horizontal",size:8}),P.createElement(fo,{size:"xsmall",variant:"body",color:"neutral900"},Do.t({id:"Yours: {amount} {symbol}",values:{amount:E(A.fromAmount,6,6),symbol:A?.from.symbol}}))),(r?.type===4||s?.type===2)&&P.createElement(fo,{size:"xsmall",variant:"body",color:"neutral900"},Do.t({id:"Minimum required slippage is {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get(M)},...s?.type===2&&{minRequiredSlippage:s.recommendedSlippages?.get(M)}}})))})):void 0}}),"getQuoteSteps")(e?.swaps??[]),W=w.length,L=N(),B=Ul(t.quote.tags||[]),q=!!c,ae=an(ln(e?.swaps)),fe=En(e?.swaps??[],m),D=E(fe,2,2);return P.createElement(P.Fragment,null,P.createElement(vu,{selected:l,listItem:a==="list-item",basic:a==="basic"},P.createElement("div",{className:bu()},!p&&B.length?P.createElement(P.Fragment,null,P.createElement(Pu,null,B.map((V,A)=>{let M=`${V.value}_${A}`;return P.createElement(P.Fragment,null,P.createElement(Cy,{label:V.label,key:M,value:V.value}),P.createElement(Fo,{size:4,direction:"horizontal"}))})),P.createElement(sr,null),!q&&P.createElement(Fo,{size:4})):null,P.createElement("div",{id:"portal-root",className:Iu()},P.createElement(Uu,{quote:e,time:ae,fee:D,feeWarning:fe.gte(new ss(ml)),showModalFee:u,steps:W}),q&&P.createElement(xu,{onClick:V=>{V.stopPropagation(),c()},size:"xxsmall",type:"secondary",variant:"default"},P.createElement(fo,{color:"secondary",variant:"label",size:"medium"},Do.t("See All Routes")))),a==="basic"&&P.createElement("div",{className:Au()},P.createElement(Nu,null,P.createElement(Sy,{size:12,color:"gray"})),P.createElement(Bu,null,P.createElement(ts,{size:"small",variant:"body"},`${f} ${w[0].from.token.displayName} = `),P.createElement(Vu,{content:le(n.value),container:L,open:n.value?void 0:!1},P.createElement(ts,{size:"small",variant:"body"},"\xA0",`${x} ${w[w.length-1].to.token.displayName}`))),P.createElement(Vu,{content:le(n.usdValue),container:L,style:{display:"flex"}},P.createElement(fo,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${k})`))),a==="list-item"&&P.createElement(ky,{tooltipContainer:L,type:"output",direction:"vertical",price:{value:x,usdValue:k,realValue:le(n.value),realUsdValue:le(n.usdValue)},token:{displayName:w[W-1].to.token.displayName,image:w[W-1].to.token.image},chain:{image:w[W-1].to.chain.image},percentageChange:I,warningLevel:b}),a==="swap-preview"&&P.createElement(P.Fragment,null,P.createElement($o,{from:w[0].from,to:w[W-1].to,percentageChange:I,warningLevel:b}),P.createElement(Fo,{size:4}))),P.createElement(ku,{selected:l,listItem:a==="list-item",open:S,onOpenChange:C},P.createElement(Gu,{type:a,quoteRef:g,selected:l,setExpanded:C,expanded:S,steps:w}),P.createElement(Lu,{open:S},P.createElement(Mu,null),P.createElement("div",{className:wu()},w.map((V,A)=>{let M=`item-${A}`;return P.createElement(Ty,{type:"quote-details",key:M,tooltipContainer:L,step:V,hasSeparator:A!==w.length-1,state:V.state})}))))))}i(as,"Quote");import{Divider as Ay,Skeleton as Ey}from"@rango-dev/ui";import kt from"react";import{darkTheme as vy,styled as gr}from"@rango-dev/ui";var ju=gr("div",{$$color:"$colors$neutral100",[`.${vy} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15 ",variants:{rounded:{true:{borderRadius:"$xm"}}}}),Xu=gr("div",{paddingTop:"$2"}),Ku=gr("div",{paddingLeft:"$8"}),Yu=gr("div",{borderLeft:"1px dashed black",minHeight:" 0",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});import{ChainToken as sc,Divider as dt,Skeleton as Qe}from"@rango-dev/ui";import O from"react";import{css as by,styled as Tt}from"@rango-dev/ui";var ls=Tt("div",{display:"flex"}),Ju=Tt("div",{padding:"$10 $0 $20"}),Zu=Tt("div",{padding:"$12 $0 $20 $0",display:"flex",flexDirection:"column"}),Ru=Tt("div",{display:"flex",justifyContent:"start",alignItems:"center"}),ec=Tt("div",{display:"flex",justifyContent:"space-between",alignItems:"end"}),tc=Tt("div",{height:"$28",marginLeft:"13px",borderLeft:"1px solid $neutral700"}),oc=Tt("div",{width:"65%",display:"flex",justifyContent:"start"}),nc=Tt("div",{display:"flex",flexDirection:"column",alignItems:"start",flexGrow:1,maxWidth:"148px"}),rc=Tt("div",{padding:"$15 $0 $15 $0"}),ic=by({display:"flex",justifyContent:"space-between",alignItems:"center"});function Uo(t){let{type:e,tagHidden:o=!0}=t,n=O.createElement(ec,null,O.createElement(oc,null,O.createElement(sc,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),O.createElement(dt,{size:8,direction:"horizontal"}),O.createElement(nc,null,O.createElement(Qe,{height:10,width:60,variant:"rounded"}),O.createElement(dt,{size:4}),O.createElement(Qe,{height:15,variant:"rounded"}))),O.createElement(Qe,{height:12,width:64,variant:"rounded"})),r=e==="basic"&&!o;return O.createElement("div",null,!o&&O.createElement(O.Fragment,null,O.createElement(ls,null,O.createElement(Qe,{width:65,height:14,variant:"rounded"}),O.createElement(dt,{size:4,direction:"horizontal"}),O.createElement(Qe,{width:65,height:14,variant:"rounded"}),O.createElement(dt,{size:4,direction:"horizontal"}),O.createElement(Qe,{width:65,height:14,variant:"rounded"})),O.createElement(sr,null),!r&&O.createElement(dt,{size:4})),O.createElement("div",{className:ic()},O.createElement(ls,null,O.createElement(Qe,{width:60,height:10,variant:"rounded"}),O.createElement(dt,{size:4,direction:"horizontal"}),O.createElement(Qe,{width:60,height:10,variant:"rounded"}),O.createElement(dt,{size:4,direction:"horizontal"}),O.createElement(Qe,{width:60,height:10,variant:"rounded"})),r&&O.createElement(Qe,{width:100,height:22,variant:"rounded"})),e==="basic"&&O.createElement(Ju,null,O.createElement(Qe,{height:15,width:148,variant:"rounded"})),e==="list-item"&&O.createElement(Zu,null,O.createElement(Ru,null,O.createElement(sc,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),O.createElement(dt,{direction:"horizontal",size:4}),O.createElement(Qe,{height:15,width:150,variant:"rounded"})),O.createElement(dt,{size:10}),O.createElement(Qe,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&O.createElement(O.Fragment,null,O.createElement(dt,{size:4}),O.createElement(rc,null,n,O.createElement(tc,null),n)))}i(Uo,"QuoteSummarySkeleton");import{ChainToken as cc,Divider as us,NextIcon as Iy,Skeleton as hr}from"@rango-dev/ui";import ye from"react";import{styled as Oo}from"@rango-dev/ui";var ac=Oo("div",{display:"flex",alignItems:"start"}),lc=Oo("div",{flexGrow:1,paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center"}),ps=Oo("div",{display:"flex",alignItems:"center",flexGrow:1}),pc=Oo("div",{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}),uc=Oo("div",{display:"flex",alignItems:"center"});function ft(t){let{separator:e=!0}=t;return ye.createElement(ye.Fragment,null,ye.createElement(uc,null,ye.createElement(hr,{height:22,width:22,variant:"circular"}),ye.createElement(us,{direction:"horizontal",size:8}),ye.createElement(hr,{height:15,width:148,variant:"rounded"})),ye.createElement(ac,null,ye.createElement(Yu,{hideSeparator:!e}),ye.createElement(lc,null,ye.createElement(ps,null,ye.createElement(cc,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ye.createElement(us,{direction:"horizontal",size:8}),ye.createElement(hr,{height:12,variant:"rounded"})),ye.createElement(pc,null,ye.createElement(Iy,{color:"gray",size:16})),ye.createElement(ps,null,ye.createElement(cc,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ye.createElement(us,{direction:"horizontal",size:8}),ye.createElement(hr,{height:12,variant:"rounded"})))))}i(ft,"StepSkeleton");function qo(t){let{type:e,expanded:o,tagHidden:n=!1}=t;return kt.createElement(ju,{rounded:e!=="basic"},kt.createElement(Uo,{type:e,tagHidden:n}),kt.createElement(Xu,null,kt.createElement(Ey,{height:15,variant:"rounded"})),o&&kt.createElement(Ku,null,kt.createElement(Ay,{size:20}),kt.createElement(ft,null),kt.createElement(ft,null),kt.createElement(ft,{separator:!1})))}i(qo,"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:d}=t,{inputAmount:m,inputUsdValue:y,toToken:S}=Q(),C=e?.outputAmount?new Wy(e?.outputAmount):null,g=e?.outputAmount?Ln(e?.outputAmount,Mn(e)||S?.usdPrice):null,x=!(r&&(r.type===0||r.type===1))&&e&&!n;return n?yr.createElement(Ri,null,yr.createElement(qo,{tagHidden:l,type:o,expanded:a})):x?yr.createElement(Ri,{onClick:()=>p?.(e)},yr.createElement(as,{quote:e,error:r,showModalFee:u,warning:s,tagHidden:l,selected:c,type:o,expanded:a,onClickAllRoutes:d,input:{value:m,usdValue:y?.toString()??""},output:{value:C?.toString()??"",usdValue:g?.toString()??""}})):null}i(Yt,"QuoteInfo");import{calculatePendingSwap as Ny}from"@rango-dev/queue-manager-rango-preset";import{useEffect as By}from"react";import{useRef as Ly,useState as My}from"react";function Sr({request:t}){let[e,o]=My(!1),n=Ly(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(Sr,"useFetch");function mc(){let{fetch:t,loading:e,cancelFetch:o}=Sr({request:async(n,r)=>await Et().confirmRouteRequest(n,r)});return{fetch:t,loading:e,cancelFetch:o}}i(mc,"useFetchConfirmQuote");function Cr(t){if(!t.swaps)throw new Error(Y().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});let e=cs(t.swaps);if(e)throw new Error(e.message,{cause:e.options})}i(Cr,"throwErrorIfResponseIsNotValid");function cs(t){if(hl(t)){let{swap:n,recommendation:r,fromAmountRangeError:s}=yl(t);return{message:"bridge limit error",options:{type:3,swap:n,recommendation:r,fromAmountRangeError:s}}}let o=kl(t);if(o){let n=Wn(t);return{message:"",options:{type:4,recommendedSlippages:o,minRequiredSlippage:n}}}return null}i(cs,"getQuoteError");function dc(t,e,o){let n=!1;t&&(n=$l(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&&(Al(t,e)?r.quoteUpdate={type:3,newOutputAmount:E(eo(e)),percentageChange:E(Xe(eo(t)??"",eo(e)??""),null,2)}:gi(t,e)?r.quoteUpdate={type:0}:hi(t,e)?r.quoteUpdate={type:1}:yi(t,e)&&(r.quoteUpdate={type:2}));let a=El(e,o.selectedWallets,o.meta.blockchains);return a.length===0||(r.balance={messages:a}),r}i(dc,"generateWarnings");function Tr(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(Tr,"handleQuoteErrors");function ms(){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(),d=h().blockchains(),m=h().tokens(),y=u||p,{fetch:S,cancelFetch:C,loading:g}=mc();return By(()=>C,[]),{loading:g,fetch:i(async x=>{let k=x.selectedWallets,v=x?.customDestination??s;if(!t||!e||!o)return{quote:null,swap:null,error:null,warnings:null};let I=k.reduce((T,w)=>(T[w.chain]=w.address,T),{}),b={requestId:r?.requestId||"",selectedWallets:I,destination:v||void 0};try{return await S(b).then(T=>{let{result:w}=T;Cr({diagnosisMessages:w.diagnosisMessages,requestId:w.requestId,swaps:w.result?.swaps});let W={outputAmount:w.result?.outputAmount,requestId:w.requestId,resultType:w.result?.resultType,swaps:w.result?.swaps||[],validationStatus:w.validationStatus,requestAmount:w.requestAmount};n(W);let L={slippage:y.toString(),disabledSwappersGroups:c},B=Ny(o.toString(),w,bl(k),L,!1,{blockchains:d,tokens:m}),q=dc(r??void 0,W,{fromToken:t,toToken:e,meta:{blockchains:d,tokens:m},selectedWallets:k,userSlippage:y});return q.quoteUpdate&&a(!1),l(),{quote:W,swap:B,error:null,warnings:q}})}catch(T){return Tr(T)}},"fetch"),cancelFetch:C}}i(ms,"useConfirmSwap");var Vy=Dy("div",{width:"100%",display:"flex",justifyContent:"space-between",[`& ${gc}`]:{width:"$48",height:"$48"}}),jy=fs({flexGrow:1,paddingRight:"$10"}),Xy=fs({width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}),Ky=fs({display:"flex",justifyContent:"space-between",alignItems:"center"});function hc(){let{selectedQuote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:s,quoteWarningsConfirmed:a}=Q(),l=Gy(),p=Hy(),[u,c]=wr(""),{connectedWallets:d}=K(),m=!n,[y,S]=wr(!1),{isActiveTab:C}=ee(),g=h().getDisabledLiquiditySources(),f=zy(g),{manager:x}=Py(),{fetch:k,loading:v,cancelFetch:I}=ms(),[b,T]=wr({swap:null,error:null,warnings:null}),[w,W]=wr(!1),L=i(async({selectedWallets:M,customDestination:ce})=>{let H=await k?.({selectedWallets:M,customDestination:ce});return T(H),H},"onConfirmSwap"),B=i(async()=>{if(b.swap&&n)try{await x?.create("swap",{swapDetails:b.swap},{id:b.swap.requestId});let M=`../${F.swaps}/${b.swap.requestId}`;l(M,{replace:!0}),setTimeout(()=>{e("")},0)}catch(M){c("Error: "+M?.message)}},"addNewSwap"),q=i(async()=>{await B()},"onConfirm"),ae=i(async()=>{b?.warnings?.quote&&!a?W(!0):await q()},"onStartConfirmSwap"),fe=i(async()=>{T({error:null,swap:null,warnings:null}),k({selectedWallets:o,customDestination:s}).then(M=>{T(M)}).catch(M=>console.error(M))},"onRefresh");zo(()=>{!!f.current.length&&!g.length&&fe(),f.current=g},[g.length]),zo(()=>{m&&I()},[m]),zo(()=>{m&&S(m)},[m]),zo(()=>{m||k({selectedWallets:o,customDestination:s}).then(M=>T(M)).catch(M=>console.error(M))},[]),zo(()=>{let M=b.warnings?.quote?.type&&Object.values(Lt).includes(b.warnings?.quote?.type),ce=o.length<1||!o.every(j=>d.find(Se=>j.address===Se.address&&j.walletType===Se.walletType&&j.chain===Se.chain)),H=!1;if(M){let j=vn(t?.swaps||null),Se=t?.swaps[t.swaps.length-1].to.blockchain;!!t?.swaps.find(ht=>ht.from.blockchain===Se)||(j=j.slice(-j.length,j.length-1)),j.every(ht=>o.find(G=>G.chain===ht))||(H=!0)}t&&(ce||H)&&(queueMicrotask(()=>Qy(S.bind(null,!0))),r(!1))},[b.warnings?.quote,o.length,d.length]),qy(()=>{t||l(`../${p.search}`)},[]);let D=b.warnings?.quote??null,V=b.error,A=[];if(u&&A.push(pe.createElement(fc,{type:"error",variant:"alarm",title:u})),b.warnings?.quoteUpdate&&A.push(pe.createElement(fc,{variant:"alarm",type:"warning",title:b.warnings.quoteUpdate&&$n(b.warnings.quoteUpdate)})),D||V){let M=`../${F.settings}`;A.push(pe.createElement(Bo,{warning:D,error:V,refetchQuote:fe,showWarningModal:w,confirmationDisabled:!C,onOpenWarningModal:()=>W(!0),onCloseWarningModal:()=>W(!1),onConfirmWarningModal:async()=>{W(!1),await B()},onChangeSettings:()=>l(M)}))}return pe.createElement(ne,{header:{title:kr.t("Confirm Swap"),onWallet:()=>{let M=`../${F.wallets}`;l(M)},suffix:pe.createElement(Fy,{container:N(),side:"bottom",content:kr.t("Settings")},pe.createElement(Ye,{size:"small",variant:"ghost",onClick:()=>l("../"+F.settings)},pe.createElement(_y,{size:18,color:"black"})))},footer:pe.createElement(Vy,null,pe.createElement("div",{className:jy()},pe.createElement($y,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:v,disabled:!!b.error||!C,onClick:ae},kr.t("Start Swap"))),pe.createElement(gc,{variant:"contained",type:"primary",size:"large",loading:v,onClick:S.bind(null,!0)},pe.createElement(Oy,{size:24})))},y&&pe.createElement(Rp,{open:y,onClose:()=>S(!1),onCancel:I,loading:v,onCheckBalance:L}),pe.createElement(ie,null,pe.createElement("div",{className:Ky()},pe.createElement(Uy,{variant:"title",size:"small"},kr.t("You get")),pe.createElement("div",{className:Xy()},pe.createElement(Kn,{onClick:!v&&!y&&!w?fe:void 0}))),pe.createElement(ds,{size:"12"}),ip(A,pe.createElement(ds,{size:10})),A.length>0?pe.createElement(ds,{size:10}):null,pe.createElement(Yt,{quote:t,type:"swap-preview",expanded:!0,selected:!0,tagHidden:!0,error:b.error,loading:v,warning:b.warnings?.quote??null})))}i(hc,"ConfirmSwapPage");import{i18n as vr}from"@lingui/core";import{useManager as cS}from"@rango-dev/queue-manager-react";import{Divider as Ac,NotFound as mS,styled as dS}from"@rango-dev/ui";import xt,{useState as fS}from"react";import{useNavigate as gS}from"react-router-dom";import{i18n as Zy}from"@lingui/core";import{Divider as kc,GroupedVirtualizedList as Ry,Skeleton as eS,SwapListItem as wc,Typography as tS}from"@rango-dev/ui";import $e,{useCallback as xc,useEffect as oS,useRef as nS,useState as rS}from"react";function yc(t,e){let o=[],n=0;do{let r=t[n];o.push(Math.min(r,e)),e-=r,n++}while(e>0&&n<=t.length);return o}i(yc,"calculateGroupsSoFar");import{css as Yy,darkTheme as Jy,styled as Qo}from"@rango-dev/ui";var gs=Yy(),Sc=Qo("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$5"}),hs=Qo("div",{width:"100%",display:"flex",flexDirection:"column",backgroundColor:"$background",padding:"$10 $5 0 $5",[`& .${gs}`]:{$$color:"$colors$neutral600",[`.${Jy} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),ys=Qo("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),Cc=Qo("div",{gap:"$10",display:"flex",flexDirection:"column"}),Tc=Qo("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});var iS=10;function Ss(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,[s,a]=rS([]),l=nS(0),{swaps:p,groupCounts:u,groups:c}=n(e),d=xc(yc,[]),m=xc(()=>{let y=e.length-l.current;y&&(l.current+=Math.min(y,iS),a(d(u,l.current)))},[e.length]);if(oS(()=>{r||m()},[r,m]),r){let y=[1,2];return $e.createElement($e.Fragment,null,[y,y].map((C,g)=>$e.createElement(hs,{key:g},$e.createElement(ys,null,$e.createElement(eS,{variant:"text",width:60,size:"small"}),$e.createElement(kc,{size:16})),$e.createElement(kc,{size:4}),$e.createElement(Cc,null,C.map((x,k)=>$e.createElement(wc,{isLoading:!0,key:k}))))))}return $e.createElement(Ry,{endReached:()=>{l.current<e.length&&m()},groupCounts:s,groupContent:y=>$e.createElement(hs,null,$e.createElement(ys,null,$e.createElement(tS,{variant:"label",size:"medium",className:gs()},c[y]))),itemContent:(y,S)=>{let C=p[y];if(!C)return null;let g=C.steps[0],f=C.steps[C.steps.length-1];return $e.createElement(Sc,{key:C.requestId},$e.createElement(wc,{requestId:C.requestId,creationTime:C.creationTime,status:C.status,onClick:o,tooltipContainer:N(),onlyShowTime:c[S]===Zy.t("Today"),swapTokenData:{from:{token:{image:g.fromLogo,displayName:g.fromSymbol},blockchain:{image:g.fromBlockchainLogo||""},amount:E(C.inputAmount,6,6),realAmount:le(C.inputAmount)},to:{token:{image:f.toLogo,displayName:f.toSymbol},blockchain:{image:f.toBlockchainLogo||""},amount:E(f.outputAmount||f.expectedOutputAmountHumanReadable||"",6,6),realAmount:le(f.outputAmount||f.expectedOutputAmountHumanReadable)}}}))}})}i(Ss,"HistoryGroupedList");import{CloseIcon as aS,IconButton as lS,SearchIcon as pS,TextField as uS}from"@rango-dev/ui";import Ho from"react";import{styled as sS}from"@rango-dev/ui";var vc=sS("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 Ho.createElement(uS,{prefix:Ho.createElement(vc,null,Ho.createElement(pS,{color:"black"})),suffix:!!a.length&&Ho.createElement(lS,{variant:"ghost",onClick:()=>l?.(""),size:"small"},Ho.createElement(aS,{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 xr}from"@lingui/core";import bc from"dayjs";var Ic=i(t=>{let e=new Map([["today",{title:xr.t("Today"),swaps:[]}],["week",{title:xr.t("This week"),swaps:[]}],["month",{title:xr.t("This month"),swaps:[]}],["year",{title:xr.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=bc();t.forEach(p=>{let u=Number(p.creationTime),c=bc(u);if(n.isSame(c,"day"))e.get("today")?.swaps.push(p);else if(n.isSame(c,"week"))e.get("week")?.swaps.push(p);else if(n.isSame(c,"month"))e.get("month")?.swaps.push(p);else if(n.isSame(c,"year"))e.get("year")?.swaps.push(p);else{let d=new Date(u).getFullYear().toString();o(d,p)}});let r=Array.from(e.values()).filter(p=>p.swaps.length>0),s=r.flatMap(p=>p.swaps),a=r.map(p=>p.swaps.length),l=r.map(p=>p.title);return{swaps:s,groupCounts:a,groups:l}},"groupSwapsByDate");var hS=dS("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),yS=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 Ec(){let t=gS(),{manager:e,state:o}=cS(),n=ct(e).map(({swap:c})=>c),[r,s]=fS(""),a=!o.loadedFromPersistor,l=i(c=>{let d=c.target.value;s(d)},"searchHandler"),p=n;r&&(p=n.filter(c=>at(c.inputAmount,r)||at(c.status,r)||yS(c.steps,r)||at(c.requestId,r)));let u=!p?.length&&!a;return xt.createElement(ne,{header:{title:vr.t("History")}},xt.createElement(ie,null,xt.createElement(wt,{setValue:s,fullWidth:!0,variant:"contained",placeholder:vr.t("Search Transaction"),autoFocus:!0,onChange:l,value:r}),xt.createElement(Ac,{size:"16"}),xt.createElement(hS,null,u&&xt.createElement(Tc,null,xt.createElement(Ac,{size:32}),xt.createElement(mS,{title:vr.t("No results found"),description:r?vr.t("Try using different keywords"):""})),!u&&xt.createElement(Ss,{list:p,onSwapClick:t,groupBy:Ic,isLoading:a}))))}i(Ec,"HistoryPage");import{i18n as $S}from"@lingui/core";import{Button as _S,Divider as Hc,styled as DS,WarningIcon as FS}from"@rango-dev/ui";import Ue,{useEffect as Gc,useState as Vc}from"react";import{useNavigate as US}from"react-router-dom";import{i18n as xS}from"@lingui/core";import{Header as vS}from"@rango-dev/ui";import _t,{useEffect as bS,useState as IS}from"react";import{i18n as CS}from"@lingui/core";import{Divider as Ts,Typography as TS}from"@rango-dev/ui";import me from"react";import{styled as Cs}from"@rango-dev/ui";var Wc=Cs("div",{display:"flex",justifyContent:"center",flexDirection:"column",height:"100%"}),Lc=Cs("div",{display:"flex",justifyContent:"space-between",alignItems:"center"}),Mc=Cs("div",{width:"146px"});import{Select as SS}from"@rango-dev/ui";import Nc from"react";function br(t){let{updateQuotePartialState:e,sortStrategy:o}=Q();return Nc.createElement(Mc,null,Nc.createElement(SS,{container:t.container,options:pi,value:pi.find(n=>n.value===o),handleItemClick:n=>{e("sortStrategy",n.value)}}))}i(br,"SelectStrategy");var kS=3;function Go(t){let{loading:e,onClickOnQuote:o,fetch:n,showModalFee:r,hasSort:s=!0}=t,{selectedQuote:a,quotes:l,updateQuotePartialState:p,fromToken:u,toToken:c,sortStrategy:d,error:m}=Q(),{slippage:y,customSlippage:S}=h(),C=h().tokens(),g=!!l&&l.results.length,f=S??y,x=i(I=>{if(!u||!c||!l)return null;let b={requestAmount:l.requestAmount,...I};return to(b,{fromToken:u,toToken:c,userSlippage:f,tokens:C})},"getQuoteWarning"),k=m?.type===0||m?.type===1,v=l?.results?Nn(d,l?.results):[];return me.createElement(me.Fragment,null,e&&Array.from({length:kS},(I,b)=>me.createElement(me.Fragment,{key:b},me.createElement(qo,{tagHidden:!1,type:"list-item",expanded:!1}),me.createElement(Ts,{size:16}))),!e&&me.createElement(me.Fragment,null,s&&me.createElement(me.Fragment,null,me.createElement(Lc,null,me.createElement(TS,{size:"xmedium",variant:"title"},CS.t("Sort by")),me.createElement(br,{container:N()})),me.createElement(Ts,{size:"10"})),g?v.map(I=>{let b=x(I),T=cs(I.swaps);return me.createElement(me.Fragment,{key:I.requestId},me.createElement(Yt,{showModalFee:r,selected:a?.requestId===I.requestId,tagHidden:!1,quote:{...I,requestAmount:l.requestAmount},loading:e,error:T?.options||null,warning:b,onClick:w=>{T||p("warning",b),p("error",T?.options||null),o(w)},type:"list-item"}),me.createElement(Ts,{size:16}))}):k&&me.createElement(Wc,null,me.createElement(Mo,{error:m,fetch:n}))))}i(Go,"Quotes");import{darkTheme as wS,styled as Bc}from"@rango-dev/ui";var Pc=Bc("div",{transition:"width 0.2s, opacity 0.2s, margin-left 0.2s",height:"700px",width:"390px",opacity:1,marginLeft:"$16",backgroundColor:"$neutral100",[`.${wS} &`]:{backgroundColor:"$neutral300"},"&.is-hidden":{width:0,opacity:0,marginLeft:0}}),$c=Bc("div",{position:"relative",overflow:"hidden",padding:"$20",flexGrow:1,display:"flex",flexDirection:"column",overflowY:"auto",borderRadius:"$primary",backgroundColor:"$background"});var AS=100;function ks(t){let{fetch:e,loading:o,onClickOnQuote:n,onClickRefresh:r,isVisible:s}=t,[a,l]=IS(!1),p=a?"":"is-hidden";return bS(()=>{let u=null;return s?u=setTimeout(()=>{l(!0)},AS):(l(!1),u&&clearTimeout(u)),()=>{u&&clearTimeout(u)}},[s]),_t.createElement(Pc,{className:`${p} ${Zn()}`,id:Te.EXPANDED_BOX_ID},_t.createElement(vS,{title:xS.t("Routes"),suffix:_t.createElement(_t.Fragment,null,_t.createElement(br,{container:Va()}),_t.createElement(Gt,{onClickRefresh:r,hidden:["history","notifications","settings"]}))}),_t.createElement($c,null,_t.createElement(Go,{showModalFee:!1,fetch:e,hasSort:!1,loading:o,onClickOnQuote:n})))}i(ks,"ExpandedQuotes");import{i18n as qc}from"@lingui/core";import{SwapInput as zc}from"@rango-dev/ui";import Vo from"react";import{ReverseIcon as ES,styled as _c}from"@rango-dev/ui";import ws from"react";var WS=_c("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),LS=_c("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 Dc(){let t=Q.use.switchFromAndTo();return ws.createElement(WS,null,ws.createElement(LS,{onClick:()=>{t()}},ws.createElement(ES,{size:12})))}i(Dc,"SwitchFromAndToButton");import{styled as Fc}from"@rango-dev/ui";var Uc=Fc("div",{display:"flex",flexDirection:"column",gap:"$5",alignSelf:"stretch"}),Oc=Fc("div",{position:"relative"});function xs(t){let{fetchingQuote:e,fetchMetaStatus:o,onClickToken:n}=t,{fromToken:r,fromBlockchain:s,toToken:a,toBlockchain:l,setInputAmount:p,inputAmount:u,inputUsdValue:c,outputAmount:d,outputUsdValue:m,selectedQuote:y}=Q(),{connectedWallets:S,getBalanceFor:C}=K(),g=r?C(r):null,f=fn(g)?.amount??"0",x=s&&r?E(g?.amount,g?.decimals):"0",k=!!s&&_a(S,s.name),v=!di(y,u,c),I=!di(y,u,m),b=!c||!m||!m.gt(0)?null:Xe(c.toString(),m.toString());return Vo.createElement(Uc,null,Vo.createElement(Oc,null,Vo.createElement(zc,{label:qc.t("From"),mode:"From",onInputChange:p,balance:f,chain:{displayName:s?.displayName||"",image:s?.logo||""},token:{displayName:r?.symbol||"",image:r?.image||""},onClickToken:()=>n("from"),price:{value:u,usdValue:v?void 0:E(c,4,4),realUsdValue:v?void 0:le(c),error:v?Y().unknownPriceError.impactTitle:void 0},disabled:o==="failed",loading:o==="loading",loadingBalance:k,tooltipContainer:N(),onSelectMaxBalance:()=>{f!=="0"&&p(x.split(",").join(""))}}),Vo.createElement(Dc,null)),Vo.createElement(zc,{sharpBottomStyle:!!y||e,label:qc.t("To"),mode:"To",fetchingQuote:e,chain:{displayName:l?.displayName||"",image:l?.logo||""},token:{displayName:a?.symbol||"",image:a?.image||""},percentageChange:E(Xe(c,m),2,2),warningLevel:St(b??0),price:{value:E(d,6,6),usdValue:I?void 0:E(m,4,4),realValue:le(d),realUsdValue:I?void 0:le(m),error:I?Y().unknownPriceError.impactTitle:void 0},onClickToken:()=>n("to"),disabled:o==="failed",loading:o==="loading",tooltipContainer:N()}))}i(xs,"Inputs");import{useCallback as MS,useEffect as NS,useState as BS}from"react";function Qc(){let{fetch:t,loading:e,cancelFetch:o}=Sr({request:async(n,r)=>await Et().getAllRoutes(n,r)});return{fetch:t,loading:e,cancelFetch:o}}i(Qc,"useFetchAllQuotes");var PS=600;function Ir({refetchQuote:t}){let{fetch:e,cancelFetch:o}=Qc(),{enableNewLiquiditySources:n,features:r}=h().config,s=K.use.connectedWallets(),a=h().tokens(),{fromToken:l,toToken:p,inputAmount:u,inputUsdValue:c,selectedQuote:d,sortStrategy:m,resetQuote:y,error:S,warning:C,setSelectedQuote:g,updateQuotePartialState:f}=Q(),{slippage:x,customSlippage:k,affiliatePercent:v,affiliateRef:I,affiliateWallets:b,fetchStatus:T}=h(),w=h().getLiquiditySources(),W=h().getDisabledLiquiditySources(),L=h().excludeLiquiditySources(),[B,q]=BS(!0),ae=k??x,D=!l||!p||Me(l,p)||!ko(u),V=i(ce=>{q(ce)},"resetState"),A=i(ce=>{let{fromToken:H,toToken:j,inputAmount:Se,liquiditySources:be,excludeLiquiditySources:Ie,disabledLiquiditySources:ht,slippage:G,affiliateRef:J,affiliatePercent:R,affiliateWallets:Ae}=ce;if(B||V(!0),!D&&H&&j){y();let Ge=vl({fromToken:H,toToken:j,inputAmount:Se,liquiditySources:be,excludeLiquiditySources:Ie,disabledLiquiditySources:ht,wallets:s,slippage:G,affiliateRef:J,affiliatePercent:R,affiliateWallets:Ae});Xa("experimentalRoute",r)&&(Ge.experimental=!0),e(Ge).then(Ce=>{let De=Nn(m,Ce.results),ge=Fl(d,De,Ce.requestAmount);q(!1),f("quotes",Ce),g(ge),Cr({diagnosisMessages:Ce.diagnosisMessages,requestId:ge?.requestId||"",swaps:ge?.swaps});let st=ge&&to(ge,{fromToken:H,toToken:j,userSlippage:ae,tokens:a});f("warning",st)}).catch(Ce=>{let{error:De}=Tr(Ce);(De?.type===0||De?.type===1)&&y(),De?.type!==2&&(f("error",De),q(!1))})}},"fetch"),M=MS(Ga(ce=>{D||A(ce)},PS),[D]);return NS(()=>{if(!t){q(!1);return}if(T==="success"){if(D){q(!1),(d||S||C)&&y();return}if(!ko(u)||c?.eq(0)){V(!1),o();return}return y(),V(!0),M({inputAmount:u,fromToken:l,toToken:p,liquiditySources:w,excludeLiquiditySources:L,disabledLiquiditySources:W,slippage:ae,affiliateRef:I,affiliatePercent:v,affiliateWallets:b}),o}},[T,u,l?.symbol,l?.address,l?.blockchain,p?.symbol,p?.address,p?.blockchain,D,w?.length,n,W.length,ae,I,v,JSON.stringify(b)]),{fetch:()=>A({inputAmount:u,fromToken:l,toToken:p,liquiditySources:w,excludeLiquiditySources:L,disabledLiquiditySources:W,slippage:ae,affiliateRef:I,affiliatePercent:v,affiliateWallets:b}),loading:B}}i(Ir,"useSwapInput");var OS=DS("div",{display:"grid",gridTemplateColumns:"auto auto",alignItems:"flex-start",height:700,"& .footer__alert":{paddingTop:"0"}}),qS=300;function jc(){let t=US(),{fromToken:e,toToken:o,inputAmount:n,selectedQuote:r,refetchQuote:s,error:a,warning:l,quotes:p,setSelectedQuote:u,resetQuoteWallets:c,setQuoteWarningsConfirmed:d,updateQuotePartialState:m}=Q(),[y,S]=Vc(!1),C=cr(),{fetch:g,loading:f}=Ir({refetchQuote:s}),{config:x,fetchStatus:k}=h(),{connectedWallets:v}=K(),{isActiveTab:I}=ee(),[b,T]=Vc(!1),W=Sl({fetchMetaStatus:k,fetchingQuote:f,inputAmount:n,quote:r,anyWalletConnected:v.length>0,error:a,warning:l,needsToWarnEthOnPath:!1}),L=x?.variant==="expandable"&&!C,B=!!n&&!!e&&!!o&&n!=="0",q=B&&k==="success"&&f,D=(!L||L&&p?.results.length)&&(l||a);Gc(()=>{c(),m("refetchQuote",!0)},[]),Gc(()=>{S(B)},[B]);let V=(r||a)&&!b?g:void 0,A=i(M=>{L&&y?(S(!1),setTimeout(()=>{t(M)},qS)):t(M)},"onHandleNavigation");return Ue.createElement(OS,null,Ue.createElement(ne,{height:"auto",footer:Ue.createElement(_S,{type:"primary",size:"large",disabled:W.disabled||!I,prefix:W.action==="confirm-warning"&&Ue.createElement(FS,null),fullWidth:!0,onClick:()=>{W.action==="connect-wallet"?A(F.wallets):W.action==="confirm-warning"?T(!0):A(F.confirmSwap)}},W.title),header:{onWallet:()=>{A(F.wallets)},hasBackButton:!1,title:x.title||$S.t("Swap"),suffix:Ue.createElement(Gt,{hidden:L?["refresh"]:void 0,onClickRefresh:V,onClickHistory:()=>A(F.swaps),onClickSettings:()=>{A(F.settings)}})}},Ue.createElement(ie,null,Ue.createElement(xs,{fetchingQuote:q,fetchMetaStatus:k,onClickToken:M=>{A(M==="from"?F.fromSwap:F.toSwap)}}),Ue.createElement(Hc,{size:"2"}),L?null:Ue.createElement(Yt,{quote:r,loading:q,error:a,tagHidden:!1,warning:l,type:"basic",onClickAllRoutes:p&&p.results.length>1?()=>{m("refetchQuote",!1),A(F.routes)}:void 0}),D?Ue.createElement(Ue.Fragment,null,Ue.createElement(Hc,{size:"10"}),Ue.createElement(Bo,{warning:l,error:a,refetchQuote:g,showWarningModal:b,confirmationDisabled:!I,onOpenWarningModal:()=>T(!0),onCloseWarningModal:()=>T(!1),onConfirmWarningModal:()=>{T(!1),d(!0),A(F.confirmSwap)},onChangeSettings:()=>A(F.settings)})):null)),L?Ue.createElement(ks,{loading:q,onClickOnQuote:M=>u(M),fetch:g,onClickRefresh:V,isVisible:y}):null)}i(jc,"Home");import{i18n as Xc}from"@lingui/core";import{List as zS,ListItemButton as QS,Radio as HS,RadioRoot as GS,Typography as VS}from"@rango-dev/ui";import Dt from"react";function go(){let{setLanguage:t,language:e,config:o}=h(),n=Ya,r=o?.language||xo;return{activeLanguage:e||r,languages:n,defaultLanguage:r,changeLanguage:s=>t(s||xo),resetLanguage:()=>t(null)}}i(go,"useLanguage");function Kc(){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(VS,{variant:"title",size:"xmedium"},a),onClick:()=>e(r.local),end:Dt.createElement(HS,{value:s}),start:Dt.createElement(l,null)}});return Dt.createElement(ne,{header:{title:Xc.t("Language")}},Dt.createElement(ie,null,Dt.createElement(GS,{value:t},Dt.createElement(zS,{type:Dt.createElement(QS,{title:Xc.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}i(Kc,"LanguagePage");import{i18n as vt}from"@lingui/core";import{Button as JS,Checkbox as ZS,Image as RS,ListItemButton as eC,NotFound as tC,Typography as oC}from"@rango-dev/ui";import _e,{useState as nC}from"react";import{Checkbox as KS,Skeleton as Jc}from"@rango-dev/ui";import Xo from"react";import{styled as vs}from"@rango-dev/ui";var jo=vs("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto",variants:{disabled:{true:{pointerEvents:"none"}}}}),bs=vs("div",{width:80,display:"flex",justifyContent:"flex-end"}),Is=vs("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});import{ListItem as jS,styled as XS}from"@rango-dev/ui";var Yc=XS(jS,{height:61});var YS=30;function As(){return Xo.createElement(jo,null,Array.from(Array(YS),t=>Xo.createElement(Yc,{hasDivider:!0,key:t,start:Xo.createElement(Jc,{variant:"circular",width:35,height:35}),title:Xo.createElement(Jc,{variant:"text",size:"large",width:90}),end:Xo.createElement(KS,{checked:!1})})))}i(As,"LoadingLiquiditySourceList");function Es({sourceType:t}){let e=h().fetchStatus,o=h().swappers(),n=h().getDisabledLiquiditySources(),[r,s]=nC(""),a=h().toggleLiquiditySource,l=h().isInCampaignMode(),p=Tn(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 d=p.filter(f=>c.includes(f.type)),m=d.length===d.filter(f=>f.selected).length,y=i(()=>{d.forEach(f=>{m?a(f.groupTitle):f.selected||a(f.groupTitle)})},"toggleAllSources"),S=d.map(f=>{let{selected:x,groupTitle:k,logo:v}=f;return{start:_e.createElement(RS,{src:v,size:22,type:"circular"}),onClick:()=>{l||a(k)},end:_e.createElement(ZS,{checked:x,disabled:l}),title:_e.createElement(oC,{variant:"title",size:"xmedium"},vt.t(k)),...f}}),C=i(f=>{let x=f.target.value;s(x)},"searchHandler"),g=S;return r&&(g=S.filter(f=>at(f.groupTitle,r))),_e.createElement(ne,{header:{title:vt.t(t),suffix:_e.createElement(bs,null,_e.createElement(JS,{variant:"ghost",size:"xsmall",onClick:y},m?vt.t("Deselect all"):vt.t("Select all")))}},_e.createElement(ie,{view:!0},_e.createElement(wt,{value:r,setValue:s,fullWidth:!0,color:"light",variant:"contained",placeholder:vt.t("Search {sourceType}",{sourceType:u[t]}),onChange:C}),e==="loading"&&_e.createElement(As,null),!g.length&&r?_e.createElement(Is,null,_e.createElement(tC,{title:vt.t("No results found"),description:vt.t("Try using different keywords")})):e==="success"&&_e.createElement(jo,{disabled:l},g.map(f=>_e.createElement(_e.Fragment,{key:f.id},_e.createElement(eC,{style:{height:"61px"},...f,selected:!1,hasDivider:!0}))))))}i(Es,"LiquiditySourcePage");import{i18n as rC}from"@lingui/core";import Ar from"react";import{useNavigate as iC}from"react-router-dom";function Zc(){let t=iC(),e=ut(),{selectedQuote:o,refetchQuote:n,setSelectedQuote:r,updateQuotePartialState:s,error:a}=Q(),{fetch:l,loading:p}=Ir({refetchQuote:n}),u=i(m=>{r(m),s("refetchQuote",!1),e()},"onClickOnQuote"),c=`../${F.settings}`,d=`../${F.wallets}`;return Ar.createElement(ne,{header:{onWallet:()=>{t(d)},onBack:()=>{s("refetchQuote",!1)},title:rC.t("Routes"),suffix:Ar.createElement(Gt,{onClickRefresh:o||a?l:void 0,hidden:["notifications","history"],onClickSettings:()=>t(c)})}},Ar.createElement(ie,null,Ar.createElement(Go,{fetch:l,loading:p,onClickOnQuote:u})))}i(Zc,"RoutesPage");import{i18n as sm}from"@lingui/core";import{Divider as am,getCountCategories as gC,SelectableCategoryList as hC}from"@rango-dev/ui";import bt,{useState as lm}from"react";import{i18n as Ls}from"@lingui/core";import{Divider as rm,Image as uC,ListItemButton as cC,NotFound as mC,Typography as im}from"@rango-dev/ui";import Je,{useEffect as dC,useState as fC}from"react";import{BlockchainCategories as Ws}from"@rango-dev/ui";import{TransactionType as Er}from"rango-sdk";var sC=i((t,e)=>{switch(e){case Ws.ALL:return!0;case Ws.UTXO:return t.type===Er.TRANSFER;case Ws.OTHER:return t.type!==Er.TRANSFER&&t.type!==Er.COSMOS&&t.type!==Er.EVM;default:return t.type===e}},"filterByType"),Rc=i((t,e,o)=>t.filter(n=>sC(n,o)).filter(n=>qt(n.name,e)||qt(n.displayName,e)),"filterBlockchains");import{ImageContainer as aC,styled as em}from"@rango-dev/ui";var tm=em("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),Wr=em(Eo,{padding:0,margin:0,listStyle:"none",[`& ${aC}`]:{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as lC,Skeleton as om}from"@rango-dev/ui";import Lr from"react";var pC=20;function nm(){return Lr.createElement(Wr,null,Array.from(Array(pC),t=>Lr.createElement(lC,{key:t,hasDivider:!0,start:Lr.createElement(om,{variant:"circular",width:35,height:35}),title:Lr.createElement(om,{variant:"text",size:"large",width:90})})))}i(nm,"LoadingBlockchainList");function Ms(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=fC(e),{fetchStatus:l}=h();dC(()=>{a([...Rc(e,o,r)])},[e,o,r]);let p=i(()=>!s.length&&o?Je.createElement(Je.Fragment,null,Je.createElement(rm,{size:32}),Je.createElement(mC,{title:Ls.t("No results found"),description:Ls.t("Try using different keywords")})):Je.createElement(Wr,{as:"ul",key:`${r}-${o}`},s.map(u=>Je.createElement(cC,{key:`${u.name}-${u.chainId}`,hasDivider:!0,onClick:()=>n(u),start:Je.createElement(uC,{src:u.logo,size:30}),title:Je.createElement(im,{variant:"title",size:"medium"},u.displayName),id:u.chainId}))),"renderList");return Je.createElement(tm,null,Je.createElement(im,{variant:"label",size:"large"},Ls.t("Select Blockchain")),Je.createElement(rm,{size:4}),l==="loading"&&Je.createElement(nm,null),l==="success"&&p())}i(Ms,"BlockchainList");function Ns(t){let{type:e}=t,o=ut(),[n,r]=lm(""),[s,a]=lm("ALL"),l=Q.use.setToBlockchain(),p=Q.use.setFromBlockchain(),u=h().fetchStatus,c=h().blockchains({type:e}),m=gC(c)!==1;return bt.createElement(ne,{header:{title:sm.t("Select Blockchain")}},bt.createElement(ie,{view:!0},m&&bt.createElement(bt.Fragment,null,bt.createElement(hC,{setCategory:a,category:s,blockchains:c,isLoading:u==="loading"}),bt.createElement(am,{size:24})),bt.createElement(wt,{value:n,autoFocus:!0,placeholder:sm.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:y=>r(y.target.value)}),bt.createElement(am,{size:16}),bt.createElement(Ms,{list:c,searchedFor:n,blockchainCategory:s,onChange:y=>{e==="source"?p(y):l(y),o()}})))}i(Ns,"SelectBlockchainPage");import{i18n as $r}from"@lingui/core";import{Divider as Em}from"@rango-dev/ui";import Jt,{useState as BC}from"react";import{useNavigate as PC}from"react-router-dom";import{i18n as $s}from"@lingui/core";import{BlockchainsChip as Mr,Divider as mm,Image as dm,Skeleton as kC,Tooltip as wC,Typography as _s}from"@rango-dev/ui";import ve from"react";import{useEffect as CC}from"react";var pm=["ETH","COSMOS","OSMOSIS"];function Bs(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(yC),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(SC(a)),r=n.splice(s)}return{list:n,more:r}}i(Bs,"prepare");function yC(t,e){let o=pm,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(yC,"sortByMostUsedBlockchains");function SC(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(SC,"generateSortByPreferredBlockchainsFor");function um(t,e){return!!e.list.find(o=>o.name===t)}i(um,"isInVisibleList");function Ps(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=h();CC(()=>{if(e?.selected){let s=Bs(t,o,e);um(e.selected,s)||n(e?.selected)}},[e?.selected]);let r=Bs(t,o,e);return{list:r.list,more:r.more,history:[]}}i(Ps,"usePrepareBlockchainList");import{styled as TC}from"@rango-dev/ui";var cm=TC("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var xC=12;function Ds(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:s}=t,a=Ps(e,{limit:10,selected:n?.name}),{fetchStatus:l}=h(),p=Q.use.resetToBlockchain(),u=Q.use.resetFromBlockchain(),c=a.more.length>0,d=a.more.length===1,m=!d&&c;return ve.createElement(ve.Fragment,null,ve.createElement(mm,{size:12}),ve.createElement(_s,{variant:"label",size:"large"},$s.t("Select Blockchain")),ve.createElement(mm,{size:12}),ve.createElement(cm,null,l==="loading"&&Array.from(Array(xC),y=>ve.createElement(kC,{key:y,variant:"rounded",height:50})),l==="success"&&ve.createElement(ve.Fragment,null,ve.createElement(Mr,{selected:!n,onClick:()=>{o==="from"?u():p()}},ve.createElement(_s,{variant:"body",size:"xsmall",color:"secondary500"},$s.t("All"))),a.list.map(y=>ve.createElement(wC,{key:y.name,content:y.shortName,side:"bottom",sideOffset:2,container:N()},ve.createElement(Mr,{key:y.name,selected:!!n&&n.name===y.name,onClick:()=>r(y)},ve.createElement(dm,{src:y.logo,size:30})))),d?ve.createElement(Mr,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},ve.createElement(dm,{src:a.more[0].logo,size:30})):null,m?ve.createElement(Mr,{onClick:s,key:"more-blockchains"},ve.createElement(_s,{variant:"body",size:"xsmall",color:"secondary500"},$s._("More +{count}",{count:a.more.length}))):null)))}i(Ds,"BlockchainsSection");import{i18n as js}from"@lingui/core";import{darkTheme as xm,Divider as yo,ExternalLinkIcon as IC,Image as AC,ListItemButton as EC,NotFound as WC,PinIcon as LC,Skeleton as vm,Typography as Pr,VirtualizedList as MC}from"@rango-dev/ui";import z,{useEffect as bm,useState as Im}from"react";import{Divider as km,ListItem as bC,Skeleton as Ko}from"@rango-dev/ui";import nt from"react";import{css as ho,darkTheme as fm,ImageContainer as vC,styled as ot,Typography as gm}from"@rango-dev/ui";var Fs=ho({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}),Us=ho({position:"relative",height:12,width:"30%",maxWidth:"150px"}),Os=ho({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"}),qs=ho({transform:"translateY(12px)",visibility:"hidden","& a":{display:"flex",justifyContent:"center",alignItems:"center",fontSize:"$12",lineHeight:"$16",$$color:"$colors$neutral600",[`.${fm} &`]:{$$color:"$colors$neutral700"},color:"$$color",textDecoration:"none"}}),zs=ho({}),Qs=ho(),hm=ot("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),Hs=ot("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),Nr=ot("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none","&:hover":{[`& .${Us}`]:{[`& .${qs}`]:{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},[`& .${zs}`]:{bottom:"-15px"},[`& .${Fs}`]:{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},[`& .${Os}`]:{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),Gs=ot("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),Vs=ot(gm,{}),ym=ot("div",{textAlign:"right",width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",[`& .${Qs}`]:{$$color:"$colors$neutral600",[`.${fm} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Br=ot("div",{display:"flex",alignItems:"end",flexDirection:"column"}),d1=ot("div",{display:"flex",alignItems:"center"}),Sm=ot("div",{position:"relative",[`& ${vC}`]:{borderRadius:"$xm",overflow:"hidden"}}),Cm=ot("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6}),Tm=ot(gm,{width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"});function wm(t){return nt.createElement(Nr,null,Array.from(Array(t.size),e=>nt.createElement(bC,{key:e,hasDivider:!0,start:nt.createElement(Ko,{variant:"circular",width:35,height:35}),end:nt.createElement(Br,null,nt.createElement(Ko,{variant:"text",size:"large",width:70}),nt.createElement(km,{size:4}),nt.createElement(Ko,{variant:"text",size:"medium",width:50})),title:nt.createElement("div",null,nt.createElement(Ko,{variant:"text",size:"large",width:90}),nt.createElement(km,{size:4}),nt.createElement(Ko,{variant:"text",size:"medium",width:90}))})))}i(wm,"LoadingTokenList");var Xs=20,NC=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:s,customCssForTagTitle:a}=t,l=e.length;return z.createElement("div",{className:Us()},o?z.createElement("div",{className:Fs()},o):z.createElement(Hs,{className:Os()},z.createElement(Pr,{variant:"title",size:"xmedium"},r.symbol),z.createElement(yo,{direction:"horizontal",size:4}),z.createElement(Gs,{css:s},z.createElement(Vs,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&z.createElement("div",{className:`${qs()} ${!o&&zs()}`},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(IC,{color:"gray",size:12}))))},"renderDesc");function Am(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=Im(e),l=h().fetchStatus,p=h().blockchains(),[u,c]=Im(!0),{getBalanceFor:d,loading:m}=K(),{isTokenPinned:y}=h(),S=i(()=>{a(e.slice(0,s.length+Xs))},"loadNextPage");bm(()=>{c(e.length>s.length)},[s.length]),bm(()=>{a(e.slice(0,Xs))},[e]);let C=i(()=>!s.length&&o?z.createElement(z.Fragment,null,z.createElement(yo,{size:32}),z.createElement(WC,{title:js.t("No results found"),description:js.t("Try using different keywords")})):z.createElement(MC,{endReached:u?S:void 0,itemContent:g=>{let f=s[g],x=fn(d(f)),k=f.address||"",v=p.find(w=>w.name===f.blockchain),I=Hn(f.symbol,v?.color||""),b={$$color:I[`${f.symbol}100`],[`.${xm} &`]:{$$color:I[`${f.symbol}900`]},backgroundColor:"$$color"},T={$$color:I[`${f.symbol}700`],[`.${xm} &`]:{$$color:I[`${f.symbol}100`]},color:"$$color"};return z.createElement("div",{style:{paddingRight:5}},z.createElement(EC,{style:{width:"100%",overflow:"hidden"},"tab-index":g,key:`${f.symbol}${f.address}`,id:`${f.symbol}${f.address}`,hasDivider:!0,onClick:()=>n(s[g]),start:z.createElement(Sm,null,z.createElement(AC,{src:f.image,size:30}),y(f,t.type)&&z.createElement(Cm,null,z.createElement(LC,{size:12,color:"gray"}))),title:v?.type==="COSMOS"||f.name||!f.name&&!k?z.createElement(Hs,null,z.createElement(Pr,{variant:"title",size:"xmedium"},f.symbol),z.createElement(yo,{direction:"horizontal",size:4}),z.createElement(Gs,{css:b},z.createElement(Vs,{variant:"body",size:"xsmall",css:T},f.blockchain))):void 0,description:v?.info&&k&&v.type!=="COSMOS"?NC({address:k,token:s[g],customCssForTag:b,customCssForTagTitle:T,name:f.name,url:v.info.addressUrl.split("{wallet}").join(k)}):f.name||void 0,end:m?z.createElement(Br,null,z.createElement(vm,{variant:"text",size:"large",width:70}),z.createElement(yo,{size:4}),z.createElement(vm,{variant:"text",size:"medium",width:50})):x&&z.createElement(ym,null,z.createElement(Tm,{variant:"title",size:"small"},x.amount),z.createElement("div",null),x.usdValue&&z.createElement(Pr,{variant:"body",className:Qs(),size:"xsmall"},`$${x.usdValue}`))}))},totalCount:s.length,key:`${r}-${o}`}),"renderList");return z.createElement(hm,null,z.createElement(Pr,{variant:"label",size:"large"},js.t("Select Token")),z.createElement(yo,{size:4}),l==="loading"&&z.createElement(wm,{size:Xs}),l==="success"&&z.createElement(Nr,{as:"ul"},C()))}i(Am,"TokenList");function Ks(t){let{type:e}=t,o=PC(),n=ut(),{fromBlockchain:r,toBlockchain:s,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:u}=Q(),c=K.use.getBalanceFor(),[d,m]=BC(""),{isTokenPinned:y}=h(),C=(e==="source"?r:s)?.name??"",g=h().blockchains({type:e}),f=h().tokens({type:e,blockchain:C,searchFor:d}),k=Ba(f,c,i(T=>y(T,e),"checkIsTokenPinned")),v=i(T=>{e==="source"?p(T):u(T)},"updateBlockchain"),I=i(T=>{e==="source"?a({token:T,meta:{blockchains:g,tokens:f}}):l({token:T,meta:{blockchains:g,tokens:f}})},"updateToken"),b={source:$r.t("Source"),destination:$r.t("Destination")};return Jt.createElement(ne,{header:{title:$r.t("Swap {type}",{type:b[e]})}},Jt.createElement(ie,null,Jt.createElement(Ds,{blockchains:g,type:e=="source"?"from":"to",blockchain:e==="source"?r:s,onMoreClick:()=>o(F.blockchains),onChange:T=>{v(T)}}),Jt.createElement(Em,{size:24}),Jt.createElement(wt,{value:d,autoFocus:!0,placeholder:$r.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>m(""),onChange:T=>m(T.target.value)}),Jt.createElement(Em,{size:16}),Jt.createElement(Am,{list:k,selectedBlockchain:C,searchedFor:d,type:e,onChange:T=>{I(T);let w=g.find(W=>T.blockchain===W.name);w&&v(w),n()}})))}i(Ks,"SelectSwapItemsPage");import{i18n as ea}from"@lingui/core";import{Alert as iT,Button as sT,styled as aT}from"@rango-dev/ui";import Zt from"react";import{useInRouterContext as lT,useSearchParams as pT}from"react-router-dom";import{i18n as Pm}from"@lingui/core";import{Divider as FC,InfoIcon as UC,TextField as OC,Tooltip as qC,Typography as $m}from"@rango-dev/ui";import He from"react";import{Chip as $C,styled as Yo,TextField as _C}from"@rango-dev/ui";var Wm=Yo("div",{paddingTop:"$5",padding:"$10 $5"}),Lm=Yo("div",{display:"flex",flexWrap:"wrap",gap:"$10",[`& ${_C}`]:{flex:"1 1 0",maxWidth:"127px",minWidth:"85px"}}),Mm=Yo("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),_r=Yo("div",{maxWidth:"280px",padding:"$10"}),Nm=Yo($C,{width:"61px",flexShrink:0});import{i18n as Ys}from"@lingui/core";import{Typography as DC}from"@rango-dev/ui";import Jo from"react";function Bm(){return Jo.createElement(_r,null,Jo.createElement(DC,{variant:"label",size:"medium",color:"neutral700"},Ys.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),Jo.createElement("br",null),Jo.createElement("br",null),Jo.createElement("b",null,Ys.t("Warning")),":",Ys.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(Bm,"SlippageTooltipContent");function Js(){let{slippage:t,setSlippage:e,customSlippage:o,setCustomSlippage:n}=h();return He.createElement(Wm,null,He.createElement(Mm,null,He.createElement($m,{variant:"title",size:"xmedium"},Pm.t("Slippage tolerance per swap")),He.createElement(FC,{direction:"horizontal",size:4}),He.createElement(qC,{container:N(),side:"top",sideOffset:4,content:He.createElement(Bm,null)},He.createElement(UC,{color:"gray"}))),He.createElement(Lm,null,Ja.map((r,s)=>{let a=`slippage-${s}`;return He.createElement(He.Fragment,null,He.createElement(Nm,{key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}))}),He.createElement(OC,{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>=tl&&a<=el?n(a):n(null)},suffix:o&&He.createElement($m,{variant:"body",size:"small"},"%"),placeholder:Pm.t("Custom")})))}i(Js,"Slippage");import{i18n as gt}from"@lingui/core";import{AutoThemeIcon as _m,BridgeIcon as zC,ChevronRightIcon as Zs,DarkModeIcon as Dm,Divider as Rs,DoneIcon as QC,ExchangeIcon as HC,InfoIcon as GC,LanguageIcon as VC,LightModeIcon as Fm,List as jC,ListItem as XC,ListItemButton as KC,Skeleton as YC,styled as JC,Switch as ZC,Tabs as RC,Tooltip as eT,Typography as rt}from"@rango-dev/ui";import U from"react";import{useNavigate as tT}from"react-router-dom";var oT=JC("div",{width:"202px",height:"$40"}),nT=[{id:"light",icon:U.createElement(Fm,{color:"black",size:16}),tooltip:U.createElement(rt,{size:"xsmall",variant:"body"},gt.t("Light"))},{id:"dark",icon:U.createElement(Dm,{color:"black",size:16}),tooltip:U.createElement(rt,{size:"xsmall",variant:"body"},gt.t("Dark"))},{id:"auto",icon:U.createElement(_m,{color:"black",size:16}),tooltip:U.createElement(rt,{size:"xsmall",variant:"body"},gt.t("Auto"))}],rT=i(t=>{let e={color:"gray",size:12};switch(t){case"auto":return U.createElement(_m,{...e});case"dark":return U.createElement(Dm,{...e});default:return U.createElement(Fm,{...e})}},"getThemeIcon");function Um(){let t=tT(),{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),d=h().infiniteApprove,m=h().toggleInfiniteApprove,y=Tn(s,a),S=y.filter(B=>B.type==="BRIDGE"||B.type==="AGGREGATOR"),C=S.length,g=S.filter(B=>B.selected).length,f=y.filter(B=>B.type==="DEX"),x=f.length,k=f.filter(B=>B.selected).length,v=i((B,q)=>{switch(r){case"loading":return U.createElement(YC,{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"},`${B} / ${q}`)}},"handleEndItem"),I={id:"bridge-item",title:U.createElement(rt,{variant:"title",size:"xmedium"},gt.t("Enabled bridges")),end:U.createElement(U.Fragment,null,v(g,C),U.createElement(Rs,{direction:"horizontal",size:8}),U.createElement(Zs,{color:"black"})),onClick:()=>t(F.bridges),start:U.createElement(zC,{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,v(k,x),U.createElement(Rs,{direction:"horizontal",size:8}),U.createElement(Zs,{color:"gray"})),start:U.createElement(HC,{color:"gray",size:12}),onClick:()=>t(F.exchanges)},T={id:"language-item",title:U.createElement(rt,{variant:"title",size:"xmedium"},gt.t("Language")),start:U.createElement(VC,{color:"gray",size:12}),end:U.createElement(Zs,{color:"gray"}),onClick:()=>t(F.languages)},w={id:"infinite-approval-item",title:U.createElement(U.Fragment,null,U.createElement(rt,{variant:"title",size:"xmedium"},gt.t("Infinite approval")),U.createElement(Rs,{direction:"horizontal",size:4}),U.createElement(eT,{side:"top",sideOffset:4,container:N(),content:U.createElement(_r,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(GC,{color:"gray"}))),start:U.createElement(QC,{color:"gray",size:12}),end:U.createElement(ZC,{checked:d}),onClick:m},W={id:"theme-item",type:U.createElement(XC,null),title:U.createElement(rt,{variant:"title",size:"xmedium"},gt.t("Theme")),end:U.createElement(oT,null,U.createElement(RC,{container:N(),items:nT,value:n,onChange:B=>o(B.id),type:"primary",borderRadius:"small"})),start:rT(n)},L=u?[]:[I,b];return c||L.push(T),L.push(w),!e?.singleTheme&&!p&&L.push(W),U.createElement(jC,{type:U.createElement(KC,{hasDivider:!0,id:"_",onClick:()=>console.log()}),items:L})}i(Um,"SettingsLists");var uT=aT("div",{paddingLeft:"$8"});function Om(){let{isInCampaignMode:t,updateCampaignMode:e}=h(),o=t(),[,n]=pT(),r=lT(),s=i(()=>{r&&o&&(n(a=>(a.delete("liquiditySources"),a),{replace:!0}),e("liquiditySources",void 0))},"onClick");return Zt.createElement(ne,{header:{title:ea.t("Settings")}},Zt.createElement(ie,null,o&&Zt.createElement(iT,{type:"info",variant:"alarm",title:ea.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(uT,null,Zt.createElement(sT,{type:"secondary",size:"small",onClick:s},ea.t("Reset")))}),Zt.createElement(Js,null),Zt.createElement(Um,null)))}i(Om,"SettingsPage");import{i18n as JT}from"@lingui/core";import{cancelSwap as ZT}from"@rango-dev/queue-manager-rango-preset";import{useManager as RT}from"@rango-dev/queue-manager-react";import{Alert as ek}from"@rango-dev/ui";import ha from"react";import{useParams as tk}from"react-router-dom";import{i18n as At}from"@lingui/core";import{getCurrentBlockchainOfOrNull as BT,getCurrentStep as PT,getRelatedWalletOrNull as $T}from"@rango-dev/queue-manager-rango-preset";import{Button as md,CopyIcon as _T,Divider as DT,IconButton as FT,LinkIcon as UT,QuoteCost as OT,StepDetails as qT,Typography as Co,useCopyToClipboard as zT}from"@rango-dev/ui";import{useWallets as QT}from"@rango-dev/wallets-react";import dd from"bignumber.js";import{PendingSwapNetworkStatus as Gr}from"rango-types";import Z,{useEffect as fd,useRef as HT,useState as gd}from"react";import{useNavigate as GT}from"react-router-dom";import{i18n as Ft}from"@lingui/core";var cT=[Ft.t("Sunday"),Ft.t("Monday"),Ft.t("Tuesday"),Ft.t("Wednesday"),Ft.t("Thursday"),Ft.t("Friday"),Ft.t("Saturday")];function qm(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"):`${cT[e.getDay()]} ${o} ${n} ${r}`}, ${new Date(t).toLocaleTimeString()}`}i(qm,"timeSince");function zm(t){return t.finishTime?qm(parseInt(t.finishTime)):qm(parseInt(t.creationTime))}i(zm,"getSwapDate");import{PendingSwapNetworkStatus as Ur}from"rango-types";import Or from"react";import{i18n as Dr}from"@lingui/core";import{Button as Qm,Divider as ta,MessageBox as mT}from"@rango-dev/ui";import Ut from"react";var Hm=i(({onCancel:t,onClose:e})=>Ut.createElement(Ut.Fragment,null,Ut.createElement(ta,{size:20}),Ut.createElement(mT,{type:"error",title:Dr.t("Cancel Swap"),description:Dr.t("Are you sure you want to cancel this swap?")}),Ut.createElement(ta,{size:32}),Ut.createElement(Qm,{variant:"contained",type:"primary",size:"large",onClick:t},Dr.t("Yes, Cancel it")),Ut.createElement(ta,{size:12}),Ut.createElement(Qm,{variant:"outlined",type:"primary",size:"large",onClick:e},Dr.t("No, Continue"))),"CancelContent");import{i18n as Fr}from"@lingui/core";import{Button as Gm,Divider as oa,MessageBox as dT,Typography as fT}from"@rango-dev/ui";import It from"react";var Vm=i(({onDelete:t,onClose:e})=>It.createElement(It.Fragment,null,It.createElement(oa,{size:20}),It.createElement(dT,{type:"error",title:Fr.t("Delete Transaction"),description:Fr.t("Are you sure you want to delete this swap?")}),It.createElement(oa,{size:32}),It.createElement(Gm,{variant:"contained",type:"primary",size:"large",onClick:t},Fr.t("Yes, Delete it")),It.createElement(oa,{size:12}),It.createElement(Gm,{variant:"outlined",type:"primary",size:"large",onClick:e},It.createElement(fT,{variant:"title",size:"medium",color:"primary"},Fr.t("No, Cancel")))),"DeleteContent");import{i18n as na}from"@lingui/core";import{PendingSwapNetworkStatus as ra}from"rango-types";var ia={[ra.WaitingForNetworkChange]:{type:"loading",title:na.t("Change Network")},[ra.WaitingForConnectingWallet]:{type:"warning",title:na.t("Connect Wallet")},[ra.NetworkChanged]:{type:"success",title:na.t("Network Changed")}};import{MessageBox as hT,Wallet as yT}from"@rango-dev/ui";import{useWallets as ST}from"@rango-dev/wallets-react";import Zo from"react";import{styled as gT}from"@rango-dev/ui";var jm=gT("div",{display:"flex",justifyContent:"center"});var Xm=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:s,walletButtonDisabled:a}=t,{connect:l,getWalletInfo:p,state:u}=ST(),c=n?.walletType,d=c?Rr(u(c)):null,m=c?p(c):null;return Zo.createElement(Zo.Fragment,null,Zo.createElement(hT,{type:e,title:o,description:r}),s&&!!c&&!!d&&!!m&&Zo.createElement(jm,null,Zo.createElement(yT,{container:N(),title:m.name,image:m.img,type:c,state:d,link:m.installLink,disabled:a,onClick:async()=>l(c)})))},"WalletStateContent");function sa(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:s,message:a,walletButtonDisabled:l}=t,p=e===Ur.WaitingForNetworkChange||e===Ur.WaitingForConnectingWallet||e===Ur.NetworkChanged;return Or.createElement(re,{open:!!e,onClose:o,container:document.getElementById(Te.SWAP_BOX_ID)||document.body},p&&Or.createElement(Xm,{type:ia[e].type,title:ia[e].title,currentStepWallet:s,message:a,walletButtonDisabled:l,showWalletButton:e!==Ur.WaitingForNetworkChange}),e==="delete"&&Or.createElement(Vm,{onClose:o,onDelete:n}),e==="cancel"&&Or.createElement(Hm,{onClose:o,onCancel:r}))}i(sa,"SwapDetailsModal");import{i18n as Ro}from"@lingui/core";import{Button as aa,Divider as qr,MessageBox as Km,TokenAmount as CT,Typography as la}from"@rango-dev/ui";import We from"react";import{useNavigate as TT}from"react-router-dom";function pa(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:s,realUsdValue:a,realValue:l,token:p,chain:u,percentageChange:c,description:d,diagnosisUrl:m}=t,y=TT();return We.createElement(re,{open:e,onClose:o,container:document.getElementById(Te.SWAP_BOX_ID)||document.body},n==="success"?We.createElement(Km,{type:"success",title:Ro.t("Swap Successful")},We.createElement(CT,{direction:"vertical",tooltipContainer:N(),type:"output",centerAlign:!0,price:{value:r,usdValue:s,realUsdValue:a,realValue:l},token:p,chain:u,percentageChange:c}),We.createElement(qr,{size:12}),We.createElement(la,{variant:"body",size:"medium",color:"neutral700",align:"center"},d)):We.createElement(Km,{type:"error",title:Ro.t("Transaction Failed"),description:d}),We.createElement(qr,{size:32}),n==="success"&&We.createElement(aa,{variant:"contained",type:"primary",size:"large",onClick:()=>{y("../../")}},We.createElement(la,{variant:"title",size:"medium",color:"neutral100"},Ro.t("Done"))),We.createElement(qr,{size:12}),m&&We.createElement(We.Fragment,null,We.createElement(aa,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(m,"_blank")},Ro.t("Diagnosis")),We.createElement(qr,{size:12})),We.createElement(aa,{variant:"outlined",type:"primary",size:"large",onClick:o},We.createElement(la,{variant:"title",size:"medium",color:"primary"},Ro.t("See Details"))))}i(pa,"SwapDetailsCompleteModal");import MT from"react";import{i18n as AT}from"@lingui/core";import{Alert as td,IconButton as ET,LinkIcon as WT}from"@rango-dev/ui";import Ot,{Fragment as LT}from"react";import{Alert as kT,ChevronDownIcon as wT,ChevronUpIcon as xT,IconButton as vT}from"@rango-dev/ui";import zr,{useState as bT}from"react";function Ym(t){let{message:e}=t,[o,n]=bT(!1);return zr.createElement(kT,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&zr.createElement(vT,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?zr.createElement(xT,{size:12,color:"gray"}):zr.createElement(wT,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(Ym,"FailedAlert");import{styled as IT}from"@rango-dev/ui";var Jm=IT("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as Zm}from"@lingui/core";import{Alert as ua,Button as Rm}from"@rango-dev/ui";import{PendingSwapNetworkStatus as ca}from"rango-types";import en from"react";function ed(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?en.createElement(ua,{type:"warning",title:n.shortMessage,action:en.createElement(Rm,{size:"xxsmall",type:"warning",onClick:()=>{o(ca.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},Zm.t("Change"))}):r===ca.WaitingForConnectingWallet?en.createElement(ua,{type:"warning",title:n.shortMessage,action:en.createElement(Rm,{size:"xxsmall",type:"warning",onClick:()=>{o(ca.WaitingForConnectingWallet)}},Zm.t("Connect"))}):en.createElement(ua,{type:"warning",title:n.shortMessage})}i(ed,"WarningAlert");function ma(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 Ot.createElement(Jm,null,s.explorerUrl?.map((d,m,y)=>{let S=m+d.url,C=m===y.length-1,g=(C&&u||p)&&!c,f=C&&s.status==="failed";return Ot.createElement(LT,{key:S},Ot.createElement(td,{type:C&&(g&&"loading"||f&&"error")||"success",title:d.description?`${d.description} Tx`:AT.t("View transaction"),action:d.url&&Ot.createElement(ET,{variant:"ghost",size:"xsmall",onClick:()=>window.open(d.url,"_blank")},Ot.createElement(WT,{size:12}))}))}),c&&Ot.createElement(td,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&l&&Ot.createElement(ed,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&Ot.createElement(Ym,{message:r}))}i(ma,"SwapDetailsAlerts");var od=2e3;var nd=i(({swap:t,blockchains:e,swappers:o,...n})=>{let r=t.hasAlreadyProceededToSign!==!1;return t.steps.map((s,a)=>{let l=a===0?t.inputAmount:t.steps[a-1].outputAmount||t.steps[a-1].expectedOutputAmountHumanReadable;return{from:{token:{displayName:s.fromSymbol,image:s.fromLogo??""},chain:{displayName:je(s.fromBlockchain,e)??"",image:s.fromBlockchainLogo??""},price:{value:E(l,6,6),realValue:l}},to:{token:{displayName:s.toSymbol,image:s.toLogo},chain:{displayName:je(s.toBlockchain,e)??"",image:s.toBlockchainLogo??""},price:{value:E(s.outputAmount||s.expectedOutputAmountHumanReadable,6,6),realValue:s.outputAmount||s.expectedOutputAmountHumanReadable}},swapper:{displayName: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:MT.createElement(ma,{step:s,hasAlreadyProceededToSign:r,...n})}})},"getSteps");function rd(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(rd,"getStepState");import{css as tn,darkTheme as NT,styled as Rt}from"@rango-dev/ui";var id=Rt("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),Qr=Rt("div",{width:"100%"}),sd=Rt(Eo,{padding:"$0 $20 $20 $20"}),cO=Rt("div",{display:"flex",flexDirection:"column",gap:"$10"}),ad=Rt("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),mO=Rt("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1}),So=tn({display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${NT} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"}),ld=tn({padding:"$5 0"}),Hr=tn({display:"flex",justifyContent:"center",alignItems:"center",height:"$24"}),pd=tn({display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"}),ud=tn({width:"100%",padding:"0 $20 $10"}),cd=Rt("a",{fontSize:"$16",fontWeight:"$400",color:"$neutral700",display:"flex",alignItems:"center",justifyContent:"center"});function da(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:s,connect:a,getWalletInfo:l}=QT(),p=h().blockchains(),u=h().swappers(),c=h().tokens(),d=Q.use.retry(),m=ee.use.isActiveTab(),y=GT(),[S,C]=zT(od),g=HT(null),[f,x]=gd(null),[k,v]=gd(null),I=i(()=>{r(),x(null)},"onCancel"),b=qe.use.getUnreadNotifications(),T=qe.use.setAsRead(),w=b(),W=PT(e),L=W?.networkStatus;fd(()=>{w.find(st=>st.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(v(e.status),T(e.requestId))},[e.status,e.requestId]),fd(()=>{A?x(Gr.WaitingForNetworkChange):L===Gr.WaitingForConnectingWallet||L===Gr.NetworkChanged?x(L):x(null)},[L]);let B=Ll(e),q=W?BT(e,W):null,ae=W?$T(e,W):null,fe=zm(e),D=Ml(e),V=i(ge=>!!l(ge)?.mobileWallet,"isMobileWallet"),A=L===Gr.WaitingForNetworkChange&&!!q&&!!ae?.walletType&&(V(ae.walletType)||s(ae.walletType,q)),M=A?a.bind(null,ae.walletType,q):void 0,ce=Wl(e,W),H=nd({swap:e,switchNetwork:M,showNetworkModal:L,setNetworkModal:x,message:ce,blockchains:p,swappers:u}),j=H.length,[Se,be]=[e.steps[0],e.steps[j-1]],Ie=be.outputAmount||be.expectedOutputAmountHumanReadable,ht=e.steps.reduce((ge,st)=>ge+parseFloat(st.feeInUsd||""),0),G=e.steps.find(ge=>ge.diagnosisUrl)?.diagnosisUrl,J=E(parseFloat(E(Ie,6,6))*(be.toUsdPrice||0),4,4),R=E(parseFloat(e.inputAmount)*(Se.fromUsdPrice||0),4,4),Ae=Ie?le(new dd(Ie).multipliedBy(be.toUsdPrice||0)):"",Ge=le(new dd(e.inputAmount).multipliedBy(Se.fromUsdPrice||0)),Ce=Xe(R,J),De=e.status==="success"?At.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:E(Ie,6,6),token:H[j-1].to.token.displayName,conciseAddress:gn(e.wallets[H[j-1].to.chain.displayName]?.address||""),chain:H[j-1].to.chain.displayName}}):`${At.t("Transaction was not sent.")} ${B?At.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:B.outputAmount,symbol:B.symbol,blockchain:B.blockchain}}):""}`;return Z.createElement(ne,{header:{title:At.t("Swap and Bridge"),onCancel:e.status==="running"?()=>x("cancel"):void 0,suffix:e.status!=="running"&&Z.createElement(so,null,Z.createElement(md,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>x("delete")},Z.createElement(Co,{size:"medium",variant:"label",color:"error"},At.t("Delete"))))},footer:D&&!k&&Z.createElement(md,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{d(e,{blockchains:p,tokens:c}),setTimeout(()=>{y("../../")},0)}},At.t("Try again"))},Z.createElement(ie,{compact:!0,view:!0},Z.createElement(Qr,null,Z.createElement("div",{className:So()},Z.createElement(Co,{variant:"label",size:"large",color:"neutral700"},`${At.t("Request ID")}:`),Z.createElement("div",{className:Hr()},Z.createElement(Co,{variant:"label",size:"small",color:"neutral700"},o),Z.createElement(FT,{variant:"ghost",onClick:C.bind(null,o||"")},Z.createElement(_T,{size:16,color:"gray"})),Z.createElement(cd,{target:"_blank",href:`${wa}/swap/${o}`},Z.createElement(UT,{size:16})))),Z.createElement("div",{className:So()},Z.createElement(Co,{variant:"label",size:"large",color:"neutral700"},`${At.t(e.finishTime?"Finished at":"Created at")}:`),Z.createElement(Co,{variant:"label",size:"small",color:"neutral700"},fe))),Z.createElement("div",{className:pd()},Z.createElement(OT,{fee:E(String(ht),2,2),time:an(ln(e.steps)),steps:j}),Z.createElement($o,{from:{price:{value:E(e.inputAmount,6,6),usdValue:R,realUsdValue:Ge,realValue:e.inputAmount},token:{displayName:H[0].from.token.displayName,image:H[0].from.token.image},chain:{image:H[0].from.chain.image,displayName:H[0].from.chain.displayName}},to:{price:{value:E(Ie,6,6),usdValue:J,realUsdValue:Ae,realValue:Ie},token:{displayName:H[j-1].to.token.displayName,image:H[j-1].to.token.image},chain:{image:H[j-1].to.chain.image,displayName:H[j-1].to.chain.displayName}},percentageChange:E(Ce,2,2),warningLevel:St(Ce??0)})),Z.createElement("div",{className:ud()},Z.createElement(Co,{variant:"title",size:"small"},At.t("Swaps steps"))),Z.createElement(DT,{size:8}),Z.createElement(sd,{ref:g},H.map((ge,st)=>{let Ta=st,To=rd(e.steps[st]),$d=To==="error"||To==="in-progress"||To==="warning"||To==="completed"&&st===H.length-1;return Z.createElement(qT,{key:Ta,step:ge,type:"swap-progress",ref:g,state:To,hasSeparator:st!==0,tabIndex:Ta,isFocused:$d,tooltipContainer:N()})}))),Z.createElement(sa,{state:f,onClose:()=>x(null),onCancel:I,onDelete:n,message:ce.detailedMessage.content,currentStepWallet:ae,walletButtonDisabled:!m}),Z.createElement(pa,{open:!!k,diagnosisUrl:G,onClose:()=>v(null),status:e.status==="success"?"success":"failed",priceValue:E(Ie,6,6),usdValue:J,realUsdValue:Ae,realValue:le(Ie),percentageChange:E(Ce,2,2),token:{displayName:H[j-1].to.token.displayName,image:H[j-1].to.token.image},chain:{image:H[j-1].to.chain.image},description:De}))}i(da,"SwapDetails");import{i18n as jr}from"@lingui/core";import{Divider as Sd,NotFound as YT,Skeleton as nn,Typography as Xr}from"@rango-dev/ui";import ue from"react";import{i18n as VT}from"@lingui/core";import{Divider as jT,Skeleton as XT,Typography as KT}from"@rango-dev/ui";import de from"react";import{css as it,styled as fa}from"@rango-dev/ui";var hd=fa("div",{width:"100%",height:"100%",padding:"$10 $20"}),on=fa("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15"}),Vr=fa("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"}),GO=it({display:"flex",justifyContent:"space-between",alignItems:"center"}),VO=it({display:"flex",justifyContent:"space-between",alignItems:"center"}),jO=it({paddingTop:"$15",display:"flex"}),XO=it({padding:"$15 $0"}),KO=it({width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"}),YO=it({paddingBottom:"$10"}),JO=it({display:"flex",justifyContent:"start",alignItems:"center"}),ZO=it({paddingTop:"$5",display:"flex",alignItems:"center"}),RO=it({display:"flex",alignItems:"center"}),eq=it({padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"}),yd=it({display:"flex",paddingTop:"$10",paddingBottom:"$5"});function ga(){return de.createElement(hd,null,de.createElement(Uo,{type:"swap-preview"}),de.createElement("div",{className:"swaps-steps"},de.createElement(KT,{variant:"title",size:"small"},VT.t("Swaps steps"))),de.createElement(de.Fragment,null,de.createElement(on,null,de.createElement(ft,{separator:!1}),de.createElement("div",{className:yd()},de.createElement(jT,{direction:"horizontal",size:20}),de.createElement(XT,{height:22,variant:"rectangular"}))),de.createElement(Vr,null),de.createElement(on,null,de.createElement(ft,{separator:!1})),de.createElement(Vr,null),de.createElement(on,null,de.createElement(ft,{separator:!1})),de.createElement(Vr,null),de.createElement(on,null,de.createElement(ft,{separator:!1}))))}i(ga,"LoadingSwapDetails");function Cd(t){let{requestId:e,showSkeleton:o}=t;return ue.createElement(ne,{header:{title:jr.t("Swap and Bridge"),suffix:ue.createElement(so,null)}},o&&ue.createElement(id,null,ue.createElement(Qr,null,ue.createElement("div",{className:So()},ue.createElement(Xr,{variant:"label",size:"large",color:"neutral700"},`${jr.t("Request ID")}:`),ue.createElement("div",{className:Hr()},ue.createElement(Xr,{variant:"label",size:"small",color:"neutral700"},ue.createElement(nn,{width:60,height:10,variant:"rounded"})),ue.createElement(Sd,{direction:"horizontal",size:4}),ue.createElement(nn,{width:16,height:16,variant:"rectangular"}),ue.createElement(Sd,{direction:"horizontal",size:4}),ue.createElement(nn,{width:16,height:16,variant:"rectangular"}))),ue.createElement("div",{className:So()},ue.createElement(Xr,{className:ld(),variant:"label",size:"large",color:"neutral700"},ue.createElement(nn,{width:60,height:10,variant:"rounded"})),ue.createElement(Xr,{variant:"label",size:"small",color:"neutral700"},ue.createElement(nn,{width:60,height:10,variant:"rounded"})))),ue.createElement(ga,null)),!o&&ue.createElement(ad,null,ue.createElement(YT,{title:jr.t("Not found"),description:jr.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}i(Cd,"SwapDetailsPlaceholder");function Td(){let{manager:t,state:e}=RT(),o=!e.loadedFromPersistor,n=ct(t),{requestId:r}=tk(),s=ut(),{fetchStatus:a}=h();if(!r)return ha.createElement(ek,{containerStyles:{margin:"20px"},type:"error",title:JT.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&&ZT(m)}},"onCancel"),c=i(async()=>{if(p?.id)try{t?.deleteQueue(p.id),s()}catch(m){console.log(m)}},"onDelete"),d=p?.swap;return!d||l?ha.createElement(Cd,{requestId:r,showSkeleton:l}):ha.createElement(da,{swap:d,requestId:r,onCancel:u,onDelete:c})}i(Td,"SwapDetailsPage");function kd(){return Ol(),ki(),ok([{path:F.home,element:Oe.createElement(jc,null)},{path:F.routes,element:Oe.createElement(Zc,null)},{path:F.fromSwap,children:[{index:!0,element:Oe.createElement(Ks,{type:"source"})},{path:F.blockchains,element:Oe.createElement(Ns,{type:"source"})}]},{path:F.toSwap,children:[{index:!0,element:Oe.createElement(Ks,{type:"destination"})},{path:F.blockchains,element:Oe.createElement(Ns,{type:"destination"})}]},{path:F.settings,children:[{index:!0,element:Oe.createElement(Om,null)},{path:F.languages,element:Oe.createElement(Kc,null)},{path:F.exchanges,element:Oe.createElement(Es,{sourceType:"Exchanges"})},{path:F.bridges,element:Oe.createElement(Es,{sourceType:"Bridges"})}]},{path:F.swaps,children:[{index:!0,element:Oe.createElement(Ec,null)},{path:F.swapDetails,element:Oe.createElement(Td,null)}]},{path:F.wallets,element:Oe.createElement(Hp,null)},{path:F.confirmSwap,element:Oe.createElement(hc,null)}])}i(kd,"AppRoutes");import{isApprovalTX as nk,MainEvents as wd,RouteEventType as xd,StepEventType as vd,StepExecutionEventStatus as rk,useEvents as ik}from"@rango-dev/queue-manager-rango-preset";import{useEffect as bd}from"react";function Id(){let t=h().tokens(),e=K.use.connectedWallets(),o=K.use.getWalletsDetails(),n=qe.use.setNotification(),r=ik();return bd(()=>(r.on(wd.StepEvent,s=>{let{event:a,step:l,route:p}=s;if(a.type===vd.TX_EXECUTION&&a.status===rk.TX_SENT&&!nk(l)||a.type===vd.SUCCEEDED){let c=e.find(m=>m.chain===l?.fromBlockchain),d=l?.fromBlockchain!==l?.toBlockchain&&e.find(m=>m.chain===l?.toBlockchain);c&&o([c],t),d&&o([d],t)}n(a,p)}),()=>r.all.clear()),[r,e.length]),bd(()=>(r.on(wd.RouteEvent,s=>{let{event:a,route:l}=s;(a.type===xd.FAILED||a.type===xd.SUCCEEDED)&&n(a,l)}),()=>r.all.clear()),[r,e.length]),null}i(Id,"WidgetEvents");import{globalCss as sk}from"@rango-dev/ui";var Ad=i(()=>sk({"@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 Ed(){let{setWatermark:t}=ee();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(Ed,"useFetchApiConfig");import{styled as ak}from"@rango-dev/ui";var Wd=ak("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 Kr(){Ad();let{config:t}=h(),{activeTheme:e}=Gn(t?.theme||{}),{activeLanguage:o}=go(),[n,r]=Ld(""),[s,a]=Ld(),l=pk(wn),{fetchApiConfig:p}=Ed();return uk(()=>{qe.persist.rehydrate(),l.onConnectWallet(r),p().catch(console.log)},[]),rn.createElement(lk,{language:o},rn.createElement(Wd,{id:"swap-container",className:e()},rn.createElement(Id,null),rn.createElement(cl,{lastConnectedWallet:n,disconnectedWallet:s,clearDisconnectedWallet:()=>{a(void 0)}},rn.createElement(kd,null))))}i(Kr,"Main");import Sa,{useMemo as Ek}from"react";import{checkWaitingForNetworkChange as ck,makeQueueDefinition as mk}from"@rango-dev/queue-manager-rango-preset";import{Provider as dk}from"@rango-dev/queue-manager-react";import{useWallets as fk}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as gk}from"@rango-dev/wallets-shared";import{isEvmBlockchain as hk}from"rango-types";import yk,{useMemo as Sk}from"react";function Ck(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=fk(),l=Sk(()=>mk({API_KEY:t.apiKey||yt("API_KEY"),BASE_URL:yt("BASE_URL")}),[t.apiKey]),p=h().blockchains(),c={blockchains:K.use.connectedWallets().map(k=>({accounts:[k],name:k.chain}))},d=i(async(k,v)=>{if(s(k,v))return r(k,v)},"switchNetwork"),m=i(k=>!!a(k).mobileWallet,"isMobileWallet"),y=p.filter(k=>k.enabled).reduce((k,v)=>(k[v.name]=v,k),{}),S=p.filter(hk),C=i(k=>{let{supportedChains:v}=a(k);return cn(v)},"getSupportedChainNames"),g=e(),f={meta:{blockchains:y,evmBasedChains:S,evmNetworkChainInfo:gk(S),getSupportedChainNames:C},getSigners:o,wallets:c,providers:g,switchNetwork:d,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:m},x=ee.use.isActiveTab();return yk.createElement(dk,{queuesDefs:[l],context:f,onPersistedDataLoaded:k=>{ck(k)},isPaused:!x},t.children)}i(Ck,"QueueManager");var Md=Ck;import{useManager as vk}from"@rango-dev/queue-manager-react";import bk,{createContext as Ik,useContext as Ak}from"react";import{cancelSwap as Tk,getCurrentBlockchainOfOrNull as kk,getCurrentStep as wk,getRelatedWalletOrNull as xk}from"@rango-dev/queue-manager-rango-preset";var Yr=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&&Tk(o)}getCurrentStepInfo(e){let o=wk(e);return{step:o,wallet:o?xk(e,o):null,network:o?kk(e,o):null}}};var Nd=Ik(void 0);function ya(t){let{manager:e}=vk(),o=ee.use.isActiveTab(),n=Q.use.retry(),r=new Yr(e,{retrySwap:n}),s=K.use.connectedWallets(),a=K.use.loading(),l=Na(s),p=K.use.getWalletsDetails(),u=h().blockchains(),c=h().tokens(),d=h().swappers(),m=h().fetchStatus,y=go().resetLanguage,S=qe().getUnreadNotifications(),C={isActiveTab:o,setCurrentTabAsActive:zt.forceClaim,history:r,wallets:{isLoading:a,details:s,totalBalance:l,refetch:p},meta:{blockchains:u,tokens:c,swappers:d,loadingStatus:m},resetLanguage:y,notifications:{list:S}};return bk.createElement(Nd.Provider,{value:C},t.children)}i(ya,"WidgetInfo");function Bd(){let t=Ak(Nd);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}i(Bd,"useWidget");function Jr(t){let{onUpdateState:e,config:o}=t;return Ek(()=>{Fa({API_KEY:o?.apiKey||sn,BASE_URL:o?.apiUrl||ka})},[o.apiKey,o.apiUrl]),Sa.createElement(xn,{config:o,onUpdateState:e},Sa.createElement(Md,{apiKey:o.apiKey},Sa.createElement(ya,null,t.children)))}i(Jr,"WidgetProvider");function Pd(t){return Wk(()=>(zt.init(),zt.destroy),[]),t.config?.externalWallets?Ca.createElement(Kr,null):Ca.createElement(Jr,{config:t.config??ri},Ca.createElement(Kr,null))}i(Pd,"Widget");export{AQ as EventSeverity,EQ as MainEvents,FQ as Networks,qQ as PendingSwapNetworkStatus,WQ as RouteEventType,LQ as StepEventType,MQ as StepExecutionBlockedEventStatus,NQ as StepExecutionEventStatus,Te as UI_ID,_Q as WalletEvents,UQ as WalletTypes,Pd as Widget,Jr as WidgetProvider,xn as WidgetWallets,Ei as customizedThemeTokens,$Q as readAccountAddress,Jp as useWallets,Bd as useWidget,BQ as useWidgetEvents};
+var Ud=Object.defineProperty;var i=(t,e)=>Ud(t,"name",{value:e,configurable:!0});import{EventSeverity as DQ,MainEvents as FQ,RouteEventType as OQ,StepEventType as UQ,StepExecutionBlockedEventStatus as qQ,StepExecutionEventStatus as zQ,useEvents as QQ}from"@rango-dev/queue-manager-rango-preset";import{readAccountAddress as GQ,useWallets as tu,Events as VQ}from"@rango-dev/wallets-react";import{Networks as XQ,WalletTypes as KQ}from"@rango-dev/wallets-shared";import{PendingSwapNetworkStatus as JQ}from"rango-types";import{UI_ID as qd}from"@rango-dev/ui";var sn="c6381a79-2817-4602-83bf-6a641a409e32",ba="https://api.rango.exchange",Ia="https://scan.rango.exchange",ke={SWAP_BOX_ID:"rango-swap-box",EXPANDED_BOX_ID:"rango-expanded-box",...qd};import{Events as pi,Provider as wf}from"@rango-dev/wallets-react";import{isEvmBlockchain as xf}from"rango-sdk";import wn,{createContext as vf,useEffect as ml,useRef as bf}from"react";import{useEffect as rf}from"react";import{create as tf}from"zustand";import{subscribeWithSelector as of}from"zustand/middleware";import{RangoClient as Rd}from"rango-sdk";import{WalletState as lt}from"@rango-dev/ui";import{readAccountAddress as Hd}from"@rango-dev/wallets-react";import{detectInstallLink as Gd,getCosmosExperimentalChainInfo as Vd,isEvmAddress as jd,KEPLR_COMPATIBLE_WALLETS as Rk,Networks as La}from"@rango-dev/wallets-shared";import ei from"bignumber.js";import{isCosmosBlockchain as Xd}from"rango-types";import zd from"bignumber.js";var Le=new zd(0);import{WalletTypes as Qd}from"@rango-dev/wallets-shared";var Aa=[Qd.LEAP];import{BigNumber as Wa}from"bignumber.js";var an=i(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),W=i((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new Wa(t),r=1,s=1e3;for(let a=0;a<60;a++)if(new Wa(n.toFixed(a,r)).eq(n)){s=a;break}if(n.gte(1e4))return n.toFormat(0,r);if(n.gte(1e3)||n.gte(100))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,1))),r);if(n.gte(1))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,2))),r);if(n.gte(.01))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,4))),r);for(let a=e||4;a<17;a++)if(n.gte(Math.pow(10,-a)))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,a))),r);return n.isEqualTo(0)?"0":n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,8))),r)},"numberToString");var ln=i(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var at=i((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),ko=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function ie(t){return W(t,12,12).replace(/(?:\.0*|(\.\d+?)0*)$/,"$1")}i(ie,"formatTooltipNumbers");function ti(t){switch(!0){case t.connected:return lt.CONNECTED;case t.connecting:return lt.CONNECTING;case!t.installed:return lt.NOT_INSTALLED;default:return lt.DISCONNECTED}}i(ti,"mapStatusToWalletState");function 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=ti(t(r));return{title:s,image:a,link:Gd(l),state:p,type:r}})}i(Ma,"mapWalletTypesToWalletInfo");function cn(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(cn,"walletAndSupportedChainsNames");function Na(t,e,o,n,r){let s=[];function a(p,u){if(!!!s.find(d=>d.chain===p)){let d={address:u,chain:p,walletType:t};s.push(d)}}i(a,"addAccount");let l=n||[];return e.forEach(p=>{let{address:u,network:c}=Hd(p),d=l.length>0,m=l.includes(c),y=c===La.Unknown;if(d&&!m&&!y)return;let C=c===La.Unknown&&jd(u);if(y&&!C)return;o.includes(c)||C?r?a(c,u.toLowerCase()):l.filter(v=>o.includes(v)).forEach(v=>{a(v,u.toLowerCase())}):a(c,u)}),s}i(Na,"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 mn(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(mn,"isAccountAndWalletMatched");function Ba(t,e){let{blockChain:o,balances:n=[]}=t;return n?.map(r=>({chain:o,symbol:r.asset.symbol,ticker:r.asset.symbol,address:r.asset.address||null,rawAmount:r.amount.amount,decimal:r.amount.decimals,amount:new ei(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:Yd(o,r.asset.symbol,r.asset.address,e)||null}))||[]}i(Ba,"makeBalanceFor");function $a(t){return{...t,loading:!1,error:!0}}i($a,"resetConnectedWalletState");var _a=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=W(n?.flatMap(s=>s.accounts)?.flatMap(s=>s?.balances)?.map(s=>new ei(s?.amount||Le).multipliedBy(s?.usdPrice||0))?.reduce((s,a)=>s.plus(a),Le)||Le).toString();return Kd(r)},"calculateWalletUsdValue");function Kd(t){let e=t.toString().split(".");return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),e.join(".")}i(Kd,"numberWithThousandSeparator");var Yd=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice"),dn=i((t,e)=>{let o=Vd(Object.entries(t).map(([,n])=>n).filter(Xd));return o&&o[e]?.experimental},"isExperimentalChain");function fn(t){return t?{...t,amount:W(t.amount,8,8),usdValue:W(t.usdValue,4,4)}:null}i(fn,"formatBalance");function Jd(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(Jd,"sortTokensByBalance");function Zd(t,e,o){let n=o(t),r=o(e);return n===r?0:n?-1:1}i(Zd,"sortTokensByPinnedToken");function Da(t,e,o){return t.sort((n,r)=>{let s=e(n),a=e(r),l=Zd(n,r,o);return l!==0?l:Jd(s,a)}),t}i(Da,"sortTokens");function Me(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(Me,"areTokensEqual");function Fa(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(Fa,"sortWalletsBasedOnConnectionState");function gn(t,e=8,o=3){if(t.length<2*e+o)return t;let n=t.slice(0,e),r=t.slice(-e);return`${n}${".".repeat(o)}${r}`}i(gn,"getConciseAddress");function Oa({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(Oa,"getAddress");function oi(t){return`${t.blockchain}-${t.symbol}-${t.address??""}`}i(oi,"createTokenHash");function hn(t){return t.flatMap(e=>e.balances).reduce((e,o)=>{let n={amount:o?.amount??"",decimals:o?.decimal??0,usdValue:o?.usdPrice?new ei(o?.usdPrice??Le).multipliedBy(o?.amount).toString():""},r=o?oi({symbol:o.symbol,blockchain:o.chain,address:o.address}):null,s=r?e[r]:null;return r&&(!s||s&&s.amount<n.amount)&&(e[r]=n),e},{})}i(hn,"makeTokensBalance");var Ua=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 ni={API_KEY:sn};function yt(t){return ni[t]||""}i(yt,"getConfig");function za(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),ni=e,ni}i(za,"initConfig");var Qa=20,Ha=25,Ga="Roboto",ri="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"),ii=i((t,e)=>t&&e&&!e.includes(t.name),"isBlockchainExcludedInConfig"),Va=i(t=>t==="expanded"||t==="full-expanded","isVarianExpandable");var yn,Et=i(()=>yn||(yn=new Rd(yt("API_KEY"),yt("BASE_URL")),yn),"httpService");var ef=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=ef;var X=Wt(tf()(of((t,e)=>({connectedWallets:[],balances:{},loading:!1,connectWallet:(o,n)=>{let r=e().getWalletsDetails;t(s=>({loading:!0,connectedWallets:s.connectedWallets.filter(a=>a.walletType!==o[0].walletType).concat(o.map(a=>{let l=!s.connectedWallets.find(p=>p.chain===a.chain&&p.selected);return{balances:[],address:a.address,chain:a.chain,explorerUrl:null,walletType:a.walletType,selected:l,loading:!0,error:!1}}))})),r(o,n)},disconnectWallet:o=>{t(n=>{let r=n.connectedWallets.filter(l=>l.selected&&l.walletType!==o).map(l=>l.chain),s=n.connectedWallets.filter(l=>l.walletType!==o).map(l=>r.includes(l.chain)?l:(r.push(l.chain),{...l,selected:!0}));return{balances:hn(s),connectedWallets:s}})},selectWallets:o=>t(n=>({connectedWallets:n.connectedWallets.map(r=>{let s=!!o.find(l=>l.chain===r.chain&&l.walletType!==r.walletType&&r.selected),a=!!o.find(l=>l.chain===r.chain&&l.walletType===r.walletType&&!r.selected);return s?{...r,selected:!1}:a?{...r,selected:!0}:r})})),clearConnectedWallet:()=>t(()=>({connectedWallets:[],selectedWallets:[]})),getWalletsDetails:async(o,n,r=!0)=>{let s=e().getWalletsDetails;t(a=>({loading:!0,connectedWallets:a.connectedWallets.map(l=>o.find(p=>mn(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:u,chain:c})=>({address:u,blockchain:c})),p=(await Et().getWalletsDetails(a)).wallets;if(p)t(u=>{let c=u.connectedWallets.map(m=>{let y=o.find(C=>mn(C,m)),S=p.find(C=>C.address===m.address&&C.blockChain===m.chain);return S?.failed&&y&&r&&s([y],n,!1),y&&S?{...m,explorerUrl:S.explorerUrl,balances:Ba(S,n),loading:!1}:m});return{loading:!1,balances:hn(c),connectedWallets:c}});else throw new Error("Wallet not found")}catch{t(l=>{let p=l.connectedWallets.map(c=>o.find(d=>mn(d,c))?$a(c):c);return{loading:!1,balances:hn(p),connectedWallets:p}})}},getBalanceFor:o=>{let{balances:n}=e(),r=oi(o);return n[r]??null}}))));import{allProviders as nf}from"@rango-dev/provider-all";function Sn(t,e){let o=nf({walletconnect2:{WC_PROJECT_ID:e?.walletConnectProjectId||""}});if(t){let n=[];return t.forEach(r=>{if(typeof r=="string"){let s=o.find(a=>a.config.type===r);s?n.push(s):console.warn(`Couldn't find ${r} provider. Please make sure you are passing the correct name.`)}else n.push(r)}),n}return o}i(Sn,"matchAndGenerateProviders");function ja(t,e){return Sn(t,e).map(r=>r.config.type)}i(ja,"configWalletsToWalletName");function Xa(t,e){let o=X.use.clearConnectedWallet(),n=Sn(void 0,e);return rf(()=>{o(),n=Sn(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}i(Xa,"useWalletProviders");import gf,{createContext as hf,useContext as yf,useEffect as Sf,useRef as Cf}from"react";import{create as df}from"zustand";import{persist as ff}from"zustand/middleware";var si={apiKey:"",title:void 0,multiWallets:!0,enableNewLiquiditySources:!0,customDestination:!0},sf={clientUrl:void 0},af={liquiditySources:void 0},Ka=i((t,e,o)=>({config:{...si,...t},iframe:sf,campaignMode:af,getLiquiditySources:()=>{let{config:n,campaignMode:r}=o();return r.liquiditySources?.length?r.liquiditySources:n.liquiditySources??[]},getDisabledLiquiditySources:()=>{let{disabledLiquiditySources:n,campaignMode:r}=o();return r.liquiditySources?.length?[]:n},excludeLiquiditySources:()=>{let{config:n,campaignMode:r}=o();return r.liquiditySources?.length?!1:!!n.enableNewLiquiditySources},isInCampaignMode:()=>{let{campaignMode:n}=o();return!!n.liquiditySources?.length},updateConfig:n=>{let r=o().config;e({config:{...r,...n}})},updateCampaignMode:(n,r)=>{let s=o().campaignMode;e({campaignMode:{...s,[n]:r}})},updateIframe:(n,r)=>{let s=o().iframe;e({iframe:{...s,[n]:r}})}}),"createConfigSlice");function Cn(t){return Array.from(new Set(t))}i(Cn,"removeDuplicateFrom");function ai(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(ai,"areEqual");function Ya(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i(Ya,"debounce");function qt(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(qt,"containsText");var N=i(()=>document.getElementById(ke.SWAP_BOX_ID),"getContainer"),Tn=i(()=>document.getElementById(ke.EXPANDED_BOX_ID),"getExpanded");function kn(t,e){let o=t.map(s=>s.swapperGroup),n=[];return Cn(t.map(s=>s.swapperGroup)).map(s=>{let a=t.find(l=>l.swapperGroup===s);if(a){let l=!0;o&&(l=o.some(p=>p===a.swapperGroup)),l&&a.types.map(p=>{n.push({id:a.swapperGroup,groupTitle:a.swapperGroup,logo:a.logo,type:p,selected:!e.includes(a.swapperGroup)})})}}),n}i(kn,"getUniqueSwappersGroups");function Ja(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}i(Ja,"sortLiquiditySourcesByGroupTitle");function je(t,e){return e?.[t]==="hidden"}i(je,"isFeatureHidden");function Za(t,e){return e?.[t]==="enabled"}i(Za,"isFeatureEnabled");var Ra=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.enableNewLiquiditySources;return e()._swappers.filter(u=>{let c=s?.includes(u.swapperGroup);return a||!s||s.length===0?!c:c}).sort(Ja)},fetch:async()=>{try{let o=await Et().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 lf,French as pf,Japanese as uf,Portuguese as cf,Spanish as mf}from"@rango-dev/ui";var el=[{title:"English",label:"English",local:"en",SVGFlag:lf},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:mf},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:pf},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:uf},{title:"Portuguese",label:"Portugu\xEAs",local:"pt",SVGFlag:cf}],xo="en";var tl=[.5,1,3],ol=1,nl=5,rl=100,il=0;var sl=i((t,e)=>({disabledLiquiditySources:[],theme:"auto",language:null,preferredBlockchains:[],slippage:ol,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,addPreferredBlockchain:o=>{let n=e().preferredBlockchains;if(n.find((a,l)=>{let p=a===o,u=l<=9;return p&&u}))return;let s=n.filter(a=>!(a===o));t(()=>({preferredBlockchains:[o,...s]}))},setSlippage:o=>t(()=>({slippage:o})),setCustomSlippage:o=>t(()=>({customSlippage:o})),setAffiliateRef:o=>t(()=>({affiliateRef:o})),setAffiliatePercent:o=>t(()=>({affiliatePercent:o})),setAffiliateWallets:o=>t(()=>({affiliateWallets:o})),toggleAllLiquiditySources:(o,n)=>t(r=>{if(n)return{disabledLiquiditySources:[]};let s=Cn(o.map(a=>a.swapperGroup));return s.length===r.disabledLiquiditySources.length?{disabledLiquiditySources:[]}:{disabledLiquiditySources:s}}),toggleInfiniteApprove:()=>t(o=>({infiniteApprove:!o.infiniteApprove})),toggleLiquiditySource:o=>t(n=>n.disabledLiquiditySources.includes(o)?{disabledLiquiditySources:n.disabledLiquiditySources.filter(r=>r!=o)}:{disabledLiquiditySources:n.disabledLiquiditySources.concat(o)}),setTheme:o=>t(()=>({theme:o})),setLanguage:o=>t(()=>({language:o})),updateSettings:o=>{let{features:n}=o,r=je("theme",n),s=je("language",n),a=je("liquiditySource",n);t({...r&&{theme:"auto"},...s&&{language:xo},...a&&{disabledLiquiditySources:[]}})}}),"createSettingsSlice");function al(t){return df()(ff((...e)=>({...Ra(...e),...sl(...e),...Ka(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(al,"createAppStore");var ll=hf(null);function g(){let t=yf(ll);if(Sf(()=>{t&&!t.persist.hasHydrated()&&t.persist.rehydrate()},[]),!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}i(g,"useAppStore");function pl(t){let e=Cf();return e.current||(e.current=al(t.config)),gf.createElement(ll.Provider,{value:e.current},t.children)}i(pl,"AppStoreProvider");import{create as kf}from"zustand";var ul="rango-widget";var vo=class{static{i(this,"TabManager")}tabId;state="not-initiated";lastTryClaim;events={};channel;constructor(e){this.channel=new BroadcastChannel(ul),this.tabId=Math.trunc(Math.random()*1e5),this.events=e}init=()=>{this.initEvents(),this.tryClaim()};forceClaim=()=>{if(!this.isClaimed()){let e={name:"force-claim",candidateId:this.tabId};this.channel.postMessage(e),setTimeout(()=>{this.isClaimed()||this.claim()},300)}};isClaimed=()=>this.state==="claimed";destroy=()=>{this.channel.removeEventListener("message",this.handleMessageEvent),document.removeEventListener("visibilitychange",this.handleVisibilityChange),document.removeEventListener("resume",this.handleResume)};initEvents(){this.channel.addEventListener("message",this.handleMessageEvent),document.addEventListener("visibilitychange",this.handleVisibilityChange),document.addEventListener("resume",this.handleResume)}claimedByCurrentTab(e){let o=this.lastTryClaim&&this.lastTryClaim<e;if(this.isClaimed()||o){let n={name:"pong"};this.channel.postMessage(n);return}}handleMessageEvent=e=>{let o=e.data.name;switch(o){case"ping":this.claimedByCurrentTab(e.data.pingAt);break;case"pong":this.alreadyClaimedByAnotherTab();break;case"force-claim":this.forceRelease(e.data.candidateId);break;case"force-release":this.tabId===e.data.candidateId&&this.claim();break;default:throw new Error(`${o} is not supported.`)}};handleVisibilityChange=async()=>{document.visibilityState==="visible"&&await this.tryClaim()};handleResume=async()=>{this.isClaimed()&&(await this.tryClaim(),this.isClaimed()||this.events.onRelease?.())};alreadyClaimedByAnotherTab(){this.resetLastCheck()}async tryClaim(){return this.setLastCheck(),new Promise(e=>{setTimeout(()=>{this.check(),e()},300)})}check(){this.state==="not-initiated"&&this.events.onInit?.(),this.lastTryClaim?(this.claim(),this.resetLastCheck()):this.state="not-claimed"}claim(){this.state="claimed",this.events.onClaim?.()}setLastCheck(){this.lastTryClaim=Date.now();let e={name:"ping",pingAt:this.lastTryClaim};this.channel.postMessage(e)}resetLastCheck(){this.lastTryClaim=void 0}forceRelease(e){if(this.isClaimed()){this.state="not-claimed",this.events.onRelease?.();let o={name:"force-release",candidateId:e};this.channel.postMessage(o)}}};var te=Wt(kf()((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:()=>te.setState({tabManagerInitiated:!0}),onClaim:()=>te.setState({isActiveTab:!0,showActivateTabModal:!1}),onRelease:()=>te.setState({isActiveTab:!1})});var xn=vf({onConnectWallet:()=>{}});function If(t){let{updateConfig:e,updateSettings:o,fetch:n}=g(),r=g().blockchains(),s=g().tokens(),a={walletConnectProjectId:t.config?.walletConnectProjectId},{providers:l}=Xa(t.config.wallets,a),{connectWallet:p,disconnectWallet:u}=X(),c=bf();ml(()=>{n().catch(console.log)},[]),ml(()=>{t.config&&(e(t.config),o(t.config))},[t.config]);let d=r.filter(xf).map(S=>S.name),m=i((S,C,h,f,v)=>{if(C===pi.ACCOUNTS)if(h){let k=cn(v.supportedBlockchains),w=Na(S,h,d,k,v.isContractWallet);w.length&&p(w,s)}else u(S);if(C===pi.ACCOUNTS&&f.connected){let k=`${S}-${f.network}-${h}`;f.connected&&(c.current?c.current(k):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(C===pi.NETWORK&&f.network){let k=`${S}-${f.network}`;c.current?c.current(k):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(S,C,h,f,v)},"onUpdateState"),y=te.use.isActiveTab();return wn.createElement(xn.Provider,{value:{onConnectWallet:S=>{c.current=S}}},wn.createElement(wf,{allBlockChains:r,providers:l,onUpdateState:m,autoConnect:!!y},t.children))}i(If,"Main");function vn(t){let{config:e,...o}=t;return wn.createElement(pl,{config:e},wn.createElement(If,{...o,config:e}))}i(vn,"WidgetWallets");import xa,{useEffect as Dk}from"react";import{I18nManager as hk}from"@rango-dev/ui";import rn,{useContext as yk,useEffect as Sk,useState as Bd}from"react";import{useQueueManager as Lf}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Mf}from"@rango-dev/wallets-react";import{isEvmBlockchain as Nf}from"rango-types";import Pf,{Fragment as Bf}from"react";import{MemoryRouter as $f,useInRouterContext as _f}from"react-router";import{useWallets as Af}from"@rango-dev/wallets-react";import{useEffect as Ef,useRef as Wf}from"react";function fl(){let{connect:t,state:e}=Af(),o=Wf({}),{fetchStatus:n}=g(),r=new URLSearchParams(location.search).get("autoConnect")||"",s=e(r);Ef(()=>{n==="success"&&r&&s.installed&&!s.connecting&&!s.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[s,n])}i(fl,"useForceAutoConnect");function gl({children:t,...e}){let n=_f()?Bf:$f,r=g().blockchains(),{canSwitchNetworkTo:s}=Mf();fl();let a=r.filter(Nf);return Lf({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:s}),Pf.createElement(n,null,t)}i(gl,"AppRouter");import Ue from"react";import{useRoutes as uk}from"react-router-dom";var D={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 Bn}from"react";import Nt from"bignumber.js";import{create as zf}from"zustand";import{subscribeWithSelector as Qf}from"zustand/middleware";import{getLastSuccessfulStep as qf}from"@rango-dev/queue-manager-rango-preset";import _v from"bignumber.js";import{i18n as pt}from"@lingui/core";var ui={"Network Fee":pt.t("Network Fee"),"Swapper Fee":pt.t("Protocol Fee"),"Affiliate Fee":pt.t("Affiliate Fee"),"Outbound network fee":pt.t("Outbound Fee"),"Rango Fee":pt.t("Rango Fee")},ci=[{value:"SMART",label:pt.t("Smart Routing")},{value:"FEE",label:pt.t("Lowest Fee")},{value:"SPEED",label:pt.t("Fastest Transfer")},{value:"NET_OUTPUT",label:pt.t("Maximum Return")},{value:"PRICE",label:pt.t("Maximum Output")}],mi=["RECOMMENDED","CENTRALIZED","LOWEST_FEE","FASTEST","HIGH_IMPACT"],hl=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 yl(t,e){return e.find(o=>o.name===t)?.displayName}i(yl,"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 Ne from"bignumber.js";import{PendingSwapNetworkStatus as En}from"rango-types";function bn(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(bn,"getRequiredWallets");function In(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(In,"isValidAddress");import{i18n as Ee}from"@lingui/core";var K=i(()=>({genericServerError:Ee.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:Ee.t("Please reset your liquidity sources."),description:Ee.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources.")},noResultError:{title:Ee.t("No Routes Found."),description:Ee.t("Reasons why Rango couldn't find a route: low liquidity on token, very low input amount or no routes available for the selected input/output token combination.")},bridgeLimitErrors:{increaseAmount:Ee.t("Bridge Limit Error: Please increase your amount."),decreaseAmount:Ee.t("Bridge Limit Error: Please decrease your amount.")},highValueLossError:{impactTitle:Ee.t("High Price Impact"),title:Ee.t("Price impact is too high!"),description:Ee.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:Ee.t("Confirm high price impact")},quoteUpdatedWithHighValueLoss:{title:Ee.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:Ee.t("USD Price Unknown"),title:Ee.t("USD Price Unknown, Cannot calculate Price Impact."),description:Ee.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:Ee.t("Confirm USD Price Unknown")}}),"errorMessages");function Sl(t){switch(t.type){case 0:return t.diagnosisMessage??K().noResultError.title;case 1:return K().genericServerError;default:return""}}i(Sl,"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 Cl(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new Ne(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new Ne(1e3)))??!1}i(Cl,"hasHighValueLoss");function Tl(t){return(t||[]).filter(e=>{let o=e.fromAmountMinValue?new Ne(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Ne(e.fromAmountMaxValue):null;return e.fromAmountRestrictionType==="EXCLUSIVE"?o?.gte(e.fromAmount)||n?.lte(e.fromAmount):o?.gt(e.fromAmount)||n?.lt(e.fromAmount)}).length>0}i(Tl,"hasLimitError");function kl(t){let e=(t||[]).filter(l=>{let p=l.fromAmountMinValue?new Ne(l.fromAmountMinValue):null,u=l.fromAmountMaxValue?new Ne(l.fromAmountMaxValue):null;return l.fromAmountRestrictionType==="EXCLUSIVE"?p?.gte(l.fromAmount)||u?.lte(l.fromAmount):p?.gt(l.fromAmount)||u?.lt(l.fromAmount)})[0],o=e.fromAmountMinValue?new Ne(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Ne(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",s="",a="";return!r&&o&&o.gt(e.fromAmount)?(s=Re.t({id:"Required: >= {min} {symbol}",values:{min:W(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:W(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:W(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:W(n,6,6),symbol:e.from.symbol}}),a=K().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:s,recommendation:a}}i(kl,"getLimitErrorMessage");function wl(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(wl,"getSwapButtonState");function gi(t,e,o){return!((!o||o.lte(Le))&&t&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t)}i(gi,"canComputePriceImpact");function Df(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(Df,"requiredWallets");var Ff=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice");function Of(t,e){let o=Le;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let s=Ff(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new Ne(r.amount).multipliedBy(s||0))}return o}i(Of,"getUsdFeeOfStep");function Wn(t,e){return t.reduce((o,n)=>o.plus(Of(n,e)),Le)}i(Wn,"getTotalFeeInUsd");function hi(t){let e=Le;return e=e.plus(new Ne(t.amount).multipliedBy(t.price||0)),e}i(hi,"getUsdFee");function xl(t){return t.reduce((e,o)=>e.plus(hi(o)),Le)}i(xl,"getTotalFeesInUsd");function vl(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(vl,"getFeesGroup");function bl(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(bl,"checkSlippageErrors");function Il(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(Il,"checkSlippageWarnings");function Ln(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(Ln,"getMinRequiredSlippage");function Al(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(Al,"hasProperSlippage");function El(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:s,disabledLiquiditySources:a,liquiditySources:l,excludeLiquiditySources:p,slippage:u,affiliateRef:c,affiliatePercent:d,affiliateWallets:m,destination:y}=t,S=s?.reduce((f,v)=>(f[v.chain]=v.address,f),{}),C=[];return r?.forEach(f=>{C.push({blockchain:f.chain,addresses:[f.address]})}),{amount:n.toString(),affiliateRef:c??void 0,affiliatePercent:d??void 0,affiliateWallets:m??void 0,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:C,selectedWallets:S??{},slippage:u.toString(),...y&&{destination:y},...p&&{swapperGroups:a.concat(l??[]),swappersGroupsExclude:!0},...!p&&{swapperGroups:l?.filter(f=>!a.includes(f)),swappersGroupsExclude:!1}}}i(El,"createQuoteRequestBody");function Wl(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(Wl,"getWalletsForNewSwap");function eo(t){return t?.outputAmount||null}i(eo,"getQuoteOutputAmount");function Ll(t,e){return new Ne(e).div(new Ne(t)).minus(1).multipliedBy(100).toNumber()}i(Ll,"getPercentageChange");function Ml(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(Ml,"isOutputAmountChangedALot");function Nl(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=>Dl(a,n)||[]).filter(a=>!a.ok).map(a=>{let l=a.asset.symbol,p=W(new Ne(a.currentAmount.amount).shiftedBy(-a.currentAmount.decimals),8,8),u=W(new Ne(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(Nl,"generateBalanceWarnings");function Mn(t,e){return(t?new Ne(t):Le).multipliedBy(e||0)}i(Mn,"calcOutputUsdValue");function Io(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==En.NetworkChanged}i(Io,"isNetworkStatusInWarningState");function Pl(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),Io(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case En.WaitingForConnectingWallet:n=n||Re.t("Waiting for connecting wallet");break;case En.WaitingForQueue:n=n||Re.t("Waiting for other running tasks to be finished");break;case En.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(Pl,"getSwapMessages");function Bl(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(Bl,"getLastConvertedTokenInFailedSwap");function $l(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}i($l,"shouldRetrySwap");function _l(t,e,o,n,r,s){return t||!e&&!Df(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!In(s,o)}i(_l,"confirmSwapDisabled");function Nn(t){let e=t?.swaps||[];return e[e.length-1].to.usdPrice}i(Nn,"getQuoteToTokenUsdPrice");function yi(t,e){let o=t?.swaps||[],n=e?.swaps||[];return o.length!==n.length}i(yi,"isNumberOfSwapsChanged");function Si(t,e){let o=t?.swaps.map(r=>r.swapperId)||[],n=e?.swaps.map(r=>r.swapperId)||[];return!ai(o,n)}i(Si,"isQuoteSwappersUpdated");function Ci(t,e){let o=t?.swaps.map(r=>r.to.symbol)||[],n=e?.swaps.map(r=>r.to.symbol)||[];return!ai(o,n)}i(Ci,"isQuoteInternalCoinsUpdated");function Ol(t,e){return yi(t,e)||Si(t,e)||Ci(t,e)}i(Ol,"isQuoteChanged");function Dl(t,e){if(e===null)return null;let o=e?.find(n=>n.blockchain===t.chain)?.wallets.find(n=>n.address?.toLowerCase()===t.address.toLowerCase());return o?o.requiredAssets:null}i(Dl,"getRequiredBalanceOfWallet");function St(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(St,"getPriceImpactLevel");function Ul(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],s=qf(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=fi(s?s.toBlockchain:n.fromBlockchain,e),p=fi(r.toBlockchain,e),u=di(s?{blockchain:l?.name??"",symbol:s.toSymbol,address:s.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),c=di(a,o),d=s?s.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:u,toBlockchain:p,toToken:c,inputAmount:d}}i(Ul,"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&&Cl(a,c)){let m=Wn(t?.swaps,r),y=St(c);return{type:0,inputUsdValue:a,outputUsdValue:l,priceImpact:c,totalFee:m,warningLevel:y}}}else if(t&&(!a||!l))return{type:1};let p=Ln(t.swaps),u=s>nl;if(Al(e.userSlippage.toString(),p)){if(u&&parseFloat(p??"0")<s)return{type:3,slippage:s.toString()}}else return{type:2,recommendedSlippages:Il(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:Ll(t.toString(),e.toString());return n&&n<0?n:null}i(Ke,"getPriceImpact");var ql=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"),zl=i((t,e,o)=>{if(!e.length)return null;if(!t)return{requestAmount:o,...e[0]};let n=new Set(t.swaps.map(s=>s.swapperId)),r=e.find(s=>{let a=new Set(s.swaps.map(l=>l.swapperId));return Array.from(n).every(l=>a.has(l))});return{requestAmount:o,...r||e[0]}},"getDefaultQuote"),Ql=i(t=>{let e=i((o,n)=>{let r=mi.indexOf(o.value),s=mi.indexOf(n.value);return r!==-1&&s!==-1?r-s:r!==-1?-1:s!==-1?1:0},"customSort");return t.sort(e)},"sortTags");var Ht=i((t,e)=>t?.usdPrice?new Nt(e||Le).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),Q=Wt(zf()(Qf(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new Nt(0),outputUsdValue:new Nt(0),toBlockchain:null,toToken:null,refetchQuote:!0,sortStrategy:"SMART",selectedQuote:null,quotes:null,error:null,warning:null,quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:null,quoteWarningsConfirmed:!1,updateQuotePartialState:(e,o)=>t(n=>({...n,[e]:o})),setSelectedQuote:e=>t(o=>{let n=null,r=Le;return ko(o.inputAmount)?(e&&(n=e?.outputAmount?new Nt(e?.outputAmount):null,r=Mn(e?.outputAmount,Nn(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 Nt(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 Nt(0),outputUsdValue:new Nt(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}=Ul(e,r,n);t({fromBlockchain:s,fromToken:a,inputAmount:u,outputAmount:null,inputUsdValue:Ht(a??null,u),outputUsdValue:new Nt(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 Hl(){let{setInputAmount:t,setToToken:e,setToBlockchain:o,setFromBlockchain:n,setFromToken:r,fromToken:s,toToken:a,fromBlockchain:l,toBlockchain:p}=Q(),u=g().config,c=g().fetchStatus,d=g().blockchains(),m=g().tokens(),{setAffiliateRef:y,setAffiliatePercent:S,setAffiliateWallets:C}=g(),h=u?.from?.tokens,f=u?.from?.blockchains,v=u?.to?.tokens,k=u?.to?.blockchains,w=Bn(void 0),E=Bn(void 0),x=Bn(void 0),T=Bn(void 0);oo(()=>{t(u?.amount?.toString()||"")},[u?.amount]),oo(()=>{if(c==="success"){let I=d.find(L=>L.name===u?.from?.blockchain),A=m.find(L=>Me(L,u?.from?.token||null));(I||!I&&x.current)&&n(I??null),A?r({token:A,meta:{blockchains:d,tokens:m}}):!A&&w.current&&r({token:null}),x.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,h)&&r({token:null}),ii(l,f)&&n(null)},[h,f]),oo(()=>{wo(a,v)&&r({token:null}),ii(p,k)&&o(null)},[v,k]),oo(()=>{if(c==="success"){let I=d.find(L=>L.name===u?.to?.blockchain),A=m.find(L=>Me(L,u?.to?.token||null));(I||!I&&T.current)&&o(I??null),A?e({token:A,meta:{blockchains:d,tokens:m}}):!A&&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(()=>{y(u?.affiliate?.ref??null),S(u?.affiliate?.percent??null),C(u?.affiliate?.wallets??null)},[u?.affiliate?.ref,u?.affiliate?.percent,u?.affiliate?.wallets])}i(Hl,"useSyncStoresWithConfig");import{useEffect as wi,useRef as Hf}from"react";import{useInRouterContext as Gf,useLocation as Vf,useSearchParams as jf}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=Vf(),[e,o]=jf(),{fromBlockchain:n,toBlockchain:r,fromToken:s,toToken:a,inputAmount:l,setFromBlockchain:p,setToBlockchain:u,setFromToken:c,setToToken:d,setInputAmount:m}=Q(),y=g().fetchStatus,S=g().blockchains(),C=g().tokens(),h=Gf(),{updateIframe:f,updateCampaignMode:v}=g(),k=g().isInCampaignMode(),w=Hf(),E=i(()=>{let T=e.get("fromAmount"),I=e.get("fromBlockchain"),A=e.get("fromToken"),L=e.get("toBlockchain"),M=e.get("toToken"),q=e.get("autoConnect"),se=e.get("clientUrl"),ge=e.get("liquiditySources");return{fromAmount:T,fromBlockchain:I,fromToken:A,toBlockchain:L,toToken:M,autoConnect:q,clientUrl:se,liquiditySources:ge}},"getUrlSearchParams"),x=i(T=>{for(let I in T)T[I]||delete T[I];o(T,{replace:!0})},"updateUrlSearchParams");wi(()=>{let{autoConnect:T,clientUrl:I}=E();h&&y==="success"&&x({fromBlockchain:n?.name,fromToken:ki(s),toBlockchain:r?.name,toToken:ki(a),fromAmount:l,autoConnect:T??void 0,clientUrl:I??void 0,liquiditySources:k?w.current:void 0})},[t.pathname,l,n,s,r,a,k]),wi(()=>{if(!h)return;let T=E();if(!w.current&&T.liquiditySources&&(w.current=T.liquiditySources),T.fromAmount&&m(T.fromAmount),y==="success"){let I=S.find(q=>q.name===T.fromBlockchain),A=Ti(C,T.fromToken,I??null),L=S.find(q=>q.name===T.toBlockchain),M=Ti(C,T.toToken,L??null);I&&(p(I),A&&c({token:A,meta:{blockchains:S,tokens:C}})),L&&(u(L),M&&d({token:M,meta:{blockchains:S,tokens:C}}))}},[y]),wi(()=>{let{clientUrl:T,liquiditySources:I}=E();f("clientUrl",T||void 0),v("liquiditySources",I?.split(",")??void 0)},[])}i(xi,"useSyncUrlAndStore");import{i18n as xr}from"@lingui/core";import{useManager as qy}from"@rango-dev/queue-manager-react";import{Alert as Sc,Button as zy,css as Ss,Divider as ys,IconButton as Cc,SettingsIcon as Qy,styled as Hy,Tooltip as Gy,Typography as Vy,WalletIcon as jy}from"@rango-dev/ui";import ue,{useEffect as zo,useLayoutEffect as Xy,useRef as Ky,useState as vr}from"react";import{flushSync as Yy}from"react-dom";import{useLocation as Jy,useNavigate as Zy}from"react-router-dom";import{i18n as mt}from"@lingui/core";import{Alert as Ki,BalanceErrors as Eh,Button as ou,ChevronDownIcon as Wh,ChevronLeftIcon as Lh,Divider as po,MessageBox as Mh,Typography as nr,WalletIcon as Nh}from"@rango-dev/ui";import $,{useEffect as Ph,useState as uo}from"react";import{useNavigate as Bh}from"react-router-dom";import{i18n as $n}from"@lingui/core";function _n(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(_n,"getQuoteUpdateWarningMessage");import{Modal as Kf}from"@rango-dev/ui";import Yf from"react";function ae(t){let{watermark:e}=te();return Yf.createElement(Kf,{hasWatermark:e==="FULL",...t},t.children)}i(ae,"WatermarkedModal");import Un,{useRef as Rf}from"react";import*as no from"@radix-ui/react-collapsible";import{keyframes as Gl,styled as Dn}from"@rango-dev/ui";var vi=300,Jf=Gl({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),Zf=Gl({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),Vl=Dn(no.Root,{borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),bi=Dn(no.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit",cursor:"pointer"}),Fn=Dn(no.Content,{overflow:"hidden",variants:{open:{true:{animation:`${Jf} ${vi}ms ease-out`},false:{animation:`${Zf} ${vi}ms ease-out`}}}}),On=Dn("div",{transition:`all ${vi}ms ease`,display:"flex",alignItems:"center",variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}});function qn(t){let{open:e,hasSelected:o,onOpenChange:n,children:r,onClickTrigger:s,trigger:a,triggerAnchor:l}=t,p=Rf(null);return Un.createElement(Vl,{ref:p,className:"collapsible_root",selected:o&&e,open:e,onOpenChange:n},l==="top"&&Un.createElement(bi,{className:"collapsible_trigger",onClick:s},a),Un.createElement(Fn,{className:"collapsible_content",open:e},r),l==="bottom"&&Un.createElement(bi,{className:"collapsible_trigger",onClick:s},a))}i(qn,"CustomCollapsible");import{Button as eg,css as jl,darkTheme as ro,IconButton as tg,styled as Ye,TextField as og}from"@rango-dev/ui";var Xl=Ye("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),Kl=Ye("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),ng=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"}}}}),Yl=Ye(ng,{alignSelf:"stretch",minHeight:"93px"}),Jl=Ye("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),Zl=Ye(tg,{position:"absolute",left:"$20"}),Rl=Ye("div",{paddingTop:"$20"}),ep=jl({display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),tp=Ye("div",{padding:"$10 $0","& .button__content":{display:"flex",alignItems:"center"},"& .alarms":{paddingTop:"$5"},"& .collapsible_content":{backgroundColor:"$neutral100"},"& .collapsible_root":{backgroundColor:"$neutral200"}}),op=jl({paddingTop:"$5"}),np=Ye("div",{display:"flex"}),rp=Ye(og,{backgroundColor:"$neutral100",padding:"$0 $15 $15 $15"}),ip=Ye("div",{overflow:"visible",width:"100%"}),sp=Ye(eg,{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 vh,Divider as ji,Image as bh,MessageBox as or,SelectableWallet as Ih,Typography as Zp,WalletState as Rp}from"@rango-dev/ui";import pe,{useEffect as eu,useState as Lo}from"react";import{WalletState as Ii}from"@rango-dev/ui";import{useWallets as rg}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as ig,WalletTypes as zn}from"@rango-dev/wallets-shared";import{useCallback as sg,useEffect as ag,useState as lg}from"react";var pg=Object.values(zn);function Qn(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:l,connect:p}=rg(),{connectedWallets:u}=X(),c=g().blockchains(),d=ja(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||pg,m=Ma(s,l,d,o),y=Fa(m),[S,C]=lg(""),h=i(E=>!u.find(x=>x.walletType===E&&x.chain===o),"isExperimentalChainNotAdded"),f=i(async E=>{let x=s(E);try{if(S&&C(""),x.connected)await a(E);else{let T=!!m.find(I=>I.state===Ii.CONNECTED);if(!e?.multiWallets&&T)return;n?.(E),await p(E),r?.(E)}}catch(T){C("Error: "+T?.message)}},"handleClick"),v=sg(()=>{let E=m?.filter(x=>x.state===Ii.CONNECTING)||[];for(let x of E)a(x.type)},[qa(m)]);ag(()=>()=>{v()},[]);let k=i(E=>E.filter(T=>T.state!=Ii.NOT_INSTALLED&&![zn.DEFAULT,zn.WALLET_CONNECT_2].includes(T.type)&&l(T.type).supportedChains.filter(I=>I.type=="EVM").length>0).length==0,"shouldShowDefaultInjectedWallet"),w=i((E,x,T)=>dn(T,x)&&h(E)&&!ig.includes(E)||E==zn.DEFAULT&&!k(m),"shouldExcludeWallet");return{list:y.filter(E=>!w(E.type,o??"",c)),error:S,handleClick:f,disconnectConnectingWallets:v}}i(Qn,"useWalletList");import{i18n as Gp}from"@lingui/core";import{styled as jp,Typography as yh,Wallet as Sh,WalletState as Ch}from"@rango-dev/ui";import lo,{useState as Vp}from"react";import{useManager as ah}from"@rango-dev/queue-manager-react";import{BottomLogo as lh,Divider as Dp,Header as ph}from"@rango-dev/ui";import ye,{useEffect as Fp,useRef as Op}from"react";import{useRef as ug}from"react";function Hn(){return window.self!==window.top}i(Hn,"isAppLoadedIntoIframe");function Ai(){let t=ug(null),{iframe:e}=g(),o=Hn()&&e.clientUrl,n=i(a=>{o&&window.top?.postMessage(a,e.clientUrl)},"send");return{send:n,connectHeightObserver:i(a=>{t.current=new ResizeObserver(l=>{for(let p of l)n({type:"widget_height",data:{height:p.contentRect.height}})}),t.current.observe(a)},"connectHeightObserver"),disconnectHeightObserver:i(()=>{t.current&&(t.current.disconnect(),t.current=null)},"disconnectHeightObserver")}}i(Ai,"useIframe");import{useNavigate as cg}from"react-router-dom";function ut(){let t=cg();return()=>t(-1)}i(ut,"useNavigateBack");import{createTheme as Mi,darkTheme as hg,lightTheme as yg}from"@rango-dev/ui";import{useEffect as up,useState as Sg}from"react";import{theme as fg,darkColors as gg}from"@rango-dev/ui";var ap=i((t,e)=>{t=t.replace(/^#/,""),t.length===3&&(t=t[0]+t[0]+t[1]+t[1]+t[2]+t[2]);let[s,a,l]=t.match(/.{2}/g);[s,a,l]=[parseInt(s,16)+e,parseInt(a,16)+e,parseInt(l,16)+e],s=Math.max(Math.min(255,s),0).toString(16),a=Math.max(Math.min(255,a),0).toString(16),l=Math.max(Math.min(255,l),0).toString(16);let p=(s.length<2?"0":"")+s,u=(a.length<2?"0":"")+a,c=(l.length<2?"0":"")+l;return`#${p}${u}${c}`},"colorShade"),Gn=i((t,e)=>{let a={[t]:e};for(let l=1;l<10;l++)l<5&&(a={...a,[t+l*100]:ap(e,(5-l)*25)}),l===5&&(a={...a,[t+l*100]:e}),l>5&&(a={...a,[t+l*100]:ap(e,-((l-5)*25))});return a},"generateRangeColors"),Ei=i((t,e,o)=>{if(!o||!Object.entries(o).length)return{};let n=!1,r={...t};for(let s in o){let a=o[s];if(a&&a!==t[s])if(n=!0,s==="background"||s==="foreground")r={...r,[s]:a};else if(s==="neutral"&&e){let l=Gn(s,a);r={...r,[`${s}100`]:l[`${s}900`],[`${s}200`]:l[`${s}800`],[`${s}300`]:l[`${s}700`],[`${s}400`]:l[`${s}600`],[`${s}500`]:l[`${s}500`],[`${s}600`]:l[`${s}400`],[`${s}700`]:l[`${s}300`],[`${s}800`]:l[`${s}200`],[`${s}900`]:l[`${s}100`]}}else r={...r,...Gn(s,a)}}return n?r:{}},"generateColors");var lp=i(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),mg=i(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=lp(o%52)+e;return lp(o%52)+e},"toAlphabeticName"),dg=i((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),Wi=i(t=>mg(dg(5381,JSON.stringify(t))>>>0),"toHash");function Li(t){let e=fg.colors,o=Ei({...e,...gg},!0,t?.dark),n=Ei(e,!1,t?.light),r=Object.keys(o).length>0,s=Object.keys(n).length>0,a,l;if(s){let p={colors:n};a={id:`${ri}-light-${Wi(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${ri}-dark-${Wi(p)}`,tokens:p}}return{light:a,dark:l}}i(Li,"customizedThemeTokens");function pp(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(pp,"joinList");function Vn(t){let{colors:e,fontFamily:o=Ga,borderRadius:n=Qa,secondaryBorderRadius:r=Ha,mode:s="auto"}=t,[a,l]=Sg("light"),{setTheme:p,theme:u}=g(),{dark:c,light:d}=Li(e),m=Mi({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),y=[m.className,yg.className],S=[m.className,hg.className];if(d){let h=Mi(d.id,d.tokens);y.push(h.className)}if(c){let h=Mi(c.id,c.tokens);S.push(h.className)}return up(()=>{let h=i(f=>{f.matches?l("dark"):l("light")},"switchThemeListener");return window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&l("dark"),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",h),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",h)}},[]),up(()=>{s!=="auto"&&p(s)},[s]),{activeTheme:i(()=>{let h=y.join(" "),f=S.join(" ");return u==="auto"?a==="dark"?f:h:u==="dark"?f:h},"getActiveTheme")}}i(Vn,"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 cp}from"@lingui/core";import{Alert as Cg,Button as Tg}from"@rango-dev/ui";import mp from"react";function Ni(t){return mp.createElement(Cg,{action:mp.createElement(Tg,{onClick:t.onActivateTab,variant:"contained",size:"xxsmall",type:"warning"},cp.t("Activate this tab")),type:"warning",variant:"alarm",title:cp.t("Another tab is open and handles transactions.")})}i(Ni,"ActivateTabAlert");import{i18n as Pi}from"@lingui/core";import{Button as kg,Divider as wg,MessageBox as xg}from"@rango-dev/ui";import jn from"react";function Bi(t){let{open:e,onClose:o,onConfirm:n}=t;return jn.createElement(ae,{open:e,dismissible:!0,onClose:o,container:N()},jn.createElement(xg,{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.")},jn.createElement(wg,{size:20}),jn.createElement(kg,{variant:"contained",size:"large",type:"primary",fullWidth:!0,onClick:n},Pi.t("Confirm"))))}i(Bi,"ActivateTabModal");import{ChevronLeftIcon as bg}from"@rango-dev/ui";import Sp from"react";import{darkTheme as dp,IconButton as vg,styled as io}from"@rango-dev/ui";var Je=io(vg,{width:"$24",position:"relative",padding:"0",overflow:"unset","&:hover":{backgroundColor:"$info100",[`.${dp} &`]:{backgroundColor:"$neutral"}}}),fp=io("div",{position:"absolute",background:"$secondary500",[`.${dp} &`]:{$$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}}),gp=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"}}}}),hp=io("div",{padding:"$2",variants:{isRefetched:{true:{transform:"rotate(360deg)",transition:"transform 1s ease-in-out"}}}}),yp=io("div",{position:"absolute",right:"$4",top:"$4",backgroundColor:"$background",borderRadius:"100%"});function $i(t){return Sp.createElement(Je,{variant:"ghost",size:"small",onClick:t.onClick},Sp.createElement(bg,{color:"black",size:16}))}i($i,"BackButton");import{i18n as Ig}from"@lingui/core";import{Button as Ag,Typography as Eg}from"@rango-dev/ui";import _i from"react";function Di(t){return _i.createElement(so,null,_i.createElement(Ag,{variant:"ghost",onClick:t.onClick,size:"xsmall"},_i.createElement(Eg,{variant:"label",size:"medium",color:"error500"},Ig.t("Cancel"))))}i(Di,"CancelButton");import{i18n as Wg}from"@lingui/core";import{Tooltip as Lg,WalletIcon as Mg}from"@rango-dev/ui";import Xn from"react";function Fi(t){return Xn.createElement(Lg,{container:t.container,side:"top",content:Wg.t("Connect Wallet")},Xn.createElement(Je,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&Xn.createElement(fp,null),Xn.createElement(Mg,{size:18,color:"black"})))}i(Fi,"WalletButton");import{i18n as Jn}from"@lingui/core";import{NotificationsIcon as oh,Popover as nh,SettingsIcon as rh,Tooltip as Zn,TransactionIcon as ih}from"@rango-dev/ui";import ve from"react";import{i18n as qg}from"@lingui/core";import{EventSeverity as bp}from"@rango-dev/queue-manager-rango-preset";import{ChainToken as Ip,ChevronRightIcon as zg,Divider as Qg,Typography as Hg}from"@rango-dev/ui";import Fe from"react";import{useNavigate as Gg}from"react-router-dom";import{create as Ng}from"zustand";import{persist as Pg,subscribeWithSelector as Bg}from"zustand/middleware";var qe=Wt(Ng()(Pg(Bg((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 $g,ListItemButton as _g,styled as Ao}from"@rango-dev/ui";var Cp=Ao("div",{padding:"$10",width:"350px",maxWidth:"90vw",minHeight:"150px"}),Tp=Ao("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),kp=Ao(_g,{variants:{actionRequired:{true:{backgroundColor:"$error300",[`.${$g} &`]:{backgroundColor:"$error600"}}}}}),wp=Ao("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),xp=Ao("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as Dg}from"@lingui/core";import{Divider as Fg,NoNotificationIcon as Og,Typography as Ug}from"@rango-dev/ui";import Kn from"react";function vp(){return Kn.createElement(xp,null,Kn.createElement(Og,{color:"secondary",size:26}),Kn.createElement(Fg,{size:12}),Kn.createElement(Ug,{variant:"body",size:"medium",color:"neutral700"},Dg.t("There are no notifications.")))}i(vp,"NotificationNotFound");var Vg=4;function Oi(){let t=Gg(),{getUnreadNotifications:e}=qe(),o=e(),n=g().blockchains(),r=g().tokens(),s=o.sort((l,p)=>p.creationTime-l.creationTime).slice(0,Vg),a=i(l=>{t(`${D.swaps}/${l}`)},"handleOnClick");return Fe.createElement(Cp,null,s.length?Fe.createElement(Tp,null,s.map((l,p)=>{let{route:u,requestId:c,event:d}=l,m=r.find(h=>Me(h,u.from)),y=n.find(h=>h.name===u.from.blockchain),S=r.find(h=>Me(h,u.to)),C=n.find(h=>h.name===u.to.blockchain);return Fe.createElement(Fe.Fragment,{key:c},p>0&&Fe.createElement(Qg,{size:4}),Fe.createElement(kp,{onClick:()=>a(c),actionRequired:d.messageSeverity===bp.WARNING,title:Fe.createElement(Hg,{variant:"body",size:"small",color:d.messageSeverity===bp.WARNING?"$foreground":"$neutral700"},qg.t(d.message)),id:c,start:Fe.createElement(wp,null,Fe.createElement("div",{className:"from-chain-token"},Fe.createElement(Ip,{tokenImage:m?m.image:"",chainImage:y?y.logo:"",size:"small"})),Fe.createElement("div",{className:"to-chain-token"},Fe.createElement(Ip,{tokenImage:S?S.image:"",chainImage:C?C.logo:"",size:"small"}))),end:Fe.createElement(zg,{size:12,color:"gray"})}))})):Fe.createElement(vp,null))}i(Oi,"NotificationContent");import{useManager as jg}from"@rango-dev/queue-manager-react";import{InProgressIcon as Xg}from"@rango-dev/ui";import Ap from"react";var Kg=i(()=>{let{manager:t}=jg();return ct(t).map(({swap:o})=>o).find(o=>o.status==="running")?Ap.createElement(yp,null,Ap.createElement(Xg,{color:"info",size:6})):null},"InProgressTransactionBadge"),Ep=Kg;import{RefreshProgressButton as Yg}from"@rango-dev/ui";import Ui,{useEffect as Jg,useState as Wp}from"react";var Zg=1e3,Lp=60,Rg=100;function Yn({onClick:t}){let[e,o]=Wp(0),[n,r]=Wp(!1),s=i(p=>{document.hidden&&p&&a(p)},"handleVisibilityChange");Jg(()=>{let p;return t?p=window.setInterval(()=>{o(u=>u+1),e===Lp&&l()},Zg):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 Ui.createElement(Je,{variant:"ghost",size:"small",onClick:l,disabled:!t},Ui.createElement(hp,{onTransitionEnd:()=>r(!1),isRefetched:n},Ui.createElement(Yg,{size:24,color:t?"black":"gray",progress:e/Lp*Rg})))}i(Yn,"RefreshButton");import{EventSeverity as eh}from"@rango-dev/queue-manager-rango-preset";import{Typography as th}from"@rango-dev/ui";import Mp from"react";function Np(){let{getUnreadNotifications:t}=qe(),e=t(),o=e.length,n=!!e.find(r=>r.event.messageSeverity===eh.WARNING);return o?Mp.createElement(gp,{isSever:n},Mp.createElement(th,{variant:"body",size:"xsmall",color:"$background"},o)):null}i(Np,"UnreadNotificationsBadge");function Gt(t){let{onClickRefresh:e,onClickHistory:o,onClickSettings:n,hidden:r=[]}=t,{config:{features:s}}=g(),a=je("notification",s)||r.includes("notifications");return ve.createElement(ve.Fragment,null,!r.includes("refresh")&&ve.createElement(Zn,{container:N(),side:"top",content:Jn.t("Refresh")},ve.createElement(Yn,{onClick:e})),!a&&ve.createElement(nh,{align:"end",alignOffset:-88,collisionPadding:{right:20,left:20},container:N(),content:ve.createElement(Oi,null)},ve.createElement("div",null,ve.createElement(Zn,{container:N(),side:"top",content:Jn.t("Notifications")},ve.createElement(Je,{size:"small",variant:"ghost"},ve.createElement(oh,{size:18,color:"black"}),ve.createElement(Np,null))))),!r.includes("settings")&&ve.createElement(Zn,{container:N(),side:"top",content:Jn.t("Settings")},ve.createElement(Je,{size:"small",variant:"ghost",onClick:n},ve.createElement(rh,{size:18,color:"black"}))),!r.includes("history")&&ve.createElement(Zn,{container:N(),side:"top",content:Jn.t("Transactions History")},ve.createElement(Je,{size:"small",variant:"ghost",onClick:o},ve.createElement(ih,{size:18,color:"black"}),ve.createElement(Ep,null))))}i(Gt,"HeaderButtons");function qi(t){let e=t.target;if(e){let o=e.scrollTop,n=N();o>1?n.classList.add("rng-scrolled"):n.classList.remove("rng-scrolled")}}i(qi,"onScrollContentAttachStatusToContainer");import{css as sh,styled as zi}from"@rango-dev/ui";var Pp="700px",Rn=sh({borderRadius:"$primary",display:"flex",flexDirection:"column",overflow:"hidden",boxShadow:"15px 15px 15px 0px rgba(0, 0, 0, 0.05)"}),Bp=zi("div",{position:"relative",width:"100vw",minWidth:"300px",maxWidth:"390px",backgroundColor:"$background",variants:{height:{auto:{height:"auto",maxHeight:Pp},fixed:{height:Pp}}}}),$p=zi("div",{position:"relative",overflow:"hidden",flexGrow:1,display:"flex",flexDirection:"column",padding:0,overflowY:"auto"}),_p=zi("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 re(t){let{connectHeightObserver:e,disconnectHeightObserver:o}=Ai(),{children:n,header:r,footer:s,height:a="fixed"}=t,l=X.use.connectedWallets(),{config:{features:p,theme:u}}=g(),{watermark:c}=te(),d=c==="FULL",{activeTheme:m}=Vn(u||{}),y=je("connectWalletButton",p),{isActiveTab:S,tabManagerInitiated:C,showActivateTabModal:h,setShowActivateTabModal:f,activateCurrentTab:v}=te(),k=ut(),{manager:w}=ah(),x=ct(w).map(({swap:q})=>q).some(q=>q.status==="running"),T=i(()=>v(zt.forceClaim,x),"onActivateTab"),I=i(()=>{r.onWallet?.()},"onConnectWallet"),A=typeof r.hasBackButton>"u"||r.hasBackButton,L=Op(null),M=Op(null);return Fp(()=>(Hn()&&M.current&&e(M.current),()=>{o()}),[]),Fp(()=>(L.current?.addEventListener("scroll",qi),()=>{L.current?.removeEventListener("scroll",qi)}),[]),ye.createElement(Bp,{height:a,id:ke.SWAP_BOX_ID,className:`${m()} ${Rn()}`,ref:M},ye.createElement(ph,{prefix:ye.createElement(ye.Fragment,null,A&&ye.createElement($i,{onClick:()=>{k(),r.onBack&&r.onBack()}})),title:r.title,suffix:ye.createElement(ye.Fragment,null,r.suffix,r.onWallet&&!y&&ye.createElement(Fi,{container:N(),onClick:I,isConnected:!!l?.length}),r.onCancel&&ye.createElement(Di,{onClick:r.onCancel}))}),ye.createElement($p,{ref:L},n),ye.createElement(Bi,{open:h,onClose:()=>f(!1),onConfirm:T}),ye.createElement(_p,null,ye.createElement("div",{className:"footer__content"},C&&!S&&ye.createElement("div",{className:"footer__alert"},ye.createElement(Ni,{onActivateTab:T}),ye.createElement(Dp,{size:10})),s),ye.createElement(Dp,{size:12}),ye.createElement("div",{className:`footer__logo ${d?"logo__show":"logo__hidden"}`},ye.createElement(lh,null))))}i(re,"Layout");import{styled as uh}from"@rango-dev/ui";var Up="$20 $20 $10 $20",Eo=uh("div",{padding:Up,overflowY:"auto",flexGrow:1});import{styled as ch}from"@rango-dev/ui";var le=ch("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 hh}from"@rango-dev/ui";import Hi from"react";import{i18n as ao}from"@lingui/core";import{Image as fh,MessageBox as Qi,WalletState as gh}from"@rango-dev/ui";import Vt from"react";import{keyframes as mh,styled as er}from"@rango-dev/ui";var e0=er("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),qp=er("div",{position:"relative"}),dh=mh({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),zp=er("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${dh} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Qp=er("div",{"& img":{borderRadius:"50%"}});function Hp(t){let{state:e,image:o,error:n}=t;return e===gh.CONNECTED?Vt.createElement(Qi,{type:"success",title:ao.t("Wallet Connected"),description:ao.t("Your wallet is connected, you can use it to swap.")}):n?Vt.createElement(Qi,{type:"error",title:ao.t("Failed to Connect"),description:n||ao.t("Your wallet is not connected. Please try again.")}):Vt.createElement(Qi,{type:"loading",title:ao.t("Connecting to your wallet"),description:ao.t("Click connect in your wallet popup."),icon:Vt.createElement(qp,null,Vt.createElement(Qp,null,Vt.createElement(fh,{src:o,size:45})),Vt.createElement(zp,null))})}i(Hp,"ModalContent");function Wo(t){let{open:e,onClose:o,...n}=t;return Hi.createElement(ae,{open:e,onClose:o,container:document.getElementById(ke.SWAP_BOX_ID)||document.body},Hi.createElement(Hp,{...n}),Hi.createElement(hh,{direction:"vertical",size:32}))}i(Wo,"WalletModal");var Th=jp("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),kh=jp(le,{textAlign:"center"}),tr=3e3,Gi=300;function Xp(){let{config:t,fetchStatus:e}=g(),[o,n]=Vp(!1),[r,s]=Vp(""),a=null,l=te.use.isActiveTab(),{list:p,handleClick:u,error:c,disconnectConnectingWallets:d}=Qn({config:t,onBeforeConnect:h=>{a=setTimeout(()=>{n(!0),s(h)},Gi)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},tr)}}),m=i(()=>{d(),n(!1)},"handleCloseWalletModal"),y=p.find(h=>h.type===r),S=y?.image||"",C=y?.state||Ch.NOT_INSTALLED;return lo.createElement(re,{header:{title:Gp.t("Connect Wallets")}},lo.createElement(kh,null,lo.createElement(yh,{variant:"title",size:"xmedium",align:"center"},Gp.t("Choose a wallet to connect.")),lo.createElement(Th,null,p.map((h,f)=>{let v=`wallet-${f}-${h.type}`;return lo.createElement(Sh,{key:v,...h,container:N(),onClick:k=>{u(k)},isLoading:e==="loading",disabled:!l})}),lo.createElement(Wo,{open:!!o,onClose:m,image:S,state:C,error:c}))))}i(Xp,"WalletsPage");import{keyframes as wh,styled as Vi}from"@rango-dev/ui";var Kp=Vi("div",{position:"relative"}),xh=wh({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),Yp=Vi("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}),Jp=Vi("div",{"& img":{borderRadius:"50%"}});var Ah=7;function Xi(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:s}=t,{config:a}=g(),l=te.use.isActiveTab(),p=X.use.connectedWallets(),{blockchains:u}=g(),[c,d]=Lo(""),[m,y]=Lo(null),[S,C]=Lo(!1),[h,f]=Lo(null),{suggestAndConnect:v}=tu(),k=null,{list:w,error:E,handleClick:x,disconnectConnectingWallets:T}=Qn({config:a,chain:e,onBeforeConnect:B=>{k=setTimeout(()=>{d(B)},Gi)},onConnect:()=>{k&&clearTimeout(k),setTimeout(()=>{d("")},tr)}}),[I,A]=Lo(w),L=w.length,M=r&&L-r>0,q=i(async B=>{C(!1),f("in-progress");try{await v(B.walletType,B.chain),f("completed")}catch{f("rejected")}},"addExperimentalChain");eu(()=>{A(B=>{let Z=w.findIndex(O=>o(O.type,e));return M&&Z>1?[w[Z]].concat(w.filter((O,b)=>b!==Z)):B.map(O=>w.find(b=>b.type===O.type)??O)})},[JSON.stringify(w)]);let se=document.getElementById(ke.SWAP_BOX_ID);eu(()=>{let B=null;return(h==="completed"||h==="rejected")&&(B=setTimeout(()=>f(null),tr)),()=>{B&&clearTimeout(B)}},[h]);let ge=i(()=>{T(),d("")},"handleCloseWalletModal");return pe.createElement(pe.Fragment,null,I.slice(0,r).map(B=>{let Z=Oa({connectedWallets:p,walletType:B.type,chain:e}),O=Z?gn(Z,Ah):"",b=dn(u(),e),R=!p.find(Ie=>Ie.walletType===B.type&&Ie.chain===e),G=b&&R&&B.state===Rp.CONNECTED,V=G?et.t({id:"Add {chain} chain",values:{chain:e}}):O,Ce=i(()=>{B.state===Rp.DISCONNECTED?x(B.type):G?(y({walletType:B.type,chain:e,address:Z??""}),C(!0)):n({walletType:B.type,chain:e,address:Z??""})},"onClick"),de=m?.chain?yl(m.chain,u()):void 0;return pe.createElement(pe.Fragment,null,pe.createElement(Wo,{open:c===B.type,onClose:ge,image:B.image,state:B.state,error:E}),!!m&&pe.createElement(ae,{open:!!m&&S,container:se,onClose:()=>{y(null)}},pe.createElement(or,{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(ji,{size:18}),pe.createElement(ji,{size:32}),pe.createElement(vh,{onClick:q.bind(null,m),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},et.t("Confirm")))),h&&pe.createElement(ae,{open:!!h,onClose:f.bind(null,null),container:se},h==="in-progress"&&pe.createElement(or,{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(Kp,null,pe.createElement(Jp,null,pe.createElement(bh,{src:B.image,size:45})),pe.createElement(Yp,null))}),h==="completed"&&pe.createElement(or,{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}})}),h==="rejected"&&pe.createElement(or,{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(ji,{direction:"vertical",size:32})),pe.createElement(Ih,{key:B.type,description:V,onClick:Ce,selected:o(B.type,e),disabled:!l,...B}))}),M&&pe.createElement(Yl,{selected:!1,onClick:s},pe.createElement(Zp,{variant:"label",size:"medium"},et.t("Show more wallets"),pe.createElement(Zp,{variant:"label",size:"medium",color:"$primary"},"\xA0+",L-(r??0)))))}i(Xi,"WalletList");var $h=2;function nu(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,loading:s}=t,a=g().config,l=g().blockchains(),{selectedQuote:p,setSelectedWallets:u,quoteWalletsConfirmed:c,setQuoteWalletConfirmed:d,customDestination:m,setCustomDestination:y}=Q(),{connectedWallets:S,selectWallets:C}=X(),[h,f]=uo(""),[v,k]=uo([]),[w,E]=uo(""),[x,T]=uo(null),[I,A]=uo(!!m),L=bn(p?.swaps||null),M=l.find(H=>H.name===p?.swaps[p?.swaps.length-1].to.blockchain),q=i(H=>!!p?.swaps.find(Y=>Y.from.blockchain===H),"isWalletRequiredFor"),se=i(()=>S.filter(H=>H.selected&&L.includes(H.chain)),"getInitialSelectableWallets"),[ge,B]=uo(se()),Z=l.find(H=>H.name===M?.name),O=v.length>0,b=i((H,Y)=>!!ge.find(ee=>ee.walletType===H&&ee.chain===Y&&ee.selected&&(q(Y)||!q(Y)&&!m)),"isSelected"),R=!!m&&I&&Z&&!In(Z,m),G=i(()=>{A(!1),y(null),B(H=>{let Y=!1;return H.map(ee=>!Y&&ee.chain===M?.name?(Y=!0,{...ee,selected:!0}):ee)})},"resetCustomDestination"),V=i(H=>{if(h&&f(""),b(H.walletType,H.chain))return;let ee=S.find(Ae=>Ae.walletType===H.walletType&&Ae.chain===H.chain);ee&&(n(),H.chain===M?.name&&I&&(A(!1),y(null)),B(Ae=>Ae.filter(Ve=>Ve.chain!==H.chain).concat({...ee,selected:!0})))},"onChange"),Ce=i(()=>{let H=ge.filter(Y=>Y.selected);C(H),u(H),d(!0),o()},"onConfirmBalance"),de=i(async()=>{k([]),E(""),T(null);let H=S.filter(Ae=>ge.find(Ve=>Ve.chain===Ae.chain&&Ve.walletType===Ae.walletType)),Y=await r?.({selectedWallets:H,customDestination:m}),ee=Y.warnings;ee?.balance?.messages&&k(ee.balance.messages),ee?.quoteUpdate&&T(ee.quoteUpdate),Y.error&&E(Sl(Y.error)),!Y.error&&!ee?.balance?.messages.length?Ce():k(ee?.balance?.messages??[])},"onConfirmWallets");Ph(()=>{B(H=>H.concat(S.filter(Y=>!!!H.find(Ae=>Ae.chain===Y.chain)&&Y.selected&&L.includes(Y.chain))))},[S.length]);let Ie=document.getElementById(ke.SWAP_BOX_ID),ht=Bh();return $.createElement(ae,{open:e,onClose:()=>{c||ht("../",{replace:!0}),o()},dismissible:!h,container:Ie,...!h&&{footer:$.createElement(np,null,$.createElement(ou,{loading:s,disabled:_l(s,I,m,p,ge,M),onClick:de,variant:"contained",type:"primary",fullWidth:!0,size:"large"},mt.t("Confirm")))},...h&&{styles:{container:{padding:"$0"}},header:$.createElement(Jl,null,$.createElement(Zl,{variant:"ghost",onClick:f.bind(null,"")},$.createElement(Lh,{size:16})),$.createElement(nr,{variant:"headline",size:"small"},mt.t({id:"Your {blockchainName} wallets",values:{blockchainName:Xe(h,l)}})))},anchor:"center"},$.createElement(ae,{open:O,onClose:k.bind(null,[]),container:Ie},$.createElement(Mh,{title:mt.t("Insufficient account balance"),type:"error",description:$.createElement(Eh,{messages:v??[]})},$.createElement(ou,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:Ce},mt.t("Proceed anyway")))),h&&$.createElement(Rl,null,$.createElement("div",{className:ep()},$.createElement(Xi,{chain:h,isSelected:b,selectWallet:V,onShowMore:f.bind(null,h)}))),!h&&$.createElement($.Fragment,null,w&&$.createElement($.Fragment,null,$.createElement(Ki,{variant:"alarm",type:"error",title:mt.t(w)}),$.createElement(po,{size:12})),x&&$.createElement($.Fragment,null,$.createElement(Ki,{variant:"alarm",type:"warning",title:_n(x)}),$.createElement(po,{size:12})),$.createElement(ip,null,L.map((H,Y)=>{let ee=l.find(Te=>Te.name===H),Ae=`wallet-${Y}`,Ve=Y===L.length-1;return $.createElement("div",{key:Ae},$.createElement(Xl,null,$.createElement(nr,{variant:"title",size:"xmedium"},mt.t({id:"Your {blockchainName} wallets",values:{blockchainName:ee?.shortName}})),$.createElement(nr,{variant:"label",color:"$neutral700",size:"medium"},mt.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:ee?.shortName}}))),$.createElement(po,{size:24}),$.createElement(Kl,null,$.createElement(Xi,{chain:H,isSelected:b,selectWallet:V,limit:$h,onShowMore:()=>f(ee?.name??"")})),!Ve&&$.createElement(po,{size:32}),Ve&&a?.customDestination&&$.createElement(tp,null,$.createElement(qn,{onOpenChange:Te=>{Te?q(M?.name??"")||B(De=>De.map(he=>he.chain===M?.name?{...he,selected:!1}:he)):G()},hasSelected:!0,open:I,triggerAnchor:"top",trigger:$.createElement(sp,{fullWidth:!0,variant:"default",suffix:$.createElement(On,{orientation:I?"up":"down"},$.createElement(Wh,{size:10,color:"gray"}))},$.createElement("div",{className:"button__content"},$.createElement(Nh,{size:18,color:"info"}),$.createElement(po,{size:4,direction:"horizontal"}),$.createElement(nr,{variant:"label",size:"medium"},mt.t("Send to a different address")))),onClickTrigger:()=>A(Te=>!Te)},$.createElement(po,{size:4}),$.createElement(rp,{autoFocus:!0,placeholder:mt.t("Your destination address"),value:m||"",onChange:Te=>{let De=Te.target.value;De.length?y(De.length?De:null):(A(!1),y(null))}})),R&&$.createElement("div",{className:op()},$.createElement(Ki,{variant:"alarm",type:"error",title:mt.t({values:{destination:m},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(nu,"ConfirmWalletsModal");import{i18n as ey}from"@lingui/core";import{Alert as ty,Button as oy,InfoIcon as ny}from"@rango-dev/ui";import Qe from"react";import{Alert as Fh,Button as Oh,Divider as Zi,NoRouteIcon as Uh,RefreshIcon as qh,Typography as uu}from"@rango-dev/ui";import ze from"react";import{i18n as ru}from"@lingui/core";var _h=24,Dh=60;function iu(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:K().genericServerError,action:{onClick:n,title:ru.t("Retry")}},description:""}:e.length?{alert:{type:"warning",text:K().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:ru.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(iu,"makeInfo");var Yi=(o=>(o[o.small=_h]="small",o[o.large=Dh]="large",o))(Yi||{}),Ji=(o=>(o.small="small",o.large="medium",o))(Ji||{});import{styled as rr}from"@rango-dev/ui";var su=rr("div",{display:"flex",flexDirection:"column",alignItems:"center"}),au=rr("div",{variants:{size:{small:{},large:{maxWidth:"316px"}}}}),lu=rr("div",{variants:{size:{small:{width:"100%"},large:{}}}}),pu=rr("div",{padding:"$6 $0"});function Mo(t){let{fetch:e,error:o,size:n="small"}=t,r=g().getDisabledLiquiditySources(),s=g().toggleAllLiquiditySources,a=g().swappers(),l=iu(o,r,()=>s(a,!0),e);return ze.createElement(su,null,ze.createElement(Uh,{size:Yi[n],color:"gray"}),ze.createElement(Zi,{size:4}),ze.createElement(uu,{variant:"title",size:Ji[n]},K().noResultError.title),n==="large"&&ze.createElement(Zi,{size:4}),!!l.description&&ze.createElement(au,{size:n},ze.createElement(uu,{variant:"body",size:"small",align:"center",color:"neutral700"},l.description)),ze.createElement(Zi,{size:n==="large"?"24":"4"}),!!l.alert&&ze.createElement(lu,{size:n},ze.createElement(Fh,{type:l.alert.type,title:l.alert.text,titleAlign:"left",action:l.alert.action&&ze.createElement(Oh,{size:"xsmall",type:l.alert.type,prefix:ze.createElement(pu,null,ze.createElement(qh,{size:8})),onClick:l.alert.action.onClick},l.alert.action.title),variant:"alarm"})))}i(Mo,"NoResult");import{i18n as No}from"@lingui/core";import{Button as Qh,Divider as Hh,MessageBox as Gh,Typography as Vh,WarningIcon as jh}from"@rango-dev/ui";import Ct from"react";import{Typography as fu}from"@rango-dev/ui";import es from"react";import{darkTheme as zh,styled as ir}from"@rango-dev/ui";var cu=ir("div",{width:"100%"}),Ri=ir("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),mu=ir("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${zh} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),du=ir("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function gu(t){let{title:e,value:o,valueColor:n}=t;return es.createElement(mu,null,es.createElement(fu,{size:"medium",variant:"label",className:"_title"},e),es.createElement(fu,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(gu,"QuoteErrorsModalItem");function hu(t){let{open:e,onClose:o,onConfirm:n,warning:r,confirmationDisabled:s}=t,a=r.warningLevel==="high"?"error":"warning",l=[{title:No.t("Swapping"),value:W(r.inputUsdValue,4,4)},{title:No.t("Gas cost"),value:W(r.totalFee,2,2)},{title:No.t("Receiving"),value:W(r.outputUsdValue,4,4)},{title:No.t("Price impact"),value:W(r.priceImpact,2,2),valueColor:`${a}500`}];return Ct.createElement(ae,{footer:Ct.createElement(Qh,{type:"primary",size:"large",prefix:Ct.createElement(jh,null),fullWidth:!0,disabled:s,onClick:n},K().highValueLossError.confirmMessage),open:e,onClose:o,container:N()},Ct.createElement(Gh,{type:a,title:K().highValueLossError.impactTitle,description:K().highValueLossError.description}),Ct.createElement(Ri,null,Ct.createElement(Hh,{size:20}),Ct.createElement(Vh,{size:"small",variant:"title"},No.t("Details")),Ct.createElement(Ri,null,l.map((p,u)=>Ct.createElement(gu,{key:u,...p})))))}i(hu,"HighValueLossWarningModal");import{i18n as ts}from"@lingui/core";function yu(t,e){let o={alertType:"warning",title:"",action:"show-info"};return e?(o.alertType="error",e.type===3&&(o.title=e.recommendation,o.action="show-info"),e.type===4&&(o.title=ts.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=null,o.title=K().highValueLossError.title),t.type===1&&(o.title=K().unknownPriceError.title),t.type===2&&(o.title=ts.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=ts.t("Caution, your slippage is high.")),o):null}i(yu,"makeAlerts");import{i18n as co}from"@lingui/core";import{Button as Su,Divider as Cu,MessageBox as Xh,Typography as Kh}from"@rango-dev/ui";import Kt from"react";import{useNavigate as Yh}from"react-router-dom";function Tu(t){let{customSlippage:e,slippage:o}=g(),{open:n,onClose:r,onConfirm:s,warning:a,confirmationDisabled:l}=t,p=Yh(),u=e??o;return Kt.createElement(ae,{anchor:"bottom",open:n,prefix:Kt.createElement(Su,{size:"small",variant:"ghost",onClick:()=>p("../"+D.settings)},Kt.createElement(Kh,{variant:"label",size:"medium",color:"$neutral900"},co.t("Change settings"))),container:N(),onClose:r},Kt.createElement(Xh,{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(Cu,{size:18}),Kt.createElement(Cu,{size:32}),Kt.createElement(Su,{size:"large",type:"primary",variant:"contained",fullWidth:!0,disabled:l,onClick:s},co.t("Confirm anyway"))))}i(Tu,"SlippageWarningModal");import{Button as Jh,MessageBox as Zh,WarningIcon as Rh}from"@rango-dev/ui";import sr from"react";function ku(t){let{open:e,onClose:o,onConfirm:n,confirmationDisabled:r}=t;return sr.createElement(ae,{footer:sr.createElement(Jh,{type:"primary",size:"large",prefix:sr.createElement(Rh,null),fullWidth:!0,disabled:r,onClick:n},K().unknownPriceError.confirmMessage),open:e,onClose:o,container:N()},sr.createElement(Zh,{type:"warning",title:K().unknownPriceError.impactTitle,description:K().unknownPriceError.description}))}i(ku,"UnknownPriceWarningModal");function Po(t){let{warning:e,error:o,showWarningModal:n,confirmationDisabled:r,refetchQuote:s,onOpenWarningModal:a,onCloseWarningModal:l,onConfirmWarningModal:p,onChangeSettings:u}=t,c={confirmationDisabled:r,open:n,onClose:l,onConfirm:p},d=o?.type===0||o?.type===1,m=yu(e,o?.type===3||o?.type===4?o:null);return Qe.createElement(Qe.Fragment,null,d&&Qe.createElement(Mo,{error:o,fetch:s}),!!m&&Qe.createElement(cu,null,Qe.createElement(ty,{title:m.title,type:m.alertType,variant:"alarm",...m.action==="show-info"&&{action:Qe.createElement(du,{onClick:a},Qe.createElement(ny,{size:12,color:"gray"}))},...m.action==="change-settings"&&{action:Qe.createElement(oy,{size:"xxsmall",type:m.alertType,onClick:u},ey.t("Change"))}})),e&&Qe.createElement(Qe.Fragment,null,e.type===0&&Qe.createElement(hu,{...c,warning:e}),(e.type===3||e.type===2)&&Qe.createElement(Tu,{...c,warning:e}),e.type===1&&Qe.createElement(ku,{...c,warning:e})))}i(Po,"QuoteWarningsAndErrors");import _y from"bignumber.js";import Cr from"react";import{i18n as Do}from"@lingui/core";import{Alert as xy,Divider as Fo,FullExpandedQuote as vy,InfoIcon as by,QuoteTag as Iy,StepDetails as Ay,TokenAmount as Ey,Tooltip as Yu,Typography as fo}from"@rango-dev/ui";import us from"bignumber.js";import P,{useRef as Wy,useState as Ly}from"react";import{styled as os}from"@rango-dev/ui";var ns=os("div",{width:"100%","& .position-top__skeleton":{paddingTop:"$10"}}),wu=os("div",{paddingBottom:"$15"}),xu=os("div",{width:"100%",display:"flex"});import*as ar from"@radix-ui/react-collapsible";import{Button as ry,css as Bo,darkTheme as Pe,Image as vu,styled as Be,Typography as iy}from"@rango-dev/ui";var sy=300,bu=Be(ar.Root,{display:"flex",flexDirection:"column",alignItems:"start",overflowX:"auto",overflowY:"hidden",width:"100%",borderRadius:"$xm",variants:{selected:{true:{},false:{$$color:"$colors$neutral400",[`.${Pe} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}},listItem:{true:{$$color:"$colors$neutral400",[`.${Pe} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"},false:{}}},compoundVariants:[{listItem:!1,selected:!0,css:{$$color:"$colors$info300",[`.${Pe} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"}},{listItem:!0,selected:!1,css:{cursor:"pointer","&:hover":{backgroundColor:"$neutral300",[`.${Pe} &`]:{backgroundColor:"$neutral400"}}}}]}),Iu=Bo({padding:"$10 $15"}),Au=Be(ry,{backgroundColor:"transparent",border:"1px solid $secondary"}),Eu=Be("div",{borderRadius:"$xm",display:"flex",flexDirection:"column",alignItems:"start",justifyContent:"space-between",color:"$foreground",boxSizing:"border-box",position:"relative",variants:{selected:{true:{},false:{$$color:"$colors$neutral200",[`.${Pe} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color"}},basic:{true:{borderTopRightRadius:"0",borderTopLeftRadius:"0"}},listItem:{true:{$$color:"$colors$neutral200",[`.${Pe} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color","&:hover":{backgroundColor:"$neutral300",[`.${Pe} &`]:{backgroundColor:"$neutral400"}},cursor:"pointer"},false:{}}},compoundVariants:[{listItem:!0,selected:!0,css:{outline:"1px solid $secondary"}},{listItem:!1,selected:!0,css:{$$color:"$colors$info100",[`.${Pe} &`]:{$$color:"$colors$secondary600"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}}},{listItem:!0,selected:!1,css:{cursor:"pointer","&:hover":{backgroundColor:"$neutral300",[`.${Pe} &`]:{backgroundColor:"$neutral400"}}}}]}),Wu=Bo({width:"100%",padding:"$15 $15 $10 $15"}),Lu=Bo({display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",paddingBottom:"$10",position:"relative"}),mo=Bo({display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",".blockchainImage":{marginLeft:"-$8"}}),Mu=Bo({display:"flex",alignItems:"center",".usd-value":{$$color:"$colors$neutral600",[`.${Pe} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Nu=Be(ar.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:{[`& ${vu}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${vu}`]:{border:"1px transparent solid",borderRadius:"100%"}}},selected:{true:{},false:{$$color:"$colors$neutral400",[`.${Pe} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}},listItem:{true:{$$color:"$colors$neutral400",[`.${Pe} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"},false:{}}},compoundVariants:[{listItem:!1,selected:!0,css:{$$color:"$colors$info300",[`.${Pe} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"}}],".blockchains_section":{display:"none"},"@xs":{".blockchains_section":{display:"block"}}}),Pu=Be("div",{width:"18px",height:"18px",borderRadius:"100%",display:"flex",justifyContent:"center",alignItems:"center",border:"1.5px transparent solid",img:{borderRadius:"100%"},variants:{state:{error:{borderColor:"$error500"},warning:{borderColor:"$warning500"}}}}),Bu=Be(Fn,{width:"100%",background:"inherit"}),rs=Be("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${sy}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),FL=Be("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),$u=Be("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${Pe} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),_u=Be("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"}),is=Be(iy,{overflow:"hidden",textOverflow:"ellipsis",letterSpacing:.4}),Du=Be("div",{display:"flex",flexWrap:"wrap"}),ss=Be("div",{width:"18px",height:"18px",borderRadius:"100%",backgroundColor:"$background",cursor:"default",display:"flex",justifyContent:"center",alignItems:"center",border:"1.5px transparent solid",variants:{state:{error:{borderColor:"$error500"},warning:{borderColor:"$warning500"}}}}),Fu=Be("div",{display:"flex"}),lr=Be("div",{width:"100%",borderTopWidth:"1px",borderTopStyle:"solid",borderTopColor:"$neutral",margin:"$5 0",[`.${Pe} &`]:{borderTopColor:"$neutral400"}});import{i18n as $t}from"@lingui/core";import{ChevronDownIcon as ly,CloseIcon as py,Divider as cr,IconButton as uy,QuoteCost as cy,Tooltip as my,Typography as tt}from"@rango-dev/ui";import j,{useState as zu}from"react";import{css as ay,styled as pr}from"@rango-dev/ui";var ur=pr("div",{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"$5 0","&.total_payable_fee":{padding:"$12 0"}}),as=pr("div",{width:"100%",borderTop:"1px solid $neutral300",margin:"$10 0"}),Ou=pr("div",{padding:"$20 0",display:"flex",flexDirection:"column","& .collapsible_trigger":{display:"flex",alignItems:"center"}}),Uu=pr("div",{padding:"$20 $20 $10",textAlign:"center",position:"relative","._icon-button":{position:"absolute",zIndex:10,top:"$16",right:"$16"}}),qu=ay({display:"flex",flexDirection:"row",alignItems:"center",padding:"$5","&:hover":{"& ._typography, & svg":{color:"$secondary"}}});var dy=i(t=>t.fee.isZero()?null:j.createElement(ur,null,j.createElement(tt,{variant:"label",size:"medium",color:"neutral600"},t.label),j.createElement(tt,{variant:"label",size:"medium"},"$",W(t.fee,4,4))),"NonPayableFee");function Qu(t){let[e,o]=zu(!1),[n,r]=zu(!1),{steps:s,quote:a,fee:l,time:p,feeWarning:u,showModalFee:c}=t,d=a?.swaps??[],m=N(),y=vl(d);return j.createElement(j.Fragment,null,j.createElement(cy,{onClickFee:c?S=>{S.stopPropagation(),o(!e)}:void 0,fee:l,feeWarning:u,time:p,steps:s,tooltipGas:c?$t.t("View more info"):void 0,tooltipContainer:m}),j.createElement(ae,{container:m,open:e,header:j.createElement(Uu,null,j.createElement(tt,{variant:"title",size:"medium"},$t.t("Gas & Fee Explanation")),j.createElement(uy,{onClick:()=>o(!1),variant:"ghost"},j.createElement(py,{color:"gray",size:14}))),onClose:()=>{o(!1)}},j.createElement(Ou,null,j.createElement(tt,{variant:"title",size:"small"},$t.t("Details")),j.createElement(cr,{size:10}),Object.entries(y.payable).flatMap(([S,C])=>C.map((h,f)=>{let v=`payable-fee-${f}`,k=hi(h);return j.createElement(ur,{key:v},j.createElement(tt,{variant:"label",size:"medium",color:"neutral600"},ui[S]),j.createElement(my,{content:ie(h.amount),container:m},j.createElement(tt,{variant:"label",size:"medium"},W(h.amount,2,2)," ",h.asset.symbol," ($",W(k,4,4),")")))})),j.createElement(ur,{className:"total_payable_fee"},j.createElement(tt,{variant:"label",size:"medium"},$t.t("Total Payable Fee")),j.createElement(tt,{variant:"label",size:"medium"},"$",W(l,4,4))),j.createElement(as,null),Object.keys(y.nonePayable).length&&j.createElement(qn,{triggerAnchor:"bottom",onClickTrigger:()=>r(S=>!S),trigger:j.createElement("div",{className:qu()},j.createElement(tt,{size:"small",variant:"body",color:"neutral700"},n?$t.t("Hide non-payable fees"):$t.t("Show non-payable fees")),j.createElement(cr,{size:4,direction:"horizontal"}),j.createElement(On,{orientation:n?"up":"down"},j.createElement(ly,{size:12,color:"gray"}))),open:n},j.createElement(tt,{size:"small",variant:"title"},$t.t("Description")),j.createElement(cr,{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(cr,{size:10}),Object.entries(y.nonePayable).map(([S,C],h)=>{let f=xl(C),v=ui[S],k=`non-payable-fee-${h}`;return j.createElement(dy,{key:k,fee:f,label:v})}),j.createElement(as,null)))))}i(Qu,"QuoteCostDetails");import{i18n as Vu}from"@lingui/core";import{TokenAmount as ju}from"@rango-dev/ui";import mr from"react";import{css as fy,styled as gy}from"@rango-dev/ui";var Hu=gy("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%"}),Gu=fy({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 mr.createElement(Hu,null,mr.createElement(ju,{direction:"horizontal",label:Vu.t("Swap input"),type:"input",tooltipContainer:N(),price:{value:e.price.value,usdValue:e.price.usdValue,realValue:e.price.realValue,realUsdValue:e.price.realUsdValue},token:{displayName:e.token.displayName,image:e.token.image},chain:{image:e.chain.image}}),mr.createElement("div",{className:Gu()}),mr.createElement(ju,{direction:"horizontal",tooltipContainer:N(),label:Vu.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 Xu}from"@lingui/core";import{ChevronDownIcon as Ty,ChevronRightIcon as ky,Divider as ls,Image as wy,Tooltip as ps,Typography as fr}from"@rango-dev/ui";import _ from"react";import{useEffect as hy,useState as yy}from"react";var Sy=768,Cy=i(()=>{let[t,e]=yy(!1),o=i(()=>{e(window.innerWidth<Sy)},"handleResize");return hy(()=>(o(),window.addEventListener("resize",o),()=>window.removeEventListener("resize",o)),[]),t},"useMobileDetect"),dr=Cy;var gr=4,hr=6,_o=i(t=>{let e=N(),{content:o,src:n,className:r,open:s,state:a}=t;return _.createElement(ps,{container:e,side:"bottom",sideOffset:4,open:s,content:o},_.createElement(Pu,{className:r,state:a},_.createElement(wy,{src:n,size:16})))},"ImageComponent");function Ku(t){let{quoteRef:e,selected:o,setExpanded:n,steps:r,expanded:s,type:a}=t,l=N(),p=r.length,u=ql(r),c=dr();return _.createElement(Nu,{listItem:a==="list-item",ref:d=>e.current=d,selected:o,onClick:d=>{d.stopPropagation(),n(m=>!m)}},_.createElement("div",{className:mo()},_.createElement(fr,{variant:"body",size:"xsmall"},Xu.t("Via:")),_.createElement(ls,{direction:"horizontal",size:4}),r.map((d,m)=>{let y=`item-${m}`,S=_.createElement(rs,null,_.createElement(ky,{size:12,color:"black"}));return c?_.createElement(_.Fragment,null,_.createElement(_o,{content:d.swapper.displayName,src:d.swapper.image,state:d.state}),m!==p-1&&_.createElement(_.Fragment,null,S)):_.createElement(_.Fragment,{key:y},p<=gr||p>gr&&m<gr-1?_.createElement(_.Fragment,null,_.createElement(_o,{content:d.swapper.displayName,src:d.swapper.image,state:d.state}),m!==p-1&&_.createElement(_.Fragment,null,S)):m===gr-1&&_.createElement(ps,{container:l,side:"bottom",align:"right",sideOffset:4,content:_.createElement("div",{className:mo()},S,r.map((C,h)=>{let f=`image-${h}`;return h>=m&&_.createElement(_.Fragment,{key:f},_.createElement(_o,{content:C.swapper.displayName,src:C.swapper.image,state:C.state,open:!1}),h!==p-1&&_.createElement(_.Fragment,null,S))}))},_.createElement(ss,{state:r.find((C,h)=>h>=m&&(C.state==="error"||C.state==="warning"))?.state},_.createElement(fr,{size:"xsmall",variant:"body"},"+",p-m))))})),_.createElement("div",{className:mo()},_.createElement("div",{className:"blockchains_section"},_.createElement("div",{className:mo()},_.createElement(fr,{variant:"body",size:"xsmall"},Xu.t("Chains:")),_.createElement(ls,{direction:"horizontal",size:4}),u.map((d,m)=>_.createElement(_.Fragment,null,u.length<=hr||u.length>hr&&m<hr-1?_.createElement(_o,{key:d.displayName,content:"",src:d.image,open:!1,className:m!==0?"blockchainImage":""}):m===hr-1&&_.createElement(ps,{container:l,side:"bottom",align:"right",sideOffset:4,content:_.createElement("div",{className:mo()},u.map((y,S)=>S>=m&&_.createElement(_o,{key:y.displayName,content:"",src:y.image,open:!1,className:S>m?"blockchainImage":""})))},_.createElement(ss,{className:"blockchainImage"},_.createElement(fr,{size:"xsmall",variant:"body"},"+",u.length-m))))),_.createElement(ls,{direction:"horizontal",size:32}))),_.createElement(rs,{orientation:s?"up":"down"},_.createElement(Ty,{size:12,color:"black"}))))}i(Ku,"QuoteTrigger");function cs(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:d=!1}=t,m=g().blockchains(),y=g().tokens(),S=g().swappers(),[C,h]=Ly(t.expanded),f=Wy(null),v=W(o.value,6,6),k=W(n.value,6,6),w=n.usdValue?W(n.usdValue,4,4):"",E=Ke(o.usdValue,n.usdValue??null),x=W(E,2,2),T=St(E??0),A=i(O=>O.map((b,R)=>{let G,V=r?.type===3&&r.swap.swapperId===b.swapperId||r?.type===4&&r.recommendedSlippages?.has(R),Ce=s?.type===2&&s.recommendedSlippages?.has(R);V?G="error":Ce&&(G="warning");let de=V?Do.t("Slippage Error"):Do.t("Slippage Warning");return r?.type===3&&(de=r?.recommendation),{swapper:{displayName:bo(b.swapperId,S),image:b.swapperLogo},from:{token:{displayName:b.from.symbol,image:b.from.logo},chain:{displayName:Xe(b.from.blockchain,m),image:b.from.blockchainLogo},price:{value:R===0?W(o.value,6,6):W(b.fromAmount,6,6),usdValue:W((b.from.usdPrice??0)*parseFloat(b.fromAmount),4,4),realValue:ie(R===0?o.value:b.fromAmount),realUsdValue:ie(new us(b.from.usdPrice??0).multipliedBy(b.fromAmount))}},to:{token:{displayName:b.to.symbol,image:b.to.logo},chain:{displayName:Xe(b.to.blockchain,m),image:b.to.blockchainLogo},price:{value:W(b.toAmount,6,6),usdValue:W((b.to.usdPrice??0)*parseFloat(b.toAmount),4,4),realValue:ie(b.toAmount),realUsdValue:ie(new us(b.to.usdPrice??0).multipliedBy(b.toAmount))}},state:G,alerts:V||Ce?P.createElement(wu,null,P.createElement(xy,{variant:"alarm",type:V?"error":"warning",title:de,footer:P.createElement(xu,null,r?.type===3&&P.createElement(P.Fragment,null,P.createElement(fo,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),P.createElement(Fo,{direction:"horizontal",size:8}),P.createElement(fo,{size:"xsmall",variant:"body",color:"neutral900"},"|"),P.createElement(Fo,{direction:"horizontal",size:8}),P.createElement(fo,{size:"xsmall",variant:"body",color:"neutral900"},Do.t({id:"Yours: {amount} {symbol}",values:{amount:W(b.fromAmount,6,6),symbol:b?.from.symbol}}))),(r?.type===4||s?.type===2)&&P.createElement(fo,{size:"xsmall",variant:"body",color:"neutral900"},Do.t({id:"Minimum required slippage is {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get(R)},...s?.type===2&&{minRequiredSlippage:s.recommendedSlippages?.get(R)}}})))})):void 0}}),"getQuoteSteps")(e?.swaps??[]),L=A.length,M=N(),q=Ql(t.quote.tags||[]),se=!!c,ge=an(ln(e?.swaps)),B=Wn(e?.swaps??[],y),Z=W(B,2,2);return d?P.createElement(vy,{selected:l,fee:Z,time:ge,tooltipContainer:Tn(),steps:A,tags:q,percentageChange:x,warningLevel:T,outputPrice:{value:k,usdValue:w,realValue:ie(n.value),realUsdValue:ie(n.usdValue)}}):P.createElement(Eu,{selected:l,listItem:a==="list-item",basic:a==="basic"},P.createElement("div",{className:Wu()},!p&&q.length?P.createElement(P.Fragment,null,P.createElement(Fu,null,q.map((O,b)=>{let R=`${O.value}_${b}`;return P.createElement(P.Fragment,null,P.createElement(Iy,{label:O.label,key:R,value:O.value}),P.createElement(Fo,{size:4,direction:"horizontal"}))})),P.createElement(lr,null),!se&&P.createElement(Fo,{size:4})):null,P.createElement("div",{id:"portal-root",className:Lu()},P.createElement(Qu,{quote:e,time:ge,fee:Z,feeWarning:B.gte(new us(hl)),showModalFee:u,steps:L}),se&&P.createElement(Au,{onClick:O=>{O.stopPropagation(),c()},size:"xxsmall",type:"secondary",variant:"default"},P.createElement(fo,{color:"secondary",variant:"label",size:"medium"},Do.t("See All Routes")))),a==="basic"&&P.createElement("div",{className:Mu()},P.createElement(_u,null,P.createElement(by,{size:12,color:"gray"})),P.createElement(Du,null,P.createElement(is,{size:"small",variant:"body"},`${v} ${A[0].from.token.displayName} = `),P.createElement(Yu,{content:ie(n.value),container:M,open:n.value?void 0:!1},P.createElement(is,{size:"small",variant:"body"},"\xA0",`${k} ${A[A.length-1].to.token.displayName}`))),P.createElement(Yu,{content:ie(n.usdValue),container:M,style:{display:"flex"}},P.createElement(fo,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${w})`))),a==="list-item"&&P.createElement(Ey,{tooltipContainer:M,type:"output",direction:"vertical",price:{value:k,usdValue:w,realValue:ie(n.value),realUsdValue:ie(n.usdValue)},token:{displayName:A[L-1].to.token.displayName,image:A[L-1].to.token.image},chain:{image:A[L-1].to.chain.image},percentageChange:x,warningLevel:T}),a==="swap-preview"&&P.createElement(P.Fragment,null,P.createElement($o,{from:A[0].from,to:A[L-1].to,percentageChange:x,warningLevel:T}),P.createElement(Fo,{size:4}))),P.createElement(bu,{selected:l,listItem:a==="list-item",open:C,onOpenChange:h},P.createElement(Ku,{type:a,quoteRef:f,selected:l,setExpanded:h,expanded:C,steps:A}),P.createElement(Bu,{open:C},P.createElement($u,null),P.createElement("div",{className:Iu()},A.map((O,b)=>{let R=`item-${b}`;return P.createElement(Ay,{type:"quote-details",key:R,tooltipContainer:M,step:O,hasSeparator:b!==A.length-1,state:O.state})})))))}i(cs,"Quote");import{Divider as By,Skeleton as $y}from"@rango-dev/ui";import kt from"react";import{darkTheme as My,styled as yr}from"@rango-dev/ui";var Ju=yr("div",{$$color:"$colors$neutral100",[`.${My} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15 ",variants:{rounded:{true:{borderRadius:"$xm"}}}}),Zu=yr("div",{paddingTop:"$2"}),Ru=yr("div",{paddingLeft:"$8"}),ec=yr("div",{borderLeft:"1px dashed black",minHeight:" 0",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});import{ChainToken as uc,Divider as dt,Skeleton as He}from"@rango-dev/ui";import U from"react";import{css as Ny,styled as Tt}from"@rango-dev/ui";var ms=Tt("div",{display:"flex"}),tc=Tt("div",{padding:"$10 $0 $20"}),oc=Tt("div",{padding:"$12 $0 $20 $0",display:"flex",flexDirection:"column"}),nc=Tt("div",{display:"flex",justifyContent:"start",alignItems:"center"}),rc=Tt("div",{display:"flex",justifyContent:"space-between",alignItems:"end"}),ic=Tt("div",{height:"$28",marginLeft:"13px",borderLeft:"1px solid $neutral700"}),sc=Tt("div",{width:"65%",display:"flex",justifyContent:"start"}),ac=Tt("div",{display:"flex",flexDirection:"column",alignItems:"start",flexGrow:1,maxWidth:"148px"}),lc=Tt("div",{padding:"$15 $0 $15 $0"}),pc=Ny({display:"flex",justifyContent:"space-between",alignItems:"center"});function Oo(t){let{type:e,tagHidden:o=!0}=t,n=U.createElement(rc,null,U.createElement(sc,null,U.createElement(uc,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),U.createElement(dt,{size:8,direction:"horizontal"}),U.createElement(ac,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(ms,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(lr,null),!r&&U.createElement(dt,{size:4})),U.createElement("div",{className:pc()},U.createElement(ms,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(tc,null,U.createElement(He,{height:15,width:148,variant:"rounded"})),e==="list-item"&&U.createElement(oc,null,U.createElement(nc,null,U.createElement(uc,{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(lc,null,n,U.createElement(ic,null),n)))}i(Oo,"QuoteSummarySkeleton");import{ChainToken as gc,Divider as fs,NextIcon as Py,Skeleton as Sr}from"@rango-dev/ui";import Se from"react";import{styled as Uo}from"@rango-dev/ui";var cc=Uo("div",{display:"flex",alignItems:"start"}),mc=Uo("div",{flexGrow:1,paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center"}),ds=Uo("div",{display:"flex",alignItems:"center",flexGrow:1}),dc=Uo("div",{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}),fc=Uo("div",{display:"flex",alignItems:"center"});function ft(t){let{separator:e=!0}=t;return Se.createElement(Se.Fragment,null,Se.createElement(fc,null,Se.createElement(Sr,{height:22,width:22,variant:"circular"}),Se.createElement(fs,{direction:"horizontal",size:8}),Se.createElement(Sr,{height:15,width:148,variant:"rounded"})),Se.createElement(cc,null,Se.createElement(ec,{hideSeparator:!e}),Se.createElement(mc,null,Se.createElement(ds,null,Se.createElement(gc,{size:"small",loading:!0,chainImage:"",tokenImage:""}),Se.createElement(fs,{direction:"horizontal",size:8}),Se.createElement(Sr,{height:12,variant:"rounded"})),Se.createElement(dc,null,Se.createElement(Py,{color:"gray",size:16})),Se.createElement(ds,null,Se.createElement(gc,{size:"small",loading:!0,chainImage:"",tokenImage:""}),Se.createElement(fs,{direction:"horizontal",size:8}),Se.createElement(Sr,{height:12,variant:"rounded"})))))}i(ft,"StepSkeleton");function qo(t){let{type:e,expanded:o,tagHidden:n=!1}=t;return kt.createElement(Ju,{rounded:e!=="basic"},kt.createElement(Oo,{type:e,tagHidden:n}),kt.createElement(Zu,null,kt.createElement($y,{height:15,variant:"rounded"})),o&&kt.createElement(Ru,null,kt.createElement(By,{size:20}),kt.createElement(ft,null),kt.createElement(ft,null),kt.createElement(ft,{separator:!1})))}i(qo,"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:d,fullExpandedMode:m=!1}=t,{inputAmount:y,inputUsdValue:S,toToken:C}=Q(),h=e?.outputAmount?new _y(e?.outputAmount):null,f=e?.outputAmount?Mn(e?.outputAmount,Nn(e)||C?.usdPrice):null,k=!(r&&(r.type===0||r.type===1))&&e&&!n;return n?Cr.createElement(ns,null,Cr.createElement(qo,{tagHidden:l,type:o,expanded:a})):k?Cr.createElement(ns,{onClick:()=>p?.(e)},Cr.createElement(cs,{quote:e,error:r,showModalFee:u,warning:s,tagHidden:l,selected:c,type:o,expanded:a,onClickAllRoutes:d,fullExpandedMode:m,input:{value:y,usdValue:S?.toString()??""},output:{value:h?.toString()??"",usdValue:f?.toString()??""}})):null}i(Yt,"QuoteInfo");import{calculatePendingSwap as Oy}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Uy}from"react";import{useRef as Dy,useState as Fy}from"react";function Tr({request:t}){let[e,o]=Fy(!1),n=Dy(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(Tr,"useFetch");function hc(){let{fetch:t,loading:e,cancelFetch:o}=Tr({request:async(n,r)=>await Et().confirmRouteRequest(n,r)});return{fetch:t,loading:e,cancelFetch:o}}i(hc,"useFetchConfirmQuote");function kr(t){if(!t.swaps)throw new Error(K().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});let e=gs(t.swaps);if(e)throw new Error(e.message,{cause:e.options})}i(kr,"throwErrorIfResponseIsNotValid");function gs(t){if(Tl(t)){let{swap:n,recommendation:r,fromAmountRangeError:s}=kl(t);return{message:"bridge limit error",options:{type:3,swap:n,recommendation:r,fromAmountRangeError:s}}}let o=bl(t);if(o){let n=Ln(t);return{message:"",options:{type:4,recommendedSlippages:o,minRequiredSlippage:n}}}return null}i(gs,"getQuoteError");function yc(t,e,o){let n=!1;t&&(n=Ol(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&&(Ml(t,e)?r.quoteUpdate={type:3,newOutputAmount:W(eo(e)),percentageChange:W(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=Nl(e,o.selectedWallets,o.meta.blockchains);return a.length===0||(r.balance={messages:a}),r}i(yc,"generateWarnings");function wr(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(wr,"handleQuoteErrors");function hs(){let{fromToken:t,toToken:e,inputAmount:o,setSelectedQuote:n,selectedQuote:r,customDestination:s,setQuoteWarningsConfirmed:a,resetAlerts:l}=Q(),{slippage:p,customSlippage:u}=g(),c=g().getDisabledLiquiditySources(),d=g().blockchains(),m=g().tokens(),y=u||p,{fetch:S,cancelFetch:C,loading:h}=hc();return Uy(()=>C,[]),{loading:h,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,I)=>(T[I.chain]=I.address,T),{}),x={requestId:r?.requestId||"",selectedWallets:E,destination:w||void 0};try{return await S(x).then(T=>{let{result:I}=T;kr({diagnosisMessages:I.diagnosisMessages,requestId:I.requestId,swaps:I.result?.swaps});let A={outputAmount:I.result?.outputAmount,requestId:I.requestId,resultType:I.result?.resultType,swaps:I.result?.swaps||[],validationStatus:I.validationStatus,requestAmount:I.requestAmount};n(A);let L={slippage:y.toString(),disabledSwappersGroups:c},M=Oy(o.toString(),I,Wl(k),L,!1,{blockchains:d,tokens:m}),q=yc(r??void 0,A,{fromToken:t,toToken:e,meta:{blockchains:d,tokens:m},selectedWallets:k,userSlippage:y});return q.quoteUpdate&&a(!1),l(),{quote:A,swap:M,error:null,warnings:q}})}catch(T){return wr(T)}},"fetch"),cancelFetch:C}}i(hs,"useConfirmSwap");var Ry=Hy("div",{width:"100%",display:"flex",justifyContent:"space-between",[`& ${Cc}`]:{width:"$48",height:"$48"}}),eS=Ss({flexGrow:1,paddingRight:"$10"}),tS=Ss({width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}),oS=Ss({display:"flex",justifyContent:"space-between",alignItems:"center"});function Tc(){let{selectedQuote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:s,quoteWarningsConfirmed:a}=Q(),l=Zy(),p=Jy(),[u,c]=vr(""),{connectedWallets:d}=X(),m=!n,[y,S]=vr(!1),{isActiveTab:C}=te(),h=g().getDisabledLiquiditySources(),f=Ky(h),{manager:v}=qy(),{fetch:k,loading:w,cancelFetch:E}=hs(),[x,T]=vr({swap:null,error:null,warnings:null}),[I,A]=vr(!1),L=i(async({selectedWallets:b,customDestination:R})=>{let G=await k?.({selectedWallets:b,customDestination:R});return T(G),G},"onConfirmSwap"),M=i(async()=>{if(x.swap&&n)try{await v?.create("swap",{swapDetails:x.swap},{id:x.swap.requestId});let b=`../${D.swaps}/${x.swap.requestId}`;l(b,{replace:!0}),setTimeout(()=>{e("")},0)}catch(b){c("Error: "+b?.message)}},"addNewSwap"),q=i(async()=>{await M()},"onConfirm"),se=i(async()=>{x?.warnings?.quote&&!a?A(!0):await q()},"onStartConfirmSwap"),ge=i(async()=>{T({error:null,swap:null,warnings:null}),k({selectedWallets:o,customDestination:s}).then(b=>{T(b)}).catch(b=>console.error(b))},"onRefresh");zo(()=>{!!f.current.length&&!h.length&&ge(),f.current=h},[h.length]),zo(()=>{m&&E()},[m]),zo(()=>{m&&S(m)},[m]),zo(()=>{m||k({selectedWallets:o,customDestination:s}).then(b=>T(b)).catch(b=>console.error(b))},[]),zo(()=>{let b=x.warnings?.quote?.type&&Object.values(Lt).includes(x.warnings?.quote?.type),R=o.length<1||!o.every(V=>d.find(Ce=>V.address===Ce.address&&V.walletType===Ce.walletType&&V.chain===Ce.chain)),G=!1;if(b){let V=bn(t?.swaps||null),Ce=t?.swaps[t.swaps.length-1].to.blockchain;!!t?.swaps.find(ht=>ht.from.blockchain===Ce)||(V=V.slice(-V.length,V.length-1)),V.every(ht=>o.find(H=>H.chain===ht))||(G=!0)}t&&(R||G)&&(queueMicrotask(()=>Yy(S.bind(null,!0))),r(!1))},[x.warnings?.quote,o.length,d.length]),Xy(()=>{t||l(`../${p.search}`)},[]);let B=x.warnings?.quote??null,Z=x.error,O=[];if(u&&O.push(ue.createElement(Sc,{type:"error",variant:"alarm",title:u})),x.warnings?.quoteUpdate&&O.push(ue.createElement(Sc,{variant:"alarm",type:"warning",title:x.warnings.quoteUpdate&&_n(x.warnings.quoteUpdate)})),B||Z){let b=`../${D.settings}`;O.push(ue.createElement(Po,{warning:B,error:Z,refetchQuote:ge,showWarningModal:I,confirmationDisabled:!C,onOpenWarningModal:()=>A(!0),onCloseWarningModal:()=>A(!1),onConfirmWarningModal:async()=>{A(!1),await M()},onChangeSettings:()=>l(b)}))}return ue.createElement(re,{header:{title:xr.t("Confirm Swap"),onWallet:()=>{let b=`../${D.wallets}`;l(b)},suffix:ue.createElement(Gy,{container:N(),side:"bottom",content:xr.t("Settings")},ue.createElement(Je,{size:"small",variant:"ghost",onClick:()=>l("../"+D.settings)},ue.createElement(Qy,{size:18,color:"black"})))},footer:ue.createElement(Ry,null,ue.createElement("div",{className:eS()},ue.createElement(zy,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:w,disabled:!!x.error||!C,onClick:se},xr.t("Start Swap"))),ue.createElement(Cc,{variant:"contained",type:"primary",size:"large",loading:w,onClick:S.bind(null,!0)},ue.createElement(jy,{size:24})))},y&&ue.createElement(nu,{open:y,onClose:()=>S(!1),onCancel:E,loading:w,onCheckBalance:L}),ue.createElement(le,null,ue.createElement("div",{className:oS()},ue.createElement(Vy,{variant:"title",size:"small"},xr.t("You get")),ue.createElement("div",{className:tS()},ue.createElement(Yn,{onClick:!w&&!y&&!I?ge:void 0}))),ue.createElement(ys,{size:"12"}),pp(O,ue.createElement(ys,{size:10})),O.length>0?ue.createElement(ys,{size:10}):null,ue.createElement(Yt,{quote:t,type:"swap-preview",expanded:!0,selected:!0,tagHidden:!0,error:x.error,loading:w,warning:x.warnings?.quote??null})))}i(Tc,"ConfirmSwapPage");import{i18n as Ir}from"@lingui/core";import{useManager as SS}from"@rango-dev/queue-manager-react";import{Divider as Mc,NotFound as CS,styled as TS}from"@rango-dev/ui";import xt,{useState as kS}from"react";import{useNavigate as wS}from"react-router-dom";import{i18n as iS}from"@lingui/core";import{Divider as bc,GroupedVirtualizedList as sS,Skeleton as aS,SwapListItem as Ic,Typography as lS}from"@rango-dev/ui";import $e,{useCallback as Ac,useEffect as pS,useRef as uS,useState as cS}from"react";function kc(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(kc,"calculateGroupsSoFar");import{css as nS,darkTheme as rS,styled as Qo}from"@rango-dev/ui";var Cs=nS(),wc=Qo("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$5"}),Ts=Qo("div",{width:"100%",display:"flex",flexDirection:"column",backgroundColor:"$background",padding:"$10 $5 0 $5",[`& .${Cs}`]:{$$color:"$colors$neutral600",[`.${rS} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),ks=Qo("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),xc=Qo("div",{gap:"$10",display:"flex",flexDirection:"column"}),vc=Qo("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});var mS=10;function ws(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,[s,a]=cS([]),l=uS(0),{swaps:p,groupCounts:u,groups:c}=n(e),d=Ac(kc,[]),m=Ac(()=>{let y=e.length-l.current;y&&(l.current+=Math.min(y,mS),a(d(u,l.current)))},[e.length]);if(pS(()=>{r||m()},[r,m]),r){let y=[1,2];return $e.createElement($e.Fragment,null,[y,y].map((C,h)=>$e.createElement(Ts,{key:h},$e.createElement(ks,null,$e.createElement(aS,{variant:"text",width:60,size:"small"}),$e.createElement(bc,{size:16})),$e.createElement(bc,{size:4}),$e.createElement(xc,null,C.map((v,k)=>$e.createElement(Ic,{isLoading:!0,key:k}))))))}return $e.createElement(sS,{endReached:()=>{l.current<e.length&&m()},groupCounts:s,groupContent:y=>$e.createElement(Ts,null,$e.createElement(ks,null,$e.createElement(lS,{variant:"label",size:"medium",className:Cs()},c[y]))),itemContent:(y,S)=>{let C=p[y];if(!C)return null;let h=C.steps[0],f=C.steps[C.steps.length-1];return $e.createElement(wc,{key:C.requestId},$e.createElement(Ic,{requestId:C.requestId,creationTime:C.creationTime,status:C.status,onClick:o,tooltipContainer:N(),onlyShowTime:c[S]===iS.t("Today"),swapTokenData:{from:{token:{image:h.fromLogo,displayName:h.fromSymbol},blockchain:{image:h.fromBlockchainLogo||""},amount:W(C.inputAmount,6,6),realAmount:ie(C.inputAmount)},to:{token:{image:f.toLogo,displayName:f.toSymbol},blockchain:{image:f.toBlockchainLogo||""},amount:W(f.outputAmount||f.expectedOutputAmountHumanReadable||"",6,6),realAmount:ie(f.outputAmount||f.expectedOutputAmountHumanReadable)}}}))}})}i(ws,"HistoryGroupedList");import{CloseIcon as fS,IconButton as gS,SearchIcon as hS,TextField as yS}from"@rango-dev/ui";import Ho from"react";import{styled as dS}from"@rango-dev/ui";var Ec=dS("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 Ho.createElement(yS,{prefix:Ho.createElement(Ec,null,Ho.createElement(hS,{color:"black"})),suffix:!!a.length&&Ho.createElement(gS,{variant:"ghost",onClick:()=>l?.(""),size:"small"},Ho.createElement(fS,{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 br}from"@lingui/core";import Wc from"dayjs";var Lc=i(t=>{let e=new Map([["today",{title:br.t("Today"),swaps:[]}],["week",{title:br.t("This week"),swaps:[]}],["month",{title:br.t("This month"),swaps:[]}],["year",{title:br.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=Wc();t.forEach(p=>{let u=Number(p.creationTime),c=Wc(u);if(n.isSame(c,"day"))e.get("today")?.swaps.push(p);else if(n.isSame(c,"week"))e.get("week")?.swaps.push(p);else if(n.isSame(c,"month"))e.get("month")?.swaps.push(p);else if(n.isSame(c,"year"))e.get("year")?.swaps.push(p);else{let d=new Date(u).getFullYear().toString();o(d,p)}});let r=Array.from(e.values()).filter(p=>p.swaps.length>0),s=r.flatMap(p=>p.swaps),a=r.map(p=>p.swaps.length),l=r.map(p=>p.title);return{swaps:s,groupCounts:a,groups:l}},"groupSwapsByDate");var xS=TS("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),vS=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 Nc(){let t=wS(),{manager:e,state:o}=SS(),n=ct(e).map(({swap:c})=>c),[r,s]=kS(""),a=!o.loadedFromPersistor,l=i(c=>{let d=c.target.value;s(d)},"searchHandler"),p=n;r&&(p=n.filter(c=>at(c.inputAmount,r)||at(c.status,r)||vS(c.steps,r)||at(c.requestId,r)));let u=!p?.length&&!a;return xt.createElement(re,{header:{title:Ir.t("History")}},xt.createElement(le,null,xt.createElement(wt,{setValue:s,fullWidth:!0,variant:"contained",placeholder:Ir.t("Search Transaction"),autoFocus:!0,onChange:l,value:r}),xt.createElement(Mc,{size:"16"}),xt.createElement(xS,null,u&&xt.createElement(vc,null,xt.createElement(Mc,{size:32}),xt.createElement(CS,{title:Ir.t("No results found"),description:r?Ir.t("Try using different keywords"):""})),!u&&xt.createElement(ws,{list:p,onSwapClick:t,groupBy:Lc,isLoading:a}))))}i(Nc,"HistoryPage");import{i18n as QS}from"@lingui/core";import{Button as HS,Divider as Xc,styled as GS,WarningIcon as VS}from"@rango-dev/ui";import Oe,{useEffect as Kc,useState as Yc}from"react";import{useNavigate as jS}from"react-router-dom";import{i18n as MS}from"@lingui/core";import{Header as NS}from"@rango-dev/ui";import _t,{useEffect as PS,useState as BS}from"react";import{i18n as IS}from"@lingui/core";import{Divider as vs,FullExpandedQuote as AS,Typography as ES}from"@rango-dev/ui";import ce from"react";import{styled as xs}from"@rango-dev/ui";var Pc=xs("div",{display:"flex",justifyContent:"center",flexDirection:"column",height:"100%"}),Bc=xs("div",{display:"flex",justifyContent:"space-between",alignItems:"center"}),$c=xs("div",{width:"146px"});import{Select as bS}from"@rango-dev/ui";import _c from"react";function Ar(t){let{updateQuotePartialState:e,sortStrategy:o}=Q();return _c.createElement($c,null,_c.createElement(bS,{container:t.container,options:ci,value:ci.find(n=>n.value===o),handleItemClick:n=>{e("sortStrategy",n.value)}}))}i(Ar,"SelectStrategy");var WS=3;function Go(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:d,sortStrategy:m,error:y}=Q(),{slippage:S,customSlippage:C}=g(),h=g().tokens(),f=!!p&&p.results.length,v=C??S,k=i(x=>{if(!c||!d||!p)return null;let T={requestAmount:p.requestAmount,...x};return to(T,{fromToken:c,toToken:d,userSlippage:v,tokens:h})},"getQuoteWarning"),w=y?.type===0||y?.type===1,E=p?.results?Pn(m,p?.results):[];return ce.createElement(ce.Fragment,null,e&&Array.from({length:WS},(x,T)=>ce.createElement(ce.Fragment,{key:T},a?ce.createElement(AS,{loading:!0}):ce.createElement(qo,{tagHidden:!1,type:"list-item",expanded:!1}),ce.createElement(vs,{size:16}))),!e&&ce.createElement(ce.Fragment,null,s&&ce.createElement(ce.Fragment,null,ce.createElement(Bc,null,ce.createElement(ES,{size:"xmedium",variant:"title"},IS.t("Sort by")),ce.createElement(Ar,{container:N()})),ce.createElement(vs,{size:"10"})),f?E.map(x=>{let T=k(x),I=gs(x.swaps);return ce.createElement(ce.Fragment,{key:x.requestId},ce.createElement(Yt,{showModalFee:r,selected:l?.requestId===x.requestId,tagHidden:!1,quote:{...x,requestAmount:p.requestAmount},loading:e,error:I?.options||null,warning:T,fullExpandedMode:a,onClick:A=>{I||u("warning",T),u("error",I?.options||null),o(A)},type:"list-item"}),ce.createElement(vs,{size:16}))}):w&&ce.createElement(Pc,null,ce.createElement(Mo,{size:a?"large":"small",error:y,fetch:n}))))}i(Go,"Quotes");import{darkTheme as LS,styled as Dc}from"@rango-dev/ui";var Fc=Dc("div",{transition:"width 0.2s, opacity 0.2s, margin-left 0.2s",height:"700px",width:"390px",opacity:1,marginLeft:"$16",backgroundColor:"$neutral100",[`.${LS} &`]:{backgroundColor:"$neutral300"},variants:{expandMode:{default:{width:"390px"},full:{width:"719px"}}},"&.is-hidden":{width:0,opacity:0,marginLeft:0}}),Oc=Dc("div",{position:"relative",overflow:"hidden",padding:"$20",flexGrow:1,display:"flex",flexDirection:"column",overflowY:"auto",borderRadius:"$primary",backgroundColor:"$background"});var $S=100;function bs(t){let{fetch:e,loading:o,onClickOnQuote:n,onClickRefresh:r,isVisible:s}=t,[a,l]=BS(!1),p=a?"":"is-hidden",{config:u}=g(),c=u?.variant==="full-expanded";return PS(()=>{let d=null;return s?d=setTimeout(()=>{l(!0)},$S):(l(!1),d&&clearTimeout(d)),()=>{d&&clearTimeout(d)}},[s]),_t.createElement(Fc,{expandMode:u?.variant==="full-expanded"?"full":"default",className:`${p} ${Rn()}`,id:ke.EXPANDED_BOX_ID},_t.createElement(NS,{title:MS.t("Routes"),suffix:_t.createElement(_t.Fragment,null,_t.createElement(Ar,{container:Tn()}),_t.createElement(Gt,{onClickRefresh:r,hidden:["history","notifications","settings"]}))}),_t.createElement(Oc,null,_t.createElement(Go,{showModalFee:!1,fetch:e,hasSort:!1,loading:o,onClickOnQuote:n,fullExpandedMode:c})))}i(bs,"ExpandedQuotes");import{i18n as Gc}from"@lingui/core";import{SwapInput as Vc}from"@rango-dev/ui";import Vo from"react";import{ReverseIcon as _S,styled as Uc}from"@rango-dev/ui";import Is from"react";var DS=Uc("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),FS=Uc("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 qc(){let t=Q.use.switchFromAndTo();return Is.createElement(DS,null,Is.createElement(FS,{onClick:()=>{t()}},Is.createElement(_S,{size:12})))}i(qc,"SwitchFromAndToButton");import{styled as zc}from"@rango-dev/ui";var Qc=zc("div",{display:"flex",flexDirection:"column",gap:"$5",alignSelf:"stretch"}),Hc=zc("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:d,outputUsdValue:m,selectedQuote:y}=Q(),{connectedWallets:S,getBalanceFor:C}=X(),h=r?C(r):null,f=fn(h)?.amount??"0",v=s&&r?W(h?.amount,h?.decimals):"0",k=!!s&&Ua(S,s.name),w=!gi(y,u,c),E=!gi(y,u,m),x=!c||!m||!m.gt(0)?null:Ke(c.toString(),m.toString());return Vo.createElement(Qc,null,Vo.createElement(Hc,null,Vo.createElement(Vc,{label:Gc.t("From"),mode:"From",onInputChange:p,balance:f,chain:{displayName:s?.displayName||"",image:s?.logo||""},token:{displayName:r?.symbol||"",image:r?.image||""},onClickToken:()=>n("from"),price:{value:u,usdValue:w?void 0:W(c,4,4),realUsdValue:w?void 0:ie(c),error:w?K().unknownPriceError.impactTitle:void 0},disabled:o==="failed",loading:o==="loading",loadingBalance:k,tooltipContainer:N(),onSelectMaxBalance:()=>{f!=="0"&&p(v.split(",").join(""))}}),Vo.createElement(qc,null)),Vo.createElement(Vc,{sharpBottomStyle:!!y||e,label:Gc.t("To"),mode:"To",fetchingQuote:e,chain:{displayName:l?.displayName||"",image:l?.logo||""},token:{displayName:a?.symbol||"",image:a?.image||""},percentageChange:W(Ke(c,m),2,2),warningLevel:St(x??0),price:{value:W(d,6,6),usdValue:E?void 0:W(m,4,4),realValue:ie(d),realUsdValue:E?void 0:ie(m),error:E?K().unknownPriceError.impactTitle:void 0},onClickToken:()=>n("to"),disabled:o==="failed",loading:o==="loading",tooltipContainer:N()}))}i(As,"Inputs");import{useCallback as OS,useEffect as US,useState as qS}from"react";function jc(){let{fetch:t,loading:e,cancelFetch:o}=Tr({request:async(n,r)=>await Et().getAllRoutes(n,r)});return{fetch:t,loading:e,cancelFetch:o}}i(jc,"useFetchAllQuotes");var zS=600;function Er({refetchQuote:t}){let{fetch:e,cancelFetch:o}=jc(),{enableNewLiquiditySources:n,features:r}=g().config,s=X.use.connectedWallets(),a=g().tokens(),{fromToken:l,toToken:p,inputAmount:u,inputUsdValue:c,selectedQuote:d,sortStrategy:m,resetQuote:y,error:S,warning:C,setSelectedQuote:h,updateQuotePartialState:f}=Q(),{slippage:v,customSlippage:k,affiliatePercent:w,affiliateRef:E,affiliateWallets:x,fetchStatus:T}=g(),I=g().getLiquiditySources(),A=g().getDisabledLiquiditySources(),L=g().excludeLiquiditySources(),[M,q]=qS(!0),se=k??v,B=!l||!p||Me(l,p)||!ko(u),Z=i(R=>{q(R)},"resetState"),O=i(R=>{let{fromToken:G,toToken:V,inputAmount:Ce,liquiditySources:de,excludeLiquiditySources:Ie,disabledLiquiditySources:ht,slippage:H,affiliateRef:Y,affiliatePercent:ee,affiliateWallets:Ae}=R;if(M||Z(!0),!B&&G&&V){y();let Ve=El({fromToken:G,toToken:V,inputAmount:Ce,liquiditySources:de,excludeLiquiditySources:Ie,disabledLiquiditySources:ht,wallets:s,slippage:H,affiliateRef:Y,affiliatePercent:ee,affiliateWallets:Ae});Za("experimentalRoute",r)&&(Ve.experimental=!0),e(Ve).then(Te=>{let De=Pn(m,Te.results),he=zl(d,De,Te.requestAmount);q(!1),f("quotes",Te),h(he),kr({diagnosisMessages:Te.diagnosisMessages,requestId:he?.requestId||"",swaps:he?.swaps});let st=he&&to(he,{fromToken:G,toToken:V,userSlippage:se,tokens:a});f("warning",st)}).catch(Te=>{let{error:De}=wr(Te);(De?.type===0||De?.type===1)&&y(),De?.type!==2&&(f("error",De),q(!1))})}},"fetch"),b=OS(Ya(R=>{B||O(R)},zS),[B]);return US(()=>{if(!t){q(!1);return}if(T==="success"){if(B){q(!1),(d||S||C)&&y();return}if(!ko(u)||c?.eq(0)){Z(!1),o();return}return y(),Z(!0),b({inputAmount:u,fromToken:l,toToken:p,liquiditySources:I,excludeLiquiditySources:L,disabledLiquiditySources:A,slippage:se,affiliateRef:E,affiliatePercent:w,affiliateWallets:x}),o}},[T,u,l?.symbol,l?.address,l?.blockchain,p?.symbol,p?.address,p?.blockchain,B,I?.length,n,A.length,se,E,w,JSON.stringify(x)]),{fetch:()=>O({inputAmount:u,fromToken:l,toToken:p,liquiditySources:I,excludeLiquiditySources:L,disabledLiquiditySources:A,slippage:se,affiliateRef:E,affiliatePercent:w,affiliateWallets:x}),loading:M}}i(Er,"useSwapInput");var XS=GS("div",{display:"grid",gridTemplateColumns:"auto auto",alignItems:"flex-start",height:700,"& .footer__alert":{paddingTop:"0"}}),KS=300;function Jc(){let t=jS(),{fromToken:e,toToken:o,inputAmount:n,selectedQuote:r,refetchQuote:s,error:a,warning:l,quotes:p,setSelectedQuote:u,resetQuoteWallets:c,setQuoteWarningsConfirmed:d,updateQuotePartialState:m}=Q(),[y,S]=Yc(!1),C=dr(),{fetch:h,loading:f}=Er({refetchQuote:s}),{config:v,fetchStatus:k}=g(),{connectedWallets:w}=X(),{isActiveTab:E}=te(),[x,T]=Yc(!1),A=wl({fetchMetaStatus:k,fetchingQuote:f,inputAmount:n,quote:r,anyWalletConnected:w.length>0,error:a,warning:l,needsToWarnEthOnPath:!1}),L=Va(v?.variant)&&!C,M=!!n&&!!e&&!!o&&n!=="0",q=M&&k==="success"&&f,B=(!L||L&&p?.results.length)&&(l||a);Kc(()=>{c(),m("refetchQuote",!0)},[]),Kc(()=>{S(M)},[M]);let Z=(r||a)&&!x?h:void 0,O=i(b=>{L&&y?(S(!1),setTimeout(()=>{t(b)},KS)):t(b)},"onHandleNavigation");return Oe.createElement(XS,null,Oe.createElement(re,{height:"auto",footer:Oe.createElement(HS,{type:"primary",size:"large",disabled:A.disabled||!E,prefix:A.action==="confirm-warning"&&Oe.createElement(VS,null),fullWidth:!0,onClick:()=>{A.action==="connect-wallet"?O(D.wallets):A.action==="confirm-warning"?T(!0):O(D.confirmSwap)}},A.title),header:{onWallet:()=>{O(D.wallets)},hasBackButton:!1,title:v.title||QS.t("Swap"),suffix:Oe.createElement(Gt,{hidden:L?["refresh"]:void 0,onClickRefresh:Z,onClickHistory:()=>O(D.swaps),onClickSettings:()=>{O(D.settings)}})}},Oe.createElement(le,null,Oe.createElement(As,{fetchingQuote:q,fetchMetaStatus:k,onClickToken:b=>{O(b==="from"?D.fromSwap:D.toSwap)}}),Oe.createElement(Xc,{size:"2"}),L?null:Oe.createElement(Yt,{quote:r,loading:q,error:a,tagHidden:!1,warning:l,type:"basic",onClickAllRoutes:p&&p.results.length>1?()=>{m("refetchQuote",!1),O(D.routes)}:void 0}),B?Oe.createElement(Oe.Fragment,null,Oe.createElement(Xc,{size:"10"}),Oe.createElement(Po,{warning:l,error:a,refetchQuote:h,showWarningModal:x,confirmationDisabled:!E,onOpenWarningModal:()=>T(!0),onCloseWarningModal:()=>T(!1),onConfirmWarningModal:()=>{T(!1),d(!0),O(D.confirmSwap)},onChangeSettings:()=>O(D.settings)})):null)),L?Oe.createElement(bs,{loading:q,onClickOnQuote:b=>u(b),fetch:h,onClickRefresh:Z,isVisible:y}):null)}i(Jc,"Home");import{i18n as Zc}from"@lingui/core";import{List as YS,ListItemButton as JS,Radio as ZS,RadioRoot as RS,Typography as eC}from"@rango-dev/ui";import Dt from"react";function go(){let{setLanguage:t,language:e,config:o}=g(),n=el,r=o?.language||xo;return{activeLanguage:e||r,languages:n,defaultLanguage:r,changeLanguage:s=>t(s||xo),resetLanguage:()=>t(null)}}i(go,"useLanguage");function Rc(){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(eC,{variant:"title",size:"xmedium"},a),onClick:()=>e(r.local),end:Dt.createElement(ZS,{value:s}),start:Dt.createElement(l,null)}});return Dt.createElement(re,{header:{title:Zc.t("Language")}},Dt.createElement(le,null,Dt.createElement(RS,{value:t},Dt.createElement(YS,{type:Dt.createElement(JS,{title:Zc.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}i(Rc,"LanguagePage");import{i18n as vt}from"@lingui/core";import{Button as iC,Checkbox as sC,Image as aC,ListItemButton as lC,NotFound as pC,Typography as uC}from"@rango-dev/ui";import _e,{useState as cC}from"react";import{Checkbox as nC,Skeleton as tm}from"@rango-dev/ui";import Xo from"react";import{styled as Es}from"@rango-dev/ui";var jo=Es("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto",variants:{disabled:{true:{pointerEvents:"none"}}}}),Ws=Es("div",{width:80,display:"flex",justifyContent:"flex-end"}),Ls=Es("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});import{ListItem as tC,styled as oC}from"@rango-dev/ui";var em=oC(tC,{height:61});var rC=30;function Ms(){return Xo.createElement(jo,null,Array.from(Array(rC),t=>Xo.createElement(em,{hasDivider:!0,key:t,start:Xo.createElement(tm,{variant:"circular",width:35,height:35}),title:Xo.createElement(tm,{variant:"text",size:"large",width:90}),end:Xo.createElement(nC,{checked:!1})})))}i(Ms,"LoadingLiquiditySourceList");function Ns({sourceType:t}){let e=g().fetchStatus,o=g().swappers(),n=g().getDisabledLiquiditySources(),[r,s]=cC(""),a=g().toggleLiquiditySource,l=g().isInCampaignMode(),p=kn(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 d=p.filter(f=>c.includes(f.type)),m=d.length===d.filter(f=>f.selected).length,y=i(()=>{d.forEach(f=>{m?a(f.groupTitle):f.selected||a(f.groupTitle)})},"toggleAllSources"),S=d.map(f=>{let{selected:v,groupTitle:k,logo:w}=f;return{start:_e.createElement(aC,{src:w,size:22,type:"circular"}),onClick:()=>{l||a(k)},end:_e.createElement(sC,{checked:v,disabled:l}),title:_e.createElement(uC,{variant:"title",size:"xmedium"},vt.t(k)),...f}}),C=i(f=>{let v=f.target.value;s(v)},"searchHandler"),h=S;return r&&(h=S.filter(f=>at(f.groupTitle,r))),_e.createElement(re,{header:{title:vt.t(t),suffix:_e.createElement(Ws,null,_e.createElement(iC,{variant:"ghost",size:"xsmall",onClick:y},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:C}),e==="loading"&&_e.createElement(Ms,null),!h.length&&r?_e.createElement(Ls,null,_e.createElement(pC,{title:vt.t("No results found"),description:vt.t("Try using different keywords")})):e==="success"&&_e.createElement(jo,{disabled:l},h.map(f=>_e.createElement(_e.Fragment,{key:f.id},_e.createElement(lC,{style:{height:"61px"},...f,selected:!1,hasDivider:!0}))))))}i(Ns,"LiquiditySourcePage");import{i18n as mC}from"@lingui/core";import Wr from"react";import{useNavigate as dC}from"react-router-dom";function om(){let t=dC(),e=ut(),{selectedQuote:o,refetchQuote:n,setSelectedQuote:r,updateQuotePartialState:s,error:a}=Q(),{fetch:l,loading:p}=Er({refetchQuote:n}),u=i(m=>{r(m),s("refetchQuote",!1),e()},"onClickOnQuote"),c=`../${D.settings}`,d=`../${D.wallets}`;return Wr.createElement(re,{header:{onWallet:()=>{t(d)},onBack:()=>{s("refetchQuote",!1)},title:mC.t("Routes"),suffix:Wr.createElement(Gt,{onClickRefresh:o||a?l:void 0,hidden:["notifications","history"],onClickSettings:()=>t(c)})}},Wr.createElement(le,null,Wr.createElement(Go,{fetch:l,loading:p,onClickOnQuote:u})))}i(om,"RoutesPage");import{i18n as um}from"@lingui/core";import{Divider as cm,getCountCategories as xC,SelectableCategoryList as vC}from"@rango-dev/ui";import bt,{useState as mm}from"react";import{i18n as Bs}from"@lingui/core";import{Divider as lm,Image as SC,ListItemButton as CC,NotFound as TC,Typography as pm}from"@rango-dev/ui";import Ze,{useEffect as kC,useState as wC}from"react";import{BlockchainCategories as Ps}from"@rango-dev/ui";import{TransactionType as Lr}from"rango-sdk";var fC=i((t,e)=>{switch(e){case Ps.ALL:return!0;case Ps.UTXO:return t.type===Lr.TRANSFER;case Ps.OTHER:return t.type!==Lr.TRANSFER&&t.type!==Lr.COSMOS&&t.type!==Lr.EVM;default:return t.type===e}},"filterByType"),nm=i((t,e,o)=>t.filter(n=>fC(n,o)).filter(n=>qt(n.name,e)||qt(n.displayName,e)),"filterBlockchains");import{ImageContainer as gC,styled as rm}from"@rango-dev/ui";var im=rm("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),Mr=rm(Eo,{padding:0,margin:0,listStyle:"none",[`& ${gC}`]:{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as hC,Skeleton as sm}from"@rango-dev/ui";import Nr from"react";var yC=20;function am(){return Nr.createElement(Mr,null,Array.from(Array(yC),t=>Nr.createElement(hC,{key:t,hasDivider:!0,start:Nr.createElement(sm,{variant:"circular",width:35,height:35}),title:Nr.createElement(sm,{variant:"text",size:"large",width:90})})))}i(am,"LoadingBlockchainList");function $s(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=wC(e),{fetchStatus:l}=g();kC(()=>{a([...nm(e,o,r)])},[e,o,r]);let p=i(()=>!s.length&&o?Ze.createElement(Ze.Fragment,null,Ze.createElement(lm,{size:32}),Ze.createElement(TC,{title:Bs.t("No results found"),description:Bs.t("Try using different keywords")})):Ze.createElement(Mr,{as:"ul",key:`${r}-${o}`},s.map(u=>Ze.createElement(CC,{key:`${u.name}-${u.chainId}`,hasDivider:!0,onClick:()=>n(u),start:Ze.createElement(SC,{src:u.logo,size:30}),title:Ze.createElement(pm,{variant:"title",size:"medium"},u.displayName),id:u.chainId}))),"renderList");return Ze.createElement(im,null,Ze.createElement(pm,{variant:"label",size:"large"},Bs.t("Select Blockchain")),Ze.createElement(lm,{size:4}),l==="loading"&&Ze.createElement(am,null),l==="success"&&p())}i($s,"BlockchainList");function _s(t){let{type:e}=t,o=ut(),[n,r]=mm(""),[s,a]=mm("ALL"),l=Q.use.setToBlockchain(),p=Q.use.setFromBlockchain(),u=g().fetchStatus,c=g().blockchains({type:e}),m=xC(c)!==1;return bt.createElement(re,{header:{title:um.t("Select Blockchain")}},bt.createElement(le,{view:!0},m&&bt.createElement(bt.Fragment,null,bt.createElement(vC,{setCategory:a,category:s,blockchains:c,isLoading:u==="loading"}),bt.createElement(cm,{size:24})),bt.createElement(wt,{value:n,autoFocus:!0,placeholder:um.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:y=>r(y.target.value)}),bt.createElement(cm,{size:16}),bt.createElement($s,{list:c,searchedFor:n,blockchainCategory:s,onChange:y=>{e==="source"?p(y):l(y),o()}})))}i(_s,"SelectBlockchainPage");import{i18n as Dr}from"@lingui/core";import{Divider as Nm}from"@rango-dev/ui";import Jt,{useState as qC}from"react";import{useNavigate as zC}from"react-router-dom";import{i18n as Os}from"@lingui/core";import{BlockchainsChip as Pr,Divider as hm,Image as ym,Skeleton as WC,Tooltip as LC,Typography as Us}from"@rango-dev/ui";import be from"react";import{useEffect as AC}from"react";var dm=["ETH","COSMOS","OSMOSIS"];function Ds(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(bC),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(IC(a)),r=n.splice(s)}return{list:n,more:r}}i(Ds,"prepare");function bC(t,e){let o=dm,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(bC,"sortByMostUsedBlockchains");function IC(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(IC,"generateSortByPreferredBlockchainsFor");function fm(t,e){return!!e.list.find(o=>o.name===t)}i(fm,"isInVisibleList");function Fs(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=g();AC(()=>{if(e?.selected){let s=Ds(t,o,e);fm(e.selected,s)||n(e?.selected)}},[e?.selected]);let r=Ds(t,o,e);return{list:r.list,more:r.more,history:[]}}i(Fs,"usePrepareBlockchainList");import{styled as EC}from"@rango-dev/ui";var gm=EC("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var MC=12;function qs(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:s}=t,a=Fs(e,{limit:10,selected:n?.name}),{fetchStatus:l}=g(),p=Q.use.resetToBlockchain(),u=Q.use.resetFromBlockchain(),c=a.more.length>0,d=a.more.length===1,m=!d&&c;return be.createElement(be.Fragment,null,be.createElement(hm,{size:12}),be.createElement(Us,{variant:"label",size:"large"},Os.t("Select Blockchain")),be.createElement(hm,{size:12}),be.createElement(gm,null,l==="loading"&&Array.from(Array(MC),y=>be.createElement(WC,{key:y,variant:"rounded",height:50})),l==="success"&&be.createElement(be.Fragment,null,be.createElement(Pr,{selected:!n,onClick:()=>{o==="from"?u():p()}},be.createElement(Us,{variant:"body",size:"xsmall",color:"secondary500"},Os.t("All"))),a.list.map(y=>be.createElement(LC,{key:y.name,content:y.shortName,side:"bottom",sideOffset:2,container:N()},be.createElement(Pr,{key:y.name,selected:!!n&&n.name===y.name,onClick:()=>r(y)},be.createElement(ym,{src:y.logo,size:30})))),d?be.createElement(Pr,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},be.createElement(ym,{src:a.more[0].logo,size:30})):null,m?be.createElement(Pr,{onClick:s,key:"more-blockchains"},be.createElement(Us,{variant:"body",size:"xsmall",color:"secondary500"},Os._("More +{count}",{count:a.more.length}))):null)))}i(qs,"BlockchainsSection");import{i18n as Js}from"@lingui/core";import{darkTheme as Am,Divider as yo,ExternalLinkIcon as BC,Image as $C,ListItemButton as _C,NotFound as DC,PinIcon as FC,Skeleton as Em,Typography as _r,VirtualizedList as OC}from"@rango-dev/ui";import z,{useEffect as Wm,useState as Lm}from"react";import{Divider as bm,ListItem as PC,Skeleton as Ko}from"@rango-dev/ui";import nt from"react";import{css as ho,darkTheme as Sm,ImageContainer as NC,styled as ot,Typography as Cm}from"@rango-dev/ui";var zs=ho({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}),Qs=ho({position:"relative",height:12,width:"30%",maxWidth:"150px"}),Hs=ho({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"}),Gs=ho({transform:"translateY(12px)",visibility:"hidden","& a":{display:"flex",justifyContent:"center",alignItems:"center",fontSize:"$12",lineHeight:"$16",$$color:"$colors$neutral600",[`.${Sm} &`]:{$$color:"$colors$neutral700"},color:"$$color",textDecoration:"none"}}),Vs=ho({}),js=ho(),Tm=ot("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),Xs=ot("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),Br=ot("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none","&:hover":{[`& .${Qs}`]:{[`& .${Gs}`]:{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},[`& .${Vs}`]:{bottom:"-15px"},[`& .${zs}`]:{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},[`& .${Hs}`]:{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),Ks=ot("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),Ys=ot(Cm,{}),km=ot("div",{textAlign:"right",width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",[`& .${js}`]:{$$color:"$colors$neutral600",[`.${Sm} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),$r=ot("div",{display:"flex",alignItems:"end",flexDirection:"column"}),x1=ot("div",{display:"flex",alignItems:"center"}),wm=ot("div",{position:"relative",[`& ${NC}`]:{borderRadius:"$xm",overflow:"hidden"}}),xm=ot("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6}),vm=ot(Cm,{width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"});function Im(t){return nt.createElement(Br,null,Array.from(Array(t.size),e=>nt.createElement(PC,{key:e,hasDivider:!0,start:nt.createElement(Ko,{variant:"circular",width:35,height:35}),end:nt.createElement($r,null,nt.createElement(Ko,{variant:"text",size:"large",width:70}),nt.createElement(bm,{size:4}),nt.createElement(Ko,{variant:"text",size:"medium",width:50})),title:nt.createElement("div",null,nt.createElement(Ko,{variant:"text",size:"large",width:90}),nt.createElement(bm,{size:4}),nt.createElement(Ko,{variant:"text",size:"medium",width:90}))})))}i(Im,"LoadingTokenList");var Zs=20,UC=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:s,customCssForTagTitle:a}=t,l=e.length;return z.createElement("div",{className:Qs()},o?z.createElement("div",{className:zs()},o):z.createElement(Xs,{className:Hs()},z.createElement(_r,{variant:"title",size:"xmedium"},r.symbol),z.createElement(yo,{direction:"horizontal",size:4}),z.createElement(Ks,{css:s},z.createElement(Ys,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&z.createElement("div",{className:`${Gs()} ${!o&&Vs()}`},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(BC,{color:"gray",size:12}))))},"renderDesc");function Mm(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=Lm(e),l=g().fetchStatus,p=g().blockchains(),[u,c]=Lm(!0),{getBalanceFor:d,loading:m}=X(),{isTokenPinned:y}=g(),S=i(()=>{a(e.slice(0,s.length+Zs))},"loadNextPage");Wm(()=>{c(e.length>s.length)},[s.length]),Wm(()=>{a(e.slice(0,Zs))},[e]);let C=i(()=>!s.length&&o?z.createElement(z.Fragment,null,z.createElement(yo,{size:32}),z.createElement(DC,{title:Js.t("No results found"),description:Js.t("Try using different keywords")})):z.createElement(OC,{endReached:u?S:void 0,itemContent:h=>{let f=s[h],v=fn(d(f)),k=f.address||"",w=p.find(I=>I.name===f.blockchain),E=Gn(f.symbol,w?.color||""),x={$$color:E[`${f.symbol}100`],[`.${Am} &`]:{$$color:E[`${f.symbol}900`]},backgroundColor:"$$color"},T={$$color:E[`${f.symbol}700`],[`.${Am} &`]:{$$color:E[`${f.symbol}100`]},color:"$$color"};return z.createElement("div",{style:{paddingRight:5}},z.createElement(_C,{style:{width:"100%",overflow:"hidden"},"tab-index":h,key:`${f.symbol}${f.address}`,id:`${f.symbol}${f.address}`,hasDivider:!0,onClick:()=>n(s[h]),start:z.createElement(wm,null,z.createElement($C,{src:f.image,size:30}),y(f,t.type)&&z.createElement(xm,null,z.createElement(FC,{size:12,color:"gray"}))),title:w?.type==="COSMOS"||f.name||!f.name&&!k?z.createElement(Xs,null,z.createElement(_r,{variant:"title",size:"xmedium"},f.symbol),z.createElement(yo,{direction:"horizontal",size:4}),z.createElement(Ks,{css:x},z.createElement(Ys,{variant:"body",size:"xsmall",css:T},f.blockchain))):void 0,description:w?.info&&k&&w.type!=="COSMOS"?UC({address:k,token:s[h],customCssForTag:x,customCssForTagTitle:T,name:f.name,url:w.info.addressUrl.split("{wallet}").join(k)}):f.name||void 0,end:m?z.createElement($r,null,z.createElement(Em,{variant:"text",size:"large",width:70}),z.createElement(yo,{size:4}),z.createElement(Em,{variant:"text",size:"medium",width:50})):v&&z.createElement(km,null,z.createElement(vm,{variant:"title",size:"small"},v.amount),z.createElement("div",null),v.usdValue&&z.createElement(_r,{variant:"body",className:js(),size:"xsmall"},`$${v.usdValue}`))}))},totalCount:s.length,key:`${r}-${o}`}),"renderList");return z.createElement(Tm,null,z.createElement(_r,{variant:"label",size:"large"},Js.t("Select Token")),z.createElement(yo,{size:4}),l==="loading"&&z.createElement(Im,{size:Zs}),l==="success"&&z.createElement(Br,{as:"ul"},C()))}i(Mm,"TokenList");function Rs(t){let{type:e}=t,o=zC(),n=ut(),{fromBlockchain:r,toBlockchain:s,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:u}=Q(),c=X.use.getBalanceFor(),[d,m]=qC(""),{isTokenPinned:y}=g(),C=(e==="source"?r:s)?.name??"",h=g().blockchains({type:e}),f=g().tokens({type:e,blockchain:C,searchFor:d}),k=Da(f,c,i(T=>y(T,e),"checkIsTokenPinned")),w=i(T=>{e==="source"?p(T):u(T)},"updateBlockchain"),E=i(T=>{e==="source"?a({token:T,meta:{blockchains:h,tokens:f}}):l({token:T,meta:{blockchains:h,tokens:f}})},"updateToken"),x={source:Dr.t("Source"),destination:Dr.t("Destination")};return Jt.createElement(re,{header:{title:Dr.t("Swap {type}",{type:x[e]})}},Jt.createElement(le,null,Jt.createElement(qs,{blockchains:h,type:e=="source"?"from":"to",blockchain:e==="source"?r:s,onMoreClick:()=>o(D.blockchains),onChange:T=>{w(T)}}),Jt.createElement(Nm,{size:24}),Jt.createElement(wt,{value:d,autoFocus:!0,placeholder:Dr.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>m(""),onChange:T=>m(T.target.value)}),Jt.createElement(Nm,{size:16}),Jt.createElement(Mm,{list:k,selectedBlockchain:C,searchedFor:d,type:e,onChange:T=>{E(T);let I=h.find(A=>T.blockchain===A.name);I&&w(I),n()}})))}i(Rs,"SelectSwapItemsPage");import{i18n as ra}from"@lingui/core";import{Alert as dT,Button as fT,styled as gT}from"@rango-dev/ui";import Zt from"react";import{useInRouterContext as hT,useSearchParams as yT}from"react-router-dom";import{i18n as Fm}from"@lingui/core";import{Divider as VC,InfoIcon as jC,TextField as XC,Tooltip as KC,Typography as Om}from"@rango-dev/ui";import Ge from"react";import{Chip as QC,styled as Yo,TextField as HC}from"@rango-dev/ui";var Pm=Yo("div",{paddingTop:"$5",padding:"$10 $5"}),Bm=Yo("div",{display:"flex",flexWrap:"wrap",gap:"$10",[`& ${HC}`]:{flex:"1 1 0",maxWidth:"127px",minWidth:"85px"}}),$m=Yo("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),Fr=Yo("div",{maxWidth:"280px",padding:"$10"}),_m=Yo(QC,{width:"61px",flexShrink:0});import{i18n as ea}from"@lingui/core";import{Typography as GC}from"@rango-dev/ui";import Jo from"react";function Dm(){return Jo.createElement(Fr,null,Jo.createElement(GC,{variant:"label",size:"medium",color:"neutral700"},ea.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),Jo.createElement("br",null),Jo.createElement("br",null),Jo.createElement("b",null,ea.t("Warning")),":",ea.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(Dm,"SlippageTooltipContent");function ta(){let{slippage:t,setSlippage:e,customSlippage:o,setCustomSlippage:n}=g();return Ge.createElement(Pm,null,Ge.createElement($m,null,Ge.createElement(Om,{variant:"title",size:"xmedium"},Fm.t("Slippage tolerance per swap")),Ge.createElement(VC,{direction:"horizontal",size:4}),Ge.createElement(KC,{container:N(),side:"top",sideOffset:4,content:Ge.createElement(Dm,null)},Ge.createElement(jC,{color:"gray"}))),Ge.createElement(Bm,null,tl.map((r,s)=>{let a=`slippage-${s}`;return Ge.createElement(Ge.Fragment,null,Ge.createElement(_m,{key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}))}),Ge.createElement(XC,{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>=il&&a<=rl?n(a):n(null)},suffix:o&&Ge.createElement(Om,{variant:"body",size:"small"},"%"),placeholder:Fm.t("Custom")})))}i(ta,"Slippage");import{i18n as gt}from"@lingui/core";import{AutoThemeIcon as Um,BridgeIcon as YC,ChevronRightIcon as oa,DarkModeIcon as qm,Divider as na,DoneIcon as JC,ExchangeIcon as ZC,InfoIcon as RC,LanguageIcon as eT,LightModeIcon as zm,List as tT,ListItem as oT,ListItemButton as nT,Skeleton as rT,styled as iT,Switch as sT,Tabs as aT,Tooltip as lT,Typography as rt}from"@rango-dev/ui";import F from"react";import{useNavigate as pT}from"react-router-dom";var uT=iT("div",{width:"202px",height:"$40"}),cT=[{id:"light",icon:F.createElement(zm,{color:"black",size:16}),tooltip:F.createElement(rt,{size:"xsmall",variant:"body"},gt.t("Light"))},{id:"dark",icon:F.createElement(qm,{color:"black",size:16}),tooltip:F.createElement(rt,{size:"xsmall",variant:"body"},gt.t("Dark"))},{id:"auto",icon:F.createElement(Um,{color:"black",size:16}),tooltip:F.createElement(rt,{size:"xsmall",variant:"body"},gt.t("Auto"))}],mT=i(t=>{let e={color:"gray",size:12};switch(t){case"auto":return F.createElement(Um,{...e});case"dark":return F.createElement(qm,{...e});default:return F.createElement(zm,{...e})}},"getThemeIcon");function Qm(){let t=pT(),{theme:e}=g().config,{setTheme:o,theme:n}=g(),r=g().fetchStatus,s=g().swappers(),a=g().getDisabledLiquiditySources(),{config:{features:l}}=g(),p=je("theme",l),u=je("liquiditySource",l),c=je("language",l),d=g().infiniteApprove,m=g().toggleInfiniteApprove,y=kn(s,a),S=y.filter(M=>M.type==="BRIDGE"||M.type==="AGGREGATOR"),C=S.length,h=S.filter(M=>M.selected).length,f=y.filter(M=>M.type==="DEX"),v=f.length,k=f.filter(M=>M.selected).length,w=i((M,q)=>{switch(r){case"loading":return F.createElement(rT,{variant:"text",size:"medium",width:50});case"failed":return F.createElement(rt,{variant:"body",size:"medium",color:"$error500"},gt.t("Loading failed"));default:return F.createElement(rt,{variant:"body",size:"medium"},`${M} / ${q}`)}},"handleEndItem"),E={id:"bridge-item",title:F.createElement(rt,{variant:"title",size:"xmedium"},gt.t("Enabled bridges")),end:F.createElement(F.Fragment,null,w(h,C),F.createElement(na,{direction:"horizontal",size:8}),F.createElement(oa,{color:"black"})),onClick:()=>t(D.bridges),start:F.createElement(YC,{color:"gray",size:12})},x={id:"exchange-item",title:F.createElement(rt,{variant:"title",size:"xmedium"},gt.t("Enabled exchanges")),end:F.createElement(F.Fragment,null,w(k,v),F.createElement(na,{direction:"horizontal",size:8}),F.createElement(oa,{color:"gray"})),start:F.createElement(ZC,{color:"gray",size:12}),onClick:()=>t(D.exchanges)},T={id:"language-item",title:F.createElement(rt,{variant:"title",size:"xmedium"},gt.t("Language")),start:F.createElement(eT,{color:"gray",size:12}),end:F.createElement(oa,{color:"gray"}),onClick:()=>t(D.languages)},I={id:"infinite-approval-item",title:F.createElement(F.Fragment,null,F.createElement(rt,{variant:"title",size:"xmedium"},gt.t("Infinite approval")),F.createElement(na,{direction:"horizontal",size:4}),F.createElement(lT,{side:"top",sideOffset:4,container:N(),content:F.createElement(Fr,null,F.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.")))},F.createElement(RC,{color:"gray"}))),start:F.createElement(JC,{color:"gray",size:12}),end:F.createElement(sT,{checked:d}),onClick:m},A={id:"theme-item",type:F.createElement(oT,null),title:F.createElement(rt,{variant:"title",size:"xmedium"},gt.t("Theme")),end:F.createElement(uT,null,F.createElement(aT,{container:N(),items:cT,value:n,onChange:M=>o(M.id),type:"primary",borderRadius:"small"})),start:mT(n)},L=u?[]:[E,x];return c||L.push(T),L.push(I),!e?.singleTheme&&!p&&L.push(A),F.createElement(tT,{type:F.createElement(nT,{hasDivider:!0,id:"_",onClick:()=>console.log()}),items:L})}i(Qm,"SettingsLists");var ST=gT("div",{paddingLeft:"$8"});function Hm(){let{isInCampaignMode:t,updateCampaignMode:e}=g(),o=t(),[,n]=yT(),r=hT(),s=i(()=>{r&&o&&(n(a=>(a.delete("liquiditySources"),a),{replace:!0}),e("liquiditySources",void 0))},"onClick");return Zt.createElement(re,{header:{title:ra.t("Settings")}},Zt.createElement(le,null,o&&Zt.createElement(dT,{type:"info",variant:"alarm",title:ra.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(ST,null,Zt.createElement(fT,{type:"secondary",size:"small",onClick:s},ra.t("Reset")))}),Zt.createElement(ta,null),Zt.createElement(Qm,null)))}i(Hm,"SettingsPage");import{i18n as ik}from"@lingui/core";import{cancelSwap as sk}from"@rango-dev/queue-manager-rango-preset";import{useManager as ak}from"@rango-dev/queue-manager-react";import{Alert as lk}from"@rango-dev/ui";import Ta from"react";import{useParams as pk}from"react-router-dom";import{i18n as At}from"@lingui/core";import{getCurrentBlockchainOfOrNull as qT,getCurrentStep as zT,getRelatedWalletOrNull as QT}from"@rango-dev/queue-manager-rango-preset";import{Button as hd,CopyIcon as HT,Divider as GT,IconButton as VT,LinkIcon as jT,QuoteCost as XT,StepDetails as KT,Typography as Co,useCopyToClipboard as YT}from"@rango-dev/ui";import{useWallets as JT}from"@rango-dev/wallets-react";import yd from"bignumber.js";import{PendingSwapNetworkStatus as jr}from"rango-types";import J,{useEffect as Sd,useRef as ZT,useState as Cd}from"react";import{useNavigate as RT}from"react-router-dom";import{i18n as Ft}from"@lingui/core";var CT=[Ft.t("Sunday"),Ft.t("Monday"),Ft.t("Tuesday"),Ft.t("Wednesday"),Ft.t("Thursday"),Ft.t("Friday"),Ft.t("Saturday")];function Gm(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"):`${CT[e.getDay()]} ${o} ${n} ${r}`}, ${new Date(t).toLocaleTimeString()}`}i(Gm,"timeSince");function Vm(t){return t.finishTime?Gm(parseInt(t.finishTime)):Gm(parseInt(t.creationTime))}i(Vm,"getSwapDate");import{PendingSwapNetworkStatus as qr}from"rango-types";import zr from"react";import{i18n as Or}from"@lingui/core";import{Button as jm,Divider as ia,MessageBox as TT}from"@rango-dev/ui";import Ot from"react";var Xm=i(({onCancel:t,onClose:e})=>Ot.createElement(Ot.Fragment,null,Ot.createElement(ia,{size:20}),Ot.createElement(TT,{type:"error",title:Or.t("Cancel Swap"),description:Or.t("Are you sure you want to cancel this swap?")}),Ot.createElement(ia,{size:32}),Ot.createElement(jm,{variant:"contained",type:"primary",size:"large",onClick:t},Or.t("Yes, Cancel it")),Ot.createElement(ia,{size:12}),Ot.createElement(jm,{variant:"outlined",type:"primary",size:"large",onClick:e},Or.t("No, Continue"))),"CancelContent");import{i18n as Ur}from"@lingui/core";import{Button as Km,Divider as sa,MessageBox as kT,Typography as wT}from"@rango-dev/ui";import It from"react";var Ym=i(({onDelete:t,onClose:e})=>It.createElement(It.Fragment,null,It.createElement(sa,{size:20}),It.createElement(kT,{type:"error",title:Ur.t("Delete Transaction"),description:Ur.t("Are you sure you want to delete this swap?")}),It.createElement(sa,{size:32}),It.createElement(Km,{variant:"contained",type:"primary",size:"large",onClick:t},Ur.t("Yes, Delete it")),It.createElement(sa,{size:12}),It.createElement(Km,{variant:"outlined",type:"primary",size:"large",onClick:e},It.createElement(wT,{variant:"title",size:"medium",color:"primary"},Ur.t("No, Cancel")))),"DeleteContent");import{i18n as aa}from"@lingui/core";import{PendingSwapNetworkStatus as la}from"rango-types";var pa={[la.WaitingForNetworkChange]:{type:"loading",title:aa.t("Change Network")},[la.WaitingForConnectingWallet]:{type:"warning",title:aa.t("Connect Wallet")},[la.NetworkChanged]:{type:"success",title:aa.t("Network Changed")}};import{MessageBox as vT,Wallet as bT}from"@rango-dev/ui";import{useWallets as IT}from"@rango-dev/wallets-react";import Zo from"react";import{styled as xT}from"@rango-dev/ui";var Jm=xT("div",{display:"flex",justifyContent:"center"});var Zm=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:s,walletButtonDisabled:a}=t,{connect:l,getWalletInfo:p,state:u}=IT(),c=n?.walletType,d=c?ti(u(c)):null,m=c?p(c):null;return Zo.createElement(Zo.Fragment,null,Zo.createElement(vT,{type:e,title:o,description:r}),s&&!!c&&!!d&&!!m&&Zo.createElement(Jm,null,Zo.createElement(bT,{container:N(),title:m.name,image:m.img,type:c,state:d,link:m.installLink,disabled:a,onClick:async()=>l(c)})))},"WalletStateContent");function ua(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:s,message:a,walletButtonDisabled:l}=t,p=e===qr.WaitingForNetworkChange||e===qr.WaitingForConnectingWallet||e===qr.NetworkChanged;return zr.createElement(ae,{open:!!e,onClose:o,container:document.getElementById(ke.SWAP_BOX_ID)||document.body},p&&zr.createElement(Zm,{type:pa[e].type,title:pa[e].title,currentStepWallet:s,message:a,walletButtonDisabled:l,showWalletButton:e!==qr.WaitingForNetworkChange}),e==="delete"&&zr.createElement(Ym,{onClose:o,onDelete:n}),e==="cancel"&&zr.createElement(Xm,{onClose:o,onCancel:r}))}i(ua,"SwapDetailsModal");import{i18n as Ro}from"@lingui/core";import{Button as ca,Divider as Qr,MessageBox as Rm,TokenAmount as AT,Typography as ma}from"@rango-dev/ui";import We from"react";import{useNavigate as ET}from"react-router-dom";function da(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:s,realUsdValue:a,realValue:l,token:p,chain:u,percentageChange:c,description:d,diagnosisUrl:m}=t,y=ET();return We.createElement(ae,{open:e,onClose:o,container:document.getElementById(ke.SWAP_BOX_ID)||document.body},n==="success"?We.createElement(Rm,{type:"success",title:Ro.t("Swap Successful")},We.createElement(AT,{direction:"vertical",tooltipContainer:N(),type:"output",centerAlign:!0,price:{value:r,usdValue:s,realUsdValue:a,realValue:l},token:p,chain:u,percentageChange:c}),We.createElement(Qr,{size:12}),We.createElement(ma,{variant:"body",size:"medium",color:"neutral700",align:"center"},d)):We.createElement(Rm,{type:"error",title:Ro.t("Transaction Failed"),description:d}),We.createElement(Qr,{size:32}),n==="success"&&We.createElement(ca,{variant:"contained",type:"primary",size:"large",onClick:()=>{y("../../")}},We.createElement(ma,{variant:"title",size:"medium",color:"neutral100"},Ro.t("Done"))),We.createElement(Qr,{size:12}),m&&We.createElement(We.Fragment,null,We.createElement(ca,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(m,"_blank")},Ro.t("Diagnosis")),We.createElement(Qr,{size:12})),We.createElement(ca,{variant:"outlined",type:"primary",size:"large",onClick:o},We.createElement(ma,{variant:"title",size:"medium",color:"primary"},Ro.t("See Details"))))}i(da,"SwapDetailsCompleteModal");import OT from"react";import{i18n as $T}from"@lingui/core";import{Alert as id,IconButton as _T,LinkIcon as DT}from"@rango-dev/ui";import Ut,{Fragment as FT}from"react";import{Alert as WT,ChevronDownIcon as LT,ChevronUpIcon as MT,IconButton as NT}from"@rango-dev/ui";import Hr,{useState as PT}from"react";function ed(t){let{message:e}=t,[o,n]=PT(!1);return Hr.createElement(WT,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Hr.createElement(NT,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Hr.createElement(MT,{size:12,color:"gray"}):Hr.createElement(LT,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(ed,"FailedAlert");import{styled as BT}from"@rango-dev/ui";var td=BT("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as od}from"@lingui/core";import{Alert as fa,Button as nd}from"@rango-dev/ui";import{PendingSwapNetworkStatus as ga}from"rango-types";import en from"react";function rd(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?en.createElement(fa,{type:"warning",title:n.shortMessage,action:en.createElement(nd,{size:"xxsmall",type:"warning",onClick:()=>{o(ga.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},od.t("Change"))}):r===ga.WaitingForConnectingWallet?en.createElement(fa,{type:"warning",title:n.shortMessage,action:en.createElement(nd,{size:"xxsmall",type:"warning",onClick:()=>{o(ga.WaitingForConnectingWallet)}},od.t("Connect"))}):en.createElement(fa,{type:"warning",title:n.shortMessage})}i(rd,"WarningAlert");function ha(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(td,null,s.explorerUrl?.map((d,m,y)=>{let S=m+d.url,C=m===y.length-1,h=(C&&u||p)&&!c,f=C&&s.status==="failed";return Ut.createElement(FT,{key:S},Ut.createElement(id,{type:C&&(h&&"loading"||f&&"error")||"success",title:d.description?`${d.description} Tx`:$T.t("View transaction"),action:d.url&&Ut.createElement(_T,{variant:"ghost",size:"xsmall",onClick:()=>window.open(d.url,"_blank")},Ut.createElement(DT,{size:12}))}))}),c&&Ut.createElement(id,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&l&&Ut.createElement(rd,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&Ut.createElement(ed,{message:r}))}i(ha,"SwapDetailsAlerts");var sd=2e3;var ad=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:W(l,6,6),realValue:l}},to:{token:{displayName:s.toSymbol,image:s.toLogo},chain:{displayName:Xe(s.toBlockchain,e)??"",image:s.toBlockchainLogo??""},price:{value:W(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:OT.createElement(ha,{step:s,hasAlreadyProceededToSign:r,...n})}})},"getSteps");function ld(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(ld,"getStepState");import{css as tn,darkTheme as UT,styled as Rt}from"@rango-dev/ui";var pd=Rt("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),Gr=Rt("div",{width:"100%"}),ud=Rt(Eo,{padding:"$0 $20 $20 $20"}),kU=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=tn({display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${UT} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"}),md=tn({padding:"$5 0"}),Vr=tn({display:"flex",justifyContent:"center",alignItems:"center",height:"$24"}),dd=tn({display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"}),fd=tn({width:"100%",padding:"0 $20 $10"}),gd=Rt("a",{fontSize:"$16",fontWeight:"$400",color:"$neutral700",display:"flex",alignItems:"center",justifyContent:"center"});function ya(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:s,connect:a,getWalletInfo:l}=JT(),p=g().blockchains(),u=g().swappers(),c=g().tokens(),d=Q.use.retry(),m=te.use.isActiveTab(),y=RT(),[S,C]=YT(sd),h=ZT(null),[f,v]=Cd(null),[k,w]=Cd(null),E=i(()=>{r(),v(null)},"onCancel"),x=qe.use.getUnreadNotifications(),T=qe.use.setAsRead(),I=x(),A=zT(e),L=A?.networkStatus;Sd(()=>{I.find(st=>st.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(w(e.status),T(e.requestId))},[e.status,e.requestId]),Sd(()=>{O?v(jr.WaitingForNetworkChange):L===jr.WaitingForConnectingWallet||L===jr.NetworkChanged?v(L):v(null)},[L]);let M=Bl(e),q=A?qT(e,A):null,se=A?QT(e,A):null,ge=Vm(e),B=$l(e),Z=i(he=>!!l(he)?.mobileWallet,"isMobileWallet"),O=L===jr.WaitingForNetworkChange&&!!q&&!!se?.walletType&&(Z(se.walletType)||s(se.walletType,q)),b=O?a.bind(null,se.walletType,q):void 0,R=Pl(e,A),G=ad({swap:e,switchNetwork:b,showNetworkModal:L,setNetworkModal:v,message:R,blockchains:p,swappers:u}),V=G.length,[Ce,de]=[e.steps[0],e.steps[V-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,Y=W(parseFloat(W(Ie,6,6))*(de.toUsdPrice||0),4,4),ee=W(parseFloat(e.inputAmount)*(Ce.fromUsdPrice||0),4,4),Ae=Ie?ie(new yd(Ie).multipliedBy(de.toUsdPrice||0)):"",Ve=ie(new yd(e.inputAmount).multipliedBy(Ce.fromUsdPrice||0)),Te=Ke(ee,Y),De=e.status==="success"?At.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:W(Ie,6,6),token:G[V-1].to.token.displayName,conciseAddress:gn(e.wallets[G[V-1].to.chain.displayName]?.address||""),chain:G[V-1].to.chain.displayName}}):`${At.t("Transaction was not sent.")} ${M?At.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:M.outputAmount,symbol:M.symbol,blockchain:M.blockchain}}):""}`;return J.createElement(re,{header:{title:At.t("Swap and Bridge"),onCancel:e.status==="running"?()=>v("cancel"):void 0,suffix:e.status!=="running"&&J.createElement(so,null,J.createElement(hd,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>v("delete")},J.createElement(Co,{size:"medium",variant:"label",color:"error"},At.t("Delete"))))},footer:B&&!k&&J.createElement(hd,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{d(e,{blockchains:p,tokens:c}),setTimeout(()=>{y("../../")},0)}},At.t("Try again"))},J.createElement(le,{compact:!0,view:!0},J.createElement(Gr,null,J.createElement("div",{className:So()},J.createElement(Co,{variant:"label",size:"large",color:"neutral700"},`${At.t("Request ID")}:`),J.createElement("div",{className:Vr()},J.createElement(Co,{variant:"label",size:"small",color:"neutral700"},o),J.createElement(VT,{variant:"ghost",onClick:C.bind(null,o||"")},J.createElement(HT,{size:16,color:"gray"})),J.createElement(gd,{target:"_blank",href:`${Ia}/swap/${o}`},J.createElement(jT,{size:16})))),J.createElement("div",{className:So()},J.createElement(Co,{variant:"label",size:"large",color:"neutral700"},`${At.t(e.finishTime?"Finished at":"Created at")}:`),J.createElement(Co,{variant:"label",size:"small",color:"neutral700"},ge))),J.createElement("div",{className:dd()},J.createElement(XT,{fee:W(String(ht),2,2),time:an(ln(e.steps)),steps:V}),J.createElement($o,{from:{price:{value:W(e.inputAmount,6,6),usdValue:ee,realUsdValue:Ve,realValue:e.inputAmount},token:{displayName:G[0].from.token.displayName,image:G[0].from.token.image},chain:{image:G[0].from.chain.image,displayName:G[0].from.chain.displayName}},to:{price:{value:W(Ie,6,6),usdValue:Y,realUsdValue:Ae,realValue:Ie},token:{displayName:G[V-1].to.token.displayName,image:G[V-1].to.token.image},chain:{image:G[V-1].to.chain.image,displayName:G[V-1].to.chain.displayName}},percentageChange:W(Te,2,2),warningLevel:St(Te??0)})),J.createElement("div",{className:fd()},J.createElement(Co,{variant:"title",size:"small"},At.t("Swaps steps"))),J.createElement(GT,{size:8}),J.createElement(ud,{ref:h},G.map((he,st)=>{let va=st,To=ld(e.steps[st]),Od=To==="error"||To==="in-progress"||To==="warning"||To==="completed"&&st===G.length-1;return J.createElement(KT,{key:va,step:he,type:"swap-progress",ref:h,state:To,hasSeparator:st!==0,tabIndex:va,isFocused:Od,tooltipContainer:N()})}))),J.createElement(ua,{state:f,onClose:()=>v(null),onCancel:E,onDelete:n,message:R.detailedMessage.content,currentStepWallet:se,walletButtonDisabled:!m}),J.createElement(da,{open:!!k,diagnosisUrl:H,onClose:()=>w(null),status:e.status==="success"?"success":"failed",priceValue:W(Ie,6,6),usdValue:Y,realUsdValue:Ae,realValue:ie(Ie),percentageChange:W(Te,2,2),token:{displayName:G[V-1].to.token.displayName,image:G[V-1].to.token.image},chain:{image:G[V-1].to.chain.image},description:De}))}i(ya,"SwapDetails");import{i18n as Kr}from"@lingui/core";import{Divider as wd,NotFound as rk,Skeleton as nn,Typography as Yr}from"@rango-dev/ui";import me from"react";import{i18n as ek}from"@lingui/core";import{Divider as tk,Skeleton as ok,Typography as nk}from"@rango-dev/ui";import fe from"react";import{css as it,styled as Sa}from"@rango-dev/ui";var Td=Sa("div",{width:"100%",height:"100%",padding:"$10 $20"}),on=Sa("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15"}),Xr=Sa("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"}),tq=it({display:"flex",justifyContent:"space-between",alignItems:"center"}),oq=it({display:"flex",justifyContent:"space-between",alignItems:"center"}),nq=it({paddingTop:"$15",display:"flex"}),rq=it({padding:"$15 $0"}),iq=it({width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"}),sq=it({paddingBottom:"$10"}),aq=it({display:"flex",justifyContent:"start",alignItems:"center"}),lq=it({paddingTop:"$5",display:"flex",alignItems:"center"}),pq=it({display:"flex",alignItems:"center"}),uq=it({padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"}),kd=it({display:"flex",paddingTop:"$10",paddingBottom:"$5"});function Ca(){return fe.createElement(Td,null,fe.createElement(Oo,{type:"swap-preview"}),fe.createElement("div",{className:"swaps-steps"},fe.createElement(nk,{variant:"title",size:"small"},ek.t("Swaps steps"))),fe.createElement(fe.Fragment,null,fe.createElement(on,null,fe.createElement(ft,{separator:!1}),fe.createElement("div",{className:kd()},fe.createElement(tk,{direction:"horizontal",size:20}),fe.createElement(ok,{height:22,variant:"rectangular"}))),fe.createElement(Xr,null),fe.createElement(on,null,fe.createElement(ft,{separator:!1})),fe.createElement(Xr,null),fe.createElement(on,null,fe.createElement(ft,{separator:!1})),fe.createElement(Xr,null),fe.createElement(on,null,fe.createElement(ft,{separator:!1}))))}i(Ca,"LoadingSwapDetails");function xd(t){let{requestId:e,showSkeleton:o}=t;return me.createElement(re,{header:{title:Kr.t("Swap and Bridge"),suffix:me.createElement(so,null)}},o&&me.createElement(pd,null,me.createElement(Gr,null,me.createElement("div",{className:So()},me.createElement(Yr,{variant:"label",size:"large",color:"neutral700"},`${Kr.t("Request ID")}:`),me.createElement("div",{className:Vr()},me.createElement(Yr,{variant:"label",size:"small",color:"neutral700"},me.createElement(nn,{width:60,height:10,variant:"rounded"})),me.createElement(wd,{direction:"horizontal",size:4}),me.createElement(nn,{width:16,height:16,variant:"rectangular"}),me.createElement(wd,{direction:"horizontal",size:4}),me.createElement(nn,{width:16,height:16,variant:"rectangular"}))),me.createElement("div",{className:So()},me.createElement(Yr,{className:md(),variant:"label",size:"large",color:"neutral700"},me.createElement(nn,{width:60,height:10,variant:"rounded"})),me.createElement(Yr,{variant:"label",size:"small",color:"neutral700"},me.createElement(nn,{width:60,height:10,variant:"rounded"})))),me.createElement(Ca,null)),!o&&me.createElement(cd,null,me.createElement(rk,{title:Kr.t("Not found"),description:Kr.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}i(xd,"SwapDetailsPlaceholder");function vd(){let{manager:t,state:e}=ak(),o=!e.loadedFromPersistor,n=ct(t),{requestId:r}=pk(),s=ut(),{fetchStatus:a}=g();if(!r)return Ta.createElement(lk,{containerStyles:{margin:"20px"},type:"error",title:ik.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&&sk(m)}},"onCancel"),c=i(async()=>{if(p?.id)try{t?.deleteQueue(p.id),s()}catch(m){console.log(m)}},"onDelete"),d=p?.swap;return!d||l?Ta.createElement(xd,{requestId:r,showSkeleton:l}):Ta.createElement(ya,{swap:d,requestId:r,onCancel:u,onDelete:c})}i(vd,"SwapDetailsPage");function bd(){return Hl(),xi(),uk([{path:D.home,element:Ue.createElement(Jc,null)},{path:D.routes,element:Ue.createElement(om,null)},{path:D.fromSwap,children:[{index:!0,element:Ue.createElement(Rs,{type:"source"})},{path:D.blockchains,element:Ue.createElement(_s,{type:"source"})}]},{path:D.toSwap,children:[{index:!0,element:Ue.createElement(Rs,{type:"destination"})},{path:D.blockchains,element:Ue.createElement(_s,{type:"destination"})}]},{path:D.settings,children:[{index:!0,element:Ue.createElement(Hm,null)},{path:D.languages,element:Ue.createElement(Rc,null)},{path:D.exchanges,element:Ue.createElement(Ns,{sourceType:"Exchanges"})},{path:D.bridges,element:Ue.createElement(Ns,{sourceType:"Bridges"})}]},{path:D.swaps,children:[{index:!0,element:Ue.createElement(Nc,null)},{path:D.swapDetails,element:Ue.createElement(vd,null)}]},{path:D.wallets,element:Ue.createElement(Xp,null)},{path:D.confirmSwap,element:Ue.createElement(Tc,null)}])}i(bd,"AppRoutes");import{isApprovalTX as ck,MainEvents as Id,RouteEventType as Ad,StepEventType as Ed,StepExecutionEventStatus as mk,useEvents as dk}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Wd}from"react";function Ld(){let t=g().tokens(),e=X.use.connectedWallets(),o=X.use.getWalletsDetails(),n=qe.use.setNotification(),r=dk();return Wd(()=>(r.on(Id.StepEvent,s=>{let{event:a,step:l,route:p}=s;if(a.type===Ed.TX_EXECUTION&&a.status===mk.TX_SENT&&!ck(l)||a.type===Ed.SUCCEEDED){let c=e.find(m=>m.chain===l?.fromBlockchain),d=l?.fromBlockchain!==l?.toBlockchain&&e.find(m=>m.chain===l?.toBlockchain);c&&o([c],t),d&&o([d],t)}n(a,p)}),()=>r.all.clear()),[r,e.length]),Wd(()=>(r.on(Id.RouteEvent,s=>{let{event:a,route:l}=s;(a.type===Ad.FAILED||a.type===Ad.SUCCEEDED)&&n(a,l)}),()=>r.all.clear()),[r,e.length]),null}i(Ld,"WidgetEvents");import{globalCss as fk}from"@rango-dev/ui";var Md=i(()=>fk({"@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 Nd(){let{setWatermark:t}=te();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(Nd,"useFetchApiConfig");import{styled as gk}from"@rango-dev/ui";var Pd=gk("div",{display:"flex",justifyContent:"center",alignItems:"center",fontFamily:"$widget",boxSizing:"border-box",textAlign:"left","& *, *::before, *::after":{boxSizing:"inherit"},"& *:focus-visible":{outlineColor:"$info500",transition:"none"},"& ul, ol, li":{listStyleType:"none"}});function Jr(){Md();let{config:t}=g(),{activeTheme:e}=Vn(t?.theme||{}),{activeLanguage:o}=go(),[n,r]=Bd(""),[s,a]=Bd(),l=yk(xn),{fetchApiConfig:p}=Nd();return Sk(()=>{qe.persist.rehydrate(),l.onConnectWallet(r),p().catch(console.log)},[]),rn.createElement(hk,{language:o},rn.createElement(Pd,{id:"swap-container",className:e()},rn.createElement(Ld,null),rn.createElement(gl,{lastConnectedWallet:n,disconnectedWallet:s,clearDisconnectedWallet:()=>{a(void 0)}},rn.createElement(bd,null))))}i(Jr,"Main");import wa,{useMemo as _k}from"react";import{checkWaitingForNetworkChange as Ck,makeQueueDefinition as Tk}from"@rango-dev/queue-manager-rango-preset";import{Provider as kk}from"@rango-dev/queue-manager-react";import{useWallets as wk}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as xk}from"@rango-dev/wallets-shared";import{isEvmBlockchain as vk}from"rango-types";import bk,{useMemo as Ik}from"react";function Ak(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=wk(),l=Ik(()=>Tk({API_KEY:t.apiKey||yt("API_KEY"),BASE_URL:yt("BASE_URL")}),[t.apiKey]),p=g().blockchains(),c={blockchains:X.use.connectedWallets().map(k=>({accounts:[k],name:k.chain}))},d=i(async(k,w)=>{if(s(k,w))return r(k,w)},"switchNetwork"),m=i(k=>!!a(k).mobileWallet,"isMobileWallet"),y=p.filter(k=>k.enabled).reduce((k,w)=>(k[w.name]=w,k),{}),S=p.filter(vk),C=i(k=>{let{supportedChains:w}=a(k);return cn(w)},"getSupportedChainNames"),h=e(),f={meta:{blockchains:y,evmBasedChains:S,evmNetworkChainInfo:xk(S),getSupportedChainNames:C},getSigners:o,wallets:c,providers:h,switchNetwork:d,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:m},v=te.use.isActiveTab();return bk.createElement(kk,{queuesDefs:[l],context:f,onPersistedDataLoaded:k=>{Ck(k)},isPaused:!v},t.children)}i(Ak,"QueueManager");var $d=Ak;import{useManager as Nk}from"@rango-dev/queue-manager-react";import Pk,{createContext as Bk,useContext as $k}from"react";import{cancelSwap as Ek,getCurrentBlockchainOfOrNull as Wk,getCurrentStep as Lk,getRelatedWalletOrNull as Mk}from"@rango-dev/queue-manager-rango-preset";var Zr=class{static{i(this,"WidgetHistory")}manager;actions;constructor(e,o){this.manager=e,this.actions=o}getAllSwaps(){return 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&&Ek(o)}getCurrentStepInfo(e){let o=Lk(e);return{step:o,wallet:o?Mk(e,o):null,network:o?Wk(e,o):null}}};var _d=Bk(void 0);function ka(t){let{manager:e}=Nk(),o=te.use.isActiveTab(),n=Q.use.retry(),r=new Zr(e,{retrySwap:n}),s=X.use.connectedWallets(),a=X.use.loading(),l=_a(s),p=X.use.getWalletsDetails(),u=g().blockchains(),c=g().tokens(),d=g().swappers(),m=g().fetchStatus,y=go().resetLanguage,S=qe().getUnreadNotifications(),C={isActiveTab:o,setCurrentTabAsActive:zt.forceClaim,history:r,wallets:{isLoading:a,details:s,totalBalance:l,refetch:p},meta:{blockchains:u,tokens:c,swappers:d,loadingStatus:m},resetLanguage:y,notifications:{list:S}};return Pk.createElement(_d.Provider,{value:C},t.children)}i(ka,"WidgetInfo");function Dd(){let t=$k(_d);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}i(Dd,"useWidget");function Rr(t){let{onUpdateState:e,config:o}=t;return _k(()=>{za({API_KEY:o?.apiKey||sn,BASE_URL:o?.apiUrl||ba})},[o.apiKey,o.apiUrl]),wa.createElement(vn,{config:o,onUpdateState:e},wa.createElement($d,{apiKey:o.apiKey},wa.createElement(ka,null,t.children)))}i(Rr,"WidgetProvider");function Fd(t){return Dk(()=>(zt.init(),zt.destroy),[]),t.config?.externalWallets?xa.createElement(Jr,null):xa.createElement(Rr,{config:t.config??si},xa.createElement(Jr,null))}i(Fd,"Widget");export{DQ as EventSeverity,FQ as MainEvents,XQ as Networks,JQ as PendingSwapNetworkStatus,OQ as RouteEventType,UQ as StepEventType,qQ as StepExecutionBlockedEventStatus,zQ as StepExecutionEventStatus,ke as UI_ID,VQ as WalletEvents,KQ as WalletTypes,Fd as Widget,Rr as WidgetProvider,vn as WidgetWallets,Li as customizedThemeTokens,GQ as readAccountAddress,tu as useWallets,Dd as useWidget,QQ as useWidgetEvents};
 //# sourceMappingURL=index.js.map