npm - @rango-dev/widget-embedded - Versions diffs - 0.21.1-next.0 → 0.21.1-next.10 - Mend

@rango-dev/widget-embedded 0.21.1-next.0 → 0.21.1-next.10

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

Files changed (138) hide show

package/dist/index.js CHANGED Viewed

@@ -1,3 +1,3 @@
-var Vm=Object.defineProperty;var i=(t,e)=>Vm(t,"name",{value:e,configurable:!0});import{EventSeverity as AO,MainEvents as IO,RouteEventType as EO,StepEventType as WO,StepExecutionBlockedEventStatus as NO,StepExecutionEventStatus as BO,useEvents as LO}from"@rango-dev/queue-manager-rango-preset";import{readAccountAddress as PO,useWallets as xp,Events as $O}from"@rango-dev/wallets-react";import{Networks as DO,WalletTypes as FO}from"@rango-dev/wallets-shared";import{PendingSwapNetworkStatus as UO}from"rango-types";import{Events as jr,Provider as vd}from"@rango-dev/wallets-react";import{isEvmBlockchain as xd}from"rango-sdk";import un,{createContext as bd,useEffect as Xr,useRef as Ad,useState as Id}from"react";import{useEffect as pd}from"react";import{create as sd}from"zustand";import{subscribeWithSelector as ad}from"zustand/middleware";import{RangoClient as rd}from"rango-sdk";var Xo="c6381a79-2817-4602-83bf-6a641a409e32",la="https://api.rango.exchange",Ee="rango-swap-box",pa="https://scan.rango.exchange";import{WalletState as et}from"@rango-dev/ui";import{readAccountAddress as Km}from"@rango-dev/wallets-react";import{detectInstallLink as Ym,getCosmosExperimentalChainInfo as Jm,isEvmAddress as Zm,KEPLR_COMPATIBLE_WALLETS as yT,Networks as da}from"@rango-dev/wallets-shared";import Fr from"bignumber.js";import{isCosmosBlockchain as Rm}from"rango-types";import jm from"bignumber.js";var xe=new jm(0);import{WalletTypes as Xm}from"@rango-dev/wallets-shared";var ca=[Xm.LEAP];import{BigNumber as ma}from"bignumber.js";var Ko=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 ma(t),r=1,s=1e3;for(let a=0;a<60;a++)if(new ma(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 Yo=i(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var Re=i((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),uo=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function ae(t){return E(t,12,12).replace(/(?:\.0*|(\.\d+?)0*)$/,"$1")}i(ae,"formatTooltipNumbers");function Or(t){switch(!0){case t.connected:return et.CONNECTED;case t.connecting:return et.CONNECTING;case!t.installed:return et.NOT_INSTALLED;default:return et.DISCONNECTED}}i(Or,"mapStatusToWalletState");function fa(t,e,o,n){return o.filter(r=>!ca.includes(r)).filter(r=>{let{supportedChains:s,isContractWallet:a}=e(r),{installed:l,network:p}=t(r);return a&&(!l||!!n&&p!==n)?!1:n?!!s.find(u=>u.name===n):!0}).map(r=>{let{name:s,img:a,installLink:l}=e(r),p=Or(t(r));return{title:s,image:a,link:Ym(l),state:p,type:r}})}i(fa,"mapWalletTypesToWalletInfo");function Ro(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(Ro,"walletAndSupportedChainsNames");function ga(t,e,o,n,r){let s=[];function a(p,c){if(!!!s.find(d=>d.chain===p)){let d={address:c,chain:p,walletType:t};s.push(d)}}i(a,"addAccount");let l=n||[];return e.forEach(p=>{let{address:c,network:u}=Km(p),d=l.length>0,m=l.includes(u),h=u===da.Unknown;if(d&&!m&&!h)return;let k=u===da.Unknown&&Zm(c);if(h&&!k)return;o.includes(u)||k?r?a(u,c.toLowerCase()):l.filter(A=>o.includes(A)).forEach(A=>{a(A,c.toLowerCase())}):a(u,c)}),s}i(ga,"prepareAccountsForWalletStore");function ha(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain;e.includes(n)||e.push(n),e.includes(r)||e.push(r),o.internalSwaps&&Array.isArray(o.internalSwaps)&&o.internalSwaps.forEach(s=>{let a=s.from.blockchain,l=s.to.blockchain;e.includes(a)||e.push(a),e.includes(l)||e.push(l)})}),e}i(ha,"getRequiredChains");function en(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(en,"isAccountAndWalletMatched");function ya(t,e){let{blockChain:o,balances:n=[]}=t;return n?.map(r=>({chain:o,symbol:r.asset.symbol,ticker:r.asset.symbol,address:r.asset.address||null,rawAmount:r.amount.amount,decimal:r.amount.decimals,amount:new Fr(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:td(o,r.asset.symbol,r.asset.address,e)||null}))||[]}i(ya,"makeBalanceFor");function Sa(t){return{...t,loading:!1,error:!0}}i(Sa,"resetConnectedWalletState");var Ca=i(t=>{let e=new Set,n=t?.reduce((s,a)=>s.findIndex(l=>l.address===a.address&&l.chain===a.chain)===-1?[...s,a]:s,[])?.map(s=>{let a={name:s.chain,accounts:[]};return e.has(s.address)||e.add(s.address),e.forEach(l=>{s.address===l&&a.accounts.push(s)}),a}),r=E(n?.flatMap(s=>s.accounts)?.flatMap(s=>s?.balances)?.map(s=>new Fr(s?.amount||xe).multipliedBy(s?.usdPrice||0))?.reduce((s,a)=>s.plus(a),xe)||xe).toString();return ed(r)},"calculateWalletUsdValue");function ed(t){let e=t.toString().split(".");return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),e.join(".")}i(ed,"numberWithThousandSeparator");var td=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice"),tn=i((t,e)=>{let o=Jm(Object.entries(t).map(([,n])=>n).filter(Rm));return o&&o[e]?.experimental},"isExperimentalChain");function on(t){return t?{...t,amount:E(t.amount,8,8),usdValue:E(t.usdValue,4,4)}:null}i(on,"formatBalance");function od(t,e){return t?.usdValue&&e?.usdValue?parseFloat(e.usdValue)-parseFloat(t.usdValue):!t?.usdValue&&e?.usdValue?1:t?.usdValue&&!e?.usdValue?-1:!t?.usdValue&&!e?.usdValue?parseFloat(e?.amount||"0")-parseFloat(t?.amount||"0"):0}i(od,"sortTokensByBalance");function nd(t,e,o){let n=o(t),r=o(e);return n===r?0:n?-1:1}i(nd,"sortTokensByPinnedToken");function Ta(t,e,o){return t.sort((n,r)=>{let s=e(n),a=e(r),l=nd(n,r,o);return l!==0?l:od(s,a)}),t}i(Ta,"sortTokens");function _e(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(_e,"tokensAreEqual");function ka(t){return t.sort((e,o)=>+(o.state===et.CONNECTED)-+(e.state===et.CONNECTED)||+(o.state===et.DISCONNECTED||o.state===et.CONNECTING)-+(e.state===et.DISCONNECTED||e.state===et.CONNECTING))}i(ka,"sortWalletsBasedOnConnectionState");function nn(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(nn,"getConciseAddress");function wa({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(wa,"getAddress");function Ur(t){return`${t.blockchain}-${t.symbol}-${t.address??""}`}i(Ur,"createTokenHash");function rn(t){return t.flatMap(e=>e.balances).reduce((e,o)=>{let n={amount:o?.amount??"",decimals:o?.decimal??0,usdValue:o?.usdPrice?new Fr(o?.usdPrice??xe).multipliedBy(o?.amount).toString():""},r=o?Ur({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(rn,"makeTokensBalance");var va=i((t,e)=>!!t.find(o=>o.chain===e&&o.loading),"isFetchingBalance");var zr={API_KEY:Xo};function Gt(t){return zr[t]||""}i(Gt,"getConfig");function xa(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),zr=e,zr}i(xa,"initConfig");var ba=20,Aa=25,Ia="Roboto",qr="theme-widget",mo=i((t,e)=>{let o=!1;if(e&&t){if(Array.isArray(e))o=!e.some(n=>_e(n,t));else if(!Array.isArray(e)&&e[t.blockchain]){o=e[t.blockchain].tokens.some(r=>_e(r,t));let n=e[t.blockchain].isExcluded;return!n&&!o||n&&o}}return o},"isTokenExcludedInConfig"),Gr=i((t,e)=>t&&e&&!e.includes(t.name),"isBlockchainExcludedInConfig");var sn,Qt=i(()=>sn||(sn=new rd(Gt("API_KEY"),Gt("BASE_URL")),sn),"httpService");var id=i(t=>{let e=t;e.use={};for(let o of Object.keys(e.getState()))e.use[o]=()=>e(n=>n[o]);return e},"createSelectors"),Tt=id;var G=Tt(sd()(ad((t,e)=>({connectedWallets:[],balances:{},customDestination:"",loading:!1,connectWallet:(o,n)=>{let r=e().getWalletsDetails;t(s=>({loading:!0,connectedWallets:s.connectedWallets.filter(a=>a.walletType!==o[0].walletType).concat(o.map(a=>{let l=!s.connectedWallets.find(p=>p.chain===a.chain&&p.selected);return{balances:[],address:a.address,chain:a.chain,explorerUrl:null,walletType:a.walletType,selected:l,loading:!0,error:!1}}))})),r(o,n)},disconnectWallet:o=>{t(n=>{let r=n.connectedWallets.filter(l=>l.selected&&l.walletType!==o).map(l=>l.chain),s=n.connectedWallets.filter(l=>l.walletType!==o).map(l=>r.includes(l.chain)?l:(r.push(l.chain),{...l,selected:!0}));return{balances:rn(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=>en(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:c,chain:u})=>({address:c,blockchain:u})),p=(await Qt().getWalletsDetails(a)).wallets;if(p)t(c=>{let u=c.connectedWallets.map(m=>{let h=o.find(k=>en(k,m)),T=p.find(k=>k.address===m.address&&k.blockChain===m.chain);return T?.failed&&h&&r&&s([h],n,!1),h&&T?{...m,explorerUrl:T.explorerUrl,balances:ya(T,n),loading:!1}:m});return{loading:!1,balances:rn(u),connectedWallets:u}});else throw new Error("Wallet not found")}catch{t(l=>{let p=l.connectedWallets.map(u=>o.find(d=>en(d,u))?Sa(u):u);return{loading:!1,balances:rn(p),connectedWallets:p}})}},getBalanceFor:o=>{let{balances:n}=e(),r=Ur(o);return n[r]??null}}))));import{allProviders as ld}from"@rango-dev/provider-all";function an(t,e){let o=ld({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(an,"matchAndGenerateProviders");function Ea(t,e){return an(t,e).map(r=>r.config.type)}i(Ea,"configWalletsToWalletName");function Wa(t,e){let o=G.use.clearConnectedWallet(),n=an(void 0,e);return pd(()=>{o(),n=an(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}i(Wa,"useWalletProviders");import hd,{createContext as yd,useContext as Sd,useEffect as Cd,useRef as Td}from"react";import{create as fd}from"zustand";import{persist as gd}from"zustand/middleware";var Qr={apiKey:"",multiWallets:!0,enableNewLiquiditySources:!0,customDestination:!0},Na=i((t,e,o)=>({config:{...Qr,...t},updateConfig:n=>{let r=o().config;e({config:{...r,...n}})}}),"createConfigSlice");function Ht(t){return Array.from(new Set(t))}i(Ht,"removeDuplicateFrom");function Hr(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(Hr,"areEqual");function Ba(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i(Ba,"debounce");function Lt(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(Lt,"containsText");var N=i(()=>document.getElementById(Ee),"getContainer");function ln(t,e){let o=t.map(s=>s.swapperGroup),n=[];return Ht(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(ln,"getUniqueSwappersGroups");function La(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}i(La,"sortLiquiditySourcesByGroupTitle");function De(t,e){return e?.[t]==="hidden"}i(De,"isFeatureHidden");function pn(t,e){return e?.[t]==="enabled"}i(pn,"isFeatureEnabled");var Ma=i((t,e)=>({_blockchains:[],_tokens:[],_popularTokens:[],_swappers:[],fetchStatus:"loading",blockchains:o=>{let n=e()._blockchains;if(!o||!o?.type)return n;let r=e().config,s=(o.type==="source"?r.from?.blockchains:r.to?.blockchains)??[];return n.filter(l=>!(s.length>0&&!s.includes(l.name)))},tokens:o=>{let n=e()._tokens;if(!o||!o?.type)return n;let r=e().config,s=(o.type==="source"?r.from?.tokens:r.to?.tokens)??{},a=e().blockchains({type:o.type});return n.filter(p=>s&&mo(p,s)||o.blockchain&&p.blockchain!==o.blockchain||!a.some(c=>c.name===p.blockchain)?!1:o.searchFor?!!(Lt(p.symbol,o.searchFor)||Lt(p.address||"",o.searchFor)||Lt(p.name||"",o.searchFor)):!0).sort((p,c)=>e().isTokenPinned(p,o.type)?-1:e().isTokenPinned(c,o.type)||p.isSecondaryCoin?1:c.isSecondaryCoin||!p.address&&c.address?-1:p.address&&!c.address?1:0)},isTokenPinned:(o,n)=>!!(n==="source"?e().config.from?.pinnedTokens:e().config.to?.pinnedTokens)?.some(a=>_e(a,o)),swappers:()=>{let{config:{enableNewLiquiditySources:o,liquiditySources:n}}=e();return e()._swappers.filter(a=>{let l=n?.includes(a.swapperGroup);return o||!n||n.length===0?!l:l}).sort(La)},fetch:async()=>{try{let o=await Qt().getAllMetadata();t({fetchStatus:"success"});let n=[],r=[],s=o.popularTokens,a=o.swappers,l=new Set;o.tokens.forEach(p=>{l.add(p.blockchain),r.push(p)}),o.blockchains.forEach(p=>{p.enabled&&l.has(p.name)&&n.push(p)}),n.sort((p,c)=>p.sort-c.sort),t({_blockchains:n,_tokens:r,_popularTokens:s,_swappers:a})}catch(o){throw t({fetchStatus:"failed"}),o}}}),"createDataSlice");import{English as cd,French as ud,Japanese as md,Spanish as dd}from"@rango-dev/ui";var Pa=[{title:"English",label:"English",local:"en",SVGFlag:cd},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:dd},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:ud},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:md}],fo="en";var $a=[.5,1,3],_a=1,Da=5,Fa=100,Oa=0;var Ua=i((t,e)=>({disabledLiquiditySources:[],theme:"auto",language:null,preferredBlockchains:[],slippage:_a,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,addPreferredBlockchain:o=>{let n=e().preferredBlockchains;if(n.find((a,l)=>{let p=a===o,c=l<=10-1;return p&&c}))return;let s=n.filter(a=>!(a===o));t(()=>({preferredBlockchains:[o,...s]}))},setSlippage:o=>t(()=>({slippage:o})),setCustomSlippage:o=>t(()=>({customSlippage:o})),setAffiliateRef:o=>t(()=>({affiliateRef:o})),setAffiliatePercent:o=>t(()=>({affiliatePercent:o})),setAffiliateWallets:o=>t(()=>({affiliateWallets:o})),toggleAllLiquiditySources:(o,n)=>t(r=>{if(n)return{disabledLiquiditySources:[]};let s=Ht(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=De("theme",n),s=De("language",n),a=De("liquiditySource",n);t({...r&&{theme:"auto"},...s&&{language:fo},...a&&{disabledLiquiditySources:[]}})}}),"createSettingsSlice");function za(t){return fd()(gd((...e)=>({...Ma(...e),...Ua(...e),...Na(t,...e)}),{name:"user-settings",skipHydration:!0,partialize:e=>({theme:e.theme,language:e.language,affiliatePercent:e.affiliatePercent,affiliateRef:e.affiliateRef,affiliateWallets:e.affiliateWallets,slippage:e.slippage,customSlippage:e.customSlippage,infiniteApprove:e.infiniteApprove,preferredBlockchains:e.preferredBlockchains,disabledLiquiditySources:e.disabledLiquiditySources})}))}i(za,"createAppStore");var qa=yd(null);function g(){let t=Sd(qa);if(Cd(()=>{t&&!t.persist.hasHydrated()&&t.persist.rehydrate()},[]),!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}i(g,"useAppStore");function Ga(t){let e=Td();return e.current||(e.current=za(t.config)),hd.createElement(qa.Provider,{value:e.current},t.children)}i(Ga,"AppStoreProvider");import{create as wd}from"zustand";var Qa="rango-widget";var Vt=class{constructor(e){this.state="not-initiated";this.events={};this.forceClaim=()=>{if(!this.isClaimed()){let e={name:"force-claim",candidateId:this.tabId};this.channel.postMessage(e),setTimeout(()=>{this.isClaimed()||this.claim()},300)}};this.isClaimed=()=>this.state==="claimed";this.destroy=()=>{this.channel.removeEventListener("message",this.handleMessageEvent),document.removeEventListener("visibilitychange",this.handleVisibilityChange),document.removeEventListener("resume",this.handleResume)};this.handleMessageEvent=e=>{let o=e.data.name;switch(o){case"ping":this.claimedByCurrentTab(e.data.pingAt);break;case"pong":this.alreadyClaimedByAnotherTab();break;case"force-claim":this.forceRelease(e.data.candidateId);break;case"force-release":this.tabId===e.data.candidateId&&this.claim();break;default:throw new Error(`${o} is not supported.`)}};this.handleVisibilityChange=async()=>{document.visibilityState==="visible"&&await this.tryClaim()};this.handleResume=async()=>{this.isClaimed()&&(await this.tryClaim(),this.isClaimed()||this.events.onRelease?.())};this.channel=new BroadcastChannel(Qa),this.tabId=Math.trunc(Math.random()*1e5),this.events=e,this.initEvents(),this.tryClaim()}initEvents(){this.channel.addEventListener("message",this.handleMessageEvent),document.addEventListener("visibilitychange",this.handleVisibilityChange),document.addEventListener("resume",this.handleResume)}claimedByCurrentTab(e){let o=this.lastTryClaim&&this.lastTryClaim<e;if(this.isClaimed()||o){let n={name:"pong"};this.channel.postMessage(n);return}}alreadyClaimedByAnotherTab(){this.resetLastCheck()}async tryClaim(){return this.setLastCheck(),new Promise(e=>{setTimeout(()=>{this.check(),e()},300)})}check(){this.state==="not-initiated"&&this.events.onInit?.(),this.lastTryClaim?(this.claim(),this.resetLastCheck()):this.state="not-claimed"}claim(){this.state="claimed",this.events.onClaim?.()}setLastCheck(){this.lastTryClaim=Date.now();let e={name:"ping",pingAt:this.lastTryClaim};this.channel.postMessage(e)}resetLastCheck(){this.lastTryClaim=void 0}forceRelease(e){if(this.isClaimed()){this.state="not-claimed",this.events.onRelease?.();let o={name:"force-release",candidateId:e};this.channel.postMessage(o)}}};i(Vt,"TabManager");var ce=Tt(wd()((t,e)=>({isActiveTab:!1,tabManagerInitiated:!1,showActivateTabModal:!1,activateCurrentTab:(o,n)=>{let{showActivateTabModal:r}=e();!r&&n?t({showActivateTabModal:!0}):(r||!n)&&o()},setShowActivateTabModal:o=>{t({showActivateTabModal:o})}}))),Va=new Vt({onInit:()=>ce.setState({tabManagerInitiated:!0}),onClaim:()=>ce.setState({isActiveTab:!0,showActivateTabModal:!1}),onRelease:()=>ce.setState({isActiveTab:!1})}),cn=Va.forceClaim,ja=Va.destroy;var mn=bd({onConnectWallet:()=>{}});function Ed(t){let{updateConfig:e,updateSettings:o,fetch:n}=g(),r=g().blockchains(),s=g().tokens(),a={walletConnectProjectId:t.config?.walletConnectProjectId},[l,p]=Id([]),{providers:c}=Wa(t.config.wallets,a),{connectWallet:u,disconnectWallet:d}=G(),m=Ad();Xr(()=>{n().catch(console.log)},[]),Xr(()=>{t.config&&(e(t.config),o(t.config))},[t.config]);let h=r.filter(xd).map(f=>f.name),T=i((f,S,A,y,w)=>{if(S===jr.ACCOUNTS)if(A){let C=Ro(w.supportedBlockchains),v=ga(f,A,h,C,w.isContractWallet);p(v)}else d(f);if(S===jr.ACCOUNTS&&y.connected){let C=`${f}-${y.network}-${A}`;y.connected&&(m.current?m.current(C):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(S===jr.NETWORK&&y.network){let C=`${f}-${y.network}`;m.current?m.current(C):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(f,S,A,y,w)},"onUpdateState"),k=ce.use.isActiveTab();return Xr(()=>{l.length&&u(l,s)},[l,s]),un.createElement(mn.Provider,{value:{onConnectWallet:f=>{m.current=f}}},un.createElement(vd,{allBlockChains:r,providers:c,onUpdateState:T,autoConnect:!!k},t.children))}i(Ed,"Main");function dn(t){let{config:e,...o}=t;return un.createElement(Ga,{config:e},un.createElement(Ed,{...o,config:e}))}i(dn,"WidgetWallets");import sa,{useEffect as oT}from"react";import{I18nManager as $C}from"@rango-dev/ui";import Vo,{useContext as _C,useEffect as DC,useState as Um}from"react";import{useQueueManager as Md}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Pd}from"@rango-dev/wallets-react";import{isEvmBlockchain as $d}from"rango-types";import _d,{Fragment as Dd}from"react";import{MemoryRouter as Fd,useInRouterContext as Od}from"react-router";import{useWallets as Nd}from"@rango-dev/wallets-react";import{useEffect as Bd,useRef as Ld}from"react";function Xa(){let{connect:t,state:e}=Nd(),o=Ld({}),{fetchStatus:n}=g(),r=new URLSearchParams(location.search).get("autoConnect")||"",s=e(r);Bd(()=>{n==="success"&&r&&s.installed&&!s.connecting&&!s.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[s,n])}i(Xa,"useForceAutoConnect");function Ka({children:t,...e}){let n=Od()?Dd:Fd,r=g().blockchains(),{canSwitchNetworkTo:s}=Pd();Xa();let a=r.filter($d);return Md({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:s}),_d.createElement(n,null,t)}i(Ka,"AppRouter");import Ne from"react";import{useRoutes as WC}from"react-router-dom";var $={home:"/",fromSwap:"from-swap",toSwap:"to-swap",blockchains:"blockchains",settings:"settings",liquiditySources:"liquidity-sources",themes:"themes",bridges:"bridges",exchanges:"exchanges",languages:"languages",swaps:"swaps",wallets:"wallets",confirmSwap:"confirm-swap",swapDetails:":requestId"};import{useEffect as Xt,useRef as wn}from"react";import vt from"bignumber.js";import{create as Hd}from"zustand";import{subscribeWithSelector as Vd}from"zustand/middleware";import{getLastSuccessfulStep as Qd}from"@rango-dev/queue-manager-rango-preset";import Rw from"bignumber.js";var kt=(r=>(r[r.HIGH_VALUE_LOSS=0]="HIGH_VALUE_LOSS",r[r.UNKNOWN_PRICE=1]="UNKNOWN_PRICE",r[r.INSUFFICIENT_SLIPPAGE=2]="INSUFFICIENT_SLIPPAGE",r[r.HIGH_SLIPPAGE=3]="HIGH_SLIPPAGE",r))(kt||{});function Ya(t,e){return e.find(o=>o.name===t)?.displayName}i(Ya,"getBlockchainDisplayNameFor");function Fe(t,e){return e.find(o=>o.name===t)?.shortName}i(Fe,"getBlockchainShortNameFor");function go(t,e){return e.find(o=>o.id===t)?.swapperGroup}i(go,"getSwapperDisplayName");function Kr(t,e){return e.find(o=>_e(o,t))??null}i(Kr,"findToken");function Yr(t,e){return e.find(o=>o.name===t)??null}i(Yr,"findBlockchain");import{i18n as He}from"@lingui/core";import be from"bignumber.js";import{PendingSwapNetworkStatus as yn}from"rango-types";function fn(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,s=e[e.length-1];n!=s&&e.push(n),s=e[e.length-1],r!=s&&e.push(r)}),e}i(fn,"getRequiredWallets");function gn(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(gn,"isValidAddress");import{i18n as we}from"@lingui/core";var V=i(()=>({genericServerError:we.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:we.t("Please reset your liquidity sources."),description:we.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources.")},noResultError:{title:we.t("No Routes Found."),description:we.t("Reasons why Rango couldn't find a route: low liquidity on token, very low input amount or no routes available for the selected input/output token combination.")},bridgeLimitErrors:{increaseAmount:we.t("Bridge Limit Error: Please increase your amount."),decreaseAmount:we.t("Bridge Limit Error: Please decrease your amount.")},highValueLossError:{impactTitle:we.t("High Price Impact"),title:we.t("Price impact is too high!"),description:we.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:we.t("Confirm high price impact")},quoteUpdatedWithHighValueLoss:{title:we.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:we.t("USD Price Unknown"),title:we.t("USD Price Unknown, Cannot calculate Price Impact."),description:we.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:we.t("Confirm USD Price Unknown")}}),"errorMessages");function Ja(t){switch(t.type){case 0:return t.diagnosisMessage??V().noResultError.title;case 1:return V().genericServerError;default:return""}}i(Ja,"getQuoteErrorMessage");import{i18n as hn}from"@lingui/core";var Mt=i(()=>({connectWallet:hn.t("Connect Wallet"),swap:hn.t("Swap"),swapAnyway:hn.t("Swap anyway"),ethWarning:hn.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function Za(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new be(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new be(1e3)))??!1}i(Za,"hasHighValueLoss");function Jr(t){return(t?.result?.swaps||[]).filter(e=>{let o=e.fromAmountMinValue?new be(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new be(e.fromAmountMaxValue):null;return e.fromAmountRestrictionType==="EXCLUSIVE"?o?.gte(e.fromAmount)||n?.lte(e.fromAmount):o?.gt(e.fromAmount)||n?.lt(e.fromAmount)}).length>0}i(Jr,"hasLimitError");function Zr(t){let e=(t.result?.swaps||[]).filter(l=>{let p=l.fromAmountMinValue?new be(l.fromAmountMinValue):null,c=l.fromAmountMaxValue?new be(l.fromAmountMaxValue):null;return l.fromAmountRestrictionType==="EXCLUSIVE"?p?.gte(l.fromAmount)||c?.lte(l.fromAmount):p?.gt(l.fromAmount)||c?.lt(l.fromAmount)})[0],o=e.fromAmountMinValue?new be(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new be(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",s="",a="";return!r&&o&&o.gt(e.fromAmount)?(s=He.t({id:"Required: >= {min} {symbol}",values:{min:E(o,6,6),symbol:e.from.symbol}}),a=V().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(s=He.t({id:"Required: > {min} {symbol}",values:{min:E(o,6,6),symbol:e.from.symbol}}),a=V().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(s=He.t({id:"Required: <= {max} {symbol}",values:{max:E(n,6,6),symbol:e.from.symbol}}),a=V().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(s=He.t({id:"Required: < {max} {symbol}",values:{max:E(n,6,6),symbol:e.from.symbol}}),a=V().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:s,recommendation:a}}i(Zr,"getLimitErrorMessage");function Ra(t){let{fetchMetaStatus:e,anyWalletConnected:o,fetchingQuote:n,inputAmount:r,quote:s,warning:a,error:l,needsToWarnEthOnPath:p}=t;return e!=="success"?{title:Mt().connectWallet,action:"connect-wallet",disabled:!0}:o?n||!s||!s.result||l||!r||r==="0"?{title:Mt().swap,action:"confirm-swap",disabled:!0}:a?{title:Mt().swapAnyway,action:"confirm-warning",disabled:!1}:p?{title:Mt().ethWarning,action:"confirm-warning",disabled:!1}:{title:Mt().swap,action:"confirm-swap",disabled:!1}:{title:Mt().connectWallet,action:"connect-wallet",disabled:!1}}i(Ra,"getSwapButtonState");function Rr(t,e,o){return!((!o||o.lte(xe))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}i(Rr,"canComputePriceImpact");function Ud(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,s=e[e.length-1];n!=s&&e.push(n),s=e[e.length-1],r!=s&&e.push(r)}),e}i(Ud,"requiredWallets");var zd=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice");function qd(t,e){let o=xe;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let s=zd(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new be(r.amount).multipliedBy(s||0))}return o}i(qd,"getUsdFeeOfStep");function Sn(t,e){return t.reduce((o,n)=>o.plus(qd(n,e)),xe)}i(Sn,"getTotalFeeInUsd");function ei(t){let e=xe;return e=e.plus(new be(t.amount).multipliedBy(t.price||0)),e}i(ei,"getUsdFee");function el(t){return t.reduce((e,o)=>e.plus(ei(o)),xe)}i(el,"getTotalFeesInUsd");function tl(t){return t.reduce((e,o)=>{for(let n of o.fee){let r=n.name,s=n.expenseType!=="DECREASE_FROM_OUTPUT"?e.payable:e.nonePayable;s[r]=[...s[r]||[],n]}return e},{payable:{},nonePayable:{}})}i(tl,"getFeesGroup");function ti(t){let e=new Map;return t.result?.swaps.forEach((o,n)=>{o.recommendedSlippage?.error&&e.set(n,o.recommendedSlippage.slippage)}),e.size>0?e:null}i(ti,"checkSlippageErrors");function ol(t,e){let o=new Map;return t.result?.swaps.forEach((n,r)=>{n.recommendedSlippage?.slippage&&parseFloat(n.recommendedSlippage.slippage)>e&&o.set(r,n.recommendedSlippage.slippage)}),o.size>0?o:null}i(ol,"checkSlippageWarnings");function Cn(t){return t.result?.swaps.map(o=>o.recommendedSlippage)?.map(o=>o?.slippage||"0")?.filter(o=>parseFloat(o)>0)?.sort((o,n)=>parseFloat(n)-parseFloat(o))?.find(()=>!0)||null}i(Cn,"getMinRequiredSlippage");function nl(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(nl,"hasProperSlippage");function Tn(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:s,disabledLiquiditySources:a,liquiditySources:l,excludeLiquiditySources:p,slippage:c,affiliateRef:u,affiliatePercent:d,affiliateWallets:m,initialQuote:h,destination:T}=t,k=s?.reduce((w,C)=>(w[C.chain]=C.address,w),{}),f=[];r?.forEach(w=>{let C=f.find(v=>v.blockchain===w.chain);C?C.addresses.push(w.address):f.push({blockchain:w.chain,addresses:[w.address]})});let S=!!h,A=Ht((h?.result?.swaps||[]).reduce((w,C)=>(w.push(C.from.blockchain,C.to.blockchain),C.internalSwaps&&Array.isArray(C.internalSwaps)&&C.internalSwaps.map(v=>{w.push(v.from.blockchain,v.to.blockchain)}),w),[]));return{amount:n.toString(),affiliateRef:u??void 0,affiliatePercent:d??void 0,affiliateWallets:m??void 0,checkPrerequisites:S,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:f,selectedWallets:k??{},slippage:c.toString(),...T&&{destination:T},...p&&{swapperGroups:a.concat(l??[]),swappersGroupsExclude:!0},...!p&&{swapperGroups:l?.filter(w=>!a.includes(w)),swappersGroupsExclude:!1},...S&&{blockchains:A}}}i(Tn,"createQuoteRequestBody");function rl(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(rl,"getWalletsForNewSwap");function jt(t){return t.result?.outputAmount||null}i(jt,"getQuoteOutputAmount");function il(t,e){return new be(e).div(new be(t)).minus(1).multipliedBy(100).toNumber()}i(il,"getPercentageChange");function sl(t,e){let o=jt(t),n=jt(e);if(!o||!n)return!1;let r=Oe(o,n);return r?r<=-1:!0}i(sl,"isOutputAmountChangedALot");function al(t,e,o){let n=t.validationStatus,r=ha(t);return e.sort((a,l)=>r.indexOf(a.chain)-r.indexOf(l.chain)).flatMap(a=>dl(a,n)||[]).filter(a=>!a.ok).map(a=>{let l=a.asset.symbol,p=E(new be(a.currentAmount.amount).shiftedBy(-a.currentAmount.decimals),8,8),c=E(new be(a.requiredAmount.amount).shiftedBy(-a.requiredAmount.decimals),8,8),u="";return a.reason==="FEE"&&(u=He.t(" for network fee")),a.reason==="INPUT_ASSET"&&(u=He.t(" for swap")),a.reason==="FEE_AND_INPUT_ASSET"&&(u=He.t(" for input and network fee")),He.t({id:"Needs \u2248 {requiredAmount} {symbol}{reason}, but you have {currentAmount} {symbol} in your {blockchain} wallet.",values:{requiredAmount:c,symbol:l,reason:u,currentAmount:p,blockchain:Fe(a.asset.blockchain,o)}})})}i(al,"generateBalanceWarnings");function ll(t,e){return(t?new be(t):xe).multipliedBy(e||0)}i(ll,"calcOutputUsdValue");function ho(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==yn.NetworkChanged}i(ho,"isNetworkStatusInWarningState");function pl(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),ho(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case yn.WaitingForConnectingWallet:n=n||He.t("Waiting for connecting wallet");break;case yn.WaitingForQueue:n=n||He.t("Waiting for other running tasks to be finished");break;case yn.WaitingForNetworkChange:n=n||He.t("Waiting for changing wallet network");break;default:n=n||"";break}r=r||"",n=n||"";let a=n?.indexOf("code")!==-1&&n?.indexOf("reason")!==-1;return{shortMessage:n,detailedMessage:{content:r,long:a}}}i(pl,"getSwapMessages");function cl(t){let e=null;if(t.status==="failed"){let o=t.steps.slice().reverse().filter(n=>n.status==="success")[0];o&&(e={blockchain:o.toBlockchain,symbol:o.toSymbol,outputAmount:o.outputAmount,address:o.toSymbolAddress})}return e}i(cl,"getLastConvertedTokenInFailedSwap");function ul(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}i(ul,"shouldRetrySwap");function ml(t,e,o,n,r,s){return t||!e&&!Ud(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!gn(s,o)}i(ml,"confirmSwapDisabled");function gl(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}i(gl,"getQuoteToTokenUsdPrice");function oi(t,e){let o=t.result?.swaps||[],n=e.result?.swaps||[];return o.length!==n.length}i(oi,"isNumberOfSwapsChanged");function ni(t,e){let o=t.result?.swaps.map(r=>r.swapperId)||[],n=e.result?.swaps.map(r=>r.swapperId)||[];return!Hr(o,n)}i(ni,"isQuoteSwappersUpdated");function ri(t,e){let o=t.result?.swaps.map(r=>r.to.symbol)||[],n=e.result?.swaps.map(r=>r.to.symbol)||[];return!Hr(o,n)}i(ri,"isQuoteInternalCoinsUpdated");function hl(t,e){return oi(t,e)||ni(t,e)||ri(t,e)}i(hl,"isQuoteChanged");function dl(t,e){if(e===null)return null;let o=e?.find(n=>n.blockchain===t.chain)?.wallets.find(n=>n.address?.toLowerCase()===t.address.toLowerCase());return o?o.requiredAssets:null}i(dl,"getRequiredBalanceOfWallet");function mt(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(mt,"getPriceImpactLevel");function yl(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],s=Qd(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=Yr(s?s.toBlockchain:n.fromBlockchain,e),p=Yr(r.toBlockchain,e),c=Kr(s?{blockchain:l?.name??"",symbol:s.toSymbol,address:s.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),u=Kr(a,o),d=s?s.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:c,toBlockchain:p,toToken:u,inputAmount:d}}i(yl,"createRetryQuote");function kn(t,e){let{fromToken:o,toToken:n,tokens:r,userSlippage:s}=e,a=Pt(o,t.requestAmount),l=Pt(n,t.result?.outputAmount??"");if(t.result&&a&&l){let u=Oe(a.toString(),l.toString());if(!!u&&Za(a,u)){let m=Sn(t.result.swaps,r),h=mt(u);return{type:0,inputUsdValue:a,outputUsdValue:l,priceImpact:u,totalFee:m,warningLevel:h}}}else if(t.result&&(!a||!l))return{type:1};let p=Cn(t),c=s>Da;if(nl(e.userSlippage.toString(),p)){if(c&&parseFloat(p??"0")<s)return{type:3,slippage:s.toString()}}else return{type:2,recommendedSlippages:ol(t,s),minRequiredSlippage:p};return null}i(kn,"generateQuoteWarnings");function Oe(t,e){let o=typeof e=="string"?parseFloat(e)<=0:!e?.gt(0),n=!t||!e||o?null:il(t.toString(),e.toString());return n&&n<0?n:null}i(Oe,"getPriceImpact");var Sl=i(t=>{let e=new Set,o=[];return t.forEach(n=>{e.has(n.from.chain.displayName)||(e.add(n.from.chain.displayName),o.push(n.from.chain)),e.has(n.to.chain.displayName)||(e.add(n.to.chain.displayName),o.push(n.to.chain))}),o},"getUniqueBlockchains");var Pt=i((t,e)=>t?.usdPrice?new vt(e||xe).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),j=Tt(Hd()(Vd(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new vt(0),outputUsdValue:new vt(0),toBlockchain:null,toToken:null,quote:null,quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:"",quoteWarningsConfirmed:!1,setQuote:e=>t(o=>{let n=null,r=xe;return uo(o.inputAmount)?(e&&(n=e.result?.outputAmount?new vt(e.result?.outputAmount):null,r=ll(e.result?.outputAmount,gl(e)||o.toToken?.usdPrice)),{quote:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetQuote:()=>t(()=>({quote:null,outputAmount:null,outputUsdValue:new vt(0)})),setFromBlockchain:e=>{t(o=>o.fromBlockchain?.name===e?.name?{}:{fromBlockchain:e,...o.fromToken&&{quote:null,fromToken:null,outputAmount:null,outputUsdValue:null}})},setFromToken:e=>t(o=>({fromToken:e.token,...e.token&&{fromBlockchain:e.meta.blockchains.find(n=>n.name===e.token.blockchain)??null},...!!o.inputAmount&&{inputUsdValue:Pt(e.token,o.inputAmount)}})),setToBlockchain:e=>{t(o=>o.toBlockchain?.name===e?.name?{}:{toBlockchain:e,...o.toToken&&{quote:null,toToken:null,outputAmount:null,outputUsdValue:null}})},setToToken:e=>t(()=>({toToken:e.token,...e.token&&{toBlockchain:e.meta.blockchains.find(o=>o.name===e.token.blockchain)??null}})),setInputAmount:e=>{t(o=>({inputAmount:e,...!e&&{outputAmount:new vt(0),outputUsdValue:new vt(0),quote:null},...!!o.fromToken&&{inputUsdValue:Pt(o.fromToken,e)}}))},retry:(e,o)=>{let{tokens:n,blockchains:r}=o,{fromBlockchain:s,fromToken:a,toBlockchain:l,toToken:p,inputAmount:c}=yl(e,r,n);t({fromBlockchain:s,fromToken:a,inputAmount:c,outputAmount:null,inputUsdValue:Pt(a??null,c),outputUsdValue:new vt(0),toBlockchain:l,toToken:p,quote:null})},switchFromAndTo:()=>t(e=>({fromBlockchain:e.toBlockchain,fromToken:e.toToken,toBlockchain:e.fromBlockchain,toToken:e.fromToken,inputAmount:e.outputAmount?.toString()||"",inputUsdValue:Pt(e.toToken,e.outputAmount?.toString()||"")})),resetFromBlockchain:()=>t(()=>({fromToken:null,fromBlockchain:null,outputAmount:null,outputUsdValue:null,quote:null})),resetToBlockchain:()=>t(()=>({toToken:null,toBlockchain:null,outputAmount:null,outputUsdValue:null,quote:null})),setQuoteWalletConfirmed:e=>t({quoteWalletsConfirmed:e}),setSelectedWallets:e=>t({selectedWallets:e}),setCustomDestination:e=>t({customDestination:e}),resetQuoteWallets:()=>t({quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:""}),setQuoteWarningsConfirmed:e=>t({quoteWarningsConfirmed:e})}))));function Cl(){let{setInputAmount:t,setToToken:e,setToBlockchain:o,setFromBlockchain:n,setFromToken:r,fromToken:s,toToken:a,fromBlockchain:l,toBlockchain:p}=j(),c=g().config,u=g().fetchStatus,d=g().blockchains(),m=g().tokens(),{setAffiliateRef:h,setAffiliatePercent:T,setAffiliateWallets:k}=g(),f=c?.from?.tokens,S=c?.from?.blockchains,A=c?.to?.tokens,y=c?.to?.blockchains,w=wn(void 0),C=wn(void 0),v=wn(void 0),b=wn(void 0);Xt(()=>{t(c?.amount?.toString()||"")},[c?.amount]),Xt(()=>{if(u==="success"){let I=d.find(B=>B.name===c?.from?.blockchain),x=m.find(B=>_e(B,c?.from?.token||null));(I||!I&&v.current)&&n(I??null),x?r({token:x,meta:{blockchains:d,tokens:m}}):!x&&w.current&&r({token:null}),v.current=c?.from?.blockchain,w.current=c?.from?.token}},[c?.from?.token?.symbol,c?.from?.token?.address,c?.from?.token?.blockchain,c?.from?.blockchain,u]),Xt(()=>{mo(s,f)&&r({token:null}),Gr(l,S)&&n(null)},[f,S]),Xt(()=>{mo(a,A)&&r({token:null}),Gr(p,y)&&o(null)},[A,y]),Xt(()=>{if(u==="success"){let I=d.find(B=>B.name===c?.to?.blockchain),x=m.find(B=>_e(B,c?.to?.token||null));(I||!I&&b.current)&&o(I??null),x?e({token:x,meta:{blockchains:d,tokens:m}}):!x&&C.current&&e({token:null}),b.current=c?.to?.blockchain,C.current=c?.to?.token}},[c?.to?.token?.symbol,c?.to?.token?.address,c?.to?.token?.blockchain,c?.to?.blockchain,u]),Xt(()=>{h(c?.affiliate?.ref??null),T(c?.affiliate?.percent??null),k(c?.affiliate?.wallets??null)},[c?.affiliate?.ref,c?.affiliate?.percent,c?.affiliate?.wallets])}i(Cl,"useSyncStoresWithConfig");import{useEffect as Tl}from"react";import{useInRouterContext as jd,useLocation as Xd,useSearchParams as Kd}from"react-router-dom";function ii(t,e,o){return o&&t.find(n=>{let r=e?.split("--");return r?.length===1?n.symbol===r[0]&&n.address===null&&n.blockchain===o.name:n.symbol===r?.[0]&&n.address===r?.[1]&&n.blockchain===o.name})||null}i(ii,"searchParamToToken");function si(t){if(t)return`${t.symbol}${t.address?`--${t.address}`:""}`}i(si,"tokenToSearchParam");function ai(){let t=Xd(),[e,o]=Kd(),{fromBlockchain:n,toBlockchain:r,fromToken:s,toToken:a,inputAmount:l,setFromBlockchain:p,setToBlockchain:c,setFromToken:u,setToToken:d,setInputAmount:m}=j(),h=g().fetchStatus,T=g().blockchains(),k=g().tokens(),f=jd(),S=i(()=>{let y=e.get("fromAmount"),w=e.get("fromBlockchain"),C=e.get("fromToken"),v=e.get("toBlockchain"),b=e.get("toToken"),I=e.get("autoConnect");return{fromAmount:y,fromBlockchain:w,fromToken:C,toBlockchain:v,toToken:b,autoConnect:I}},"getUrlSearchParams"),A=i(y=>{for(let w in y)y[w]||delete y[w];o(y,{replace:!0})},"updateUrlSearchParams");Tl(()=>{let{autoConnect:y}=S();f&&h==="success"&&A({["fromBlockchain"]:n?.name,["fromToken"]:si(s),["toBlockchain"]:r?.name,["toToken"]:si(a),["fromAmount"]:l,["autoConnect"]:y??void 0})},[t.pathname,l,n,s,r,a]),Tl(()=>{if(!f)return;let y=S();if(y.fromAmount&&m(y.fromAmount),h==="success"){let w=T.find(I=>I.name===y.fromBlockchain),C=ii(k,y.fromToken,w??null),v=T.find(I=>I.name===y.toBlockchain),b=ii(k,y.toToken,v??null);w&&(p(w),C&&u({token:C,meta:{blockchains:T,tokens:k}})),v&&(c(v),b&&d({token:b,meta:{blockchains:T,tokens:k}}))}},[h])}i(ai,"useSyncUrlAndStore");import{i18n as ar}from"@lingui/core";import{useManager as _h}from"@rango-dev/queue-manager-react";import{Alert as qc,Button as Dh,css as os,Divider as ts,IconButton as Gc,SettingsIcon as Fh,styled as Oh,Tooltip as Uh,Typography as zh,WalletIcon as qh}from"@rango-dev/ui";import le,{useEffect as Lo,useLayoutEffect as Gh,useRef as Qh,useState as lr}from"react";import{flushSync as Hh}from"react-dom";import{useLocation as Vh,useNavigate as jh}from"react-router-dom";import{i18n as tt}from"@lingui/core";import{Alert as Li,BalanceErrors as Ag,Button as bp,ChevronDownIcon as Ig,ChevronLeftIcon as Eg,Divider as eo,MessageBox as Wg,Modal as Ap,Typography as Qn,WalletIcon as Ng}from"@rango-dev/ui";import L,{useEffect as Bg,useState as _t}from"react";import{useNavigate as Lg}from"react-router-dom";import{i18n as vn}from"@lingui/core";function xn(t){switch(t.type){case 0:return vn.t("Route has been updated.");case 3:return vn.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return vn.t("Route swappers has been updated.");case 2:return vn.t("Route internal coins has been updated.");default:return""}}i(xn,"getQuoteUpdateWarningMessage");import En,{useLayoutEffect as Rd,useRef as ef}from"react";import*as Kt from"@radix-ui/react-collapsible";import{keyframes as kl,styled as bn}from"@rango-dev/ui";var yo=300,Jd=kl({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),Zd=kl({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),wl=bn(Kt.Root,{borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),li=bn(Kt.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit",cursor:"pointer"}),An=bn(Kt.Content,{overflow:"hidden",variants:{open:{true:{animation:`${Jd} ${yo}ms ease-out`},false:{animation:`${Zd} ${yo}ms ease-out`}}}}),In=bn("div",{transition:`all ${yo}ms ease`,display:"flex",alignItems:"center",variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}});function Wn(t){let{open:e,hasSelected:o,onOpenChange:n,children:r,onClickTrigger:s,trigger:a,triggerAnchor:l}=t,p=ef(null);return Rd(()=>{e&&p.current&&setTimeout(()=>{p?.current?.scrollIntoView({behavior:"smooth"})},yo)},[e]),En.createElement(wl,{ref:p,className:"collapsible_root",selected:o&&e,open:e,onOpenChange:n},l==="top"&&En.createElement(li,{className:"collapsible_trigger",onClick:s},a),En.createElement(An,{className:"collapsible_content",open:e},r),l==="bottom"&&En.createElement(li,{className:"collapsible_trigger",onClick:s},a))}i(Wn,"CustomCollapsible");import{Button as tf,css as vl,darkTheme as Yt,IconButton as of,styled as Ue,TextField as nf}from"@rango-dev/ui";var xl=Ue("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),bl=Ue("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),rf=Ue("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${Yt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${Yt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${Yt} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),Al=Ue(rf,{alignSelf:"stretch",minHeight:"93px"}),Il=Ue("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),El=Ue(of,{position:"absolute",left:"$20"}),Wl=Ue("div",{paddingTop:"$20"}),Nl=vl({display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Bl=Ue("div",{padding:"$10 $0","& .button__content":{display:"flex",alignItems:"center"},"& .alarms":{paddingTop:"$5"},"& .collapsible_content":{backgroundColor:"$neutral100"},"& .collapsible_root":{backgroundColor:"$neutral200"}}),Ll=vl({paddingTop:"$5"}),Ml=Ue("div",{display:"flex"}),Pl=Ue(nf,{backgroundColor:"$neutral100",padding:"$0 $15 $15 $15"}),$l=Ue("div",{overflow:"visible",width:"100%"}),_l=Ue(tf,{width:"100%",borderRadius:"$sm !important",padding:"$15 !important",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${Yt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${Yt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${Yt} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}});import{i18n as je}from"@lingui/core";import{Button as vg,Divider as Ni,Image as xg,MessageBox as Gn,Modal as Tp,SelectableWallet as bg,Typography as kp,WalletState as wp}from"@rango-dev/ui";import se,{useEffect as vp,useState as ko}from"react";import{WalletState as pi}from"@rango-dev/ui";import{useWallets as sf}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as af,WalletTypes as Nn}from"@rango-dev/wallets-shared";import{useEffect as lf,useState as pf}from"react";var cf=Object.values(Nn);function Bn(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:l,connect:p}=sf(),{connectedWallets:c}=G(),u=g().blockchains(),d=Ea(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||cf,m=fa(s,l,d,o),h=ka(m),[T,k]=pf(""),f=i(C=>!c.find(v=>v.walletType===C&&v.chain===o),"isExperimentalChainNotAdded"),S=i(async C=>{let v=s(C);try{if(T&&k(""),v.connected)await a(C);else{let b=!!m.find(I=>I.state===pi.CONNECTED);if(!e?.multiWallets&&b)return;n?.(C),await p(C),r?.(C)}}catch(b){k("Error: "+b?.message)}},"handleClick"),A=i(()=>{let C=m?.filter(v=>v.state===pi.CONNECTING)||[];for(let v of C)a(v.type)},"disconnectConnectingWallets");lf(()=>()=>{A()},[]);let y=i(C=>C.filter(b=>b.state!=pi.NOT_INSTALLED&&![Nn.DEFAULT,Nn.WALLET_CONNECT_2].includes(b.type)&&l(b.type).supportedChains.filter(I=>I.type=="EVM").length>0).length==0,"shouldShowDefaultInjectedWallet"),w=i((C,v,b)=>tn(b,v)&&f(C)&&!af.includes(C)||C==Nn.DEFAULT&&!y(m),"shouldExcludeWallet");return{list:h.filter(C=>!w(C.type,o??"",u)),error:T,handleClick:S}}i(Bn,"useWalletList");import{i18n as dp}from"@lingui/core";import{styled as gp,Typography as hg,Wallet as yg,WalletState as Sg}from"@rango-dev/ui";import Rt,{useState as fp}from"react";import{useManager as ng}from"@rango-dev/queue-manager-react";import{BottomLogo as rg,Divider as ap,Header as ig}from"@rango-dev/ui";import me,{useEffect as sg,useRef as ag}from"react";import{useNavigate as uf}from"react-router-dom";function xt(){let t=uf();return()=>t(-1)}i(xt,"useNavigateBack");import{createTheme as di,darkTheme as hf,lightTheme as yf}from"@rango-dev/ui";import{useEffect as Ul,useState as Sf}from"react";import{theme as ff,darkColors as gf}from"@rango-dev/ui";var Dl=i((t,e)=>{t=t.replace(/^#/,""),t.length===3&&(t=t[0]+t[0]+t[1]+t[1]+t[2]+t[2]);let[s,a,l]=t.match(/.{2}/g);[s,a,l]=[parseInt(s,16)+e,parseInt(a,16)+e,parseInt(l,16)+e],s=Math.max(Math.min(255,s),0).toString(16),a=Math.max(Math.min(255,a),0).toString(16),l=Math.max(Math.min(255,l),0).toString(16);let p=(s.length<2?"0":"")+s,c=(a.length<2?"0":"")+a,u=(l.length<2?"0":"")+l;return`#${p}${c}${u}`},"colorShade"),Ln=i((t,e)=>{let a={[t]:e};for(let l=1;l<10;l++)l<5&&(a={...a,[t+l*100]:Dl(e,(5-l)*25)}),l===5&&(a={...a,[t+l*100]:e}),l>5&&(a={...a,[t+l*100]:Dl(e,-((l-5)*25))});return a},"generateRangeColors"),ci=i((t,e,o)=>{if(!o||!Object.entries(o).length)return{};let n=!1,r={...t};for(let s in o){let a=o[s];if(a&&a!==t[s])if(n=!0,s==="background"||s==="foreground")r={...r,[s]:a};else if(s==="neutral"&&e){let l=Ln(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,...Ln(s,a)}}return n?r:{}},"generateColors");var Fl=i(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),mf=i(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=Fl(o%52)+e;return Fl(o%52)+e},"toAlphabeticName"),df=i((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),ui=i(t=>mf(df(5381,JSON.stringify(t))>>>0),"toHash");function mi(t){let e=ff.colors,o=ci({...e,...gf},!0,t?.dark),n=ci(e,!1,t?.light),r=Object.keys(o).length>0,s=Object.keys(n).length>0,a,l;if(s){let p={colors:n};a={id:`${qr}-light-${ui(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${qr}-dark-${ui(p)}`,tokens:p}}return{light:a,dark:l}}i(mi,"customizedThemeTokens");function Ol(t,e){if(t.length<=1)return t;let o=[];return t.forEach((n,r)=>{o.push(n),r<t.length-1&&o.push(e)}),o}i(Ol,"joinList");function Mn(t){let{colors:e,fontFamily:o=Ia,borderRadius:n=ba,secondaryBorderRadius:r=Aa,mode:s="auto"}=t,[a,l]=Sf("light"),{setTheme:p,theme:c}=g(),{dark:u,light:d}=mi(e),m=di({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),h=[m.className,yf.className],T=[m.className,hf.className];if(d){let f=di(d.id,d.tokens);h.push(f.className)}if(u){let f=di(u.id,u.tokens);T.push(f.className)}return Ul(()=>{let f=i(S=>{S.matches?l("dark"):l("light")},"switchThemeListener");return window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&l("dark"),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",f),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",f)}},[]),Ul(()=>{s!=="auto"&&p(s)},[s]),{activeTheme:i(()=>{let f=h.join(" "),S=T.join(" ");return c==="auto"?a==="dark"?S:f:c==="dark"?S:f},"getActiveTheme")}}i(Mn,"useTheme");var bt=i(t=>{let e=[];return t?.getAll().forEach((o,n)=>{let r=o.list.getStorage();r?.swapDetails&&e.push({id:n,swap:r?.swapDetails})}),e.sort((o,n)=>Number(n.swap.creationTime)-Number(o.swap.creationTime))},"getPendingSwaps");import{i18n as zl}from"@lingui/core";import{Alert as Cf,Button as Tf}from"@rango-dev/ui";import ql from"react";function fi(t){return ql.createElement(Cf,{action:ql.createElement(Tf,{onClick:t.onActivateTab,variant:"contained",size:"xxsmall",type:"warning"},zl.t("Activate")),type:"warning",variant:"alarm",title:zl.t("Another tab is open and handles transactions. You can activate this tab.")})}i(fi,"ActivateTabAlert");import{i18n as gi}from"@lingui/core";import{Button as kf,Divider as wf,MessageBox as vf,Modal as xf}from"@rango-dev/ui";import Pn from"react";function hi(t){let{open:e,onClose:o,onConfirm:n}=t;return Pn.createElement(xf,{open:e,dismissible:!0,onClose:o,container:N()},Pn.createElement(vf,{title:gi.t("Activate current tab"),type:"warning",description:gi.t("Currently, some transactions are running and being handled by other browser tab. If you activate this tab, all transactions that are already in the transaction sign step will expire.")},Pn.createElement(wf,{size:20}),Pn.createElement(kf,{variant:"contained",size:"large",type:"primary",fullWidth:!0,onClick:n},gi.t("Confirm"))))}i(hi,"ActivateTabModal");import{ChevronLeftIcon as If}from"@rango-dev/ui";import Vl from"react";import{darkTheme as bf,IconButton as Af,styled as So}from"@rango-dev/ui";var ze=So(Af,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),Gl=So("div",{position:"absolute",background:"$secondary500",[`.${bf} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),Jt=So("div",{display:"flex",justifyContent:"flex-end",minWidth:"$40",button:{padding:0}}),Ql=So("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"}),Hl=So("div",{padding:"$2",variants:{isRefetched:{true:{transform:"rotate(360deg)",transition:"transform 1s ease-in-out"}}}});function yi(t){return Vl.createElement(ze,{variant:"ghost",size:"small",onClick:t.onClick},Vl.createElement(If,{color:"black",size:16}))}i(yi,"BackButton");import{i18n as Ef}from"@lingui/core";import{Button as Wf,Typography as Nf}from"@rango-dev/ui";import Si from"react";function Ci(t){return Si.createElement(Jt,null,Si.createElement(Wf,{variant:"ghost",onClick:t.onClick,size:"xsmall"},Si.createElement(Nf,{variant:"label",size:"medium",color:"error500"},Ef.t("Cancel"))))}i(Ci,"CancelButton");import{i18n as Bf}from"@lingui/core";import{Tooltip as Lf,WalletIcon as Mf}from"@rango-dev/ui";import $n from"react";function Ti(t){return $n.createElement(Lf,{container:t.container,side:"top",content:Bf.t("Connect Wallet")},$n.createElement(ze,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&$n.createElement(Gl,null),$n.createElement(Mf,{size:18,color:"black"})))}i(Ti,"WalletButton");import{i18n as On}from"@lingui/core";import{NotificationsIcon as Rf,Popover as eg,SettingsIcon as tg,Tooltip as Un,TransactionIcon as og}from"@rango-dev/ui";import Ce from"react";import{i18n as zf}from"@lingui/core";import{EventSeverity as qf}from"@rango-dev/queue-manager-rango-preset";import{ChainToken as Zl,ChevronRightIcon as Gf,ListItemButton as Qf,Typography as Hf}from"@rango-dev/ui";import Ve from"react";import{useNavigate as Vf}from"react-router-dom";import{create as Pf}from"zustand";import{persist as $f,subscribeWithSelector as _f}from"zustand/middleware";var Le=Tt(Pf()($f(_f((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,tokenAddress:r.fromSymbolAddress,tokenSymbol:r.fromSymbol},to:{blockchain:s.toBlockchain,tokenSymbol:s.toSymbol,tokenAddress:s.toSymbolAddress}}},l=e().notifications.filter(p=>p.requestId!==n.requestId);t(()=>({notifications:[...l,a]}))},setAsRead:o=>{t(n=>({notifications:n.notifications.map(r=>r.requestId===o?{...r,read:!0}:r)}))},getUnreadNotifications:()=>e().notifications.filter(o=>!o.read)})),{name:"notification",skipHydration:!0})));import{styled as _n}from"@rango-dev/ui";var jl=_n("div",{padding:"$10",width:"350px",minHeight:"150px"}),Xl=_n("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),Kl=_n("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),Yl=_n("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as Df}from"@lingui/core";import{Divider as Ff,NoNotificationIcon as Of,Typography as Uf}from"@rango-dev/ui";import Dn from"react";function Jl(){return Dn.createElement(Yl,null,Dn.createElement(Of,{color:"secondary",size:26}),Dn.createElement(Ff,{size:12}),Dn.createElement(Uf,{variant:"body",size:"medium",color:"neutral700"},Df.t("You have no notification")))}i(Jl,"NotificationNotFound");var jf=4;function ki(){let t=Vf(),{getUnreadNotifications:e}=Le(),o=e(),n=g().blockchains(),r=g().tokens(),s=o.sort((l,p)=>p.creationTime-l.creationTime).slice(0,jf),a=i(l=>{t(`${$.swaps}/${l}`)},"handleOnClick");return Ve.createElement(jl,null,s.length?Ve.createElement(Xl,null,s.map(l=>{let p=r.find(m=>m.address===l.route.from.tokenAddress&&m.blockchain===l.route.from.blockchain&&m.symbol===l.route.from.tokenSymbol),c=n.find(m=>m.name===l.route.from.blockchain),u=r.find(m=>m.address===l.route.to.tokenAddress&&m.blockchain===l.route.to.blockchain&&m.symbol===l.route.to.tokenSymbol),d=n.find(m=>m.name===l.route.to.blockchain);return Ve.createElement(Qf,{key:l.requestId,onClick:()=>a(l.requestId),title:Ve.createElement(Hf,{variant:"body",size:"small",color:l.event.messageSeverity===qf.WARNING?"$foreground":"$neutral700"},zf.t(l.event.message)),id:l.requestId,start:Ve.createElement(Kl,null,Ve.createElement("div",{className:"from-chain-token"},Ve.createElement(Zl,{tokenImage:p?p.image:"",chainImage:c?c.logo:"",size:"small"})),Ve.createElement("div",{className:"to-chain-token"},Ve.createElement(Zl,{tokenImage:u?u.image:"",chainImage:d?d.logo:"",size:"small"}))),end:Ve.createElement(Gf,{size:12,color:"gray"})})})):Ve.createElement(Jl,null))}i(ki,"NotificationContent");import{RefreshProgressButton as Xf}from"@rango-dev/ui";import wi,{useEffect as Kf,useState as Rl}from"react";var Yf=1e3,ep=60,Jf=100;function Fn({onClick:t}){let[e,o]=Rl(0),[n,r]=Rl(!1),s=i(p=>{document.hidden&&p&&a(p)},"handleVisibilityChange");Kf(()=>{let p;return t?p=window.setInterval(()=>{o(c=>c+1),e===ep&&l()},Yf):a(p),document.addEventListener("visibilitychange",()=>s(p)),()=>{document.removeEventListener("visibilitychange",()=>s(p)),p&&clearInterval(p)}},[e,t]);let a=i(p=>{p&&clearInterval(p),o(0)},"clearTimeout"),l=i(()=>{t?.(),o(0),r(!0)},"handleRefreshClick");return wi.createElement(ze,{variant:"ghost",size:"small",onClick:l,disabled:!t},wi.createElement(Hl,{onTransitionEnd:()=>r(!1),isRefetched:n},wi.createElement(Xf,{size:24,color:t?"black":"gray",progress:e/ep*Jf})))}i(Fn,"RefreshButton");import{Typography as Zf}from"@rango-dev/ui";import tp from"react";function op(){let{getUnreadNotifications:t}=Le(),e=t().length;return e?tp.createElement(Ql,null,tp.createElement(Zf,{variant:"body",size:"xsmall",color:"$background"},e)):null}i(op,"UnreadNotificationsBadge");function vi(t){let{onClickRefresh:e,onClickHistory:o,onClickSettings:n}=t,{config:{features:r}}=g(),s=De("notification",r);return Ce.createElement(Ce.Fragment,null,Ce.createElement(Un,{container:N(),side:"top",content:On.t("Refresh")},Ce.createElement(Fn,{onClick:e})),!s&&Ce.createElement(eg,{align:"center",collisionPadding:{right:20,left:20},container:N(),content:Ce.createElement(ki,null)},Ce.createElement("div",null,Ce.createElement(Un,{container:N(),side:"top",content:On.t("Notifications")},Ce.createElement(ze,{size:"small",variant:"ghost"},Ce.createElement(Rf,{size:18,color:"black"}),Ce.createElement(op,null))))),Ce.createElement(Un,{container:N(),side:"top",content:On.t("Settings")},Ce.createElement(ze,{size:"small",variant:"ghost",onClick:n},Ce.createElement(tg,{size:18,color:"black"}))),Ce.createElement(Un,{container:N(),side:"top",content:On.t("Transactions History")},Ce.createElement(ze,{size:"small",variant:"ghost",onClick:o},Ce.createElement(og,{size:18,color:"black"}))))}i(vi,"HomeButtons");function xi(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(xi,"onScrollContentAttachStatusToContainer");import{styled as bi}from"@rango-dev/ui";var np="700px",rp=bi("div",{position:"relative",display:"flex",flexDirection:"column",borderRadius:"$primary",width:"100vh",minWidth:"300px",maxWidth:"390px",boxShadow:"15px 15px 15px 0px rgba(0, 0, 0, 0.05)",overflow:"hidden",backgroundColor:"$background",variants:{height:{auto:{height:"auto",maxHeight:np},fixed:{height:np}}}}),ip=bi("div",{position:"relative",overflow:"hidden",flexGrow:1,display:"flex",flexDirection:"column",padding:0,overflowY:"auto"}),sp=bi("div",{backgroundColor:"$background","& .footer__content":{padding:"$0 $20"},"& .footer__logo":{padding:"$0 $20 $10 $20"}});function oe(t){let{children:e,header:o,footer:n,hasLogo:r=!0,height:s="fixed"}=t,a=G.use.connectedWallets(),{config:{features:l,theme:p}}=g(),{activeTheme:c}=Mn(p||{}),u=De("connectWalletButton",l),{isActiveTab:d,tabManagerInitiated:m,showActivateTabModal:h,setShowActivateTabModal:T,activateCurrentTab:k}=ce(),f=xt(),{manager:S}=ng(),y=bt(S).map(({swap:I})=>I).some(I=>I.status==="running"),w=i(()=>k(cn,y),"onActivateTab"),C=i(()=>{o.onWallet?.()},"onConnectWallet"),v=typeof o.hasBackButton>"u"||o.hasBackButton,b=ag(null);return sg(()=>(b.current?.addEventListener("scroll",xi),()=>{b.current?.removeEventListener("scroll",xi)}),[]),me.createElement(rp,{height:s,id:Ee,className:c()},me.createElement(ig,{prefix:me.createElement(me.Fragment,null,v&&me.createElement(yi,{onClick:f})),title:o.title,suffix:me.createElement(me.Fragment,null,o.suffix,o.onWallet&&!u&&me.createElement(Ti,{container:N(),onClick:C,isConnected:!!a?.length}),o.onCancel&&me.createElement(Ci,{onClick:o.onCancel}))}),me.createElement(ip,{ref:b},e),me.createElement(hi,{open:h,onClose:()=>T(!1),onConfirm:w}),(r||n)&&me.createElement(sp,null,me.createElement("div",{className:"footer__content"},n,m&&!d&&me.createElement(me.Fragment,null,me.createElement(ap,{size:12}),me.createElement(fi,{onActivateTab:w}))),me.createElement(ap,{size:12}),r&&me.createElement("div",{className:"footer__logo"},me.createElement(rg,null))))}i(oe,"Layout");import{styled as lg}from"@rango-dev/ui";var lp="$20 $20 $10 $20",Co=lg("div",{padding:lp,overflowY:"auto",flexGrow:1});import{styled as pg}from"@rango-dev/ui";var ie=pg("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 fg,Modal as gg}from"@rango-dev/ui";import Ii from"react";import{i18n as Zt}from"@lingui/core";import{Image as mg,MessageBox as Ai,WalletState as dg}from"@rango-dev/ui";import $t from"react";import{keyframes as cg,styled as zn}from"@rango-dev/ui";var zA=zn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),pp=zn("div",{position:"relative"}),ug=cg({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),cp=zn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${ug} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),up=zn("div",{"& img":{borderRadius:"50%"}});function mp(t){let{state:e,image:o,error:n}=t;return e===dg.CONNECTED?$t.createElement(Ai,{type:"success",title:Zt.t("Wallet Connected"),description:Zt.t("Your wallet is connected, you can use it to swap.")}):n?$t.createElement(Ai,{type:"error",title:Zt.t("Failed to Connect"),description:n||Zt.t("Your wallet is not connected. Please try again.")}):$t.createElement(Ai,{type:"loading",title:Zt.t("Connecting to your wallet"),description:Zt.t("Click connect in your wallet popup."),icon:$t.createElement(pp,null,$t.createElement(up,null,$t.createElement(mg,{src:o,size:45})),$t.createElement(cp,null))})}i(mp,"ModalContent");function To(t){let{open:e,onClose:o,...n}=t;return Ii.createElement(gg,{open:e,onClose:o,container:document.getElementById(Ee)||document.body},Ii.createElement(mp,{...n}),Ii.createElement(fg,{direction:"vertical",size:32}))}i(To,"WalletModal");var Cg=gp("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Tg=gp(ie,{textAlign:"center"}),qn=3e3,Ei=300;function hp(){let{config:t,fetchStatus:e}=g(),[o,n]=fp(!1),[r,s]=fp(""),a=null,l=ce.use.isActiveTab(),{list:p,handleClick:c,error:u}=Bn({config:t,onBeforeConnect:T=>{a=setTimeout(()=>{n(!0),s(T)},Ei)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},qn)}}),d=p.find(T=>T.type===r),m=d?.image||"",h=d?.state||Sg.NOT_INSTALLED;return Rt.createElement(oe,{header:{title:dp.t("Connect Wallets")}},Rt.createElement(Tg,null,Rt.createElement(hg,{variant:"title",size:"xmedium",align:"center"},dp.t("Choose a wallet to connect.")),Rt.createElement(Cg,null,p.map((T,k)=>{let f=`wallet-${k}-${T.type}`;return Rt.createElement(yg,{key:f,...T,container:N(),onClick:S=>{c(S)},isLoading:e==="loading",disabled:!l})}),Rt.createElement(To,{open:!!o,onClose:()=>n(!1),image:m,state:h,error:u}))))}i(hp,"WalletsPage");import{keyframes as kg,styled as Wi}from"@rango-dev/ui";var yp=Wi("div",{position:"relative"}),wg=kg({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),Sp=Wi("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${wg} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),Cp=Wi("div",{"& img":{borderRadius:"50%"}});function Bi(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:s}=t,{config:a}=g(),l=ce.use.isActiveTab(),p=G.use.connectedWallets(),{blockchains:c}=g(),[u,d]=ko(""),[m,h]=ko(null),[T,k]=ko(!1),[f,S]=ko(null),{suggestAndConnect:A}=xp(),y=null,{list:w,error:C,handleClick:v}=Bn({config:a,chain:e,onBeforeConnect:W=>{y=setTimeout(()=>{d(W)},Ei)},onConnect:()=>{y&&clearTimeout(y),setTimeout(()=>{d("")},qn)}}),[b,I]=ko(w),x=w.length,B=r&&x-r>0,Q=i(async W=>{k(!1),S("in-progress");try{await A(W.walletType,W.chain),S("completed")}catch{S("rejected")}},"addExperimentalChain");vp(()=>{I(W=>{let R=w.findIndex(J=>o(J.type,e));return B&&R>1?[w[R]].concat(w.filter((J,ne)=>ne!==R)):W.map(J=>w.find(ne=>ne.type===J.type)??J)})},[JSON.stringify(w)]);let X=document.getElementById(Ee);return vp(()=>{let W=null;return(f==="completed"||f==="rejected")&&(W=setTimeout(()=>S(null),qn)),()=>{W&&clearTimeout(W)}},[f]),se.createElement(se.Fragment,null,b.slice(0,r).map(W=>{let R=wa({connectedWallets:p,walletType:W.type,chain:e}),J=R?nn(R):"",ne=tn(c(),e),Se=!p.find(ke=>ke.walletType===W.type&&ke.chain===e),z=ne&&Se&&W.state===wp.CONNECTED,$e=z?je.t({id:"Add {chain} chain",values:{chain:e}}):J,K=i(()=>{W.state===wp.DISCONNECTED?v(W.type):z?(h({walletType:W.type,chain:e,address:R??""}),k(!0)):n({walletType:W.type,chain:e,address:R??""})},"onClick"),F=m?.chain?Ya(m.chain,c()):void 0;return se.createElement(se.Fragment,null,se.createElement(To,{open:u===W.type,onClose:()=>d(""),image:W.image,state:W.state,error:C}),!!m&&se.createElement(Tp,{open:!!m&&T,container:X,onClose:()=>{h(null)}},se.createElement(Gn,{title:je.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:F}}),type:"warning",description:je.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:F}})},se.createElement(Ni,{size:18}),se.createElement(Ni,{size:32}),se.createElement(vg,{onClick:Q.bind(null,m),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},je.t("Confirm")))),f&&se.createElement(Tp,{open:!!f,onClose:S.bind(null,null),container:X},f==="in-progress"&&se.createElement(Gn,{type:"loading",title:je.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:F}}),description:je.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:F}}),icon:se.createElement(yp,null,se.createElement(Cp,null,se.createElement(xg,{src:W.image,size:45})),se.createElement(Sp,null))}),f==="completed"&&se.createElement(Gn,{type:"success",title:je.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:F}}),description:je.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:F}})}),f==="rejected"&&se.createElement(Gn,{type:"error",title:je.t("Request Rejected"),description:je.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:F}})}),se.createElement(Ni,{direction:"vertical",size:32})),se.createElement(bg,{key:W.type,description:$e,onClick:K,selected:o(W.type,e),disabled:!l,...W}))}),B&&se.createElement(Al,{selected:!1,onClick:s},se.createElement(kp,{variant:"label",size:"medium"},je.t("Show more wallets"),se.createElement(kp,{variant:"label",size:"medium",color:"$primary"},"\xA0+",x-(r??0)))))}i(Bi,"WalletList");var Mg=2;function Ip(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,loading:s}=t,a=g().config,l=g().blockchains(),{quote:p,setSelectedWallets:c,quoteWalletsConfirmed:u,setQuoteWalletConfirmed:d,customDestination:m,setCustomDestination:h}=j(),{connectedWallets:T,selectWallets:k}=G(),[f,S]=_t(""),[A,y]=_t([]),[w,C]=_t(""),[v,b]=_t(null),[I,x]=_t(m),[B,Q]=_t(!!m),X=fn(p),W=l.find(_=>_.name===p?.result?.swaps[p?.result?.swaps.length-1].to.blockchain),R=i(_=>!!p?.result?.swaps.find(H=>H.from.blockchain===_),"isWalletRequiredFor"),[J,ne]=_t(T.filter(_=>_.selected&&X.includes(_.chain))),Se=l.find(_=>_.name===W?.name),z=i((_,H)=>!!J.find(q=>q.walletType===_&&q.chain===H&&q.selected&&(R(H)||!R(H)&&!I)),"isSelected"),$e=!!I&&B&&Se&&!gn(Se,I),K=i(()=>{Q(!1),x(""),ne(_=>{let H=!1;return _.map(q=>!H&&q.chain===W?.name?(H=!0,{...q,selected:!0}):q)})},"resetCustomDestination"),F=i(_=>{if(f&&S(""),z(_.walletType,_.chain))return;let q=T.find(pe=>pe.walletType===_.walletType&&pe.chain===_.chain);q&&(n(),_.chain===W?.name&&B&&(Q(!1),x("")),ne(pe=>pe.filter(ut=>ut.chain!==_.chain).concat({...q,selected:!0})))},"onChange"),ke=i(()=>{let _=J.filter(H=>H.selected);k(_),c(_),h(I),d(!0),o()},"onConfirmBalance"),pt=i(async()=>{y([]),C(""),b(null);let _=T.filter(pe=>J.find(ut=>ut.chain===pe.chain&&ut.walletType===pe.walletType)),H=await r?.({selectedWallets:_,customDestination:I}),q=H.warnings;q?.balance?.messages&&y(q.balance.messages),q?.quoteUpdate&&b(q.quoteUpdate),H.error&&C(Ja(H.error)),!H.error&&(!q?.balance?.messages.length||0>0)?ke():y(q?.balance?.messages??[])},"onConfirmWallets");Bg(()=>{ne(_=>_.concat(T.filter(H=>!!!_.find(pe=>pe.chain===H.chain)&&H.selected&&X.includes(H.chain))))},[T.length]);let Ie=document.getElementById(Ee),ct=Lg();return L.createElement(Ap,{open:e,onClose:()=>{u||ct("../",{replace:!0}),o()},dismissible:!f,container:Ie,...!f&&{footer:L.createElement(Ml,null,L.createElement(bp,{loading:s,disabled:ml(s,B,I,p,J,W),onClick:pt,variant:"contained",type:"primary",fullWidth:!0,size:"large"},tt.t("Confirm")))},...f&&{containerStyle:{padding:"$0"},header:L.createElement(Il,null,L.createElement(El,{variant:"ghost",onClick:S.bind(null,"")},L.createElement(Eg,{size:16})),L.createElement(Qn,{variant:"headline",size:"small"},tt.t({id:"Your {blockchainName} wallets",values:{blockchainName:Fe(f,l)}})))},anchor:"center"},L.createElement(Ap,{open:A.length>0,onClose:y.bind(null,[]),container:Ie},L.createElement(Wg,{title:tt.t("Insufficient account balance"),type:"error",description:L.createElement(Ag,{messages:A??[]})},L.createElement(bp,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:ke},tt.t("Proceed anyway")))),f&&L.createElement(Wl,null,L.createElement("div",{className:Nl()},L.createElement(Bi,{chain:f,isSelected:z,selectWallet:F,onShowMore:S.bind(null,f)}))),!f&&L.createElement(L.Fragment,null,w&&L.createElement(L.Fragment,null,L.createElement(Li,{variant:"alarm",type:"error",title:tt.t(w)}),L.createElement(eo,{size:12})),v&&L.createElement(L.Fragment,null,L.createElement(Li,{variant:"alarm",type:"warning",title:xn(v)}),L.createElement(eo,{size:12})),L.createElement($l,null,X.map((_,H)=>{let q=l.find(Qe=>Qe.name===_),pe=`wallet-${H}`,ut=H===X.length-1;return L.createElement("div",{key:pe},L.createElement(xl,null,L.createElement(Qn,{variant:"title",size:"xmedium"},tt.t({id:"Your {blockchainName} wallets",values:{blockchainName:q?.shortName}})),L.createElement(Qn,{variant:"label",color:"$neutral700",size:"medium"},tt.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:q?.shortName}}))),L.createElement(eo,{size:24}),L.createElement(bl,null,L.createElement(Bi,{chain:_,isSelected:z,selectWallet:F,limit:Mg,onShowMore:()=>S(q?.name??"")})),!ut&&L.createElement(eo,{size:32}),ut&&a?.customDestination&&L.createElement(Bl,null,L.createElement(Wn,{onOpenChange:Qe=>{Qe?R(W?.name??"")||ne(Dr=>Dr.map(Be=>Be.chain===W?.name?{...Be,selected:!1}:Be)):K()},hasSelected:!0,open:B,triggerAnchor:"top",trigger:L.createElement(_l,{fullWidth:!0,variant:"default",suffix:L.createElement(In,{orientation:B?"up":"down"},L.createElement(Ig,{size:10,color:"gray"}))},L.createElement("div",{className:"button__content"},L.createElement(Ng,{size:18,color:"info"}),L.createElement(eo,{size:4,direction:"horizontal"}),L.createElement(Qn,{variant:"label",size:"medium"},tt.t("Send to a different address")))),onClickTrigger:()=>Q(Qe=>!Qe)},L.createElement(eo,{size:4}),L.createElement(Pl,{autoFocus:!0,placeholder:tt.t("Your destination address"),value:I,onChange:Qe=>{x(Qe.target.value)}})),$e&&L.createElement("div",{className:Ll()},L.createElement(Li,{variant:"alarm",type:"error",title:tt.t({values:{destination:I},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(Ip,"ConfirmWalletsModal");import{i18n as Rg}from"@lingui/core";import{Alert as eh,Button as th,InfoIcon as oh}from"@rango-dev/ui";import Me from"react";import{Alert as Pg,Button as $g,Divider as Mp,NoRouteIcon as _g,RefreshIcon as Dg,Typography as Pp}from"@rango-dev/ui";import Xe from"react";import{i18n as Ep}from"@lingui/core";function Wp(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:V().genericServerError,action:{onClick:n,title:Ep.t("Retry")}},description:""}:e.length?{alert:{type:"warning",text:V().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:Ep.t("Reset")}},description:V().liquiditySourcesError.description}:t?.type===0&&t.diagnosisMessage?{alert:{type:"error",text:t.diagnosisMessage,action:null},description:""}:{alert:null,description:V().noResultError.description}}i(Wp,"makeInfo");import{styled as Mi}from"@rango-dev/ui";var Np=Mi("div",{minHeight:"162px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}),Bp=Mi("div",{width:"100%"}),Lp=Mi("div",{padding:"$6 $0"});function Pi(t){let{fetch:e,error:o}=t,n=g().disabledLiquiditySources,r=g().toggleAllLiquiditySources,s=g().swappers(),a=Wp(o,n,()=>r(s,!0),e);return Xe.createElement(Np,null,Xe.createElement(_g,{size:24,color:"gray"}),Xe.createElement(Mp,{size:4}),Xe.createElement(Pp,{variant:"title",size:"small"},V().noResultError.title),!!a.description&&Xe.createElement(Pp,{variant:"body",size:"small",align:"center",color:"neutral700"},a.description),Xe.createElement(Mp,{size:4}),!!a.alert&&Xe.createElement(Bp,null,Xe.createElement(Pg,{type:a.alert.type,title:a.alert.text,action:a.alert.action&&Xe.createElement($g,{size:"xsmall",type:a.alert.type,prefix:Xe.createElement(Lp,null,Xe.createElement(Dg,{size:8})),onClick:a.alert.action.onClick},a.alert.action.title),variant:"alarm"})))}i(Pi,"NoResult");import{i18n as wo}from"@lingui/core";import{Button as Og,Divider as Up,MessageBox as Ug,Modal as zg,Typography as qg,WarningIcon as Gg}from"@rango-dev/ui";import ot from"react";import{Typography as Fp}from"@rango-dev/ui";import _i from"react";import{darkTheme as Fg,styled as Hn}from"@rango-dev/ui";var $p=Hn("div",{width:"100%"}),$i=Hn("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),_p=Hn("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${Fg} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Dp=Hn("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function Op(t){let{title:e,value:o,valueColor:n}=t;return _i.createElement(_p,null,_i.createElement(Fp,{size:"medium",variant:"label",className:"_title"},e),_i.createElement(Fp,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(Op,"QuoteErrorsModalItem");function zp(t){let{open:e,onClose:o,onConfirm:n,warning:r,confirmationDisabled:s}=t,a=r.warningLevel==="high"?"error":"warning",l=[{title:wo.t("Swapping"),value:E(r.inputUsdValue,4,4)},{title:wo.t("Gas cost"),value:E(r.totalFee,2,2)},{title:wo.t("Receiving"),value:E(r.outputUsdValue,4,4)},{title:wo.t("Price impact"),value:E(r.priceImpact,2,2),valueColor:`${a}500`}];return ot.createElement(zg,{open:e,onClose:o,container:N()},ot.createElement(Ug,{type:a,title:V().highValueLossError.impactTitle,description:V().highValueLossError.description}),ot.createElement($i,null,ot.createElement(Up,{size:20}),ot.createElement(qg,{size:"small",variant:"title"},wo.t("Details")),ot.createElement($i,null,l.map((p,c)=>ot.createElement(Op,{key:c,...p})))),ot.createElement(Up,{size:32}),ot.createElement(Og,{type:"primary",size:"large",prefix:ot.createElement(Gg,null),fullWidth:!0,disabled:s,onClick:n},V().highValueLossError.confirmMessage))}i(zp,"HighValueLossWarningModal");import{i18n as Di}from"@lingui/core";function qp(t,e){let o={alertType:"warning",title:"",action:"show-info"};return t?(t.type===0&&(mt(t.priceImpact)==="high"&&(o.alertType="error"),o.action=null,o.title=V().highValueLossError.title),t.type===1&&(o.title=V().unknownPriceError.title),t.type===2&&(o.title=Di.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:t.minRequiredSlippage}}),o.action="change-settings"),t.type===3&&(o.title=Di.t("Caution, your slippage is high.")),o):e?(o.alertType="error",e.type===3&&(o.title=e.recommendation,o.action="show-info"),e.type===4&&(o.title=Di.t({id:"You need to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:e.minRequiredSlippage}}),o.action="change-settings"),o):null}i(qp,"makeAlerts");import{i18n as no}from"@lingui/core";import{Button as Gp,Divider as Qp,MessageBox as Qg,Modal as Hg,Typography as Vg}from"@rango-dev/ui";import Dt from"react";import{useNavigate as jg}from"react-router-dom";function Hp(t){let{customSlippage:e,slippage:o}=g(),{open:n,onClose:r,onConfirm:s,warning:a,confirmationDisabled:l}=t,p=jg(),c=e??o;return Dt.createElement(Hg,{anchor:"bottom",open:n,prefix:Dt.createElement(Gp,{size:"small",variant:"ghost",onClick:()=>p("../"+$.settings)},Dt.createElement(Vg,{variant:"label",size:"medium",color:"$neutral900"},no.t("Change settings"))),container:N(),onClose:r},Dt.createElement(Qg,{type:"warning",title:a.type===3?no.t("High slippage"):no.t("Low slippage"),description:a.type===3?no.t({id:" Caution, your slippage is high (={userSlippage}). Your trade may be front run.",values:{userSlippage:c}}):no.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:a.minRequiredSlippage}})},Dt.createElement(Qp,{size:18}),Dt.createElement(Qp,{size:32}),Dt.createElement(Gp,{size:"large",type:"primary",variant:"contained",fullWidth:!0,disabled:l,onClick:s},no.t("Confirm anyway"))))}i(Hp,"SlippageWarningModal");import{Button as Xg,Divider as Kg,MessageBox as Yg,Modal as Jg,WarningIcon as Zg}from"@rango-dev/ui";import vo from"react";function Vp(t){let{open:e,onClose:o,onConfirm:n,confirmationDisabled:r}=t;return vo.createElement(Jg,{open:e,onClose:o,container:N()},vo.createElement(Yg,{type:"warning",title:V().unknownPriceError.impactTitle,description:V().unknownPriceError.description}),vo.createElement(Kg,{size:32}),vo.createElement(Xg,{type:"primary",size:"large",prefix:vo.createElement(Zg,null),fullWidth:!0,disabled:r,onClick:n},V().unknownPriceError.confirmMessage))}i(Vp,"UnknownPriceWarningModal");function xo(t){let{warning:e,error:o,showWarningModal:n,confirmationDisabled:r,refetchQuote:s,onOpenWarningModal:a,onCloseWarningModal:l,onConfirmWarningModal:p,onChangeSettings:c}=t,u={confirmationDisabled:r,open:n,onClose:l,onConfirm:p},d=o?.type===0||o?.type===1,m=qp(e,o?.type===3||o?.type===4?o:null);return Me.createElement(Me.Fragment,null,d&&Me.createElement(Pi,{error:o,fetch:s}),!!m&&Me.createElement($p,null,Me.createElement(eh,{title:m.title,type:m.alertType,variant:"alarm",...m.action==="show-info"&&{action:Me.createElement(Dp,{onClick:a},Me.createElement(oh,{size:12,color:"gray"}))},...m.action==="change-settings"&&{action:Me.createElement(th,{size:"xxsmall",type:m.alertType,onClick:c},Rg.t("Change"))}})),e&&Me.createElement(Me.Fragment,null,e.type===0&&Me.createElement(zp,{...u,warning:e}),(e.type===3||e.type===2)&&Me.createElement(Hp,{...u,warning:e}),e.type===1&&Me.createElement(Vp,{...u,warning:e})))}i(xo,"QuoteWarningsAndErrors");import nr from"react";import{i18n as Xi}from"@lingui/core";import{Alert as wh,Divider as Ki,InfoIcon as vh,StepDetails as xh,TokenAmount as bh,Tooltip as Sc,Typography as Eo}from"@rango-dev/ui";import Cc from"bignumber.js";import D,{useLayoutEffect as Ah,useRef as Tc,useState as Ih}from"react";import{styled as Fi}from"@rango-dev/ui";var Oi=Fi("div",{width:"100%","& .position-top__skeleton":{paddingTop:"$10"}}),jp=Fi("div",{paddingBottom:"$15"}),Xp=Fi("div",{width:"100%",display:"flex"});import*as Vn from"@radix-ui/react-collapsible";import{css as jn,darkTheme as nt,Image as Kp,styled as qe,Typography as nh}from"@rango-dev/ui";var Ui=300,Yp=qe(Vn.Root,{display:"flex",flexDirection:"column",alignItems:"start",overflowX:"auto",overflowY:"hidden",width:"100%",borderRadius:"$xm",cursor:"default",variants:{recommended:{true:{$$color:"$colors$info300",[`.${nt} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${nt} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}}}),Jp=jn({padding:"$10 $15"}),Zp=qe("div",{borderRadius:"$xm",display:"flex",flexDirection:"column",alignItems:"start",justifyContent:"space-between",color:"$foreground",cursor:"pointer",boxSizing:"border-box",position:"relative",variants:{recommended:{true:{$$color:"$colors$info100",[`.${nt} &`]:{$$color:"$colors$secondary600"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}},false:{$$color:"$colors$neutral200",[`.${nt} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}}},basic:{true:{borderTopRightRadius:"0",borderTopLeftRadius:"0"}},listItem:{true:{},false:{}}},compoundVariants:[{listItem:!0,recommended:!0,css:{"&:hover":{$$color:"$colors$secondary200",[`.${nt} &`]:{$$color:"$colors$secondary700"},backgroundColor:"$$color"}}},{listItem:!0,recommended:!1,css:{"&:hover":{$$color:"$colors$neutral300",[`.${nt} &`]:{$$color:"$colors$neutral400"},backgroundColor:"$$color"}}}]}),Rp=jn({width:"100%",padding:"$15 $15 $10 $15",cursor:"default"}),ro=jn({display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",".blockchainImage":{marginLeft:"-$8"}}),ec=jn({paddingTop:"$10",display:"flex",alignItems:"center",".usd-value":{$$color:"$colors$neutral600",[`.${nt} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),tc=qe(Vn.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:{[`& ${Kp}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${Kp}`]:{border:"1px transparent solid",borderRadius:"100%"}}},recommended:{true:{$$color:"$colors$info300",[`.${nt} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${nt} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}},".blockchains_section":{display:"none"},"@xs":{".blockchains_section":{display:"block"}}}),oc=qe("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"}}}}),nc=qe(An,{width:"100%",background:"inherit"}),zi=qe("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${Ui}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),C0=qe("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),rc=qe("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${nt} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),ic=qe("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"}),qi=qe(nh,{overflow:"hidden",textOverflow:"ellipsis",letterSpacing:.4}),sc=qe("div",{display:"flex",flexWrap:"wrap"}),Gi=qe("div",{width:"18px",height:"18px",borderRadius:"100%",backgroundColor:"$background",cursor:"default",display:"flex",justifyContent:"center",alignItems:"center",border:"1.5px transparent solid",variants:{state:{error:{borderColor:"$error500"},warning:{borderColor:"$warning500"}}}});import{i18n as Et}from"@lingui/core";import{ChevronDownIcon as ih,CloseIcon as sh,Divider as Yn,IconButton as ah,Modal as lh,QuoteCost as ph,Tooltip as ch,Typography as Ke}from"@rango-dev/ui";import uh from"bignumber.js";import O,{useState as cc}from"react";import{i18n as bo}from"@lingui/core";var Qi={"Network Fee":bo.t("Network Fee"),"Swapper Fee":bo.t("Protocol Fee"),"Affiliate Fee":bo.t("Affiliate Fee"),"Outbound network fee":bo.t("Outbound Fee"),"Rango Fee":bo.t("Rango Fee")};import{css as rh,styled as Xn}from"@rango-dev/ui";var Kn=Xn("div",{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"$5 0","&.total_payable_fee":{padding:"$12 0"}}),Hi=Xn("div",{width:"100%",borderTop:"1px solid $neutral300",margin:"$10 0"}),ac=Xn("div",{padding:"$20 0",display:"flex",flexDirection:"column","& .collapsible_trigger":{display:"flex",alignItems:"center"}}),lc=Xn("div",{padding:"$20 $20 $10",textAlign:"center",position:"relative","._icon-button":{position:"absolute",zIndex:10,top:"$16",right:"$16"}}),pc=rh({display:"flex",flexDirection:"row",alignItems:"center",padding:"$5","&:hover":{"& ._typography, & svg":{color:"$secondary"}}});var mh=30,dh=i(t=>t.fee.isZero()?null:O.createElement(Kn,null,O.createElement(Ke,{variant:"label",size:"medium",color:"neutral600"},t.label),O.createElement(Ke,{variant:"label",size:"medium"},"$",E(t.fee,4,4))),"NonPayableFee");function uc(t){let[e,o]=cc(!1),[n,r]=cc(!1),{steps:s,quote:a}=t,l=g().tokens(),p=Ko(Yo(a.result?.swaps)),c=a.result?.swaps??[],u=N(),d=Sn(c,l),m=tl(c);return O.createElement(O.Fragment,null,O.createElement(ph,{onClickFee:()=>o(!e),fee:E(d,2,2),feeWarning:d.gte(new uh(mh)),time:p,steps:s,tooltipGas:Et.t("View more info"),tooltipContainer:u}),O.createElement(lh,{container:u,open:e,header:O.createElement(lc,null,O.createElement(Ke,{variant:"title",size:"medium"},Et.t("Gas & Fee Explanation")),O.createElement(ah,{onClick:()=>o(!1),variant:"ghost"},O.createElement(sh,{color:"gray",size:14}))),onClose:()=>o(!1)},O.createElement(ac,null,O.createElement(Ke,{variant:"title",size:"small"},Et.t("Details")),O.createElement(Yn,{size:10}),Object.entries(m.payable).flatMap(([h,T])=>T.map((k,f)=>{let S=`payable-fee-${f}`,A=ei(k);return O.createElement(Kn,{key:S},O.createElement(Ke,{variant:"label",size:"medium",color:"neutral600"},Qi[h]),O.createElement(ch,{content:ae(k.amount),container:u},O.createElement(Ke,{variant:"label",size:"medium"},E(k.amount,2,2)," ",k.asset.symbol," ($",E(A,4,4),")")))})),O.createElement(Kn,{className:"total_payable_fee"},O.createElement(Ke,{variant:"label",size:"medium"},Et.t("Total Payable Fee")),O.createElement(Ke,{variant:"label",size:"medium"},"$",E(d,4,4))),O.createElement(Hi,null),Object.keys(m.nonePayable).length&&O.createElement(Wn,{triggerAnchor:"bottom",onClickTrigger:()=>r(h=>!h),trigger:O.createElement("div",{className:pc()},O.createElement(Ke,{size:"small",variant:"body",color:"neutral700"},n?Et.t("Hide non-payable fees"):Et.t("Show non-payable fees")),O.createElement(Yn,{size:4,direction:"horizontal"}),O.createElement(In,{orientation:n?"up":"down"},O.createElement(ih,{size:12,color:"gray"}))),open:n},O.createElement(Ke,{size:"small",variant:"title"},Et.t("Description")),O.createElement(Yn,{size:4}),O.createElement(Ke,{size:"small",variant:"body",color:"neutral700"},Et.t(`The following fees are considered in the transaction output and
-                you won\u2019t need to pay extra gas for them.`)),O.createElement(Yn,{size:10}),Object.entries(m.nonePayable).map(([h,T],k)=>{let f=el(T),S=Qi[h],A=`non-payable-fee-${k}`;return O.createElement(dh,{key:A,fee:f,label:S})}),O.createElement(Hi,null)))))}i(uc,"QuoteCostDetails");import{i18n as fc}from"@lingui/core";import{TokenAmount as gc}from"@rango-dev/ui";import Jn from"react";import{css as fh,styled as gh}from"@rango-dev/ui";var mc=gh("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%"}),dc=fh({height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"});function Ao(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return Jn.createElement(mc,null,Jn.createElement(gc,{direction:"horizontal",label:fc.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}}),Jn.createElement("div",{className:dc()}),Jn.createElement(gc,{direction:"horizontal",tooltipContainer:N(),label:fc.t("Estimated output"),type:"output",price:{value:o.price.value,usdValue:o.price.usdValue,realValue:o.price.realValue,realUsdValue:o.price.realUsdValue},token:{displayName:o.token.displayName,image:o.token.image},chain:{image:o.chain.image},percentageChange:n,warningLevel:r}))}i(Ao,"QuoteSummary");import{i18n as hc}from"@lingui/core";import{ChevronDownIcon as hh,ChevronRightIcon as yh,Divider as Vi,Image as Sh,Tooltip as ji,Typography as Zn}from"@rango-dev/ui";import M,{useEffect as Ch,useState as Th}from"react";var Rn=4,er=6,kh=375,Io=i(t=>{let e=N(),{content:o,src:n,className:r,open:s,state:a}=t;return M.createElement(ji,{container:e,side:"bottom",sideOffset:4,open:s,content:o},M.createElement(oc,{className:r,state:a},M.createElement(Sh,{src:n,size:16})))},"ImageComponent");function yc(t){let{quoteRef:e,recommended:o,setExpanded:n,steps:r,expanded:s}=t,a=N(),l=r.length,p=Sl(r),[c,u]=Th(!1),d=i(()=>{window.innerWidth<kh?u(!0):u(!1)},"handleResize");return Ch(()=>{window.addEventListener("resize",d)}),M.createElement(tc,{ref:m=>e.current=m,recommended:o,onClick:()=>n(m=>!m)},M.createElement("div",{className:ro()},M.createElement(Zn,{variant:"body",size:"xsmall"},hc.t("Via:")),M.createElement(Vi,{direction:"horizontal",size:4}),r.map((m,h)=>{let T=`item-${h}`,k=M.createElement(zi,null,M.createElement(yh,{size:12,color:"black"}));return c?M.createElement(M.Fragment,null,M.createElement(Io,{content:m.swapper.displayName,src:m.swapper.image,state:m.state}),h!==l-1&&M.createElement(M.Fragment,null,k)):M.createElement(M.Fragment,{key:T},l<=Rn||l>Rn&&h<Rn-1?M.createElement(M.Fragment,null,M.createElement(Io,{content:m.swapper.displayName,src:m.swapper.image,state:m.state}),h!==l-1&&M.createElement(M.Fragment,null,k)):h===Rn-1&&M.createElement(ji,{container:a,side:"bottom",align:"right",sideOffset:4,content:M.createElement("div",{className:ro()},k,r.map((f,S)=>{let A=`image-${S}`;return S>=h&&M.createElement(M.Fragment,{key:A},M.createElement(Io,{content:f.swapper.displayName,src:f.swapper.image,state:f.state,open:!1}),S!==l-1&&M.createElement(M.Fragment,null,k))}))},M.createElement(Gi,{state:r.find((f,S)=>S>=h&&(f.state==="error"||f.state==="warning"))?.state},M.createElement(Zn,{size:"xsmall",variant:"body"},"+",l-h))))})),M.createElement("div",{className:ro()},M.createElement("div",{className:"blockchains_section"},M.createElement("div",{className:ro()},M.createElement(Zn,{variant:"body",size:"xsmall"},hc.t("Chains:")),M.createElement(Vi,{direction:"horizontal",size:4}),p.map((m,h)=>M.createElement(M.Fragment,null,p.length<=er||p.length>er&&h<er-1?M.createElement(Io,{key:m.displayName,content:"",src:m.image,open:!1,className:h!==0?"blockchainImage":""}):h===er-1&&M.createElement(ji,{container:a,side:"bottom",align:"right",sideOffset:4,content:M.createElement("div",{className:ro()},p.map((T,k)=>k>=h&&M.createElement(Io,{key:T.displayName,content:"",src:T.image,open:!1,className:k>h?"blockchainImage":""})))},M.createElement(Gi,{className:"blockchainImage"},M.createElement(Zn,{size:"xsmall",variant:"body"},"+",p.length-h))))),M.createElement(Vi,{direction:"horizontal",size:32}))),M.createElement(zi,{orientation:s?"up":"down"},M.createElement(hh,{size:12,color:"black"}))))}i(yc,"QuoteTrigger");function Yi(t){let{quote:e,input:o,output:n,error:r,warning:s,type:a,recommended:l=!0}=t,p=g().blockchains(),c=g().swappers(),[u,d]=Ih(t.expanded),m=Tc(null),h=Tc(u),T=E(o.value,6,6),k=E(n.value,6,6),f=n.usdValue?E(n.usdValue,4,4):"",S=Oe(o.usdValue,n.usdValue??null),A=E(S,2,2),y=mt(S??0),C=i(I=>I.map((x,B)=>{let Q,X=r?.type===3&&r.swap.swapperId===x.swapperId||r?.type===4&&r.recommendedSlippages?.has(B),W=s?.type===2&&s.recommendedSlippages?.has(B);return X?Q="error":W&&(Q="warning"),{swapper:{displayName:go(x.swapperId,c),image:x.swapperLogo},from:{token:{displayName:x.from.symbol,image:x.from.logo},chain:{displayName:Fe(x.from.blockchain,p),image:x.from.blockchainLogo},price:{value:B===0?E(o.value,6,6):E(x.fromAmount,6,6),usdValue:E((x.from.usdPrice??0)*parseFloat(x.fromAmount),4,4),realValue:ae(B===0?o.value:x.fromAmount),realUsdValue:ae(new Cc(x.from.usdPrice??0).multipliedBy(x.fromAmount))}},to:{token:{displayName:x.to.symbol,image:x.to.logo},chain:{displayName:Fe(x.to.blockchain,p),image:x.to.blockchainLogo},price:{value:E(x.toAmount,6,6),usdValue:E((x.to.usdPrice??0)*parseFloat(x.toAmount),4,4),realValue:ae(x.toAmount),realUsdValue:ae(new Cc(x.to.usdPrice??0).multipliedBy(x.toAmount))}},state:Q,alerts:X||W?D.createElement(jp,null,D.createElement(wh,{type:X?"error":"warning",title:r?.type===3?r?.recommendation:Xi.t("Slippage Error:"),footer:D.createElement(Xp,null,r?.type===3&&D.createElement(D.Fragment,null,D.createElement(Eo,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),D.createElement(Ki,{direction:"horizontal",size:8}),D.createElement(Eo,{size:"xsmall",variant:"body",color:"neutral900"},"|"),D.createElement(Ki,{direction:"horizontal",size:8}),D.createElement(Eo,{size:"xsmall",variant:"body",color:"neutral900"},Xi.t({id:"Yours: {amount} {symbol}",values:{amount:E(x.fromAmount,6,6),symbol:x?.from.symbol}}))),(r?.type===4||s?.type===2)&&D.createElement(Eo,{size:"xsmall",variant:"body",color:"neutral900"},Xi.t({id:"Minimum required slippage is {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get(B)},...s?.type===2&&{minRequiredSlippage:s.recommendedSlippages?.get(B)}}})))})):void 0}}),"getQuoteSteps")(e.result?.swaps??[]),v=C.length,b=N();return Ah(()=>{u&&!h.current&&m.current&&setTimeout(()=>{m?.current?.scrollIntoView({behavior:"smooth"})},Ui),h.current=u},[u,h]),D.createElement(D.Fragment,null,D.createElement(Zp,{recommended:l,listItem:a==="list-item",basic:a==="basic"},D.createElement("div",{className:Rp()},D.createElement(uc,{steps:v,quote:e}),a==="basic"&&D.createElement("div",{className:ec()},D.createElement(ic,null,D.createElement(vh,{size:12,color:"gray"})),D.createElement(sc,null,D.createElement(qi,{size:"small",variant:"body"},`${T} ${C[0].from.token.displayName} = `),D.createElement(Sc,{content:ae(n.value),container:b,open:n.value?void 0:!1},D.createElement(qi,{size:"small",variant:"body"},"\xA0",`${k} ${C[C.length-1].to.token.displayName}`))),D.createElement(Sc,{content:ae(n.usdValue),container:b,style:{display:"flex"}},D.createElement(Eo,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${f})`))),a==="list-item"&&D.createElement(bh,{type:"output",direction:"vertical",tooltipContainer:b,price:{value:k,usdValue:f,realValue:ae(n.value),realUsdValue:ae(n.usdValue)},token:{displayName:C[v-1].to.token.displayName,image:C[v-1].to.token.image},chain:{image:C[v-1].to.chain.image},percentageChange:A,warningLevel:y}),a==="swap-preview"&&D.createElement(D.Fragment,null,D.createElement(Ao,{from:C[0].from,to:C[v-1].to,percentageChange:A,warningLevel:y}),D.createElement(Ki,{size:4}))),D.createElement(Yp,{recommended:l,open:u,onOpenChange:d},D.createElement(yc,{quoteRef:m,recommended:l,setExpanded:d,expanded:u,steps:C}),D.createElement(nc,{open:u},D.createElement(rc,null),D.createElement("div",{className:Jp()},C.map((I,x)=>{let B=`item-${x}`;return D.createElement(xh,{type:"quote-details",key:B,step:I,hasSeparator:x!==C.length-1,state:I.state,tooltipContainer:b})}))))))}i(Yi,"Quote");import{Divider as Nh,Skeleton as Bh}from"@rango-dev/ui";import dt from"react";import{darkTheme as Eh,styled as tr}from"@rango-dev/ui";var kc=tr("div",{$$color:"$colors$neutral100",[`.${Eh} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15 ",variants:{rounded:{true:{borderRadius:"$xm"}}}}),wc=tr("div",{paddingTop:"$2"}),vc=tr("div",{paddingLeft:"$8"}),xc=tr("div",{borderLeft:"1px dashed black",minHeight:" 0",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});import{ChainToken as $c,Divider as Ft,Skeleton as it}from"@rango-dev/ui";import U from"react";import{styled as rt}from"@rango-dev/ui";var bc=rt("div",{display:"flex",justifyContent:"space-between",alignItems:"center",height:"22px"}),Ac=rt("div",{display:"flex"}),Ic=rt("div",{padding:"$15 $0 14px $0"}),Ec=rt("div",{padding:"$6 $0 $15 $0",display:"flex",flexDirection:"column"}),Wc=rt("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$5"}),Nc=rt("div",{display:"flex",justifyContent:"space-between",alignItems:"end"}),Bc=rt("div",{height:"$28",marginLeft:"13px",borderLeft:"1px solid $neutral700"}),Lc=rt("div",{width:"65%",display:"flex",justifyContent:"start"}),Mc=rt("div",{display:"flex",flexDirection:"column",alignItems:"start",flexGrow:1,maxWidth:"148px"}),Pc=rt("div",{padding:"$15 $0 $15 $0"});function Wo(t){let{type:e,tag:o=!1}=t,n=U.createElement(Nc,null,U.createElement(Lc,null,U.createElement($c,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),U.createElement(Ft,{size:8,direction:"horizontal"}),U.createElement(Mc,null,U.createElement(it,{height:10,width:60,variant:"rounded"}),U.createElement(Ft,{size:4}),U.createElement(it,{height:15,variant:"rounded"}))),U.createElement(it,{height:12,width:64,variant:"rounded"}));return U.createElement("div",null,U.createElement(bc,null,U.createElement(Ac,null,U.createElement(it,{width:60,height:10,variant:"rounded"}),U.createElement(Ft,{size:4,direction:"horizontal"}),U.createElement(it,{width:60,height:10,variant:"rounded"}),U.createElement(Ft,{size:4,direction:"horizontal"}),U.createElement(it,{width:60,height:10,variant:"rounded"})),o&&U.createElement(it,{height:22,width:100,variant:"rounded"})),e==="basic"&&U.createElement(Ic,null,U.createElement(it,{height:15,width:148,variant:"rounded"})),e==="list-item"&&U.createElement(Ec,null,U.createElement(Wc,null,U.createElement($c,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),U.createElement(Ft,{direction:"horizontal",size:4}),U.createElement(it,{height:15,width:150,variant:"rounded"})),U.createElement(Ft,{size:4}),U.createElement(it,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&U.createElement(U.Fragment,null,U.createElement(Ft,{size:4}),U.createElement(Pc,null,n,U.createElement(Bc,null),n)))}i(Wo,"QuoteSummarySkeleton");import{ChainToken as Uc,Divider as Zi,NextIcon as Wh,Skeleton as or}from"@rango-dev/ui";import fe from"react";import{styled as No}from"@rango-dev/ui";var _c=No("div",{display:"flex",alignItems:"start"}),Dc=No("div",{flexGrow:1,paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center"}),Ji=No("div",{display:"flex",alignItems:"center",flexGrow:1}),Fc=No("div",{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}),Oc=No("div",{display:"flex",alignItems:"center"});function st(t){let{separator:e=!0}=t;return fe.createElement(fe.Fragment,null,fe.createElement(Oc,null,fe.createElement(or,{height:22,width:22,variant:"circular"}),fe.createElement(Zi,{direction:"horizontal",size:8}),fe.createElement(or,{height:15,width:148,variant:"rounded"})),fe.createElement(_c,null,fe.createElement(xc,{hideSeparator:!e}),fe.createElement(Dc,null,fe.createElement(Ji,null,fe.createElement(Uc,{size:"small",loading:!0,chainImage:"",tokenImage:""}),fe.createElement(Zi,{direction:"horizontal",size:8}),fe.createElement(or,{height:12,variant:"rounded"})),fe.createElement(Fc,null,fe.createElement(Wh,{color:"gray",size:16})),fe.createElement(Ji,null,fe.createElement(Uc,{size:"small",loading:!0,chainImage:"",tokenImage:""}),fe.createElement(Zi,{direction:"horizontal",size:8}),fe.createElement(or,{height:12,variant:"rounded"})))))}i(st,"StepSkeleton");function Ri(t){let{type:e,expanded:o,tag:n=!1}=t;return dt.createElement(kc,{rounded:e!=="basic"},dt.createElement(Wo,{type:e,tag:n}),dt.createElement(wc,null,dt.createElement(Bh,{height:15,variant:"rounded"})),o&&dt.createElement(vc,null,dt.createElement(Nh,{size:20}),dt.createElement(st,null),dt.createElement(st,null),dt.createElement(st,{separator:!1})))}i(Ri,"QuoteSkeleton");function Bo(t){let{quote:e,type:o,loading:n,error:r,warning:s,expanded:a=!1}=t,{inputAmount:l,inputUsdValue:p,outputUsdValue:c,outputAmount:u}=j(),m=!(r&&(r.type===0||r.type===1))&&e&&e.result&&!n;return n?nr.createElement(Oi,null,nr.createElement(Ri,{type:o,expanded:a})):m?nr.createElement(Oi,null,nr.createElement(Yi,{quote:e,error:r,warning:s,type:o,expanded:a,recommended:!0,input:{value:l,usdValue:p?.toString()??""},output:{value:u?.toString()??"",usdValue:c?.toString()??""}})):null}i(Bo,"QuoteInfo");import{calculatePendingSwap as Ph}from"@rango-dev/queue-manager-rango-preset";import{useEffect as $h}from"react";import{useRef as Lh,useState as Mh}from"react";function rr(){let[t,e]=Mh(!1),o=Lh(null),n=i(()=>o.current?.abort(),"cancel");return{fetch:i(async s=>{n(),o.current=new AbortController,e(!0);try{let a=await Qt().getBestRoute(s,{signal:o.current.signal});return o.current=null,a}catch(a){throw a}finally{e(!1)}},"fetch"),loading:t,cancelFetch:n}}i(rr,"useFetchQuote");function ir(t){if(!t.result)throw new Error(V().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});if(Jr(t)){let{swap:n,recommendation:r,fromAmountRangeError:s}=Zr(t);throw new Error("bridge limit error",{cause:{type:3,swap:n,recommendation:r,fromAmountRangeError:s}})}let o=ti(t);if(o){let n=Cn(t);throw new Error("",{cause:{type:4,recommendedSlippages:o,minRequiredSlippage:n}})}return t}i(ir,"throwErrorIfResponseIsNotValid");function zc(t,e,o){let n=!1;t&&(n=hl(t,e));let r={quote:null,quoteUpdate:null,balance:null},s=kn(e,{fromToken:o.fromToken,toToken:o.toToken,tokens:o.meta.tokens,userSlippage:o.userSlippage});s&&(r.quote=s),t&&n&&(sl(t,e)?r.quoteUpdate={type:3,newOutputAmount:E(jt(e)),percentageChange:E(Oe(jt(t)??"",jt(e)??""),null,2)}:oi(t,e)?r.quoteUpdate={type:0}:ni(t,e)?r.quoteUpdate={type:1}:ri(t,e)&&(r.quoteUpdate={type:2}));let a=al(e,o.selectedWallets,o.meta.blockchains);return a.length===0||(r.balance={messages:a}),r}i(zc,"generateWarnings");function sr(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(sr,"handleQuoteErrors");function es(){let{fromToken:t,toToken:e,inputAmount:o,setQuote:n,quote:r,customDestination:s,setQuoteWarningsConfirmed:a}=j(),{slippage:l,customSlippage:p,affiliatePercent:c,affiliateRef:u,affiliateWallets:d,disabledLiquiditySources:m}=g(),{connectedWallets:h}=G(),T=g().blockchains(),k=g().tokens(),{features:f}=g().config,{enableNewLiquiditySources:S}=g().config,A=p||l,{fetch:y,cancelFetch:w,loading:C}=rr();return $h(()=>w,[]),{loading:C,fetch:i(async b=>{let I=b.selectedWallets,x=b?.customDestination??s;if(!t||!e||!o)return{quote:null,swap:null,error:null,warnings:null};let B=Tn({fromToken:t,toToken:e,inputAmount:o,wallets:h,selectedWallets:I,excludeLiquiditySources:S,disabledLiquiditySources:m,slippage:A,affiliateRef:u,affiliatePercent:c,affiliateWallets:d,initialQuote:r??void 0,destination:x});pn("experimentalRoute",f)&&(B.experimental=!0);let Q;try{Q=await y(B).then(J=>ir(J)),n(Q)}catch(J){return sr(J)}let X={slippage:A.toString(),disabledSwappersGroups:m},W=Ph(o.toString(),Q,rl(I),X,!1,{blockchains:T,tokens:k}),R=zc(r??void 0,Q,{fromToken:t,toToken:e,meta:{blockchains:T,tokens:k},selectedWallets:I,userSlippage:A});return R.quoteUpdate&&a(!1),{quote:Q,swap:W,error:null,warnings:R}},"fetch"),cancelFetch:w}}i(es,"useConfirmSwap");var Xh=Oh("div",{width:"100%",display:"flex",justifyContent:"space-between",[`& ${Gc}`]:{width:"$48",height:"$48"}}),Kh=os({flexGrow:1,paddingRight:"$10"}),Yh=os({width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}),Jh=os({display:"flex",justifyContent:"space-between",alignItems:"center"});function Qc(){let{quote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:s,quoteWarningsConfirmed:a}=j(),l=jh(),p=Vh(),[c,u]=lr(""),{connectedWallets:d}=G(),m=!n,[h,T]=lr(!1),{isActiveTab:k}=ce(),f=g().disabledLiquiditySources,S=Qh(f),{manager:A}=_h(),{fetch:y,loading:w,cancelFetch:C}=es(),[v,b]=lr({swap:null,error:null,warnings:null}),[I,x]=lr(!1),B=i(async({selectedWallets:z,customDestination:$e})=>{let K=await y?.({selectedWallets:z,customDestination:$e});return b(K),K},"onConfirmSwap"),Q=i(async()=>{if(v.swap&&n)try{await A?.create("swap",{swapDetails:v.swap},{id:v.swap.requestId});let z=`../${$.swaps}/${v.swap.requestId}`;l(z,{replace:!0}),setTimeout(()=>{e("")},0)}catch(z){u("Error: "+z?.message)}},"addNewSwap"),X=i(async()=>{await Q()},"onConfirm"),W=i(async()=>{v?.warnings?.quote&&!a?x(!0):await X()},"onStartConfirmSwap"),R=i(async()=>{b({error:null,swap:null,warnings:null}),y({selectedWallets:o,customDestination:s}).then(z=>{b(z)}).catch(z=>console.error(z))},"onRefresh");Lo(()=>{!!S.current.length&&!f.length&&R(),S.current=f},[f.length]),Lo(()=>{m&&C()},[m]),Lo(()=>{m&&T(m)},[m]),Lo(()=>{m||y({selectedWallets:o,customDestination:s}).then(z=>b(z)).catch(z=>console.error(z))},[]),Lo(()=>{let z=v.warnings?.quote?.type&&Object.values(kt).includes(v.warnings?.quote?.type),$e=o.length<1||!o.every(F=>d.find(ke=>F.address===ke.address&&F.walletType===ke.walletType&&F.chain===ke.chain)),K=!1;if(z){let F=fn(t),ke=t?.result?.swaps[t.result.swaps.length-1].to.blockchain;!!t?.result?.swaps.find(ct=>ct.from.blockchain===ke)||(F=F.slice(-F.length,F.length-1)),F.every(ct=>o.find(_=>_.chain===ct))||(K=!0)}t&&($e||K)&&(queueMicrotask(()=>Hh(T.bind(null,!0))),r(!1))},[v.warnings?.quote,o.length,d.length]),Gh(()=>{t||l(`../${p.search}`)},[]);let J=v.warnings?.quote??null,ne=v.error,Se=[];return c&&Se.push(le.createElement(qc,{type:"error",variant:"alarm",title:c})),v.warnings?.quoteUpdate&&Se.push(le.createElement(qc,{variant:"alarm",type:"warning",title:v.warnings.quoteUpdate&&xn(v.warnings.quoteUpdate)})),(J||ne)&&Se.push(le.createElement(xo,{warning:J,error:ne,loading:w,refetchQuote:R,showWarningModal:I,confirmationDisabled:!k,onOpenWarningModal:()=>x(!0),onCloseWarningModal:()=>x(!1),onConfirmWarningModal:async()=>{x(!1),await Q()},onChangeSettings:()=>l($.settings)})),le.createElement(oe,{header:{title:ar.t("Confirm Swap"),onWallet:()=>{let z=`../${$.wallets}`;l(z)},suffix:le.createElement(Uh,{container:N(),side:"bottom",content:ar.t("Settings")},le.createElement(ze,{size:"small",variant:"ghost",onClick:()=>l("../"+$.settings)},le.createElement(Fh,{size:18,color:"black"})))},footer:le.createElement(Xh,null,le.createElement("div",{className:Kh()},le.createElement(Dh,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:w,disabled:!!v.error||!k,onClick:W},ar.t("Start Swap"))),le.createElement(Gc,{variant:"contained",type:"primary",size:"large",loading:w,onClick:T.bind(null,!0)},le.createElement(qh,{size:24})))},h&&le.createElement(Ip,{open:h,onClose:()=>T(!1),onCancel:C,loading:w,onCheckBalance:B}),le.createElement(ie,null,le.createElement("div",{className:Jh()},le.createElement(zh,{variant:"title",size:"small"},ar.t("You get")),le.createElement("div",{className:Yh()},le.createElement(Fn,{onClick:!w&&!h&&!I?R:void 0}))),le.createElement(ts,{size:"12"}),Ol(Se,le.createElement(ts,{size:10})),Se.length>0?le.createElement(ts,{size:10}):null,le.createElement(Bo,{quote:t,type:"swap-preview",expanded:!0,error:v.error,loading:w,warning:v.warnings?.quote??null})))}i(Qc,"ConfirmSwapPage");import{i18n as mr}from"@lingui/core";import{useManager as iy}from"@rango-dev/queue-manager-react";import{Divider as Zc,NotFound as sy,styled as ay}from"@rango-dev/ui";import gt,{useState as ly}from"react";import{useNavigate as py}from"react-router-dom";import{CloseIcon as Rh,IconButton as ey,SearchIcon as ty,TextField as oy}from"@rango-dev/ui";import Mo from"react";import{styled as Zh}from"@rango-dev/ui";var Hc=Zh("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function ft(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:s,value:a,setValue:l,...p}=t;return Mo.createElement(oy,{prefix:Mo.createElement(Hc,null,Mo.createElement(ty,{color:"black"})),suffix:!!a.length&&Mo.createElement(ey,{variant:"ghost",onClick:()=>l?.(""),size:"small"},Mo.createElement(Rh,{color:"gray",size:10})),fullWidth:o,color:n,variant:e,style:{padding:10,borderRadius:25,alignItems:"center"},size:r,value:a,onChange:s,...p})}i(ft,"SearchInput");import{i18n as ss}from"@lingui/core";import{Divider as jc,SwapListItem as Xc,Typography as Kc}from"@rango-dev/ui";import re from"react";import{css as ny,darkTheme as ry,styled as pr}from"@rango-dev/ui";var cr=ny(),ns=pr("div",{width:"100%",display:"flex",flexDirection:"column",[`& .${cr}`]:{$$color:"$colors$neutral600",[`.${ry} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),rs=pr("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),is=pr("div",{gap:"$10",display:"flex",flexDirection:"column"}),Vc=pr("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});function as(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,s=n?n(e):[{title:"History",swaps:e}];if(r){let a=[{},{}],l=[{title:ss.t("Today"),swaps:a},{title:ss.t("This month"),swaps:a}];return re.createElement(re.Fragment,null,l.map(p=>re.createElement(re.Fragment,{key:p.title},re.createElement(ns,null,re.createElement(rs,null,re.createElement(Kc,{variant:"label",size:"medium",className:cr()},p.title)),re.createElement(jc,{size:4}),re.createElement(is,null,p.swaps.map((c,u)=>{let d=u+p.title;return re.createElement(re.Fragment,{key:d},re.createElement(Xc,{isLoading:!0}))}))))))}return re.createElement(re.Fragment,null,s.filter(a=>a.swaps.length>0).map(a=>re.createElement(re.Fragment,{key:a.title},re.createElement(ns,null,re.createElement(rs,null,re.createElement(Kc,{variant:"label",size:"medium",className:cr()},a.title)),re.createElement(jc,{size:4}),re.createElement(is,null,a.swaps.map(l=>{let p=l.steps[0],c=l.steps[l.steps.length-1];return re.createElement(re.Fragment,{key:l.requestId},re.createElement(Xc,{requestId:l.requestId,creationTime:l.creationTime,status:l.status,onClick:o,tooltipContainer:N(),onlyShowTime:a.title===ss.t("Today"),swapTokenData:{from:{token:{image:p.fromLogo,displayName:p.fromSymbol},blockchain:{image:p.fromBlockchainLogo||""},amount:E(l.inputAmount,6,6),realAmount:ae(l.inputAmount)},to:{token:{image:c.toLogo,displayName:c.toSymbol},blockchain:{image:c.toBlockchainLogo||""},amount:E(c.outputAmount||c.expectedOutputAmountHumanReadable||"",6,6),realAmount:ae(c.outputAmount||c.expectedOutputAmountHumanReadable)}}}))}))))))}i(as,"SwapsGroup");import{i18n as ur}from"@lingui/core";import Yc from"dayjs";var Jc=i(t=>{let e=new Map([["today",{title:ur.t("Today"),swaps:[]}],["week",{title:ur.t("This week"),swaps:[]}],["month",{title:ur.t("This month"),swaps:[]}],["year",{title:ur.t("This year"),swaps:[]}]]);function o(r,s){e.has(r)||e.set(r,{title:r,swaps:[]}),e.get(r)?.swaps.push(s)}i(o,"addYearsToOutput");let n=Yc();return t.forEach(r=>{let s=Number(r.creationTime),a=Yc(s);if(n.isSame(a,"day"))e.get("today")?.swaps.push(r);else if(n.isSame(a,"week"))e.get("week")?.swaps.push(r);else if(n.isSame(a,"month"))e.get("month")?.swaps.push(r);else if(n.isSame(a,"year"))e.get("year")?.swaps.push(r);else{let l=new Date(s).getFullYear().toString();o(l,r)}}),Array.from(e.values())},"groupSwapsByDate");var cy=ay("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),uy=i((t,e)=>t?.length?t.filter(o=>Re(o.fromBlockchain,e)||Re(o.toBlockchain,e)||Re(o.toSymbol,e)||Re(o.fromSymbol,e)).length:!1,"isStepContainsText");function Rc(){let t=py(),{manager:e,state:o}=iy(),n=bt(e).map(({swap:u})=>u),[r,s]=ly(""),a=!o.loadedFromPersistor,l=i(u=>{let d=u.target.value;s(d)},"searchHandler"),p=n;r&&(p=n.filter(u=>Re(u.inputAmount,r)||Re(u.status,r)||uy(u.steps,r)||Re(u.requestId,r)));let c=!p?.length&&!a;return gt.createElement(oe,{header:{title:mr.t("History")}},gt.createElement(ie,null,gt.createElement(ft,{setValue:s,fullWidth:!0,variant:"contained",placeholder:mr.t("Search Transaction"),autoFocus:!0,onChange:l,value:r}),gt.createElement(Zc,{size:"16"}),gt.createElement(cy,null,c&&gt.createElement(Vc,null,gt.createElement(Zc,{size:32}),gt.createElement(sy,{title:mr.t("No results found"),description:r?mr.t("Try using different keywords"):""})),!c&&gt.createElement(as,{list:p,onSwapClick:t,groupBy:Jc,isLoading:a}))))}i(Rc,"HistoryPage");import{i18n as cs}from"@lingui/core";import{Button as Sy,Divider as nu,styled as iu,SwapInput as ru,WarningIcon as Cy}from"@rango-dev/ui";import ve,{useEffect as Ty,useState as ky}from"react";import{useNavigate as wy}from"react-router-dom";import{ReverseIcon as my,styled as eu}from"@rango-dev/ui";import ls from"react";var dy=eu("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),fy=eu("div",{borderRadius:"$md",border:"3px solid $background",background:"$neutral100",width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center",color:"$foreground","&:hover":{color:"$secondary500"}});function tu(){let t=j.use.switchFromAndTo();return ls.createElement(dy,null,ls.createElement(fy,{onClick:()=>{t()}},ls.createElement(my,{size:12})))}i(tu,"SwitchFromAndToButton");import{useCallback as gy,useEffect as hy,useState as ps}from"react";var yy=600;function ou(){let{fetch:t,cancelFetch:e}=rr(),{liquiditySources:o,enableNewLiquiditySources:n,features:r}=g().config,s=g().tokens(),{fromToken:a,toToken:l,inputAmount:p,inputUsdValue:c,quote:u,resetQuote:d,setQuote:m}=j(),{slippage:h,customSlippage:T,affiliatePercent:k,affiliateRef:f,affiliateWallets:S,disabledLiquiditySources:A,fetchStatus:y}=g(),[w,C]=ps(!0),[v,b]=ps(null),[I,x]=ps(null),B=T??h,X=!a||!l||_e(a,l)||!uo(p),W=i(ne=>{C(ne),b(null),x(null)},"resetState"),R=i(ne=>{let{fromToken:Se,toToken:z,inputAmount:$e,liquiditySources:K,excludeLiquiditySources:F,disabledLiquiditySources:ke,slippage:pt,affiliateRef:Ie,affiliatePercent:ct,affiliateWallets:_}=ne;if(w||W(!0),!X&&Se&&z){d();let H=Tn({fromToken:Se,toToken:z,inputAmount:$e,liquiditySources:K,excludeLiquiditySources:F,disabledLiquiditySources:ke,slippage:pt,affiliateRef:Ie,affiliatePercent:ct,affiliateWallets:_});pn("experimentalRoute",r)&&(H.experimental=!0),t(H).then(q=>{C(!1),m(q),ir(q);let pe=kn(q,{fromToken:Se,toToken:z,userSlippage:B,tokens:s});x(pe)}).catch(q=>{let{error:pe}=sr(q);(pe?.type===0||pe?.type===1)&&d(),pe?.type!==2&&(b(pe),C(!1))})}},"fetch"),J=gy(Ba(ne=>{X||R(ne)},yy),[X]);return hy(()=>{if(y==="success"){if(!uo(p)||c?.eq(0)){W(!1),e();return}if(X){u&&d();return}return d(),W(!0),J({inputAmount:p,fromToken:a,toToken:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:A,slippage:B,affiliateRef:f,affiliatePercent:k,affiliateWallets:S}),e}},[y,p,a?.symbol,a?.address,a?.blockchain,l?.symbol,l?.address,l?.blockchain,X,o?.length,n,A.length,B,f,k,JSON.stringify(S)]),{fetch:()=>R({inputAmount:p,fromToken:a,toToken:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:A,slippage:B,affiliateRef:f,affiliatePercent:k,affiliateWallets:S}),loading:w,error:v,warning:I}}i(ou,"useSwapInput");var vy=iu("div",{position:"relative"}),xy=iu("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"});function su(){let t=wy(),{fetch:e,loading:o,error:n,warning:r}=ou(),{fromToken:s,fromBlockchain:a,toToken:l,toBlockchain:p,setInputAmount:c,inputAmount:u,inputUsdValue:d,outputAmount:m,outputUsdValue:h,quote:T,resetQuoteWallets:k,setQuoteWarningsConfirmed:f}=j(),S=g().fetchStatus,{connectedWallets:A,getBalanceFor:y}=G(),{isActiveTab:w}=ce(),[C,v]=ky(!1),b=!!a&&va(A,a.name),I=!1,x=!Rr(T,u,d),B=!Rr(T,u,h),Q=Ra({fetchMetaStatus:S,fetchingQuote:o,inputAmount:u,quote:T,anyWalletConnected:A.length>0,error:n,warning:r,needsToWarnEthOnPath:I}),X=s?y(s):null,W=on(X)?.amount??"0",R=a&&s?E(X?.amount,X?.decimals):"0",J=S==="success"&&!!u&&!!s&&!!l&&o;Ty(()=>{k()},[]);let ne=!d||!h||!h.gt(0)?null:Oe(d.toString(),h.toString());return ve.createElement(oe,{height:"auto",hasLogo:!0,footer:ve.createElement(Sy,{type:"primary",size:"large",disabled:Q.disabled||!w,prefix:Q.action==="confirm-warning"&&ve.createElement(Cy,null),fullWidth:!0,onClick:()=>{Q.action==="connect-wallet"?t($.wallets):Q.action==="confirm-warning"?v(!0):t($.confirmSwap)}},Q.title),header:{onWallet:()=>{t($.wallets)},hasBackButton:!1,title:cs.t("Swap"),suffix:ve.createElement(vi,{onClickRefresh:(T||n)&&!C?e:void 0,onClickHistory:()=>t($.swaps),onClickSettings:()=>t($.settings)})}},ve.createElement(ie,null,ve.createElement(xy,null,ve.createElement(vy,null,ve.createElement(ru,{label:cs.t("From"),mode:"From",onInputChange:c,balance:W,chain:{displayName:a?.displayName||"",image:a?.logo||""},token:{displayName:s?.symbol||"",image:s?.image||""},onClickToken:()=>t($.fromSwap),price:{value:u,usdValue:x?void 0:E(d,4,4),realUsdValue:x?void 0:ae(d),error:x?V().unknownPriceError.impactTitle:void 0},disabled:S==="failed",loading:S==="loading",loadingBalance:b,tooltipContainer:N(),onSelectMaxBalance:()=>{W!=="0"&&c(R.split(",").join(""))}}),ve.createElement(tu,null)),ve.createElement(ru,{sharpBottomStyle:!!T?.result||J,label:cs.t("To"),mode:"To",fetchingQuote:J,chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:l?.symbol||"",image:l?.image||""},percentageChange:E(Oe(d,h),2,2),warningLevel:mt(ne??0),price:{value:E(m,6,6),usdValue:B?void 0:E(h,4,4),realValue:ae(m),realUsdValue:B?void 0:ae(h),error:B?V().unknownPriceError.impactTitle:void 0},onClickToken:()=>t($.toSwap),disabled:S==="failed",loading:S==="loading",tooltipContainer:N()})),ve.createElement(nu,{size:"2"}),ve.createElement(Bo,{quote:T,loading:J,error:n,warning:r,type:"basic"}),r||n?ve.createElement(ve.Fragment,null,ve.createElement(nu,{size:"10"}),ve.createElement(xo,{warning:r,error:n,loading:J,refetchQuote:e,showWarningModal:C,confirmationDisabled:!w,onOpenWarningModal:()=>v(!0),onCloseWarningModal:()=>v(!1),onConfirmWarningModal:()=>{v(!1),f(!0),t($.confirmSwap)},onChangeSettings:()=>t($.settings)})):null))}i(su,"Home");import{i18n as au}from"@lingui/core";import{List as by,ListItemButton as Ay,Radio as Iy,RadioRoot as Ey,Typography as Wy}from"@rango-dev/ui";import Wt from"react";function io(){let{setLanguage:t,language:e,config:o}=g(),n=Pa,r=o?.language||fo;return{activeLanguage:e||r,languages:n,defaultLanguage:r,changeLanguage:s=>t(s||fo),resetLanguage:()=>t(null)}}i(io,"useLanguage");function lu(){let{activeLanguage:t,changeLanguage:e,languages:o}=io(),n=o.map(r=>{let{local:s,label:a,SVGFlag:l}=r;return{id:s,value:s,title:Wt.createElement(Wy,{variant:"title",size:"xmedium"},a),onClick:()=>e(r.local),end:Wt.createElement(Iy,{value:s}),start:Wt.createElement(l,null)}});return Wt.createElement(oe,{header:{title:au.t("Language")}},Wt.createElement(ie,null,Wt.createElement(Ey,{value:t},Wt.createElement(by,{type:Wt.createElement(Ay,{title:au.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}i(lu,"LanguagePage");import{i18n as ht}from"@lingui/core";import{Button as Py,Checkbox as $y,Image as _y,ListItemButton as Dy,NotFound as Fy,Typography as Oy}from"@rango-dev/ui";import Ae,{useState as Uy}from"react";import{Checkbox as Ly,Skeleton as cu}from"@rango-dev/ui";import $o from"react";import{styled as us}from"@rango-dev/ui";var Po=us("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto"}),ms=us("div",{width:80,display:"flex",justifyContent:"flex-end"}),ds=us("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});import{ListItem as Ny,styled as By}from"@rango-dev/ui";var pu=By(Ny,{height:61});var My=30;function fs(){return $o.createElement(Po,null,Array.from(Array(My),t=>$o.createElement(pu,{hasDivider:!0,key:t,start:$o.createElement(cu,{variant:"circular",width:35,height:35}),title:$o.createElement(cu,{variant:"text",size:"large",width:90}),end:$o.createElement(Ly,{checked:!1})})))}i(fs,"LoadingLiquiditySourceList");function gs({sourceType:t}){let e=g().fetchStatus,o=g().swappers(),n=g().disabledLiquiditySources,[r,s]=Uy(""),a=g().toggleLiquiditySource,l=ln(o,n),p={Exchanges:ht.t("Exchanges"),Bridges:ht.t("Bridges")},c=[];t==="Exchanges"&&c.push("DEX"),t==="Bridges"&&(c.push("BRIDGE"),c.push("AGGREGATOR"));let u=l.filter(f=>c.includes(f.type)),d=u.length===u.filter(f=>f.selected).length,m=i(()=>{u.forEach(f=>{d?a(f.groupTitle):f.selected||a(f.groupTitle)})},"toggleAllSources"),h=u.map(f=>{let{selected:S,groupTitle:A,logo:y}=f;return{start:Ae.createElement(_y,{src:y,size:22,type:"circular"}),onClick:()=>a(A),end:Ae.createElement($y,{checked:S}),title:Ae.createElement(Oy,{variant:"title",size:"xmedium"},ht.t(A)),...f}}),T=i(f=>{let S=f.target.value;s(S)},"searchHandler"),k=h;return r&&(k=h.filter(f=>Re(f.groupTitle,r))),Ae.createElement(oe,{header:{title:ht.t(t),suffix:Ae.createElement(ms,null,Ae.createElement(Py,{variant:"ghost",size:"xsmall",onClick:m},d?ht.t("Deselect all"):ht.t("Select all")))}},Ae.createElement(ie,{view:!0},Ae.createElement(ft,{value:r,setValue:s,fullWidth:!0,color:"light",variant:"contained",placeholder:ht.t("Search {sourceType}",{sourceType:p[t]}),onChange:T}),e==="loading"&&Ae.createElement(fs,null),!k.length&&r?Ae.createElement(ds,null,Ae.createElement(Fy,{title:ht.t("No results found"),description:ht.t("Try using different keywords")})):e==="success"&&Ae.createElement(Po,null,k.map(f=>Ae.createElement(Ae.Fragment,{key:f.id},Ae.createElement(Dy,{style:{height:"61px"},...f,selected:!1,hasDivider:!0}))))))}i(gs,"LiquiditySourcePage");import{i18n as Su}from"@lingui/core";import{Divider as Cu,getCountCategories as Yy,SelectableCategoryList as Jy}from"@rango-dev/ui";import yt,{useState as Tu}from"react";import{i18n as ys}from"@lingui/core";import{Divider as hu,Image as Hy,ListItemButton as Vy,NotFound as jy,Typography as yu}from"@rango-dev/ui";import Ge,{useEffect as Xy,useState as Ky}from"react";import{BlockchainCategories as hs}from"@rango-dev/ui";import{TransactionType as dr}from"rango-sdk";var zy=i((t,e)=>{switch(e){case hs.ALL:return!0;case hs.UTXO:return t.type===dr.TRANSFER;case hs.OTHER:return t.type!==dr.TRANSFER&&t.type!==dr.COSMOS&&t.type!==dr.EVM;default:return t.type===e}},"filterByType"),uu=i((t,e,o)=>t.filter(n=>zy(n,o)).filter(n=>Lt(n.name,e)||Lt(n.displayName,e)),"filterBlockchains");import{ImageContainer as qy,styled as mu}from"@rango-dev/ui";var du=mu("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),fr=mu(Co,{padding:0,margin:0,listStyle:"none",[`& ${qy}`]:{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as Gy,Skeleton as fu}from"@rango-dev/ui";import gr from"react";var Qy=20;function gu(){return gr.createElement(fr,null,Array.from(Array(Qy),t=>gr.createElement(Gy,{key:t,hasDivider:!0,start:gr.createElement(fu,{variant:"circular",width:35,height:35}),title:gr.createElement(fu,{variant:"text",size:"large",width:90})})))}i(gu,"LoadingBlockchainList");function Ss(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=Ky(e),{fetchStatus:l}=g();Xy(()=>{a([...uu(e,o,r)])},[e,o,r]);let p=i(()=>!s.length&&o?Ge.createElement(Ge.Fragment,null,Ge.createElement(hu,{size:32}),Ge.createElement(jy,{title:ys.t("No results found"),description:ys.t("Try using different keywords")})):Ge.createElement(fr,{as:"ul",key:`${r}-${o}`},s.map(c=>Ge.createElement(Vy,{key:`${c.name}-${c.chainId}`,hasDivider:!0,onClick:()=>n(c),start:Ge.createElement(Hy,{src:c.logo,size:30}),title:Ge.createElement(yu,{variant:"title",size:"medium"},c.displayName),id:c.chainId}))),"renderList");return Ge.createElement(du,null,Ge.createElement(yu,{variant:"label",size:"large"},ys.t("Select Blockchain")),Ge.createElement(hu,{size:4}),l==="loading"&&Ge.createElement(gu,null),l==="success"&&p())}i(Ss,"BlockchainList");function Cs(t){let{type:e}=t,o=xt(),[n,r]=Tu(""),[s,a]=Tu("ALL"),l=j.use.setToBlockchain(),p=j.use.setFromBlockchain(),c=g().fetchStatus,u=g().blockchains({type:e}),m=Yy(u)!==1;return yt.createElement(oe,{header:{title:Su.t("Select Blockchain")}},yt.createElement(ie,{view:!0},m&&yt.createElement(yt.Fragment,null,yt.createElement(Jy,{setCategory:a,category:s,blockchains:u,isLoading:c==="loading"}),yt.createElement(Cu,{size:24})),yt.createElement(ft,{value:n,autoFocus:!0,placeholder:Su.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:h=>r(h.target.value)}),yt.createElement(Cu,{size:16}),yt.createElement(Ss,{list:u,searchedFor:n,blockchainCategory:s,onChange:h=>{e==="source"?p(h):l(h),o()}})))}i(Cs,"SelectBlockchainPage");import{i18n as Tr}from"@lingui/core";import{Divider as Uu}from"@rango-dev/ui";import Ot,{useState as gS}from"react";import{useNavigate as hS}from"react-router-dom";import{i18n as ws}from"@lingui/core";import{BlockchainsChip as hr,Divider as xu,Image as bu,Skeleton as oS,Tooltip as nS,Typography as vs}from"@rango-dev/ui";import ye from"react";import{useEffect as eS}from"react";var ku=["ETH","COSMOS","OSMOSIS"];function Ts(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(Zy),o?.limit&&t.length>o.limit){let s=o.limit,a=e;if(e.length<=o.limit){let l=o.limit-e.length;for(let p=0;p<=l;p++){let c=n[p];a=a.filter(u=>c.name!==u)}}n.sort(Ry(a)),r=n.splice(s)}return{list:n,more:r}}i(Ts,"prepare");function Zy(t,e){let o=ku,n=o.findIndex(l=>l===t.name),r=o.findIndex(l=>l===e.name),s=n>-1,a=r>-1;return s&&a?n>r?1:-1:s?-1:a?1:0}i(Zy,"sortByMostUsedBlockchains");function Ry(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(Ry,"generateSortByPreferredBlockchainsFor");function wu(t,e){return!!e.list.find(o=>o.name===t)}i(wu,"isInVisibleList");function ks(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=g();eS(()=>{if(e?.selected){let s=Ts(t,o,e);wu(e.selected,s)||n(e?.selected)}},[e?.selected]);let r=Ts(t,o,e);return{list:r.list,more:r.more,history:[]}}i(ks,"usePrepareBlockchainList");import{styled as tS}from"@rango-dev/ui";var vu=tS("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var rS=12;function xs(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:s}=t,a=ks(e,{limit:10,selected:n?.name}),{fetchStatus:l}=g(),p=j.use.resetToBlockchain(),c=j.use.resetFromBlockchain(),u=a.more.length>0,d=a.more.length===1,m=!d&&u;return ye.createElement(ye.Fragment,null,ye.createElement(xu,{size:12}),ye.createElement(vs,{variant:"label",size:"large"},ws.t("Select Blockchain")),ye.createElement(xu,{size:12}),ye.createElement(vu,null,l==="loading"&&Array.from(Array(rS),h=>ye.createElement(oS,{key:h,variant:"rounded",height:50})),l==="success"&&ye.createElement(ye.Fragment,null,ye.createElement(hr,{selected:!n,onClick:()=>{o==="from"?c():p()}},ye.createElement(vs,{variant:"body",size:"xsmall",color:"secondary500"},ws.t("All"))),a.list.map(h=>ye.createElement(nS,{key:h.name,content:h.shortName,side:"bottom",sideOffset:2,container:N()},ye.createElement(hr,{key:h.name,selected:!!n&&n.name===h.name,onClick:()=>r(h)},ye.createElement(bu,{src:h.logo,size:30})))),d?ye.createElement(hr,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},ye.createElement(bu,{src:a.more[0].logo,size:30})):null,m?ye.createElement(hr,{onClick:s,key:"more-blockchains"},ye.createElement(vs,{variant:"body",size:"xsmall",color:"secondary500"},ws._("More +{count}",{count:a.more.length}))):null)))}i(xs,"BlockchainsSection");import{i18n as Ps}from"@lingui/core";import{darkTheme as $u,Divider as ao,ExternalLinkIcon as aS,Image as lS,ListItemButton as pS,NotFound as cS,PinIcon as uS,Skeleton as _u,Typography as Cr,VirtualizedList as mS}from"@rango-dev/ui";import P,{forwardRef as dS,useEffect as Du,useState as Fu}from"react";import{Divider as Mu,ListItem as sS,Skeleton as _o}from"@rango-dev/ui";import Je from"react";import{css as so,darkTheme as Au,ImageContainer as iS,styled as Ye,Typography as Iu}from"@rango-dev/ui";var bs=so({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}),As=so({position:"relative",height:12,width:"30%",maxWidth:"150px"}),Is=so({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"}),Es=so({transform:"translateY(12px)",visibility:"hidden","& a":{display:"flex",justifyContent:"center",alignItems:"center",fontSize:"$12",lineHeight:"$16",$$color:"$colors$neutral600",[`.${Au} &`]:{$$color:"$colors$neutral700"},color:"$$color",textDecoration:"none"}}),Ws=so({}),Ns=so(),Eu=Ye("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),Bs=Ye("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),yr=Ye("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none","&:hover":{[`& .${As}`]:{[`& .${Es}`]:{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},[`& .${Ws}`]:{bottom:"-15px"},[`& .${bs}`]:{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},[`& .${Is}`]:{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),Ls=Ye("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),Ms=Ye(Iu,{}),Wu=Ye("div",{textAlign:"right",width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",[`& .${Ns}`]:{$$color:"$colors$neutral600",[`.${Au} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Sr=Ye("div",{display:"flex",alignItems:"end",flexDirection:"column"}),vP=Ye("div",{display:"flex",alignItems:"center"}),Nu=Ye("div",{position:"relative",[`& ${iS}`]:{borderRadius:"$xm",overflow:"hidden"}}),Bu=Ye("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6}),Lu=Ye(Iu,{width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"});function Pu(t){return Je.createElement(yr,null,Array.from(Array(t.size),e=>Je.createElement(sS,{key:e,hasDivider:!0,start:Je.createElement(_o,{variant:"circular",width:35,height:35}),end:Je.createElement(Sr,null,Je.createElement(_o,{variant:"text",size:"large",width:70}),Je.createElement(Mu,{size:4}),Je.createElement(_o,{variant:"text",size:"medium",width:50})),title:Je.createElement("div",null,Je.createElement(_o,{variant:"text",size:"large",width:90}),Je.createElement(Mu,{size:4}),Je.createElement(_o,{variant:"text",size:"medium",width:90}))})))}i(Pu,"LoadingTokenList");var $s=20,fS=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:s,customCssForTagTitle:a}=t,l=e.length;return P.createElement("div",{className:As()},o?P.createElement("div",{className:bs()},o):P.createElement(Bs,{className:Is()},P.createElement(Cr,{variant:"title",size:"xmedium"},r.symbol),P.createElement(ao,{direction:"horizontal",size:4}),P.createElement(Ls,{css:s},P.createElement(Ms,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&P.createElement("div",{className:`${Es()} ${!o&&Ws()}`},P.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," ",P.createElement(ao,{size:4,direction:"horizontal"}),P.createElement(aS,{color:"gray",size:12}))))},"renderDesc");function Ou(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=Fu(e),l=g().fetchStatus,p=g().blockchains(),[c,u]=Fu(!0),{getBalanceFor:d,loading:m}=G(),{isTokenPinned:h}=g(),T=dS((S,A)=>P.createElement("div",{...S,ref:A,style:{...S.style,height:`${parseFloat(S.style?.height)+8*2}px`}})),k=i(()=>{a(e.slice(0,s.length+$s))},"loadNextPage");Du(()=>{u(e.length>s.length)},[s.length]),Du(()=>{a(e.slice(0,$s))},[e]);let f=i(()=>!s.length&&o?P.createElement(P.Fragment,null,P.createElement(ao,{size:32}),P.createElement(cS,{title:Ps.t("No results found"),description:Ps.t("Try using different keywords")})):P.createElement(mS,{Item:({index:S,style:A})=>{let y=s[S],w=on(d(y)),C=y.address||"",v=p.find(B=>B.name===y.blockchain),b=Ln(y.symbol,v?.color||""),I={$$color:b[`${y.symbol}100`],[`.${$u} &`]:{$$color:b[`${y.symbol}900`]},backgroundColor:"$$color"},x={$$color:b[`${y.symbol}700`],[`.${$u} &`]:{$$color:b[`${y.symbol}100`]},color:"$$color"};return P.createElement("div",{style:{...A,paddingRight:5}},P.createElement(pS,{style:{height:A?.height,width:"100%",overflow:"hidden"},"tab-index":S,key:`${y.symbol}${y.address}`,id:`${y.symbol}${y.address}`,hasDivider:!0,onClick:()=>n(s[S]),start:P.createElement(Nu,null,P.createElement(lS,{src:y.image,size:30}),h(y,t.type)&&P.createElement(Bu,null,P.createElement(uS,{size:12,color:"gray"}))),title:v?.type==="COSMOS"||y.name||!y.name&&!C?P.createElement(Bs,null,P.createElement(Cr,{variant:"title",size:"xmedium"},y.symbol),P.createElement(ao,{direction:"horizontal",size:4}),P.createElement(Ls,{css:I},P.createElement(Ms,{variant:"body",size:"xsmall",css:x},y.blockchain))):void 0,description:v?.info&&C&&v.type!=="COSMOS"?fS({address:C,token:s[S],customCssForTag:I,customCssForTagTitle:x,name:y.name,url:v.info.addressUrl.split("{wallet}").join(C)}):y.name||void 0,end:m?P.createElement(Sr,null,P.createElement(_u,{variant:"text",size:"large",width:70}),P.createElement(ao,{size:4}),P.createElement(_u,{variant:"text",size:"medium",width:50})):w&&P.createElement(Wu,null,P.createElement(Lu,{variant:"title",size:"small"},w.amount),P.createElement("div",null),w.usdValue&&P.createElement(Cr,{variant:"body",className:Ns(),size:"xsmall"},`$${w.usdValue}`))}))},hasNextPage:c,itemCount:s.length,loadNextPage:k,innerElementType:T,size:60,key:`${r}-${o}`}),"renderList");return P.createElement(Eu,null,P.createElement(Cr,{variant:"label",size:"large"},Ps.t("Select Token")),P.createElement(ao,{size:4}),l==="loading"&&P.createElement(Pu,{size:$s}),l==="success"&&P.createElement(yr,{as:"ul"},f()))}i(Ou,"TokenList");function _s(t){let{type:e}=t,o=hS(),n=xt(),{fromBlockchain:r,toBlockchain:s,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:c}=j(),u=G.use.getBalanceFor(),[d,m]=gS(""),{isTokenPinned:h}=g(),k=(e==="source"?r:s)?.name??"",f=g().blockchains({type:e}),S=g().tokens({type:e,blockchain:k,searchFor:d}),y=Ta(S,u,i(b=>h(b,e),"checkIsTokenPinned")),w=i(b=>{e==="source"?p(b):c(b)},"updateBlockchain"),C=i(b=>{e==="source"?a({token:b,meta:{blockchains:f,tokens:S}}):l({token:b,meta:{blockchains:f,tokens:S}})},"updateToken"),v={source:Tr.t("Source"),destination:Tr.t("Destination")};return Ot.createElement(oe,{header:{title:Tr.t("Swap {type}",{type:v[e]})}},Ot.createElement(ie,null,Ot.createElement(xs,{blockchains:f,type:e=="source"?"from":"to",blockchain:e==="source"?r:s,onMoreClick:()=>o($.blockchains),onChange:b=>{w(b)}}),Ot.createElement(Uu,{size:24}),Ot.createElement(ft,{value:d,autoFocus:!0,placeholder:Tr.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>m(""),onChange:b=>m(b.target.value)}),Ot.createElement(Uu,{size:16}),Ot.createElement(Ou,{list:y,selectedBlockchain:k,searchedFor:d,type:e,onChange:b=>{C(b);let I=f.find(x=>b.blockchain===x.name);I&&w(I),n()}})))}i(_s,"SelectSwapItemsPage");import{i18n as Ut}from"@lingui/core";import{ChevronRightIcon as Os,Divider as Us,InfoIcon as xS,List as bS,ListItemButton as AS,Skeleton as IS,Switch as ES,Tooltip as WS,Typography as zt}from"@rango-dev/ui";import Y from"react";import{useNavigate as NS}from"react-router-dom";import{i18n as Vu}from"@lingui/core";import{Divider as TS,InfoIcon as kS,TextField as wS,Tooltip as vS,Typography as ju}from"@rango-dev/ui";import Pe from"react";import{Chip as yS,styled as Do,TextField as SS}from"@rango-dev/ui";var zu=Do("div",{paddingTop:"$5",padding:"$10 $5"}),qu=Do("div",{display:"flex",flexWrap:"wrap",gap:"$10",[`& ${SS}`]:{flex:"1 1 0",maxWidth:"127px",minWidth:"85px"}}),Gu=Do("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),kr=Do("div",{maxWidth:"280px",padding:"$10"}),Qu=Do(yS,{width:"61px",flexShrink:0});import{i18n as Ds}from"@lingui/core";import{Typography as CS}from"@rango-dev/ui";import Fo from"react";function Hu(){return Fo.createElement(kr,null,Fo.createElement(CS,{variant:"label",size:"medium",color:"neutral700"},Ds.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),Fo.createElement("br",null),Fo.createElement("br",null),Fo.createElement("b",null,Ds.t("Warning")),":",Ds.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(Hu,"SlippageTooltipContent");function Fs(){let{slippage:t,setSlippage:e,customSlippage:o,setCustomSlippage:n}=g();return Pe.createElement(zu,null,Pe.createElement(Gu,null,Pe.createElement(ju,{variant:"title",size:"xmedium"},Vu.t("Slippage tolerance per swap")),Pe.createElement(TS,{direction:"horizontal",size:4}),Pe.createElement(vS,{container:N(),side:"top",sideOffset:4,content:Pe.createElement(Hu,null)},Pe.createElement(kS,{color:"gray"}))),Pe.createElement(qu,null,$a.map((r,s)=>{let a=`slippage-${s}`;return Pe.createElement(Pe.Fragment,null,Pe.createElement(Qu,{key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}))}),Pe.createElement(wS,{type:"number",min:"0.01",max:"30",step:"0.01",fullWidth:!0,variant:"contained",value:o||"",color:"dark",onChange:r=>{let s=r.target.value,a=parseFloat(s);a>=Oa&&a<=Fa?n(a):n(null)},suffix:o&&Pe.createElement(ju,{variant:"body",size:"small"},"%"),placeholder:Vu.t("Custom")})))}i(Fs,"Slippage");function Xu(){let t=NS(),{theme:e}=g().config,o=g().fetchStatus,n=g().swappers(),r=g().disabledLiquiditySources,{config:{features:s}}=g(),a=De("theme",s),l=De("liquiditySource",s),p=De("language",s),c=g().infiniteApprove,u=g().toggleInfiniteApprove,d=ln(n,r),m=d.filter(I=>I.type==="BRIDGE"||I.type==="AGGREGATOR"),h=m.length,T=m.filter(I=>I.selected).length,k=d.filter(I=>I.type==="DEX"),f=k.length,S=k.filter(I=>I.selected).length,A=i((I,x)=>{switch(o){case"loading":return Y.createElement(IS,{variant:"text",size:"medium",width:50});case"failed":return Y.createElement(zt,{variant:"body",size:"medium",color:"$error500"},Ut.t("Loading failed"));default:return Y.createElement(zt,{variant:"body",size:"medium"},`${I} / ${x}`)}},"handleEndItem"),y={id:"bridge-item",title:Y.createElement(zt,{variant:"title",size:"xmedium"},Ut.t("Enabled bridges")),end:Y.createElement(Y.Fragment,null,A(T,h),Y.createElement(Us,{direction:"horizontal",size:8}),Y.createElement(Os,{color:"black"})),onClick:()=>t($.bridges)},w={id:"exchange-item",title:Y.createElement(zt,{variant:"title",size:"xmedium"},Ut.t("Enabled exchanges")),end:Y.createElement(Y.Fragment,null,A(S,f),Y.createElement(Us,{direction:"horizontal",size:8}),Y.createElement(Os,{color:"gray"})),onClick:()=>t($.exchanges)},C={id:"theme-item",title:Y.createElement(zt,{variant:"title",size:"xmedium"},Ut.t("Theme")),end:Y.createElement(Os,{color:"gray"}),onClick:()=>t($.themes)},v={id:"infinite-approval-item",title:Y.createElement(Y.Fragment,null,Y.createElement(zt,{variant:"title",size:"xmedium"},Ut.t("Infinite approval")),Y.createElement(Us,{direction:"horizontal",size:4}),Y.createElement(WS,{side:"top",sideOffset:4,container:N(),content:Y.createElement(kr,null,Y.createElement(zt,{variant:"label",size:"medium",color:"neutral700"},Ut.t("Enabling the 'Infinite approval' mode grants unrestricted access to smart contracts of DEXes/Bridges, allowing them to utilize the approved token amount without limitations.")))},Y.createElement(xS,{color:"gray"}))),end:Y.createElement(ES,{checked:c}),onClick:u},b=l?[]:[y,w];return!e?.singleTheme&&!a&&b.push(C),b.push(v),Y.createElement(oe,{header:{title:Ut.t("Settings")}},Y.createElement(ie,null,Y.createElement(Fs,null),Y.createElement(bS,{type:Y.createElement(AS,{title:"_",id:"_",onClick:()=>console.log()}),items:b})))}i(Xu,"SettingsPage");import{i18n as SC}from"@lingui/core";import{cancelSwap as CC}from"@rango-dev/queue-manager-rango-preset";import{useManager as TC}from"@rango-dev/queue-manager-react";import{Alert as kC}from"@rango-dev/ui";import ta from"react";import{useParams as wC}from"react-router-dom";import{i18n as St}from"@lingui/core";import{getCurrentBlockchainOfOrNull as eC,getCurrentStep as tC,getRelatedWalletOrNull as oC}from"@rango-dev/queue-manager-rango-preset";import{Button as wm,CopyIcon as nC,Divider as rC,IconButton as iC,LinkIcon as sC,QuoteCost as aC,StepDetails as lC,Typography as po,useCopyToClipboard as pC}from"@rango-dev/ui";import{useWallets as cC}from"@rango-dev/wallets-react";import vm from"bignumber.js";import{PendingSwapNetworkStatus as Br}from"rango-types";import Z,{useEffect as xm,useRef as uC,useState as bm}from"react";import{useNavigate as mC}from"react-router-dom";import{i18n as Nt}from"@lingui/core";var BS=[Nt.t("Sunday"),Nt.t("Monday"),Nt.t("Tuesday"),Nt.t("Wednesday"),Nt.t("Thursday"),Nt.t("Friday"),Nt.t("Saturday")];function Ku(t){let e=new Date(t),o=e.getDate(),n=e.toLocaleString("default",{month:"long"}),r=e.getFullYear();return`${e.getDay()===new Date().getDay()?Nt.t("Today"):`${BS[e.getDay()]} ${o} ${n} ${r}`}, ${new Date(t).toLocaleTimeString()}`}i(Ku,"timeSince");function Yu(t){return t.finishTime?Ku(parseInt(t.finishTime)):Ku(parseInt(t.creationTime))}i(Yu,"getSwapDate");import{Modal as FS}from"@rango-dev/ui";import{PendingSwapNetworkStatus as xr}from"rango-types";import br from"react";import{i18n as wr}from"@lingui/core";import{Button as Ju,Divider as zs,MessageBox as LS,Typography as Zu}from"@rango-dev/ui";import at from"react";var Ru=i(({onCancel:t,onClose:e})=>at.createElement(at.Fragment,null,at.createElement(zs,{size:20}),at.createElement(LS,{type:"error",title:wr.t("Cancel Swap"),description:wr.t("Are you sure you want to cancel this swap?")}),at.createElement(zs,{size:32}),at.createElement(Ju,{variant:"contained",type:"primary",size:"large",onClick:t},at.createElement(Zu,{variant:"title",size:"medium",color:"neutral100"},wr.t("Yes, Cancel it"))),at.createElement(zs,{size:12}),at.createElement(Ju,{variant:"outlined",type:"primary",size:"large",onClick:e},at.createElement(Zu,{variant:"title",size:"medium",color:"primary"},wr.t("No, Continue")))),"CancelContent");import{i18n as vr}from"@lingui/core";import{Button as em,Divider as qs,MessageBox as MS,Typography as tm}from"@rango-dev/ui";import lt from"react";var om=i(({onDelete:t,onClose:e})=>lt.createElement(lt.Fragment,null,lt.createElement(qs,{size:20}),lt.createElement(MS,{type:"error",title:vr.t("Delete Transaction"),description:vr.t("Are you sure you want to delete this swap?")}),lt.createElement(qs,{size:32}),lt.createElement(em,{variant:"contained",type:"primary",size:"large",onClick:t},lt.createElement(tm,{variant:"title",size:"medium",color:"neutral100"},vr.t("Yes, Delete it"))),lt.createElement(qs,{size:12}),lt.createElement(em,{variant:"outlined",type:"primary",size:"large",onClick:e},lt.createElement(tm,{variant:"title",size:"medium",color:"primary"},vr.t("No, Cancel")))),"DeleteContent");import{i18n as Gs}from"@lingui/core";import{PendingSwapNetworkStatus as Qs}from"rango-types";var Hs={[Qs.WaitingForNetworkChange]:{type:"loading",title:Gs.t("Change Network")},[Qs.WaitingForConnectingWallet]:{type:"warning",title:Gs.t("Connect Wallet")},[Qs.NetworkChanged]:{type:"success",title:Gs.t("Network Changed")}};import{MessageBox as $S,Wallet as _S}from"@rango-dev/ui";import{useWallets as DS}from"@rango-dev/wallets-react";import Oo from"react";import{styled as PS}from"@rango-dev/ui";var nm=PS("div",{display:"flex",justifyContent:"center"});var rm=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:s,walletButtonDisabled:a}=t,{connect:l,getWalletInfo:p,state:c}=DS(),u=n?.walletType,d=u?Or(c(u)):null,m=u?p(u):null;return Oo.createElement(Oo.Fragment,null,Oo.createElement($S,{type:e,title:o,description:r}),s&&!!u&&!!d&&!!m&&Oo.createElement(nm,null,Oo.createElement(_S,{container:N(),title:m.name,image:m.img,type:u,state:d,link:m.installLink,disabled:a,onClick:async()=>l(u)})))},"WalletStateContent");function Vs(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:s,message:a,walletButtonDisabled:l}=t,p=e===xr.WaitingForNetworkChange||e===xr.WaitingForConnectingWallet||e===xr.NetworkChanged;return br.createElement(FS,{open:!!e,onClose:o,container:document.getElementById(Ee)||document.body},p&&br.createElement(rm,{type:Hs[e].type,title:Hs[e].title,currentStepWallet:s,message:a,walletButtonDisabled:l,showWalletButton:e!==xr.WaitingForNetworkChange}),e==="delete"&&br.createElement(om,{onClose:o,onDelete:n}),e==="cancel"&&br.createElement(Ru,{onClose:o,onCancel:r}))}i(Vs,"SwapDetailsModal");import{i18n as Uo}from"@lingui/core";import{Button as js,Divider as Ar,MessageBox as im,Modal as OS,TokenAmount as US,Typography as Ir}from"@rango-dev/ui";import Te from"react";import{useNavigate as zS}from"react-router-dom";function Xs(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:s,realUsdValue:a,realValue:l,token:p,chain:c,percentageChange:u,description:d,diagnosisUrl:m}=t,h=zS();return Te.createElement(OS,{open:e,onClose:o,container:document.getElementById(Ee)||document.body},n==="success"?Te.createElement(im,{type:"success",title:Uo.t("Swap Successful")},Te.createElement(US,{direction:"vertical",tooltipContainer:N(),type:"output",centerAlign:!0,price:{value:r,usdValue:s,realUsdValue:a,realValue:l},token:p,chain:c,percentageChange:u}),Te.createElement(Ar,{size:12}),Te.createElement(Ir,{variant:"body",size:"medium",color:"neutral700",align:"center"},d)):Te.createElement(im,{type:"error",title:Uo.t("Transaction Failed"),description:d}),Te.createElement(Ar,{size:32}),n==="success"&&Te.createElement(js,{variant:"contained",type:"primary",size:"large",onClick:()=>{h("../../")}},Te.createElement(Ir,{variant:"title",size:"medium",color:"neutral100"},Uo.t("Done"))),Te.createElement(Ar,{size:12}),m&&Te.createElement(Te.Fragment,null,Te.createElement(js,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(m,"_blank")},Te.createElement(Ir,{variant:"title",size:"medium",color:"primary"},Uo.t("Diagnosis"))),Te.createElement(Ar,{size:12})),Te.createElement(js,{variant:"outlined",type:"primary",size:"large",onClick:o},Te.createElement(Ir,{variant:"title",size:"medium",color:"primary"},Uo.t("See Details"))))}i(Xs,"SwapDetailsCompleteModal");import ZS from"react";import{i18n as XS}from"@lingui/core";import{Alert as um,IconButton as KS,LinkIcon as YS}from"@rango-dev/ui";import Bt,{Fragment as JS}from"react";import{Alert as qS,ChevronDownIcon as GS,ChevronUpIcon as QS,IconButton as HS}from"@rango-dev/ui";import Er,{useState as VS}from"react";function sm(t){let{message:e}=t,[o,n]=VS(!1);return Er.createElement(qS,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Er.createElement(HS,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Er.createElement(QS,{size:12,color:"gray"}):Er.createElement(GS,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(sm,"FailedAlert");import{styled as jS}from"@rango-dev/ui";var am=jS("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as lm}from"@lingui/core";import{Alert as Ks,Button as pm}from"@rango-dev/ui";import{PendingSwapNetworkStatus as Ys}from"rango-types";import zo from"react";function cm(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?zo.createElement(Ks,{type:"warning",title:n.shortMessage,action:zo.createElement(pm,{size:"xxsmall",type:"warning",onClick:()=>{o(Ys.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},lm.t("Change"))}):r===Ys.WaitingForConnectingWallet?zo.createElement(Ks,{type:"warning",title:n.shortMessage,action:zo.createElement(pm,{size:"xxsmall",type:"warning",onClick:()=>{o(Ys.WaitingForConnectingWallet)}},lm.t("Connect"))}):zo.createElement(Ks,{type:"warning",title:n.shortMessage})}i(cm,"WarningAlert");function Js(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:s,hasAlreadyProceededToSign:a}=t,l=ho(s),p=s.status==="waitingForApproval"&&!l,c=s.status==="running"&&!l,u=c&&!a||p&&!s.explorerUrl?.length;return Bt.createElement(am,null,s.explorerUrl?.map((d,m,h)=>{let T=m+d.url,k=m===h.length-1,f=(k&&c||p)&&!u,S=k&&s.status==="failed";return Bt.createElement(JS,{key:T},Bt.createElement(um,{type:k&&(f&&"loading"||S&&"error")||"success",title:d.description?`${d.description} Tx`:XS.t("View transaction"),action:d.url&&Bt.createElement(KS,{variant:"ghost",size:"xsmall",onClick:()=>window.open(d.url,"_blank")},Bt.createElement(YS,{size:12}))}))}),u&&Bt.createElement(um,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&l&&Bt.createElement(cm,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&Bt.createElement(sm,{message:r}))}i(Js,"SwapDetailsAlerts");var mm=2e3;var dm=i(({swap:t,blockchains:e,swappers:o,...n})=>{let r=t.hasAlreadyProceededToSign!==!1;return t.steps.map((s,a)=>{let l=a===0?t.inputAmount:t.steps[a-1].outputAmount||t.steps[a-1].expectedOutputAmountHumanReadable;return{from:{token:{displayName:s.fromSymbol,image:s.fromLogo??""},chain:{displayName:Fe(s.fromBlockchain,e)??"",image:s.fromBlockchainLogo??""},price:{value:E(l,6,6),realValue:l}},to:{token:{displayName:s.toSymbol,image:s.toLogo},chain:{displayName:Fe(s.toBlockchain,e)??"",image:s.toBlockchainLogo??""},price:{value:E(s.outputAmount||s.expectedOutputAmountHumanReadable,6,6),realValue:s.outputAmount||s.expectedOutputAmountHumanReadable}},swapper:{displayName:go(s.swapperId,o),image:s.swapperLogo??"",type:s.swapperType},internalSwaps:s.internalSwaps?s.internalSwaps.map(p=>({from:{blockchain:Fe(p.fromBlockchain,e)??""},to:{blockchain:Fe(p.toBlockchain,e)??""},swapper:{displayName:go(p.swapperId,o),image:p.swapperLogo??"",type:p.swapperType}})):[],alerts:ZS.createElement(Js,{step:s,hasAlreadyProceededToSign:r,...n})}})},"getSteps");function fm(t){if(ho(t)&&t.status!=="failed"&&t.status!=="success")return"warning";switch(t.status){case"created":return"default";case"approved":case"waitingForApproval":case"running":return"in-progress";case"failed":return"error";case"success":return"completed"}}i(fm,"getStepState");import{css as qo,darkTheme as RS,styled as qt}from"@rango-dev/ui";var gm=qt("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),Wr=qt("div",{width:"100%"}),hm=qt(Co,{padding:"$0 $20 $20 $20"}),lD=qt("div",{display:"flex",flexDirection:"column",gap:"$10"}),ym=qt("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),pD=qt("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1}),lo=qo({display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${RS} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"}),Sm=qo({padding:"$5 0"}),Nr=qo({display:"flex",justifyContent:"center",alignItems:"center",height:"$24"}),Cm=qo({display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"}),Tm=qo({width:"100%",padding:"0 $20 $10"}),km=qt("a",{fontSize:"$16",fontWeight:"$400",color:"$neutral700",display:"flex",alignItems:"center",justifyContent:"center"});function Zs(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:s,connect:a,getWalletInfo:l}=cC(),p=g().blockchains(),c=g().swappers(),u=g().tokens(),d=j.use.retry(),m=ce.use.isActiveTab(),h=mC(),[T,k]=pC(mm),f=uC(null),[S,A]=bm(null),[y,w]=bm(null),C=i(()=>{r(),A(null)},"onCancel"),v=Le.use.getUnreadNotifications(),b=Le.use.setAsRead(),I=v(),x=tC(e),B=x?.networkStatus;xm(()=>{I.find(Ct=>Ct.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(w(e.status),b(e.requestId))},[e.status]),xm(()=>{Se?A(Br.WaitingForNetworkChange):B===Br.WaitingForConnectingWallet||B===Br.NetworkChanged?A(B):A(null)},[B]);let Q=cl(e),X=x?eC(e,x):null,W=x?oC(e,x):null,R=Yu(e),J=ul(e),ne=i(Be=>!!l(Be)?.mobileWallet,"isMobileWallet"),Se=B===Br.WaitingForNetworkChange&&!!X&&!!W?.walletType&&(ne(W.walletType)||s(W.walletType,X)),z=Se?a.bind(null,W.walletType,X):void 0,$e=pl(e,x),K=dm({swap:e,switchNetwork:z,showNetworkModal:B,setNetworkModal:A,message:$e,blockchains:p,swappers:c}),F=K.length,[ke,pt]=[e.steps[0],e.steps[F-1]],Ie=pt.outputAmount||pt.expectedOutputAmountHumanReadable,ct=e.steps.reduce((Be,Ct)=>Be+parseFloat(Ct.feeInUsd||""),0),_=e.steps.find(Be=>Be.diagnosisUrl)?.diagnosisUrl,H=E(parseFloat(E(Ie,6,6))*(pt.toUsdPrice||0),4,4),q=E(parseFloat(e.inputAmount)*(ke.fromUsdPrice||0),4,4),pe=Ie?ae(new vm(Ie).multipliedBy(pt.toUsdPrice||0)):"",ut=ae(new vm(e.inputAmount).multipliedBy(ke.fromUsdPrice||0)),Qe=Oe(q,H),Dr=e.status==="success"?St.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:E(Ie,6,6),token:K[F-1].to.token.displayName,conciseAddress:nn(e.wallets[K[F-1].to.chain.displayName]?.address||""),chain:K[F-1].to.chain.displayName}}):`${St.t("Transaction was not sent.")} ${Q?St.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:Q.outputAmount,symbol:Q.symbol,blockchain:Q.blockchain}}):""}`;return Z.createElement(oe,{header:{title:St.t("Swap and Bridge"),onCancel:e.status==="running"?()=>A("cancel"):void 0,suffix:e.status!=="running"&&Z.createElement(Jt,null,Z.createElement(wm,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>A("delete")},Z.createElement(po,{size:"medium",variant:"label",color:"error"},St.t("Delete"))))},footer:J&&!y&&Z.createElement(wm,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{d(e,{blockchains:p,tokens:u}),setTimeout(()=>{h("../../")},0)}},St.t("Try again"))},Z.createElement(ie,{compact:!0,view:!0},Z.createElement(Wr,null,Z.createElement("div",{className:lo()},Z.createElement(po,{variant:"label",size:"large",color:"neutral700"},`${St.t("Request ID")}:`),Z.createElement("div",{className:Nr()},Z.createElement(po,{variant:"label",size:"small",color:"neutral700"},o),Z.createElement(iC,{variant:"ghost",onClick:k.bind(null,o||"")},Z.createElement(nC,{size:16,color:"gray"})),Z.createElement(km,{target:"_blank",href:`${pa}/swap/${o}`},Z.createElement(sC,{size:16})))),Z.createElement("div",{className:lo()},Z.createElement(po,{variant:"label",size:"large",color:"neutral700"},`${St.t(e.finishTime?"Finished at":"Created at")}:`),Z.createElement(po,{variant:"label",size:"small",color:"neutral700"},R))),Z.createElement("div",{className:Cm()},Z.createElement(aC,{fee:E(String(ct),2,2),time:Ko(Yo(e.steps)),steps:F}),Z.createElement(Ao,{from:{price:{value:E(e.inputAmount,6,6),usdValue:q,realUsdValue:ut,realValue:e.inputAmount},token:{displayName:K[0].from.token.displayName,image:K[0].from.token.image},chain:{image:K[0].from.chain.image,displayName:K[0].from.chain.displayName}},to:{price:{value:E(Ie,6,6),usdValue:H,realUsdValue:pe,realValue:Ie},token:{displayName:K[F-1].to.token.displayName,image:K[F-1].to.token.image},chain:{image:K[F-1].to.chain.image,displayName:K[F-1].to.chain.displayName}},percentageChange:E(Qe,2,2),warningLevel:mt(Qe??0)})),Z.createElement("div",{className:Tm()},Z.createElement(po,{variant:"title",size:"small"},St.t("Swaps steps"))),Z.createElement(rC,{size:8}),Z.createElement(hm,{ref:f},K.map((Be,Ct)=>{let aa=Ct,co=fm(e.steps[Ct]),Hm=co==="error"||co==="in-progress"||co==="warning"||co==="completed"&&Ct===K.length-1;return Z.createElement(lC,{key:aa,step:Be,type:"swap-progress",ref:f,state:co,hasSeparator:Ct!==0,tabIndex:aa,isFocused:Hm,tooltipContainer:N()})}))),Z.createElement(Vs,{state:S,onClose:()=>A(null),onCancel:C,onDelete:n,message:$e.detailedMessage.content,currentStepWallet:W,walletButtonDisabled:!m}),Z.createElement(Xs,{open:!!y,diagnosisUrl:_,onClose:()=>w(null),status:e.status==="success"?"success":"failed",priceValue:E(Ie,6,6),usdValue:H,realUsdValue:pe,realValue:ae(Ie),percentageChange:E(Qe,2,2),token:{displayName:K[F-1].to.token.displayName,image:K[F-1].to.token.image},chain:{image:K[F-1].to.chain.image},description:Dr}))}i(Zs,"SwapDetails");import{i18n as Mr}from"@lingui/core";import{Divider as Em,NotFound as yC,Skeleton as Qo,Typography as Pr}from"@rango-dev/ui";import ue from"react";import{i18n as dC}from"@lingui/core";import{Divider as fC,Skeleton as gC,Typography as hC}from"@rango-dev/ui";import de from"react";import{css as Ze,styled as Rs}from"@rango-dev/ui";var Am=Rs("div",{width:"100%",height:"100%",padding:"$10 $20"}),Go=Rs("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15"}),Lr=Rs("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"}),qD=Ze({display:"flex",justifyContent:"space-between",alignItems:"center"}),GD=Ze({display:"flex",justifyContent:"space-between",alignItems:"center"}),QD=Ze({paddingTop:"$15",display:"flex"}),HD=Ze({padding:"$15 $0"}),VD=Ze({width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"}),jD=Ze({paddingBottom:"$10"}),XD=Ze({display:"flex",justifyContent:"start",alignItems:"center"}),KD=Ze({paddingTop:"$5",display:"flex",alignItems:"center"}),YD=Ze({display:"flex",alignItems:"center"}),JD=Ze({padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"}),Im=Ze({display:"flex",paddingTop:"$10",paddingBottom:"$5"});function ea(){return de.createElement(Am,null,de.createElement(Wo,{type:"swap-preview"}),de.createElement("div",{className:"swaps-steps"},de.createElement(hC,{variant:"title",size:"small"},dC.t("Swaps steps"))),de.createElement(de.Fragment,null,de.createElement(Go,null,de.createElement(st,{separator:!1}),de.createElement("div",{className:Im()},de.createElement(fC,{direction:"horizontal",size:20}),de.createElement(gC,{height:22,variant:"rectangular"}))),de.createElement(Lr,null),de.createElement(Go,null,de.createElement(st,{separator:!1})),de.createElement(Lr,null),de.createElement(Go,null,de.createElement(st,{separator:!1})),de.createElement(Lr,null),de.createElement(Go,null,de.createElement(st,{separator:!1}))))}i(ea,"LoadingSwapDetails");function Wm(t){let{requestId:e,showSkeleton:o}=t;return ue.createElement(oe,{header:{title:Mr.t("Swap and Bridge"),suffix:ue.createElement(Jt,null)}},o&&ue.createElement(gm,null,ue.createElement(Wr,null,ue.createElement("div",{className:lo()},ue.createElement(Pr,{variant:"label",size:"large",color:"neutral700"},`${Mr.t("Request ID")}:`),ue.createElement("div",{className:Nr()},ue.createElement(Pr,{variant:"label",size:"small",color:"neutral700"},ue.createElement(Qo,{width:60,height:10,variant:"rounded"})),ue.createElement(Em,{direction:"horizontal",size:4}),ue.createElement(Qo,{width:16,height:16,variant:"rectangular"}),ue.createElement(Em,{direction:"horizontal",size:4}),ue.createElement(Qo,{width:16,height:16,variant:"rectangular"}))),ue.createElement("div",{className:lo()},ue.createElement(Pr,{className:Sm(),variant:"label",size:"large",color:"neutral700"},ue.createElement(Qo,{width:60,height:10,variant:"rounded"})),ue.createElement(Pr,{variant:"label",size:"small",color:"neutral700"},ue.createElement(Qo,{width:60,height:10,variant:"rounded"})))),ue.createElement(ea,null)),!o&&ue.createElement(ym,null,ue.createElement(yC,{title:Mr.t("Not found"),description:Mr.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}i(Wm,"SwapDetailsPlaceholder");function Nm(){let{manager:t,state:e}=TC(),o=!e.loadedFromPersistor,n=bt(t),{requestId:r}=wC(),s=xt(),{fetchStatus:a}=g();if(!r)return ta.createElement(kC,{containerStyles:{margin:"20px"},type:"error",title:SC.t("The request ID is necessary to display the swap details.")});let l=o||a==="loading",p=r?n.find(({swap:m})=>m.requestId===r):void 0,c=i(()=>{if(p?.id){let m=t?.get(p.id);m&&CC(m)}},"onCancel"),u=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(Wm,{requestId:r,showSkeleton:l}):ta.createElement(Zs,{swap:d,requestId:r,onCancel:c,onDelete:u})}i(Nm,"SwapDetailsPage");import{i18n as Ho}from"@lingui/core";import{AutoThemeIcon as vC,DarkModeIcon as xC,LightModeIcon as bC,List as AC,ListItemButton as IC,Radio as oa,RadioRoot as EC,Typography as na}from"@rango-dev/ui";import We from"react";function Bm(){let{setTheme:t,theme:e}=g(),o=[{id:"light",value:"light",title:We.createElement(na,{variant:"title",size:"xmedium"},Ho.t("Light")),onClick:()=>t("light"),start:We.createElement(bC,{color:"gray"}),end:We.createElement(oa,{value:"light"})},{id:"dark",value:"dark",title:We.createElement(na,{variant:"title",size:"xmedium"},Ho.t("Dark")),onClick:()=>t("dark"),start:We.createElement(xC,{color:"gray"}),end:We.createElement(oa,{value:"dark"})},{id:"auto",value:"auto",title:We.createElement(na,{variant:"title",size:"xmedium"},Ho.t("Auto")),onClick:()=>t("auto"),start:We.createElement(vC,{color:"gray"}),end:We.createElement(oa,{value:"auto"})}];return We.createElement(oe,{header:{title:Ho.t("Theme")}},We.createElement(ie,null,We.createElement(EC,{onValueChange:n=>t(n),value:e},We.createElement(AC,{type:We.createElement(IC,{title:Ho.t("Theme"),id:"_",onClick:()=>console.log()}),items:o}))))}i(Bm,"ThemePage");function Lm(){return Cl(),ai(),WC([{path:$.home,element:Ne.createElement(su,null)},{path:$.fromSwap,children:[{index:!0,element:Ne.createElement(_s,{type:"source"})},{path:$.blockchains,element:Ne.createElement(Cs,{type:"source"})}]},{path:$.toSwap,children:[{index:!0,element:Ne.createElement(_s,{type:"destination"})},{path:$.blockchains,element:Ne.createElement(Cs,{type:"destination"})}]},{path:$.settings,children:[{index:!0,element:Ne.createElement(Xu,null)},{path:$.themes,element:Ne.createElement(Bm,null)},{path:$.languages,element:Ne.createElement(lu,null)},{path:$.exchanges,element:Ne.createElement(gs,{sourceType:"Exchanges"})},{path:$.bridges,element:Ne.createElement(gs,{sourceType:"Bridges"})}]},{path:$.swaps,children:[{index:!0,element:Ne.createElement(Rc,null)},{path:$.swapDetails,element:Ne.createElement(Nm,null)}]},{path:$.wallets,element:Ne.createElement(hp,null)},{path:$.confirmSwap,element:Ne.createElement(Qc,null)}])}i(Lm,"AppRoutes");import{isApprovalTX as NC,MainEvents as Mm,RouteEventType as Pm,StepEventType as $m,StepExecutionEventStatus as BC,useEvents as LC}from"@rango-dev/queue-manager-rango-preset";import{useEffect as _m}from"react";function Dm(){let t=g().tokens(),e=G.use.connectedWallets(),o=G.use.getWalletsDetails(),n=Le.use.setNotification(),r=LC();return _m(()=>(r.on(Mm.StepEvent,s=>{let{event:a,step:l,route:p}=s;if(a.type===$m.TX_EXECUTION&&a.status===BC.TX_SENT&&!NC(l)||a.type===$m.SUCCEEDED){let u=e.find(m=>m.chain===l?.fromBlockchain),d=l?.fromBlockchain!==l?.toBlockchain&&e.find(m=>m.chain===l?.toBlockchain);u&&o([u],t),d&&o([d],t)}n(a,p)}),()=>r.all.clear()),[r,e.length]),_m(()=>(r.on(Mm.RouteEvent,s=>{let{event:a,route:l}=s;(a.type===Pm.FAILED||a.type===Pm.SUCCEEDED)&&n(a,l)}),()=>r.all.clear()),[r,e.length]),null}i(Dm,"WidgetEvents");import{globalCss as MC}from"@rango-dev/ui";var Fm=i(()=>MC({"@import":["url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap')","url('https://fonts.cdnfonts.com/css/times-new-roman')"]})(),"globalFont");import{styled as PC}from"@rango-dev/ui";var Om=PC("div",{display:"flex",justifyContent:"center",alignItems:"center",fontFamily:"$widget",boxSizing:"border-box",textAlign:"left","& *, *::before, *::after":{boxSizing:"inherit"},"& *:focus-visible":{outlineColor:"$info500",transition:"none"},"& ul, ol, li":{listStyleType:"none"}});function $r(){Fm();let{config:t}=g(),{activeTheme:e}=Mn(t?.theme||{}),{activeLanguage:o}=io(),[n,r]=Um(""),[s,a]=Um(),l=_C(mn);return DC(()=>{Le.persist.rehydrate(),l.onConnectWallet(r)},[]),Vo.createElement($C,{language:o},Vo.createElement(Om,{id:"swap-container",className:e()},Vo.createElement(Dm,null),Vo.createElement(Ka,{lastConnectedWallet:n,disconnectedWallet:s,clearDisconnectedWallet:()=>{a(void 0)}},Vo.createElement(Lm,null))))}i($r,"Main");import ia,{useMemo as tT}from"react";import{checkWaitingForNetworkChange as FC,makeQueueDefinition as OC}from"@rango-dev/queue-manager-rango-preset";import{Provider as UC}from"@rango-dev/queue-manager-react";import{useWallets as zC}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as qC}from"@rango-dev/wallets-shared";import{isEvmBlockchain as GC}from"rango-types";import QC,{useMemo as HC}from"react";function VC(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=zC(),l=HC(()=>OC({API_KEY:t.apiKey||Gt("API_KEY"),BASE_URL:Gt("BASE_URL")}),[t.apiKey]),p=g().blockchains(),u={blockchains:G.use.connectedWallets().map(y=>({accounts:[y],name:y.chain}))},d=i(async(y,w)=>{if(s(y,w))return r(y,w)},"switchNetwork"),m=i(y=>!!a(y).mobileWallet,"isMobileWallet"),h=p.filter(y=>y.enabled).reduce((y,w)=>(y[w.name]=w,y),{}),T=p.filter(GC),k=i(y=>{let{supportedChains:w}=a(y);return Ro(w)},"getSupportedChainNames"),f=e(),S={meta:{blockchains:h,evmBasedChains:T,evmNetworkChainInfo:qC(T),getSupportedChainNames:k},getSigners:o,wallets:u,providers:f,switchNetwork:d,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:m},A=ce.use.isActiveTab();return QC.createElement(UC,{queuesDefs:[l],context:S,onPersistedDataLoaded:y=>{FC(y)},isPaused:!A},t.children)}i(VC,"QueueManager");var zm=VC;import{useManager as JC}from"@rango-dev/queue-manager-react";import ZC,{createContext as RC,useContext as eT}from"react";import{cancelSwap as jC,getCurrentBlockchainOfOrNull as XC,getCurrentStep as KC,getRelatedWalletOrNull as YC}from"@rango-dev/queue-manager-rango-preset";var jo=class{constructor(e,o){this.manager=e,this.actions=o}getAllSwaps(){return bt(this.manager)}getCurrentStep(e){return this.getCurrentStepInfo(e).step}getCurrentStepWallet(e){return this.getCurrentStepInfo(e).wallet}getCurrentStepNetwork(e){return this.getCurrentStepInfo(e).network}retry(e,o){return this.actions.retrySwap(e,o)}cancel(e){let o=this.manager?.get(e);o&&jC(o)}getCurrentStepInfo(e){let o=KC(e);return{step:o,wallet:o?YC(e,o):null,network:o?XC(e,o):null}}};i(jo,"WidgetHistory");var qm=RC(void 0);function ra(t){let{manager:e}=JC(),o=ce.use.isActiveTab(),n=j.use.retry(),r=new jo(e,{retrySwap:n}),s=G.use.connectedWallets(),a=G.use.loading(),l=Ca(s),p=G.use.getWalletsDetails(),c=g().blockchains(),u=g().tokens(),d=g().swappers(),m=g().fetchStatus,h=io().resetLanguage,T=Le().getUnreadNotifications(),k={isActiveTab:o,setCurrentTabAsActive:cn,history:r,wallets:{isLoading:a,details:s,totalBalance:l,refetch:p},meta:{blockchains:c,tokens:u,swappers:d,loadingStatus:m},resetLanguage:h,notifications:{list:T}};return ZC.createElement(qm.Provider,{value:k},t.children)}i(ra,"WidgetInfo");function Gm(){let t=eT(qm);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}i(Gm,"useWidget");function _r(t){let{onUpdateState:e,config:o}=t;return tT(()=>{xa({API_KEY:o?.apiKey||Xo,BASE_URL:o?.apiUrl||la})},[o.apiKey,o.apiUrl]),ia.createElement(dn,{config:o,onUpdateState:e},ia.createElement(zm,{apiKey:o.apiKey},ia.createElement(ra,null,t.children)))}i(_r,"WidgetProvider");function Qm(t){return oT(()=>ja,[]),t.config?.externalWallets?sa.createElement($r,null):sa.createElement(_r,{config:t.config??Qr},sa.createElement($r,null))}i(Qm,"Widget");export{AO as EventSeverity,IO as MainEvents,DO as Networks,UO as PendingSwapNetworkStatus,EO as RouteEventType,WO as StepEventType,NO as StepExecutionBlockedEventStatus,BO as StepExecutionEventStatus,$O as WalletEvents,FO as WalletTypes,Qm as Widget,_r as WidgetProvider,dn as WidgetWallets,mi as customizedThemeTokens,PO as readAccountAddress,xp as useWallets,Gm as useWidget,LO as useWidgetEvents};
+var Zm=Object.defineProperty;var i=(t,e)=>Zm(t,"name",{value:e,configurable:!0});import{EventSeverity as kO,MainEvents as wO,RouteEventType as vO,StepEventType as xO,StepExecutionBlockedEventStatus as bO,StepExecutionEventStatus as AO,useEvents as IO}from"@rango-dev/queue-manager-rango-preset";import{readAccountAddress as WO,useWallets as Ip,Events as LO}from"@rango-dev/wallets-react";import{Networks as BO,WalletTypes as MO}from"@rango-dev/wallets-shared";import{PendingSwapNetworkStatus as $O}from"rango-types";import{UI_ID as Rm}from"@rango-dev/ui";var Ko="c6381a79-2817-4602-83bf-6a641a409e32",pa="https://api.rango.exchange",ca="https://scan.rango.exchange",Ae={SWAP_BOX_ID:"rango-swap-box",...Rm};import{Events as jr,Provider as Nd}from"@rango-dev/wallets-react";import{isEvmBlockchain as Bd}from"rango-sdk";import mn,{createContext as Md,useEffect as Xr,useRef as Pd,useState as $d}from"react";import{useEffect as hd}from"react";import{create as dd}from"zustand";import{subscribeWithSelector as fd}from"zustand/middleware";import{RangoClient as ud}from"rango-sdk";import{WalletState as ot}from"@rango-dev/ui";import{readAccountAddress as od}from"@rango-dev/wallets-react";import{detectInstallLink as nd,getCosmosExperimentalChainInfo as rd,isEvmAddress as id,KEPLR_COMPATIBLE_WALLETS as LT,Networks as fa}from"@rango-dev/wallets-shared";import Fr from"bignumber.js";import{isCosmosBlockchain as sd}from"rango-types";import ed from"bignumber.js";var Ie=new ed(0);import{WalletTypes as td}from"@rango-dev/wallets-shared";var ua=[td.LEAP];import{BigNumber as da}from"bignumber.js";var Yo=i(t=>{let e=(t%60).toString().padStart(2,"0");return`${parseInt((t/60).toString()).toString().padStart(2,"0")}:${e}`},"secondsToString"),I=i((t,e=null,o=null)=>{if(t==null||t==="")return"";let n=new da(t),r=1,s=1e3;for(let a=0;a<60;a++)if(new da(n.toFixed(a,r)).eq(n)){s=a;break}if(n.gte(1e4))return n.toFormat(0,r);if(n.gte(1e3)||n.gte(100))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,1))),r);if(n.gte(1))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,2))),r);if(n.gte(.01))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,4))),r);for(let a=e||4;a<17;a++)if(n.gte(Math.pow(10,-a)))return n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,a))),r);return n.isEqualTo(0)?"0":n.toFormat(Math.min(s,Math.min(o||100,Math.max(e||0,8))),r)},"numberToString");var Jo=i(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var tt=i((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),mo=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function le(t){return I(t,12,12).replace(/(?:\.0*|(\.\d+?)0*)$/,"$1")}i(le,"formatTooltipNumbers");function Ur(t){switch(!0){case t.connected:return ot.CONNECTED;case t.connecting:return ot.CONNECTING;case!t.installed:return ot.NOT_INSTALLED;default:return ot.DISCONNECTED}}i(Ur,"mapStatusToWalletState");function ga(t,e,o,n){return o.filter(r=>!ua.includes(r)).filter(r=>{let{supportedChains:s,isContractWallet:a}=e(r),{installed:l,network:p}=t(r);return a&&(!l||!!n&&p!==n)?!1:n?!!s.find(u=>u.name===n):!0}).map(r=>{let{name:s,img:a,installLink:l}=e(r),p=Ur(t(r));return{title:s,image:a,link:nd(l),state:p,type:r}})}i(ga,"mapWalletTypesToWalletInfo");function en(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(en,"walletAndSupportedChainsNames");function ha(t,e,o,n,r){let s=[];function a(p,c){if(!!!s.find(g=>g.chain===p)){let g={address:c,chain:p,walletType:t};s.push(g)}}i(a,"addAccount");let l=n||[];return e.forEach(p=>{let{address:c,network:u}=od(p),g=l.length>0,m=l.includes(u),f=u===fa.Unknown;if(g&&!m&&!f)return;let y=u===fa.Unknown&&id(c);if(f&&!y)return;o.includes(u)||y?r?a(u,c.toLowerCase()):l.filter(w=>o.includes(w)).forEach(w=>{a(w,c.toLowerCase())}):a(u,c)}),s}i(ha,"prepareAccountsForWalletStore");function ya(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain;e.includes(n)||e.push(n),e.includes(r)||e.push(r),o.internalSwaps&&Array.isArray(o.internalSwaps)&&o.internalSwaps.forEach(s=>{let a=s.from.blockchain,l=s.to.blockchain;e.includes(a)||e.push(a),e.includes(l)||e.push(l)})}),e}i(ya,"getRequiredChains");function tn(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(tn,"isAccountAndWalletMatched");function Sa(t,e){let{blockChain:o,balances:n=[]}=t;return n?.map(r=>({chain:o,symbol:r.asset.symbol,ticker:r.asset.symbol,address:r.asset.address||null,rawAmount:r.amount.amount,decimal:r.amount.decimals,amount:new Fr(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:ld(o,r.asset.symbol,r.asset.address,e)||null}))||[]}i(Sa,"makeBalanceFor");function Ca(t){return{...t,loading:!1,error:!0}}i(Ca,"resetConnectedWalletState");var Ta=i(t=>{let e=new Set,n=t?.reduce((s,a)=>s.findIndex(l=>l.address===a.address&&l.chain===a.chain)===-1?[...s,a]:s,[])?.map(s=>{let a={name:s.chain,accounts:[]};return e.has(s.address)||e.add(s.address),e.forEach(l=>{s.address===l&&a.accounts.push(s)}),a}),r=I(n?.flatMap(s=>s.accounts)?.flatMap(s=>s?.balances)?.map(s=>new Fr(s?.amount||Ie).multipliedBy(s?.usdPrice||0))?.reduce((s,a)=>s.plus(a),Ie)||Ie).toString();return ad(r)},"calculateWalletUsdValue");function ad(t){let e=t.toString().split(".");return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),e.join(".")}i(ad,"numberWithThousandSeparator");var ld=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice"),on=i((t,e)=>{let o=rd(Object.entries(t).map(([,n])=>n).filter(sd));return o&&o[e]?.experimental},"isExperimentalChain");function nn(t){return t?{...t,amount:I(t.amount,8,8),usdValue:I(t.usdValue,4,4)}:null}i(nn,"formatBalance");function pd(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(pd,"sortTokensByBalance");function cd(t,e,o){let n=o(t),r=o(e);return n===r?0:n?-1:1}i(cd,"sortTokensByPinnedToken");function ka(t,e,o){return t.sort((n,r)=>{let s=e(n),a=e(r),l=cd(n,r,o);return l!==0?l:pd(s,a)}),t}i(ka,"sortTokens");function Ee(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(Ee,"areTokensEqual");function wa(t){return t.sort((e,o)=>+(o.state===ot.CONNECTED)-+(e.state===ot.CONNECTED)||+(o.state===ot.DISCONNECTED||o.state===ot.CONNECTING)-+(e.state===ot.DISCONNECTED||e.state===ot.CONNECTING))}i(wa,"sortWalletsBasedOnConnectionState");function rn(t,e=8,o=3){if(t.length<2*e+o)return t;let n=t.slice(0,e),r=t.slice(-e);return`${n}${".".repeat(o)}${r}`}i(rn,"getConciseAddress");function va({chain:t,connectedWallets:e,walletType:o}){return e.find(n=>n.walletType===o&&n.chain===t)?.address}i(va,"getAddress");function Or(t){return`${t.blockchain}-${t.symbol}-${t.address??""}`}i(Or,"createTokenHash");function sn(t){return t.flatMap(e=>e.balances).reduce((e,o)=>{let n={amount:o?.amount??"",decimals:o?.decimal??0,usdValue:o?.usdPrice?new Fr(o?.usdPrice??Ie).multipliedBy(o?.amount).toString():""},r=o?Or({symbol:o.symbol,blockchain:o.chain,address:o.address}):null,s=r?e[r]:null;return r&&(!s||s&&s.amount<n.amount)&&(e[r]=n),e},{})}i(sn,"makeTokensBalance");var xa=i((t,e)=>!!t.find(o=>o.chain===e&&o.loading),"isFetchingBalance");function ba(t){return t.map(e=>e.state).join("-")}i(ba,"hashWalletsState");var zr={API_KEY:Ko};function dt(t){return zr[t]||""}i(dt,"getConfig");function Aa(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),zr=e,zr}i(Aa,"initConfig");var Ia=20,Ea=25,Wa="Roboto",qr="theme-widget",fo=i((t,e)=>{let o=!1;if(e&&t){if(Array.isArray(e))o=!e.some(n=>Ee(n,t));else if(!Array.isArray(e)&&e[t.blockchain]){o=e[t.blockchain].tokens.some(r=>Ee(r,t));let n=e[t.blockchain].isExcluded;return!n&&!o||n&&o}}return o},"isTokenExcludedInConfig"),Gr=i((t,e)=>t&&e&&!e.includes(t.name),"isBlockchainExcludedInConfig");var an,Qt=i(()=>an||(an=new ud(dt("API_KEY"),dt("BASE_URL")),an),"httpService");var md=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=md;var Q=wt(dd()(fd((t,e)=>({connectedWallets:[],balances:{},customDestination:"",loading:!1,connectWallet:(o,n)=>{let r=e().getWalletsDetails;t(s=>({loading:!0,connectedWallets:s.connectedWallets.filter(a=>a.walletType!==o[0].walletType).concat(o.map(a=>{let l=!s.connectedWallets.find(p=>p.chain===a.chain&&p.selected);return{balances:[],address:a.address,chain:a.chain,explorerUrl:null,walletType:a.walletType,selected:l,loading:!0,error:!1}}))})),r(o,n)},disconnectWallet:o=>{t(n=>{let r=n.connectedWallets.filter(l=>l.selected&&l.walletType!==o).map(l=>l.chain),s=n.connectedWallets.filter(l=>l.walletType!==o).map(l=>r.includes(l.chain)?l:(r.push(l.chain),{...l,selected:!0}));return{balances:sn(s),connectedWallets:s}})},selectWallets:o=>t(n=>({connectedWallets:n.connectedWallets.map(r=>{let s=!!o.find(l=>l.chain===r.chain&&l.walletType!==r.walletType&&r.selected),a=!!o.find(l=>l.chain===r.chain&&l.walletType===r.walletType&&!r.selected);return s?{...r,selected:!1}:a?{...r,selected:!0}:r})})),clearConnectedWallet:()=>t(()=>({connectedWallets:[],selectedWallets:[]})),getWalletsDetails:async(o,n,r=!0)=>{let s=e().getWalletsDetails;t(a=>({loading:!0,connectedWallets:a.connectedWallets.map(l=>o.find(p=>tn(p,l))?{...l,loading:!0}:l)}));try{let a=o.map(({address:c,chain:u})=>({address:c,blockchain:u})),p=(await Qt().getWalletsDetails(a)).wallets;if(p)t(c=>{let u=c.connectedWallets.map(m=>{let f=o.find(y=>tn(y,m)),k=p.find(y=>y.address===m.address&&y.blockChain===m.chain);return k?.failed&&f&&r&&s([f],n,!1),f&&k?{...m,explorerUrl:k.explorerUrl,balances:Sa(k,n),loading:!1}:m});return{loading:!1,balances:sn(u),connectedWallets:u}});else throw new Error("Wallet not found")}catch{t(l=>{let p=l.connectedWallets.map(u=>o.find(g=>tn(g,u))?Ca(u):u);return{loading:!1,balances:sn(p),connectedWallets:p}})}},getBalanceFor:o=>{let{balances:n}=e(),r=Or(o);return n[r]??null}}))));import{allProviders as gd}from"@rango-dev/provider-all";function ln(t,e){let o=gd({walletconnect2:{WC_PROJECT_ID:e?.walletConnectProjectId||""}});if(t){let n=[];return t.forEach(r=>{if(typeof r=="string"){let s=o.find(a=>a.config.type===r);s?n.push(s):console.warn(`Couldn't find ${r} provider. Please make sure you are passing the correct name.`)}else n.push(r)}),n}return o}i(ln,"matchAndGenerateProviders");function La(t,e){return ln(t,e).map(r=>r.config.type)}i(La,"configWalletsToWalletName");function Na(t,e){let o=Q.use.clearConnectedWallet(),n=ln(void 0,e);return hd(()=>{o(),n=ln(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}i(Na,"useWalletProviders");import xd,{createContext as bd,useContext as Ad,useEffect as Id,useRef as Ed}from"react";import{create as wd}from"zustand";import{persist as vd}from"zustand/middleware";var Hr={apiKey:"",title:void 0,multiWallets:!0,enableNewLiquiditySources:!0,customDestination:!0},yd={clientUrl:void 0},Ba=i((t,e,o)=>({config:{...Hr,...t},iframe:yd,updateConfig:n=>{let r=o().config;e({config:{...r,...n}})},updateIframe:(n,r)=>{let s=o().iframe;e({iframe:{...s,[n]:r}})}}),"createConfigSlice");function Vt(t){return Array.from(new Set(t))}i(Vt,"removeDuplicateFrom");function Qr(t,e){return t.length===e.length&&t.every((o,n)=>o===e[n])}i(Qr,"areEqual");function Ma(t,e){let o;return n;function n(...r){o&&clearTimeout(o),o=setTimeout(()=>{o=null,t(...r)},e)}}i(Ma,"debounce");function Pt(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(Pt,"containsText");var W=i(()=>document.getElementById(Ae.SWAP_BOX_ID),"getContainer");function pn(t,e){let o=t.map(s=>s.swapperGroup),n=[];return Vt(t.map(s=>s.swapperGroup)).map(s=>{let a=t.find(l=>l.swapperGroup===s);if(a){let l=!0;o&&(l=o.some(p=>p===a.swapperGroup)),l&&a.types.map(p=>{n.push({id:a.swapperGroup,groupTitle:a.swapperGroup,logo:a.logo,type:p,selected:!e.includes(a.swapperGroup)})})}}),n}i(pn,"getUniqueSwappersGroups");function Pa(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}i(Pa,"sortLiquiditySourcesByGroupTitle");function Ue(t,e){return e?.[t]==="hidden"}i(Ue,"isFeatureHidden");function cn(t,e){return e?.[t]==="enabled"}i(cn,"isFeatureEnabled");var $a=i((t,e)=>({_blockchains:[],_tokens:[],_popularTokens:[],_swappers:[],fetchStatus:"loading",blockchains:o=>{let n=e()._blockchains;if(!o||!o?.type)return n;let r=e().config,s=(o.type==="source"?r.from?.blockchains:r.to?.blockchains)??[];return n.filter(l=>!(s.length>0&&!s.includes(l.name)))},tokens:o=>{let n=e()._tokens;if(!o||!o?.type)return n;let r=e().config,s=(o.type==="source"?r.from?.tokens:r.to?.tokens)??{},a=e().blockchains({type:o.type});return n.filter(p=>s&&fo(p,s)||o.blockchain&&p.blockchain!==o.blockchain||!a.some(c=>c.name===p.blockchain)?!1:o.searchFor?!!(Pt(p.symbol,o.searchFor)||Pt(p.address||"",o.searchFor)||Pt(p.name||"",o.searchFor)):!0).sort((p,c)=>e().isTokenPinned(p,o.type)?-1:e().isTokenPinned(c,o.type)||p.isSecondaryCoin?1:c.isSecondaryCoin||!p.address&&c.address?-1:p.address&&!c.address?1:0)},isTokenPinned:(o,n)=>!!(n==="source"?e().config.from?.pinnedTokens:e().config.to?.pinnedTokens)?.some(a=>Ee(a,o)),swappers:()=>{let{config:{enableNewLiquiditySources:o,liquiditySources:n}}=e();return e()._swappers.filter(a=>{let l=n?.includes(a.swapperGroup);return o||!n||n.length===0?!l:l}).sort(Pa)},fetch:async()=>{try{let o=await Qt().getAllMetadata();t({fetchStatus:"success"});let n=[],r=[],s=o.popularTokens,a=o.swappers,l=new Set;o.tokens.forEach(p=>{l.add(p.blockchain),r.push(p)}),o.blockchains.forEach(p=>{p.enabled&&l.has(p.name)&&n.push(p)}),n.sort((p,c)=>p.sort-c.sort),t({_blockchains:n,_tokens:r,_popularTokens:s,_swappers:a})}catch(o){throw t({fetchStatus:"failed"}),o}}}),"createDataSlice");import{English as Sd,French as Cd,Japanese as Td,Spanish as kd}from"@rango-dev/ui";var _a=[{title:"English",label:"English",local:"en",SVGFlag:Sd},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:kd},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:Cd},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:Td}],go="en";var Da=[.5,1,3],Fa=1,Ua=5,Oa=100,za=0;var qa=i((t,e)=>({disabledLiquiditySources:[],theme:"auto",language:null,preferredBlockchains:[],slippage:Fa,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,addPreferredBlockchain:o=>{let n=e().preferredBlockchains;if(n.find((a,l)=>{let p=a===o,c=l<=10-1;return p&&c}))return;let s=n.filter(a=>!(a===o));t(()=>({preferredBlockchains:[o,...s]}))},setSlippage:o=>t(()=>({slippage:o})),setCustomSlippage:o=>t(()=>({customSlippage:o})),setAffiliateRef:o=>t(()=>({affiliateRef:o})),setAffiliatePercent:o=>t(()=>({affiliatePercent:o})),setAffiliateWallets:o=>t(()=>({affiliateWallets:o})),toggleAllLiquiditySources:(o,n)=>t(r=>{if(n)return{disabledLiquiditySources:[]};let s=Vt(o.map(a=>a.swapperGroup));return s.length===r.disabledLiquiditySources.length?{disabledLiquiditySources:[]}:{disabledLiquiditySources:s}}),toggleInfiniteApprove:()=>t(o=>({infiniteApprove:!o.infiniteApprove})),toggleLiquiditySource:o=>t(n=>n.disabledLiquiditySources.includes(o)?{disabledLiquiditySources:n.disabledLiquiditySources.filter(r=>r!=o)}:{disabledLiquiditySources:n.disabledLiquiditySources.concat(o)}),setTheme:o=>t(()=>({theme:o})),setLanguage:o=>t(()=>({language:o})),updateSettings:o=>{let{features:n}=o,r=Ue("theme",n),s=Ue("language",n),a=Ue("liquiditySource",n);t({...r&&{theme:"auto"},...s&&{language:go},...a&&{disabledLiquiditySources:[]}})}}),"createSettingsSlice");function Ga(t){return wd()(vd((...e)=>({...$a(...e),...qa(...e),...Ba(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(Ga,"createAppStore");var Ha=bd(null);function h(){let t=Ad(Ha);if(Id(()=>{t&&!t.persist.hasHydrated()&&t.persist.rehydrate()},[]),!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}i(h,"useAppStore");function Qa(t){let e=Ed();return e.current||(e.current=Ga(t.config)),xd.createElement(Ha.Provider,{value:e.current},t.children)}i(Qa,"AppStoreProvider");import{create as Ld}from"zustand";var Va="rango-widget";var jt=class{constructor(e){this.state="not-initiated";this.events={};this.forceClaim=()=>{if(!this.isClaimed()){let e={name:"force-claim",candidateId:this.tabId};this.channel.postMessage(e),setTimeout(()=>{this.isClaimed()||this.claim()},300)}};this.isClaimed=()=>this.state==="claimed";this.destroy=()=>{this.channel.removeEventListener("message",this.handleMessageEvent),document.removeEventListener("visibilitychange",this.handleVisibilityChange),document.removeEventListener("resume",this.handleResume)};this.handleMessageEvent=e=>{let o=e.data.name;switch(o){case"ping":this.claimedByCurrentTab(e.data.pingAt);break;case"pong":this.alreadyClaimedByAnotherTab();break;case"force-claim":this.forceRelease(e.data.candidateId);break;case"force-release":this.tabId===e.data.candidateId&&this.claim();break;default:throw new Error(`${o} is not supported.`)}};this.handleVisibilityChange=async()=>{document.visibilityState==="visible"&&await this.tryClaim()};this.handleResume=async()=>{this.isClaimed()&&(await this.tryClaim(),this.isClaimed()||this.events.onRelease?.())};this.channel=new BroadcastChannel(Va),this.tabId=Math.trunc(Math.random()*1e5),this.events=e,this.initEvents(),this.tryClaim()}initEvents(){this.channel.addEventListener("message",this.handleMessageEvent),document.addEventListener("visibilitychange",this.handleVisibilityChange),document.addEventListener("resume",this.handleResume)}claimedByCurrentTab(e){let o=this.lastTryClaim&&this.lastTryClaim<e;if(this.isClaimed()||o){let n={name:"pong"};this.channel.postMessage(n);return}}alreadyClaimedByAnotherTab(){this.resetLastCheck()}async tryClaim(){return this.setLastCheck(),new Promise(e=>{setTimeout(()=>{this.check(),e()},300)})}check(){this.state==="not-initiated"&&this.events.onInit?.(),this.lastTryClaim?(this.claim(),this.resetLastCheck()):this.state="not-claimed"}claim(){this.state="claimed",this.events.onClaim?.()}setLastCheck(){this.lastTryClaim=Date.now();let e={name:"ping",pingAt:this.lastTryClaim};this.channel.postMessage(e)}resetLastCheck(){this.lastTryClaim=void 0}forceRelease(e){if(this.isClaimed()){this.state="not-claimed",this.events.onRelease?.();let o={name:"force-release",candidateId:e};this.channel.postMessage(o)}}};i(jt,"TabManager");var ee=wt(Ld()((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})}}))),Xa=new jt({onInit:()=>ee.setState({tabManagerInitiated:!0}),onClaim:()=>ee.setState({isActiveTab:!0,showActivateTabModal:!1}),onRelease:()=>ee.setState({isActiveTab:!1})}),un=Xa.forceClaim,Ka=Xa.destroy;var dn=Md({onConnectWallet:()=>{}});function _d(t){let{updateConfig:e,updateSettings:o,fetch:n}=h(),r=h().blockchains(),s=h().tokens(),a={walletConnectProjectId:t.config?.walletConnectProjectId},[l,p]=$d([]),{providers:c}=Na(t.config.wallets,a),{connectWallet:u,disconnectWallet:g}=Q(),m=Pd();Xr(()=>{n().catch(console.log)},[]),Xr(()=>{t.config&&(e(t.config),o(t.config))},[t.config]);let f=r.filter(Bd).map(d=>d.name),k=i((d,S,w,x,C)=>{if(S===jr.ACCOUNTS)if(w){let A=en(C.supportedBlockchains),v=ha(d,w,f,A,C.isContractWallet);p(v)}else g(d);if(S===jr.ACCOUNTS&&x.connected){let A=`${d}-${x.network}-${w}`;x.connected&&(m.current?m.current(A):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(S===jr.NETWORK&&x.network){let A=`${d}-${x.network}`;m.current?m.current(A):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(d,S,w,x,C)},"onUpdateState"),y=ee.use.isActiveTab();return Xr(()=>{l.length&&u(l,s)},[l,s]),mn.createElement(dn.Provider,{value:{onConnectWallet:d=>{m.current=d}}},mn.createElement(Nd,{allBlockChains:r,providers:c,onUpdateState:k,autoConnect:!!y},t.children))}i(_d,"Main");function fn(t){let{config:e,...o}=t;return mn.createElement(Qa,{config:e},mn.createElement(_d,{...o,config:e}))}i(fn,"WidgetWallets");import aa,{useEffect as fT}from"react";import{I18nManager as jC}from"@rango-dev/ui";import jo,{useContext as XC,useEffect as KC,useState as Vm}from"react";import{useQueueManager as zd}from"@rango-dev/queue-manager-rango-preset";import{useWallets as qd}from"@rango-dev/wallets-react";import{isEvmBlockchain as Gd}from"rango-types";import Hd,{Fragment as Qd}from"react";import{MemoryRouter as Vd,useInRouterContext as jd}from"react-router";import{useWallets as Fd}from"@rango-dev/wallets-react";import{useEffect as Ud,useRef as Od}from"react";function Ya(){let{connect:t,state:e}=Fd(),o=Od({}),{fetchStatus:n}=h(),r=new URLSearchParams(location.search).get("autoConnect")||"",s=e(r);Ud(()=>{n==="success"&&r&&s.installed&&!s.connecting&&!s.connected&&!o.current[r]&&(o.current[r]=!0,t(r))},[s,n])}i(Ya,"useForceAutoConnect");function Ja({children:t,...e}){let n=jd()?Qd:Vd,r=h().blockchains(),{canSwitchNetworkTo:s}=qd();Ya();let a=r.filter(Gd);return zd({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:s}),Hd.createElement(n,null,t)}i(Ja,"AppRouter");import Me from"react";import{useRoutes as zC}from"react-router-dom";var P={home:"/",fromSwap:"from-swap",toSwap:"to-swap",blockchains:"blockchains",settings:"settings",liquiditySources:"liquidity-sources",themes:"themes",bridges:"bridges",exchanges:"exchanges",languages:"languages",swaps:"swaps",wallets:"wallets",confirmSwap:"confirm-swap",swapDetails:":requestId"};import{useEffect as Kt,useRef as vn}from"react";import bt from"bignumber.js";import{create as Rd}from"zustand";import{subscribeWithSelector as ef}from"zustand/middleware";import{getLastSuccessfulStep as Zd}from"@rango-dev/queue-manager-rango-preset";import mv from"bignumber.js";var vt=(r=>(r[r.HIGH_VALUE_LOSS=0]="HIGH_VALUE_LOSS",r[r.UNKNOWN_PRICE=1]="UNKNOWN_PRICE",r[r.INSUFFICIENT_SLIPPAGE=2]="INSUFFICIENT_SLIPPAGE",r[r.HIGH_SLIPPAGE=3]="HIGH_SLIPPAGE",r))(vt||{});function Za(t,e){return e.find(o=>o.name===t)?.displayName}i(Za,"getBlockchainDisplayNameFor");function Oe(t,e){return e.find(o=>o.name===t)?.shortName}i(Oe,"getBlockchainShortNameFor");function ho(t,e){return e.find(o=>o.id===t)?.swapperGroup}i(ho,"getSwapperDisplayName");function Kr(t,e){return e.find(o=>Ee(o,t))??null}i(Kr,"findToken");function Yr(t,e){return e.find(o=>o.name===t)??null}i(Yr,"findBlockchain");import{i18n as je}from"@lingui/core";import We from"bignumber.js";import{PendingSwapNetworkStatus as Sn}from"rango-types";function gn(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,s=e[e.length-1];n!=s&&e.push(n),s=e[e.length-1],r!=s&&e.push(r)}),e}i(gn,"getRequiredWallets");function hn(t,e){return t.addressPatterns.filter(r=>new RegExp(r).test(e)).length>0}i(hn,"isValidAddress");import{i18n as ve}from"@lingui/core";var X=i(()=>({genericServerError:ve.t("Failed Network, Please retry your swap."),liquiditySourcesError:{title:ve.t("Please reset your liquidity sources."),description:ve.t("You have limited the liquidity sources and this might result in Rango finding no routes. Please consider resetting your liquidity sources.")},noResultError:{title:ve.t("No Routes Found."),description:ve.t("Reasons why Rango couldn't find a route: low liquidity on token, very low input amount or no routes available for the selected input/output token combination.")},bridgeLimitErrors:{increaseAmount:ve.t("Bridge Limit Error: Please increase your amount."),decreaseAmount:ve.t("Bridge Limit Error: Please decrease your amount.")},highValueLossError:{impactTitle:ve.t("High Price Impact"),title:ve.t("Price impact is too high!"),description:ve.t("The price impact is significantly higher than the allowed amount. If you are sure, continue, otherwise, change the swap."),confirmMessage:ve.t("Confirm high price impact")},quoteUpdatedWithHighValueLoss:{title:ve.t("Route updated and price impact is too high, try again later!")},unknownPriceError:{impactTitle:ve.t("USD Price Unknown"),title:ve.t("USD Price Unknown, Cannot calculate Price Impact."),description:ve.t("USD Price Unknown, Cannot calculate Price Impact. The price impact may be higher than usual. Are you sure to continue the Swap?"),confirmMessage:ve.t("Confirm USD Price Unknown")}}),"errorMessages");function Ra(t){switch(t.type){case 0:return t.diagnosisMessage??X().noResultError.title;case 1:return X().genericServerError;default:return""}}i(Ra,"getQuoteErrorMessage");import{i18n as yn}from"@lingui/core";var $t=i(()=>({connectWallet:yn.t("Connect Wallet"),swap:yn.t("Swap"),swapAnyway:yn.t("Swap anyway"),ethWarning:yn.t("The route goes through Ethereum. Continue?")}),"swapButtonTitles");function el(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new We(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new We(1e3)))??!1}i(el,"hasHighValueLoss");function Jr(t){return(t?.result?.swaps||[]).filter(e=>{let o=e.fromAmountMinValue?new We(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new We(e.fromAmountMaxValue):null;return e.fromAmountRestrictionType==="EXCLUSIVE"?o?.gte(e.fromAmount)||n?.lte(e.fromAmount):o?.gt(e.fromAmount)||n?.lt(e.fromAmount)}).length>0}i(Jr,"hasLimitError");function Zr(t){let e=(t.result?.swaps||[]).filter(l=>{let p=l.fromAmountMinValue?new We(l.fromAmountMinValue):null,c=l.fromAmountMaxValue?new We(l.fromAmountMaxValue):null;return l.fromAmountRestrictionType==="EXCLUSIVE"?p?.gte(l.fromAmount)||c?.lte(l.fromAmount):p?.gt(l.fromAmount)||c?.lt(l.fromAmount)})[0],o=e.fromAmountMinValue?new We(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new We(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",s="",a="";return!r&&o&&o.gt(e.fromAmount)?(s=je.t({id:"Required: >= {min} {symbol}",values:{min:I(o,6,6),symbol:e.from.symbol}}),a=X().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(s=je.t({id:"Required: > {min} {symbol}",values:{min:I(o,6,6),symbol:e.from.symbol}}),a=X().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(s=je.t({id:"Required: <= {max} {symbol}",values:{max:I(n,6,6),symbol:e.from.symbol}}),a=X().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(s=je.t({id:"Required: < {max} {symbol}",values:{max:I(n,6,6),symbol:e.from.symbol}}),a=X().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:s,recommendation:a}}i(Zr,"getLimitErrorMessage");function tl(t){let{fetchMetaStatus:e,anyWalletConnected:o,fetchingQuote:n,inputAmount:r,quote:s,warning:a,error:l,needsToWarnEthOnPath:p}=t;return e!=="success"?{title:$t().connectWallet,action:"connect-wallet",disabled:!0}:o?n||!s||!s.result||l||!r||r==="0"?{title:$t().swap,action:"confirm-swap",disabled:!0}:a?{title:$t().swapAnyway,action:"confirm-warning",disabled:!1}:p?{title:$t().ethWarning,action:"confirm-warning",disabled:!1}:{title:$t().swap,action:"confirm-swap",disabled:!1}:{title:$t().connectWallet,action:"connect-wallet",disabled:!1}}i(tl,"getSwapButtonState");function Rr(t,e,o){return!((!o||o.lte(Ie))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}i(Rr,"canComputePriceImpact");function Xd(t){let e=[];return t?.result?.swaps.forEach(o=>{let n=o.from.blockchain,r=o.to.blockchain,s=e[e.length-1];n!=s&&e.push(n),s=e[e.length-1],r!=s&&e.push(r)}),e}i(Xd,"requiredWallets");var Kd=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice");function Yd(t,e){let o=Ie;for(let n=0;n<t.fee.length;n++){let r=t.fee[n];if(r.expenseType==="DECREASE_FROM_OUTPUT")continue;let s=Kd(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new We(r.amount).multipliedBy(s||0))}return o}i(Yd,"getUsdFeeOfStep");function Cn(t,e){return t.reduce((o,n)=>o.plus(Yd(n,e)),Ie)}i(Cn,"getTotalFeeInUsd");function ei(t){let e=Ie;return e=e.plus(new We(t.amount).multipliedBy(t.price||0)),e}i(ei,"getUsdFee");function ol(t){return t.reduce((e,o)=>e.plus(ei(o)),Ie)}i(ol,"getTotalFeesInUsd");function nl(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(nl,"getFeesGroup");function ti(t){let e=new Map;return t.result?.swaps.forEach((o,n)=>{o.recommendedSlippage?.error&&e.set(n,o.recommendedSlippage.slippage)}),e.size>0?e:null}i(ti,"checkSlippageErrors");function rl(t,e){let o=new Map;return t.result?.swaps.forEach((n,r)=>{n.recommendedSlippage?.slippage&&parseFloat(n.recommendedSlippage.slippage)>e&&o.set(r,n.recommendedSlippage.slippage)}),o.size>0?o:null}i(rl,"checkSlippageWarnings");function Tn(t){return t.result?.swaps.map(o=>o.recommendedSlippage)?.map(o=>o?.slippage||"0")?.filter(o=>parseFloat(o)>0)?.sort((o,n)=>parseFloat(n)-parseFloat(o))?.find(()=>!0)||null}i(Tn,"getMinRequiredSlippage");function il(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(il,"hasProperSlippage");function kn(t){let{fromToken:e,toToken:o,inputAmount:n,wallets:r,selectedWallets:s,disabledLiquiditySources:a,liquiditySources:l,excludeLiquiditySources:p,slippage:c,affiliateRef:u,affiliatePercent:g,affiliateWallets:m,initialQuote:f,destination:k}=t,y=s?.reduce((C,A)=>(C[A.chain]=A.address,C),{}),d=[];r?.forEach(C=>{let A=d.find(v=>v.blockchain===C.chain);A?A.addresses.push(C.address):d.push({blockchain:C.chain,addresses:[C.address]})});let S=!!f,w=Vt((f?.result?.swaps||[]).reduce((C,A)=>(C.push(A.from.blockchain,A.to.blockchain),A.internalSwaps&&Array.isArray(A.internalSwaps)&&A.internalSwaps.map(v=>{C.push(v.from.blockchain,v.to.blockchain)}),C),[]));return{amount:n.toString(),affiliateRef:u??void 0,affiliatePercent:g??void 0,affiliateWallets:m??void 0,checkPrerequisites:S,from:{address:e.address,blockchain:e.blockchain,symbol:e.symbol},to:{address:o.address,blockchain:o.blockchain,symbol:o.symbol},connectedWallets:d,selectedWallets:y??{},slippage:c.toString(),...k&&{destination:k},...p&&{swapperGroups:a.concat(l??[]),swappersGroupsExclude:!0},...!p&&{swapperGroups:l?.filter(C=>!a.includes(C)),swappersGroupsExclude:!1},...S&&{blockchains:w}}}i(kn,"createQuoteRequestBody");function sl(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(sl,"getWalletsForNewSwap");function Xt(t){return t.result?.outputAmount||null}i(Xt,"getQuoteOutputAmount");function al(t,e){return new We(e).div(new We(t)).minus(1).multipliedBy(100).toNumber()}i(al,"getPercentageChange");function ll(t,e){let o=Xt(t),n=Xt(e);if(!o||!n)return!1;let r=ze(o,n);return r?r<=-1:!0}i(ll,"isOutputAmountChangedALot");function pl(t,e,o){let n=t.validationStatus,r=ya(t);return e.sort((a,l)=>r.indexOf(a.chain)-r.indexOf(l.chain)).flatMap(a=>gl(a,n)||[]).filter(a=>!a.ok).map(a=>{let l=a.asset.symbol,p=I(new We(a.currentAmount.amount).shiftedBy(-a.currentAmount.decimals),8,8),c=I(new We(a.requiredAmount.amount).shiftedBy(-a.requiredAmount.decimals),8,8),u="";return a.reason==="FEE"&&(u=je.t(" for network fee")),a.reason==="INPUT_ASSET"&&(u=je.t(" for swap")),a.reason==="FEE_AND_INPUT_ASSET"&&(u=je.t(" for input and network fee")),je.t({id:"Needs \u2248 {requiredAmount} {symbol}{reason}, but you have {currentAmount} {symbol} in your {blockchain} wallet.",values:{requiredAmount:c,symbol:l,reason:u,currentAmount:p,blockchain:Oe(a.asset.blockchain,o)}})})}i(pl,"generateBalanceWarnings");function cl(t,e){return(t?new We(t):Ie).multipliedBy(e||0)}i(cl,"calcOutputUsdValue");function yo(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==Sn.NetworkChanged}i(yo,"isNetworkStatusInWarningState");function ul(t,e){let o="bellow button or",n=t.extraMessage,r=t.extraMessageDetail;if(t.networkStatusExtraMessageDetail?.includes(o)&&(t.networkStatusExtraMessageDetail=t.networkStatusExtraMessageDetail.replace(o,"")),yo(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case Sn.WaitingForConnectingWallet:n=n||je.t("Waiting for connecting wallet");break;case Sn.WaitingForQueue:n=n||je.t("Waiting for other running tasks to be finished");break;case Sn.WaitingForNetworkChange:n=n||je.t("Waiting for changing wallet network");break;default:n=n||"";break}r=r||"",n=n||"";let a=n?.indexOf("code")!==-1&&n?.indexOf("reason")!==-1;return{shortMessage:n,detailedMessage:{content:r,long:a}}}i(ul,"getSwapMessages");function ml(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(ml,"getLastConvertedTokenInFailedSwap");function dl(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}i(dl,"shouldRetrySwap");function fl(t,e,o,n,r,s){return t||!e&&!Xd(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!hn(s,o)}i(fl,"confirmSwapDisabled");function yl(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}i(yl,"getQuoteToTokenUsdPrice");function oi(t,e){let o=t.result?.swaps||[],n=e.result?.swaps||[];return o.length!==n.length}i(oi,"isNumberOfSwapsChanged");function ni(t,e){let o=t.result?.swaps.map(r=>r.swapperId)||[],n=e.result?.swaps.map(r=>r.swapperId)||[];return!Qr(o,n)}i(ni,"isQuoteSwappersUpdated");function ri(t,e){let o=t.result?.swaps.map(r=>r.to.symbol)||[],n=e.result?.swaps.map(r=>r.to.symbol)||[];return!Qr(o,n)}i(ri,"isQuoteInternalCoinsUpdated");function Sl(t,e){return oi(t,e)||ni(t,e)||ri(t,e)}i(Sl,"isQuoteChanged");function gl(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(gl,"getRequiredBalanceOfWallet");function ft(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(ft,"getPriceImpactLevel");function Cl(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],s=Zd(t.steps),a={blockchain:r.toBlockchain,symbol:r.toSymbol,address:r.toSymbolAddress},l=Yr(s?s.toBlockchain:n.fromBlockchain,e),p=Yr(r.toBlockchain,e),c=Kr(s?{blockchain:l?.name??"",symbol:s.toSymbol,address:s.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),u=Kr(a,o),g=s?s.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:c,toBlockchain:p,toToken:u,inputAmount:g}}i(Cl,"createRetryQuote");function wn(t,e){let{fromToken:o,toToken:n,tokens:r,userSlippage:s}=e,a=_t(o,t.requestAmount),l=_t(n,t.result?.outputAmount??"");if(t.result&&a&&l){let u=ze(a.toString(),l.toString());if(!!u&&el(a,u)){let m=Cn(t.result.swaps,r),f=ft(u);return{type:0,inputUsdValue:a,outputUsdValue:l,priceImpact:u,totalFee:m,warningLevel:f}}}else if(t.result&&(!a||!l))return{type:1};let p=Tn(t),c=s>Ua;if(il(e.userSlippage.toString(),p)){if(c&&parseFloat(p??"0")<s)return{type:3,slippage:s.toString()}}else return{type:2,recommendedSlippages:rl(t,s),minRequiredSlippage:p};return null}i(wn,"generateQuoteWarnings");function ze(t,e){let o=typeof e=="string"?parseFloat(e)<=0:!e?.gt(0),n=!t||!e||o?null:al(t.toString(),e.toString());return n&&n<0?n:null}i(ze,"getPriceImpact");var Tl=i(t=>{let e=new Set,o=[];return t.forEach(n=>{e.has(n.from.chain.displayName)||(e.add(n.from.chain.displayName),o.push(n.from.chain)),e.has(n.to.chain.displayName)||(e.add(n.to.chain.displayName),o.push(n.to.chain))}),o},"getUniqueBlockchains");var _t=i((t,e)=>t?.usdPrice?new bt(e||Ie).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),K=wt(Rd()(ef(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new bt(0),outputUsdValue:new bt(0),toBlockchain:null,toToken:null,quote:null,quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:"",quoteWarningsConfirmed:!1,setQuote:e=>t(o=>{let n=null,r=Ie;return mo(o.inputAmount)?(e&&(n=e.result?.outputAmount?new bt(e.result?.outputAmount):null,r=cl(e.result?.outputAmount,yl(e)||o.toToken?.usdPrice)),{quote:e,...!!e&&{outputAmount:n,outputUsdValue:r}}):{}}),resetQuote:()=>t(()=>({quote:null,outputAmount:null,outputUsdValue:new bt(0)})),setFromBlockchain:e=>{t(o=>o.fromBlockchain?.name===e?.name?{}:{fromBlockchain:e,...o.fromToken&&{quote:null,fromToken:null,outputAmount:null,outputUsdValue:null}})},setFromToken:e=>t(o=>({fromToken:e.token,...e.token&&{fromBlockchain:e.meta.blockchains.find(n=>n.name===e.token.blockchain)??null},...!!o.inputAmount&&{inputUsdValue:_t(e.token,o.inputAmount)}})),setToBlockchain:e=>{t(o=>o.toBlockchain?.name===e?.name?{}:{toBlockchain:e,...o.toToken&&{quote:null,toToken:null,outputAmount:null,outputUsdValue:null}})},setToToken:e=>t(()=>({toToken:e.token,...e.token&&{toBlockchain:e.meta.blockchains.find(o=>o.name===e.token.blockchain)??null}})),setInputAmount:e=>{t(o=>({inputAmount:e,...!e&&{outputAmount:new bt(0),outputUsdValue:new bt(0),quote:null},...!!o.fromToken&&{inputUsdValue:_t(o.fromToken,e)}}))},retry:(e,o)=>{let{tokens:n,blockchains:r}=o,{fromBlockchain:s,fromToken:a,toBlockchain:l,toToken:p,inputAmount:c}=Cl(e,r,n);t({fromBlockchain:s,fromToken:a,inputAmount:c,outputAmount:null,inputUsdValue:_t(a??null,c),outputUsdValue:new bt(0),toBlockchain:l,toToken:p,quote:null})},switchFromAndTo:()=>t(e=>({fromBlockchain:e.toBlockchain,fromToken:e.toToken,toBlockchain:e.fromBlockchain,toToken:e.fromToken,inputAmount:e.outputAmount?.toString()||"",inputUsdValue:_t(e.toToken,e.outputAmount?.toString()||"")})),resetFromBlockchain:()=>t(()=>({fromToken:null,fromBlockchain:null,outputAmount:null,outputUsdValue:null,quote:null})),resetToBlockchain:()=>t(()=>({toToken:null,toBlockchain:null,outputAmount:null,outputUsdValue:null,quote:null})),setQuoteWalletConfirmed:e=>t({quoteWalletsConfirmed:e}),setSelectedWallets:e=>t({selectedWallets:e}),setCustomDestination:e=>t({customDestination:e}),resetQuoteWallets:()=>t({quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:""}),setQuoteWarningsConfirmed:e=>t({quoteWarningsConfirmed:e})}))));function kl(){let{setInputAmount:t,setToToken:e,setToBlockchain:o,setFromBlockchain:n,setFromToken:r,fromToken:s,toToken:a,fromBlockchain:l,toBlockchain:p}=K(),c=h().config,u=h().fetchStatus,g=h().blockchains(),m=h().tokens(),{setAffiliateRef:f,setAffiliatePercent:k,setAffiliateWallets:y}=h(),d=c?.from?.tokens,S=c?.from?.blockchains,w=c?.to?.tokens,x=c?.to?.blockchains,C=vn(void 0),A=vn(void 0),v=vn(void 0),b=vn(void 0);Kt(()=>{t(c?.amount?.toString()||"")},[c?.amount]),Kt(()=>{if(u==="success"){let T=g.find(L=>L.name===c?.from?.blockchain),E=m.find(L=>Ee(L,c?.from?.token||null));(T||!T&&v.current)&&n(T??null),E?r({token:E,meta:{blockchains:g,tokens:m}}):!E&&C.current&&r({token:null}),v.current=c?.from?.blockchain,C.current=c?.from?.token}},[c?.from?.token?.symbol,c?.from?.token?.address,c?.from?.token?.blockchain,c?.from?.blockchain,u]),Kt(()=>{fo(s,d)&&r({token:null}),Gr(l,S)&&n(null)},[d,S]),Kt(()=>{fo(a,w)&&r({token:null}),Gr(p,x)&&o(null)},[w,x]),Kt(()=>{if(u==="success"){let T=g.find(L=>L.name===c?.to?.blockchain),E=m.find(L=>Ee(L,c?.to?.token||null));(T||!T&&b.current)&&o(T??null),E?e({token:E,meta:{blockchains:g,tokens:m}}):!E&&A.current&&e({token:null}),b.current=c?.to?.blockchain,A.current=c?.to?.token}},[c?.to?.token?.symbol,c?.to?.token?.address,c?.to?.token?.blockchain,c?.to?.blockchain,u]),Kt(()=>{f(c?.affiliate?.ref??null),k(c?.affiliate?.percent??null),y(c?.affiliate?.wallets??null)},[c?.affiliate?.ref,c?.affiliate?.percent,c?.affiliate?.wallets])}i(kl,"useSyncStoresWithConfig");import{useEffect as ai}from"react";import{useInRouterContext as tf,useLocation as of,useSearchParams as nf}from"react-router-dom";function ii(t,e,o){return o&&t.find(n=>{let r=e?.split("--");return r?.length===1?n.symbol===r[0]&&n.address===null&&n.blockchain===o.name:n.symbol===r?.[0]&&n.address===r?.[1]&&n.blockchain===o.name})||null}i(ii,"searchParamToToken");function si(t){if(t)return`${t.symbol}${t.address?`--${t.address}`:""}`}i(si,"tokenToSearchParam");function li(){let t=of(),[e,o]=nf(),{fromBlockchain:n,toBlockchain:r,fromToken:s,toToken:a,inputAmount:l,setFromBlockchain:p,setToBlockchain:c,setFromToken:u,setToToken:g,setInputAmount:m}=K(),f=h().fetchStatus,k=h().blockchains(),y=h().tokens(),d=tf(),{updateIframe:S}=h(),w=i(()=>{let C=e.get("fromAmount"),A=e.get("fromBlockchain"),v=e.get("fromToken"),b=e.get("toBlockchain"),T=e.get("toToken"),E=e.get("autoConnect"),L=e.get("clientUrl");return{fromAmount:C,fromBlockchain:A,fromToken:v,toBlockchain:b,toToken:T,autoConnect:E,clientUrl:L}},"getUrlSearchParams"),x=i(C=>{for(let A in C)C[A]||delete C[A];o(C,{replace:!0})},"updateUrlSearchParams");ai(()=>{let{autoConnect:C,clientUrl:A}=w();d&&f==="success"&&x({["fromBlockchain"]:n?.name,["fromToken"]:si(s),["toBlockchain"]:r?.name,["toToken"]:si(a),["fromAmount"]:l,["autoConnect"]:C??void 0,["clientUrl"]:A??void 0})},[t.pathname,l,n,s,r,a]),ai(()=>{if(!d)return;let C=w();if(C.fromAmount&&m(C.fromAmount),f==="success"){let A=k.find(E=>E.name===C.fromBlockchain),v=ii(y,C.fromToken,A??null),b=k.find(E=>E.name===C.toBlockchain),T=ii(y,C.toToken,b??null);A&&(p(A),v&&u({token:v,meta:{blockchains:k,tokens:y}})),b&&(c(b),T&&g({token:T,meta:{blockchains:k,tokens:y}}))}},[f]),ai(()=>{let{clientUrl:C}=w();S("clientUrl",C||void 0)},[])}i(li,"useSyncUrlAndStore");import{i18n as pr}from"@lingui/core";import{useManager as zh}from"@rango-dev/queue-manager-react";import{Alert as Gc,Button as qh,css as rs,Divider as ns,IconButton as Hc,SettingsIcon as Gh,styled as Hh,Tooltip as Qh,Typography as Vh,WalletIcon as jh}from"@rango-dev/ui";import pe,{useEffect as Bo,useLayoutEffect as Xh,useRef as Kh,useState as cr}from"react";import{flushSync as Yh}from"react-dom";import{useLocation as Jh,useNavigate as Zh}from"react-router-dom";import{i18n as nt}from"@lingui/core";import{Alert as $i,BalanceErrors as Pg,Button as Ep,ChevronDownIcon as $g,ChevronLeftIcon as _g,Divider as to,MessageBox as Dg,Typography as Vn,WalletIcon as Fg}from"@rango-dev/ui";import N,{useEffect as Ug,useState as Ft}from"react";import{useNavigate as Og}from"react-router-dom";import{i18n as xn}from"@lingui/core";function bn(t){switch(t.type){case 0:return xn.t("Route has been updated.");case 3:return xn.t("Output amount changed to {newOutputAmount} ({percentageChange}% change).",{newOutputAmount:t.newOutputAmount,percentageChange:t.percentageChange});case 1:return xn.t("Route swappers has been updated.");case 2:return xn.t("Route internal coins has been updated.");default:return""}}i(bn,"getQuoteUpdateWarningMessage");import{Modal as sf}from"@rango-dev/ui";import af from"react";function ie(t){let{watermark:e}=ee();return af.createElement(sf,{hasWatermark:e==="FULL",...t},t.children)}i(ie,"WatermarkedModal");import Wn,{useRef as cf}from"react";import*as Yt from"@radix-ui/react-collapsible";import{keyframes as wl,styled as An}from"@rango-dev/ui";var pi=300,lf=wl({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),pf=wl({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),vl=An(Yt.Root,{borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),ci=An(Yt.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit",cursor:"pointer"}),In=An(Yt.Content,{overflow:"hidden",variants:{open:{true:{animation:`${lf} ${pi}ms ease-out`},false:{animation:`${pf} ${pi}ms ease-out`}}}}),En=An("div",{transition:`all ${pi}ms ease`,display:"flex",alignItems:"center",variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}});function Ln(t){let{open:e,hasSelected:o,onOpenChange:n,children:r,onClickTrigger:s,trigger:a,triggerAnchor:l}=t,p=cf(null);return Wn.createElement(vl,{ref:p,className:"collapsible_root",selected:o&&e,open:e,onOpenChange:n},l==="top"&&Wn.createElement(ci,{className:"collapsible_trigger",onClick:s},a),Wn.createElement(In,{className:"collapsible_content",open:e},r),l==="bottom"&&Wn.createElement(ci,{className:"collapsible_trigger",onClick:s},a))}i(Ln,"CustomCollapsible");import{Button as uf,css as xl,darkTheme as Jt,IconButton as mf,styled as qe,TextField as df}from"@rango-dev/ui";var bl=qe("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),Al=qe("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),ff=qe("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${Jt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${Jt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${Jt} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),Il=qe(ff,{alignSelf:"stretch",minHeight:"93px"}),El=qe("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),Wl=qe(mf,{position:"absolute",left:"$20"}),Ll=qe("div",{paddingTop:"$20"}),Nl=xl({display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Bl=qe("div",{padding:"$10 $0","& .button__content":{display:"flex",alignItems:"center"},"& .alarms":{paddingTop:"$5"},"& .collapsible_content":{backgroundColor:"$neutral100"},"& .collapsible_root":{backgroundColor:"$neutral200"}}),Ml=xl({paddingTop:"$5"}),Pl=qe("div",{display:"flex"}),$l=qe(df,{backgroundColor:"$neutral100",padding:"$0 $15 $15 $15"}),_l=qe("div",{overflow:"visible",width:"100%"}),Dl=qe(uf,{width:"100%",borderRadius:"$sm !important",padding:"$15 !important",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${Jt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${Jt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${Jt} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}});import{i18n as Ke}from"@lingui/core";import{Button as Lg,Divider as Mi,Image as Ng,MessageBox as Qn,SelectableWallet as Bg,Typography as xp,WalletState as bp}from"@rango-dev/ui";import ae,{useEffect as Ap,useState as ko}from"react";import{WalletState as ui}from"@rango-dev/ui";import{useWallets as gf}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as hf,WalletTypes as Nn}from"@rango-dev/wallets-shared";import{useCallback as yf,useEffect as Fl,useRef as Sf,useState as Cf}from"react";var Tf=Object.values(Nn);function Bn(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:l,connect:p}=gf(),{connectedWallets:c}=Q(),u=h().blockchains(),g=Sf(!1),m=La(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||Tf,f=ga(s,l,m,o),k=wa(f),[y,d]=Cf(""),S=i(v=>!c.find(b=>b.walletType===v&&b.chain===o),"isExperimentalChainNotAdded"),w=i(async v=>{let b=s(v);try{if(y&&d(""),b.connected)await a(v);else{let T=!!f.find(E=>E.state===ui.CONNECTED);if(!e?.multiWallets&&T)return;n?.(v),await p(v),r?.(v)}}catch(T){d("Error: "+T?.message)}},"handleClick"),x=yf(()=>{let v=f?.filter(b=>b.state===ui.CONNECTING)||[];for(let b of v)a(b.type)},[ba(f)]);Fl(()=>()=>{g.current=!0},[]),Fl(()=>()=>{g.current&&x()},[x]);let C=i(v=>v.filter(T=>T.state!=ui.NOT_INSTALLED&&![Nn.DEFAULT,Nn.WALLET_CONNECT_2].includes(T.type)&&l(T.type).supportedChains.filter(E=>E.type=="EVM").length>0).length==0,"shouldShowDefaultInjectedWallet"),A=i((v,b,T)=>on(T,b)&&S(v)&&!hf.includes(v)||v==Nn.DEFAULT&&!C(f),"shouldExcludeWallet");return{list:k.filter(v=>!A(v.type,o??"",u)),error:y,handleClick:w,disconnectConnectingWallets:x}}i(Bn,"useWalletList");import{i18n as yp}from"@lingui/core";import{styled as Cp,Typography as vg,Wallet as xg,WalletState as bg}from"@rango-dev/ui";import eo,{useState as Sp}from"react";import{useManager as dg}from"@rango-dev/queue-manager-react";import{BottomLogo as fg,Divider as pp,Header as gg}from"@rango-dev/ui";import de,{useEffect as cp,useRef as up}from"react";import{useRef as kf}from"react";function Mn(){return window.self!==window.top}i(Mn,"isAppLoadedIntoIframe");function mi(){let t=kf(null),{iframe:e}=h(),o=Mn()&&e.clientUrl,n=i(a=>{o&&window.top?.postMessage(a,e.clientUrl)},"send");return{send:n,connectHeightObserver:i(a=>{t.current=new ResizeObserver(l=>{for(let p of l)n({type:"widget_height",data:{height:p.contentRect.height}})}),t.current.observe(a)},"connectHeightObserver"),disconnectHeightObserver:i(()=>{t.current&&(t.current.disconnect(),t.current=null)},"disconnectHeightObserver")}}i(mi,"useIframe");import{useNavigate as wf}from"react-router-dom";function At(){let t=wf();return()=>t(-1)}i(At,"useNavigateBack");import{createTheme as hi,darkTheme as If,lightTheme as Ef}from"@rango-dev/ui";import{useEffect as ql,useState as Wf}from"react";import{theme as bf,darkColors as Af}from"@rango-dev/ui";var Ul=i((t,e)=>{t=t.replace(/^#/,""),t.length===3&&(t=t[0]+t[0]+t[1]+t[1]+t[2]+t[2]);let[s,a,l]=t.match(/.{2}/g);[s,a,l]=[parseInt(s,16)+e,parseInt(a,16)+e,parseInt(l,16)+e],s=Math.max(Math.min(255,s),0).toString(16),a=Math.max(Math.min(255,a),0).toString(16),l=Math.max(Math.min(255,l),0).toString(16);let p=(s.length<2?"0":"")+s,c=(a.length<2?"0":"")+a,u=(l.length<2?"0":"")+l;return`#${p}${c}${u}`},"colorShade"),Pn=i((t,e)=>{let a={[t]:e};for(let l=1;l<10;l++)l<5&&(a={...a,[t+l*100]:Ul(e,(5-l)*25)}),l===5&&(a={...a,[t+l*100]:e}),l>5&&(a={...a,[t+l*100]:Ul(e,-((l-5)*25))});return a},"generateRangeColors"),di=i((t,e,o)=>{if(!o||!Object.entries(o).length)return{};let n=!1,r={...t};for(let s in o){let a=o[s];if(a&&a!==t[s])if(n=!0,s==="background"||s==="foreground")r={...r,[s]:a};else if(s==="neutral"&&e){let l=Pn(s,a);r={...r,[`${s}100`]:l[`${s}900`],[`${s}200`]:l[`${s}800`],[`${s}300`]:l[`${s}700`],[`${s}400`]:l[`${s}600`],[`${s}500`]:l[`${s}500`],[`${s}600`]:l[`${s}400`],[`${s}700`]:l[`${s}300`],[`${s}800`]:l[`${s}200`],[`${s}900`]:l[`${s}100`]}}else r={...r,...Pn(s,a)}}return n?r:{}},"generateColors");var Ol=i(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),vf=i(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=Ol(o%52)+e;return Ol(o%52)+e},"toAlphabeticName"),xf=i((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),fi=i(t=>vf(xf(5381,JSON.stringify(t))>>>0),"toHash");function gi(t){let e=bf.colors,o=di({...e,...Af},!0,t?.dark),n=di(e,!1,t?.light),r=Object.keys(o).length>0,s=Object.keys(n).length>0,a,l;if(s){let p={colors:n};a={id:`${qr}-light-${fi(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${qr}-dark-${fi(p)}`,tokens:p}}return{light:a,dark:l}}i(gi,"customizedThemeTokens");function zl(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(zl,"joinList");function $n(t){let{colors:e,fontFamily:o=Wa,borderRadius:n=Ia,secondaryBorderRadius:r=Ea,mode:s="auto"}=t,[a,l]=Wf("light"),{setTheme:p,theme:c}=h(),{dark:u,light:g}=gi(e),m=hi({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),f=[m.className,Ef.className],k=[m.className,If.className];if(g){let d=hi(g.id,g.tokens);f.push(d.className)}if(u){let d=hi(u.id,u.tokens);k.push(d.className)}return ql(()=>{let d=i(S=>{S.matches?l("dark"):l("light")},"switchThemeListener");return window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches&&l("dark"),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",d),()=>{window.matchMedia("(prefers-color-scheme: dark)").removeEventListener("change",d)}},[]),ql(()=>{s!=="auto"&&p(s)},[s]),{activeTheme:i(()=>{let d=f.join(" "),S=k.join(" ");return c==="auto"?a==="dark"?S:d:c==="dark"?S:d},"getActiveTheme")}}i($n,"useTheme");var It=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 Gl}from"@lingui/core";import{Alert as Lf,Button as Nf}from"@rango-dev/ui";import Hl from"react";function yi(t){return Hl.createElement(Lf,{action:Hl.createElement(Nf,{onClick:t.onActivateTab,variant:"contained",size:"xxsmall",type:"warning"},Gl.t("Activate")),type:"warning",variant:"alarm",title:Gl.t("Another tab is open and handles transactions. You can activate this tab.")})}i(yi,"ActivateTabAlert");import{i18n as Si}from"@lingui/core";import{Button as Bf,Divider as Mf,MessageBox as Pf}from"@rango-dev/ui";import _n from"react";function Ci(t){let{open:e,onClose:o,onConfirm:n}=t;return _n.createElement(ie,{open:e,dismissible:!0,onClose:o,container:W()},_n.createElement(Pf,{title:Si.t("Activate current tab"),type:"warning",description:Si.t("Currently, some transactions are running and being handled by other browser tab. If you activate this tab, all transactions that are already in the transaction sign step will expire.")},_n.createElement(Mf,{size:20}),_n.createElement(Bf,{variant:"contained",size:"large",type:"primary",fullWidth:!0,onClick:n},Si.t("Confirm"))))}i(Ci,"ActivateTabModal");import{ChevronLeftIcon as Df}from"@rango-dev/ui";import Xl from"react";import{darkTheme as $f,IconButton as _f,styled as So}from"@rango-dev/ui";var Ge=So(_f,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),Ql=So("div",{position:"absolute",background:"$secondary500",[`.${$f} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),Zt=So("div",{display:"flex",justifyContent:"flex-end",minWidth:"$40",button:{padding:0}}),Vl=So("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"}),jl=So("div",{padding:"$2",variants:{isRefetched:{true:{transform:"rotate(360deg)",transition:"transform 1s ease-in-out"}}}});function Ti(t){return Xl.createElement(Ge,{variant:"ghost",size:"small",onClick:t.onClick},Xl.createElement(Df,{color:"black",size:16}))}i(Ti,"BackButton");import{i18n as Ff}from"@lingui/core";import{Button as Uf,Typography as Of}from"@rango-dev/ui";import ki from"react";function wi(t){return ki.createElement(Zt,null,ki.createElement(Uf,{variant:"ghost",onClick:t.onClick,size:"xsmall"},ki.createElement(Of,{variant:"label",size:"medium",color:"error500"},Ff.t("Cancel"))))}i(wi,"CancelButton");import{i18n as zf}from"@lingui/core";import{Tooltip as qf,WalletIcon as Gf}from"@rango-dev/ui";import Dn from"react";function vi(t){return Dn.createElement(qf,{container:t.container,side:"top",content:zf.t("Connect Wallet")},Dn.createElement(Ge,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&Dn.createElement(Ql,null),Dn.createElement(Gf,{size:18,color:"black"})))}i(vi,"WalletButton");import{i18n as zn}from"@lingui/core";import{NotificationsIcon as pg,Popover as cg,SettingsIcon as ug,Tooltip as qn,TransactionIcon as mg}from"@rango-dev/ui";import ke from"react";import{i18n as Jf}from"@lingui/core";import{EventSeverity as Zf}from"@rango-dev/queue-manager-rango-preset";import{ChainToken as ep,ChevronRightIcon as Rf,ListItemButton as eg,Typography as tg}from"@rango-dev/ui";import Xe from"react";import{useNavigate as og}from"react-router-dom";import{create as Hf}from"zustand";import{persist as Qf,subscribeWithSelector as Vf}from"zustand/middleware";var $e=wt(Hf()(Qf(Vf((t,e)=>({notifications:[],setNotification:(o,n)=>{let r=n.steps[0],s=n.steps[n.steps.length-1],a={event:o,creationTime:Date.now(),read:!1,requestId:n.requestId,route:{from:{blockchain:r.fromBlockchain,address:r.fromSymbolAddress,symbol:r.fromSymbol},to:{blockchain:s.toBlockchain,address:s.toSymbolAddress,symbol:s.toSymbol}}},l=e().notifications.filter(p=>p.requestId!==n.requestId);t(()=>({notifications:[...l,a]}))},setAsRead:o=>{t(n=>({notifications:n.notifications.map(r=>r.requestId===o?{...r,read:!0}:r)}))},getUnreadNotifications:()=>e().notifications.filter(o=>!o.read)})),{name:"notification",skipHydration:!0})));import{styled as Fn}from"@rango-dev/ui";var Kl=Fn("div",{padding:"$10",width:"350px",maxWidth:"90vw",minHeight:"150px"}),Yl=Fn("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),Jl=Fn("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),Zl=Fn("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as jf}from"@lingui/core";import{Divider as Xf,NoNotificationIcon as Kf,Typography as Yf}from"@rango-dev/ui";import Un from"react";function Rl(){return Un.createElement(Zl,null,Un.createElement(Kf,{color:"secondary",size:26}),Un.createElement(Xf,{size:12}),Un.createElement(Yf,{variant:"body",size:"medium",color:"neutral700"},jf.t("There are no notifications.")))}i(Rl,"NotificationNotFound");var ng=4;function xi(){let t=og(),{getUnreadNotifications:e}=$e(),o=e(),n=h().blockchains(),r=h().tokens(),s=o.sort((l,p)=>p.creationTime-l.creationTime).slice(0,ng),a=i(l=>{t(`${P.swaps}/${l}`)},"handleOnClick");return Xe.createElement(Kl,null,s.length?Xe.createElement(Yl,null,s.map(l=>{let{route:p,requestId:c,event:u}=l,g=r.find(y=>Ee(y,p.from)),m=n.find(y=>y.name===p.from.blockchain),f=r.find(y=>Ee(y,p.to)),k=n.find(y=>y.name===p.to.blockchain);return Xe.createElement(eg,{key:c,onClick:()=>a(c),title:Xe.createElement(tg,{variant:"body",size:"small",color:u.messageSeverity===Zf.WARNING?"$foreground":"$neutral700"},Jf.t(u.message)),id:c,start:Xe.createElement(Jl,null,Xe.createElement("div",{className:"from-chain-token"},Xe.createElement(ep,{tokenImage:g?g.image:"",chainImage:m?m.logo:"",size:"small"})),Xe.createElement("div",{className:"to-chain-token"},Xe.createElement(ep,{tokenImage:f?f.image:"",chainImage:k?k.logo:"",size:"small"}))),end:Xe.createElement(Rf,{size:12,color:"gray"})})})):Xe.createElement(Rl,null))}i(xi,"NotificationContent");import{RefreshProgressButton as rg}from"@rango-dev/ui";import bi,{useEffect as ig,useState as tp}from"react";var sg=1e3,op=60,ag=100;function On({onClick:t}){let[e,o]=tp(0),[n,r]=tp(!1),s=i(p=>{document.hidden&&p&&a(p)},"handleVisibilityChange");ig(()=>{let p;return t?p=window.setInterval(()=>{o(c=>c+1),e===op&&l()},sg):a(p),document.addEventListener("visibilitychange",()=>s(p)),()=>{document.removeEventListener("visibilitychange",()=>s(p)),p&&clearInterval(p)}},[e,t]);let a=i(p=>{p&&clearInterval(p),o(0)},"clearTimeout"),l=i(()=>{t?.(),o(0),r(!0)},"handleRefreshClick");return bi.createElement(Ge,{variant:"ghost",size:"small",onClick:l,disabled:!t},bi.createElement(jl,{onTransitionEnd:()=>r(!1),isRefetched:n},bi.createElement(rg,{size:24,color:t?"black":"gray",progress:e/op*ag})))}i(On,"RefreshButton");import{Typography as lg}from"@rango-dev/ui";import np from"react";function rp(){let{getUnreadNotifications:t}=$e(),e=t().length;return e?np.createElement(Vl,null,np.createElement(lg,{variant:"body",size:"xsmall",color:"$background"},e)):null}i(rp,"UnreadNotificationsBadge");function Ai(t){let{onClickRefresh:e,onClickHistory:o,onClickSettings:n}=t,{config:{features:r}}=h(),s=Ue("notification",r);return ke.createElement(ke.Fragment,null,ke.createElement(qn,{container:W(),side:"top",content:zn.t("Refresh")},ke.createElement(On,{onClick:e})),!s&&ke.createElement(cg,{align:"end",alignOffset:-88,collisionPadding:{right:20,left:20},container:W(),content:ke.createElement(xi,null)},ke.createElement("div",null,ke.createElement(qn,{container:W(),side:"top",content:zn.t("Notifications")},ke.createElement(Ge,{size:"small",variant:"ghost"},ke.createElement(pg,{size:18,color:"black"}),ke.createElement(rp,null))))),ke.createElement(qn,{container:W(),side:"top",content:zn.t("Settings")},ke.createElement(Ge,{size:"small",variant:"ghost",onClick:n},ke.createElement(ug,{size:18,color:"black"}))),ke.createElement(qn,{container:W(),side:"top",content:zn.t("Transactions History")},ke.createElement(Ge,{size:"small",variant:"ghost",onClick:o},ke.createElement(mg,{size:18,color:"black"}))))}i(Ai,"HomeButtons");function Ii(t){let e=t.target;if(e){let o=e.scrollTop,n=W();o>1?n.classList.add("rng-scrolled"):n.classList.remove("rng-scrolled")}}i(Ii,"onScrollContentAttachStatusToContainer");import{styled as Ei}from"@rango-dev/ui";var ip="700px",sp=Ei("div",{position:"relative",display:"flex",flexDirection:"column",borderRadius:"$primary",width:"100vw",minWidth:"300px",maxWidth:"390px",boxShadow:"15px 15px 15px 0px rgba(0, 0, 0, 0.05)",overflow:"hidden",backgroundColor:"$background",variants:{height:{auto:{height:"auto",maxHeight:ip},fixed:{height:ip}}}}),ap=Ei("div",{position:"relative",overflow:"hidden",flexGrow:1,display:"flex",flexDirection:"column",padding:0,overflowY:"auto"}),lp=Ei("div",{padding:"0 $20 $10","& .footer__logo":{opacity:0,transition:"opacity 1s ease-in-out","&.logo__show":{opacity:1},"&.logo__hidden":{visibility:"hidden"}}});function re(t){let{connectHeightObserver:e,disconnectHeightObserver:o}=mi(),{children:n,header:r,footer:s,height:a="fixed"}=t,l=Q.use.connectedWallets(),{config:{features:p,theme:c}}=h(),{watermark:u}=ee(),g=u==="FULL",{activeTheme:m}=$n(c||{}),f=Ue("connectWalletButton",p),{isActiveTab:k,tabManagerInitiated:y,showActivateTabModal:d,setShowActivateTabModal:S,activateCurrentTab:w}=ee(),x=At(),{manager:C}=dg(),v=It(C).map(({swap:U})=>U).some(U=>U.status==="running"),b=i(()=>w(un,v),"onActivateTab"),T=i(()=>{r.onWallet?.()},"onConnectWallet"),E=typeof r.hasBackButton>"u"||r.hasBackButton,L=up(null),F=up(null);return cp(()=>(Mn()&&F.current&&e(F.current),()=>{o()}),[]),cp(()=>(L.current?.addEventListener("scroll",Ii),()=>{L.current?.removeEventListener("scroll",Ii)}),[]),de.createElement(sp,{height:a,id:Ae.SWAP_BOX_ID,className:m(),ref:F},de.createElement(gg,{prefix:de.createElement(de.Fragment,null,E&&de.createElement(Ti,{onClick:x})),title:r.title,suffix:de.createElement(de.Fragment,null,r.suffix,r.onWallet&&!f&&de.createElement(vi,{container:W(),onClick:T,isConnected:!!l?.length}),r.onCancel&&de.createElement(wi,{onClick:r.onCancel}))}),de.createElement(ap,{ref:L},n),de.createElement(Ci,{open:d,onClose:()=>S(!1),onConfirm:b}),de.createElement(lp,null,de.createElement("div",{className:"footer__content"},s,y&&!k&&de.createElement(de.Fragment,null,de.createElement(pp,{size:12}),de.createElement(yi,{onActivateTab:b}))),de.createElement(pp,{size:12}),de.createElement("div",{className:`footer__logo ${g?"logo__show":"logo__hidden"}`},de.createElement(fg,null))))}i(re,"Layout");import{styled as hg}from"@rango-dev/ui";var mp="$20 $20 $10 $20",Co=hg("div",{padding:mp,overflowY:"auto",flexGrow:1});import{styled as yg}from"@rango-dev/ui";var se=yg("div",{display:"flex",flexDirection:"column",padding:"20px 20px 10px",flexGrow:1,variants:{view:{true:{flexGrow:1,overflow:"hidden"}},compact:{true:{padding:0}}}});import{Divider as wg}from"@rango-dev/ui";import Li from"react";import{i18n as Rt}from"@lingui/core";import{Image as Tg,MessageBox as Wi,WalletState as kg}from"@rango-dev/ui";import Dt from"react";import{keyframes as Sg,styled as Gn}from"@rango-dev/ui";var TI=Gn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),dp=Gn("div",{position:"relative"}),Cg=Sg({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),fp=Gn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Cg} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),gp=Gn("div",{"& img":{borderRadius:"50%"}});function hp(t){let{state:e,image:o,error:n}=t;return e===kg.CONNECTED?Dt.createElement(Wi,{type:"success",title:Rt.t("Wallet Connected"),description:Rt.t("Your wallet is connected, you can use it to swap.")}):n?Dt.createElement(Wi,{type:"error",title:Rt.t("Failed to Connect"),description:n||Rt.t("Your wallet is not connected. Please try again.")}):Dt.createElement(Wi,{type:"loading",title:Rt.t("Connecting to your wallet"),description:Rt.t("Click connect in your wallet popup."),icon:Dt.createElement(dp,null,Dt.createElement(gp,null,Dt.createElement(Tg,{src:o,size:45})),Dt.createElement(fp,null))})}i(hp,"ModalContent");function To(t){let{open:e,onClose:o,...n}=t;return Li.createElement(ie,{open:e,onClose:o,container:document.getElementById(Ae.SWAP_BOX_ID)||document.body},Li.createElement(hp,{...n}),Li.createElement(wg,{direction:"vertical",size:32}))}i(To,"WalletModal");var Ag=Cp("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Ig=Cp(se,{textAlign:"center"}),Hn=3e3,Ni=300;function Tp(){let{config:t,fetchStatus:e}=h(),[o,n]=Sp(!1),[r,s]=Sp(""),a=null,l=ee.use.isActiveTab(),{list:p,handleClick:c,error:u,disconnectConnectingWallets:g}=Bn({config:t,onBeforeConnect:d=>{a=setTimeout(()=>{n(!0),s(d)},Ni)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},Hn)}}),m=i(()=>{g(),n(!1)},"handleCloseWalletModal"),f=p.find(d=>d.type===r),k=f?.image||"",y=f?.state||bg.NOT_INSTALLED;return eo.createElement(re,{header:{title:yp.t("Connect Wallets")}},eo.createElement(Ig,null,eo.createElement(vg,{variant:"title",size:"xmedium",align:"center"},yp.t("Choose a wallet to connect.")),eo.createElement(Ag,null,p.map((d,S)=>{let w=`wallet-${S}-${d.type}`;return eo.createElement(xg,{key:w,...d,container:W(),onClick:x=>{c(x)},isLoading:e==="loading",disabled:!l})}),eo.createElement(To,{open:!!o,onClose:m,image:k,state:y,error:u}))))}i(Tp,"WalletsPage");import{keyframes as Eg,styled as Bi}from"@rango-dev/ui";var kp=Bi("div",{position:"relative"}),Wg=Eg({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),wp=Bi("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Wg} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),vp=Bi("div",{"& img":{borderRadius:"50%"}});var Mg=7;function Pi(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:s}=t,{config:a}=h(),l=ee.use.isActiveTab(),p=Q.use.connectedWallets(),{blockchains:c}=h(),[u,g]=ko(""),[m,f]=ko(null),[k,y]=ko(!1),[d,S]=ko(null),{suggestAndConnect:w}=Ip(),x=null,{list:C,error:A,handleClick:v,disconnectConnectingWallets:b}=Bn({config:a,chain:e,onBeforeConnect:M=>{x=setTimeout(()=>{g(M)},Ni)},onConnect:()=>{x&&clearTimeout(x),setTimeout(()=>{g("")},Hn)}}),[T,E]=ko(C),L=C.length,F=r&&L-r>0,U=i(async M=>{y(!1),S("in-progress");try{await w(M.walletType,M.chain),S("completed")}catch{S("rejected")}},"addExperimentalChain");Ap(()=>{E(M=>{let G=C.findIndex(te=>o(te.type,e));return F&&G>1?[C[G]].concat(C.filter((te,O)=>O!==G)):M.map(te=>C.find(O=>O.type===te.type)??te)})},[JSON.stringify(C)]);let R=document.getElementById(Ae.SWAP_BOX_ID);Ap(()=>{let M=null;return(d==="completed"||d==="rejected")&&(M=setTimeout(()=>S(null),Hn)),()=>{M&&clearTimeout(M)}},[d]);let me=i(()=>{b(),g("")},"handleCloseWalletModal");return ae.createElement(ae.Fragment,null,T.slice(0,r).map(M=>{let G=va({connectedWallets:p,walletType:M.type,chain:e}),te=G?rn(G,Mg):"",O=on(c(),e),Fe=!p.find(Te=>Te.walletType===M.type&&Te.chain===e),V=O&&Fe&&M.state===bp.CONNECTED,Y=V?Ke.t({id:"Add {chain} chain",values:{chain:e}}):te,be=i(()=>{M.state===bp.DISCONNECTED?v(M.type):V?(f({walletType:M.type,chain:e,address:G??""}),y(!0)):n({walletType:M.type,chain:e,address:G??""})},"onClick"),Ce=m?.chain?Za(m.chain,c()):void 0;return ae.createElement(ae.Fragment,null,ae.createElement(To,{open:u===M.type,onClose:me,image:M.image,state:M.state,error:A}),!!m&&ae.createElement(ie,{open:!!m&&k,container:R,onClose:()=>{f(null)}},ae.createElement(Qn,{title:Ke.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:Ce}}),type:"warning",description:Ke.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:Ce}})},ae.createElement(Mi,{size:18}),ae.createElement(Mi,{size:32}),ae.createElement(Lg,{onClick:U.bind(null,m),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},Ke.t("Confirm")))),d&&ae.createElement(ie,{open:!!d,onClose:S.bind(null,null),container:R},d==="in-progress"&&ae.createElement(Qn,{type:"loading",title:Ke.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:Ce}}),description:Ke.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:Ce}}),icon:ae.createElement(kp,null,ae.createElement(vp,null,ae.createElement(Ng,{src:M.image,size:45})),ae.createElement(wp,null))}),d==="completed"&&ae.createElement(Qn,{type:"success",title:Ke.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:Ce}}),description:Ke.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:Ce}})}),d==="rejected"&&ae.createElement(Qn,{type:"error",title:Ke.t("Request Rejected"),description:Ke.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:Ce}})}),ae.createElement(Mi,{direction:"vertical",size:32})),ae.createElement(Bg,{key:M.type,description:Y,onClick:be,selected:o(M.type,e),disabled:!l,...M}))}),F&&ae.createElement(Il,{selected:!1,onClick:s},ae.createElement(xp,{variant:"label",size:"medium"},Ke.t("Show more wallets"),ae.createElement(xp,{variant:"label",size:"medium",color:"$primary"},"\xA0+",L-(r??0)))))}i(Pi,"WalletList");var zg=2;function Wp(t){let{open:e,onClose:o,onCancel:n,onCheckBalance:r,loading:s}=t,a=h().config,l=h().blockchains(),{quote:p,setSelectedWallets:c,quoteWalletsConfirmed:u,setQuoteWalletConfirmed:g,customDestination:m,setCustomDestination:f}=K(),{connectedWallets:k,selectWallets:y}=Q(),[d,S]=Ft(""),[w,x]=Ft([]),[C,A]=Ft(""),[v,b]=Ft(null),[T,E]=Ft(m),[L,F]=Ft(!!m),U=gn(p),R=l.find(_=>_.name===p?.result?.swaps[p?.result?.swaps.length-1].to.blockchain),me=i(_=>!!p?.result?.swaps.find(j=>j.from.blockchain===_),"isWalletRequiredFor"),[M,G]=Ft(k.filter(_=>_.selected&&U.includes(_.chain))),te=l.find(_=>_.name===R?.name),O=i((_,j)=>!!M.find(H=>H.walletType===_&&H.chain===j&&H.selected&&(me(j)||!me(j)&&!T)),"isSelected"),Fe=!!T&&L&&te&&!hn(te,T),V=i(()=>{F(!1),E(""),G(_=>{let j=!1;return _.map(H=>!j&&H.chain===R?.name?(j=!0,{...H,selected:!0}):H)})},"resetCustomDestination"),Y=i(_=>{if(d&&S(""),O(_.walletType,_.chain))return;let H=k.find(ce=>ce.walletType===_.walletType&&ce.chain===_.chain);H&&(n(),_.chain===R?.name&&L&&(F(!1),E("")),G(ce=>ce.filter(mt=>mt.chain!==_.chain).concat({...H,selected:!0})))},"onChange"),be=i(()=>{let _=M.filter(j=>j.selected);y(_),c(_),f(T),g(!0),o()},"onConfirmBalance"),Ce=i(async()=>{x([]),A(""),b(null);let _=k.filter(ce=>M.find(mt=>mt.chain===ce.chain&&mt.walletType===ce.walletType)),j=await r?.({selectedWallets:_,customDestination:T}),H=j.warnings;H?.balance?.messages&&x(H.balance.messages),H?.quoteUpdate&&b(H.quoteUpdate),j.error&&A(Ra(j.error)),!j.error&&(!H?.balance?.messages.length||0>0)?be():x(H?.balance?.messages??[])},"onConfirmWallets");Ug(()=>{G(_=>_.concat(k.filter(j=>!!!_.find(ce=>ce.chain===j.chain)&&j.selected&&U.includes(j.chain))))},[k.length]);let Te=document.getElementById(Ae.SWAP_BOX_ID),ut=Og();return N.createElement(ie,{open:e,onClose:()=>{u||ut("../",{replace:!0}),o()},dismissible:!d,container:Te,...!d&&{footer:N.createElement(Pl,null,N.createElement(Ep,{loading:s,disabled:fl(s,L,T,p,M,R),onClick:Ce,variant:"contained",type:"primary",fullWidth:!0,size:"large"},nt.t("Confirm")))},...d&&{containerStyle:{padding:"$0"},header:N.createElement(El,null,N.createElement(Wl,{variant:"ghost",onClick:S.bind(null,"")},N.createElement(_g,{size:16})),N.createElement(Vn,{variant:"headline",size:"small"},nt.t({id:"Your {blockchainName} wallets",values:{blockchainName:Oe(d,l)}})))},anchor:"center"},N.createElement(ie,{open:w.length>0,onClose:x.bind(null,[]),container:Te},N.createElement(Dg,{title:nt.t("Insufficient account balance"),type:"error",description:N.createElement(Pg,{messages:w??[]})},N.createElement(Ep,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:be},nt.t("Proceed anyway")))),d&&N.createElement(Ll,null,N.createElement("div",{className:Nl()},N.createElement(Pi,{chain:d,isSelected:O,selectWallet:Y,onShowMore:S.bind(null,d)}))),!d&&N.createElement(N.Fragment,null,C&&N.createElement(N.Fragment,null,N.createElement($i,{variant:"alarm",type:"error",title:nt.t(C)}),N.createElement(to,{size:12})),v&&N.createElement(N.Fragment,null,N.createElement($i,{variant:"alarm",type:"warning",title:bn(v)}),N.createElement(to,{size:12})),N.createElement(_l,null,U.map((_,j)=>{let H=l.find(Ve=>Ve.name===_),ce=`wallet-${j}`,mt=j===U.length-1;return N.createElement("div",{key:ce},N.createElement(bl,null,N.createElement(Vn,{variant:"title",size:"xmedium"},nt.t({id:"Your {blockchainName} wallets",values:{blockchainName:H?.shortName}})),N.createElement(Vn,{variant:"label",color:"$neutral700",size:"medium"},nt.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:H?.shortName}}))),N.createElement(to,{size:24}),N.createElement(Al,null,N.createElement(Pi,{chain:_,isSelected:O,selectWallet:Y,limit:zg,onShowMore:()=>S(H?.name??"")})),!mt&&N.createElement(to,{size:32}),mt&&a?.customDestination&&N.createElement(Bl,null,N.createElement(Ln,{onOpenChange:Ve=>{Ve?me(R?.name??"")||G(Dr=>Dr.map(Pe=>Pe.chain===R?.name?{...Pe,selected:!1}:Pe)):V()},hasSelected:!0,open:L,triggerAnchor:"top",trigger:N.createElement(Dl,{fullWidth:!0,variant:"default",suffix:N.createElement(En,{orientation:L?"up":"down"},N.createElement($g,{size:10,color:"gray"}))},N.createElement("div",{className:"button__content"},N.createElement(Fg,{size:18,color:"info"}),N.createElement(to,{size:4,direction:"horizontal"}),N.createElement(Vn,{variant:"label",size:"medium"},nt.t("Send to a different address")))),onClickTrigger:()=>F(Ve=>!Ve)},N.createElement(to,{size:4}),N.createElement($l,{autoFocus:!0,placeholder:nt.t("Your destination address"),value:T,onChange:Ve=>{E(Ve.target.value)}})),Fe&&N.createElement("div",{className:Ml()},N.createElement($i,{variant:"alarm",type:"error",title:nt.t({values:{destination:T},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(Wp,"ConfirmWalletsModal");import{i18n as rh}from"@lingui/core";import{Alert as ih,Button as sh,InfoIcon as ah}from"@rango-dev/ui";import _e from"react";import{Alert as qg,Button as Gg,Divider as $p,NoRouteIcon as Hg,RefreshIcon as Qg,Typography as _p}from"@rango-dev/ui";import Ye from"react";import{i18n as Lp}from"@lingui/core";function Np(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:X().genericServerError,action:{onClick:n,title:Lp.t("Retry")}},description:""}:e.length?{alert:{type:"warning",text:X().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:Lp.t("Reset")}},description:X().liquiditySourcesError.description}:t?.type===0&&t.diagnosisMessage?{alert:{type:"error",text:t.diagnosisMessage,action:null},description:""}:{alert:null,description:X().noResultError.description}}i(Np,"makeInfo");import{styled as _i}from"@rango-dev/ui";var Bp=_i("div",{minHeight:"162px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}),Mp=_i("div",{width:"100%"}),Pp=_i("div",{padding:"$6 $0"});function Di(t){let{fetch:e,error:o}=t,n=h().disabledLiquiditySources,r=h().toggleAllLiquiditySources,s=h().swappers(),a=Np(o,n,()=>r(s,!0),e);return Ye.createElement(Bp,null,Ye.createElement(Hg,{size:24,color:"gray"}),Ye.createElement($p,{size:4}),Ye.createElement(_p,{variant:"title",size:"small"},X().noResultError.title),!!a.description&&Ye.createElement(_p,{variant:"body",size:"small",align:"center",color:"neutral700"},a.description),Ye.createElement($p,{size:4}),!!a.alert&&Ye.createElement(Mp,null,Ye.createElement(qg,{type:a.alert.type,title:a.alert.text,action:a.alert.action&&Ye.createElement(Gg,{size:"xsmall",type:a.alert.type,prefix:Ye.createElement(Pp,null,Ye.createElement(Qg,{size:8})),onClick:a.alert.action.onClick},a.alert.action.title),variant:"alarm"})))}i(Di,"NoResult");import{i18n as wo}from"@lingui/core";import{Button as jg,Divider as qp,MessageBox as Xg,Typography as Kg,WarningIcon as Yg}from"@rango-dev/ui";import rt from"react";import{Typography as Op}from"@rango-dev/ui";import Ui from"react";import{darkTheme as Vg,styled as jn}from"@rango-dev/ui";var Dp=jn("div",{width:"100%"}),Fi=jn("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),Fp=jn("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${Vg} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Up=jn("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function zp(t){let{title:e,value:o,valueColor:n}=t;return Ui.createElement(Fp,null,Ui.createElement(Op,{size:"medium",variant:"label",className:"_title"},e),Ui.createElement(Op,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(zp,"QuoteErrorsModalItem");function Gp(t){let{open:e,onClose:o,onConfirm:n,warning:r,confirmationDisabled:s}=t,a=r.warningLevel==="high"?"error":"warning",l=[{title:wo.t("Swapping"),value:I(r.inputUsdValue,4,4)},{title:wo.t("Gas cost"),value:I(r.totalFee,2,2)},{title:wo.t("Receiving"),value:I(r.outputUsdValue,4,4)},{title:wo.t("Price impact"),value:I(r.priceImpact,2,2),valueColor:`${a}500`}];return rt.createElement(ie,{open:e,onClose:o,container:W()},rt.createElement(Xg,{type:a,title:X().highValueLossError.impactTitle,description:X().highValueLossError.description}),rt.createElement(Fi,null,rt.createElement(qp,{size:20}),rt.createElement(Kg,{size:"small",variant:"title"},wo.t("Details")),rt.createElement(Fi,null,l.map((p,c)=>rt.createElement(zp,{key:c,...p})))),rt.createElement(qp,{size:32}),rt.createElement(jg,{type:"primary",size:"large",prefix:rt.createElement(Yg,null),fullWidth:!0,disabled:s,onClick:n},X().highValueLossError.confirmMessage))}i(Gp,"HighValueLossWarningModal");import{i18n as Oi}from"@lingui/core";function Hp(t,e){let o={alertType:"warning",title:"",action:"show-info"};return t?(t.type===0&&(ft(t.priceImpact)==="high"&&(o.alertType="error"),o.action=null,o.title=X().highValueLossError.title),t.type===1&&(o.title=X().unknownPriceError.title),t.type===2&&(o.title=Oi.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:t.minRequiredSlippage}}),o.action="change-settings"),t.type===3&&(o.title=Oi.t("Caution, your slippage is high.")),o):e?(o.alertType="error",e.type===3&&(o.title=e.recommendation,o.action="show-info"),e.type===4&&(o.title=Oi.t({id:"You need to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:e.minRequiredSlippage}}),o.action="change-settings"),o):null}i(Hp,"makeAlerts");import{i18n as ro}from"@lingui/core";import{Button as Qp,Divider as Vp,MessageBox as Jg,Typography as Zg}from"@rango-dev/ui";import Ut from"react";import{useNavigate as Rg}from"react-router-dom";function jp(t){let{customSlippage:e,slippage:o}=h(),{open:n,onClose:r,onConfirm:s,warning:a,confirmationDisabled:l}=t,p=Rg(),c=e??o;return Ut.createElement(ie,{anchor:"bottom",open:n,prefix:Ut.createElement(Qp,{size:"small",variant:"ghost",onClick:()=>p("../"+P.settings)},Ut.createElement(Zg,{variant:"label",size:"medium",color:"$neutral900"},ro.t("Change settings"))),container:W(),onClose:r},Ut.createElement(Jg,{type:"warning",title:a.type===3?ro.t("High slippage"):ro.t("Low slippage"),description:a.type===3?ro.t({id:" Caution, your slippage is high (={userSlippage}). Your trade may be front run.",values:{userSlippage:c}}):ro.t({id:"We recommend you to increase slippage to at least {minRequiredSlippage} for this route.",values:{minRequiredSlippage:a.minRequiredSlippage}})},Ut.createElement(Vp,{size:18}),Ut.createElement(Vp,{size:32}),Ut.createElement(Qp,{size:"large",type:"primary",variant:"contained",fullWidth:!0,disabled:l,onClick:s},ro.t("Confirm anyway"))))}i(jp,"SlippageWarningModal");import{Button as eh,Divider as th,MessageBox as oh,WarningIcon as nh}from"@rango-dev/ui";import vo from"react";function Xp(t){let{open:e,onClose:o,onConfirm:n,confirmationDisabled:r}=t;return vo.createElement(ie,{open:e,onClose:o,container:W()},vo.createElement(oh,{type:"warning",title:X().unknownPriceError.impactTitle,description:X().unknownPriceError.description}),vo.createElement(th,{size:32}),vo.createElement(eh,{type:"primary",size:"large",prefix:vo.createElement(nh,null),fullWidth:!0,disabled:r,onClick:n},X().unknownPriceError.confirmMessage))}i(Xp,"UnknownPriceWarningModal");function xo(t){let{warning:e,error:o,showWarningModal:n,confirmationDisabled:r,refetchQuote:s,onOpenWarningModal:a,onCloseWarningModal:l,onConfirmWarningModal:p,onChangeSettings:c}=t,u={confirmationDisabled:r,open:n,onClose:l,onConfirm:p},g=o?.type===0||o?.type===1,m=Hp(e,o?.type===3||o?.type===4?o:null);return _e.createElement(_e.Fragment,null,g&&_e.createElement(Di,{error:o,fetch:s}),!!m&&_e.createElement(Dp,null,_e.createElement(ih,{title:m.title,type:m.alertType,variant:"alarm",...m.action==="show-info"&&{action:_e.createElement(Up,{onClick:a},_e.createElement(ah,{size:12,color:"gray"}))},...m.action==="change-settings"&&{action:_e.createElement(sh,{size:"xxsmall",type:m.alertType,onClick:c},rh.t("Change"))}})),e&&_e.createElement(_e.Fragment,null,e.type===0&&_e.createElement(Gp,{...u,warning:e}),(e.type===3||e.type===2)&&_e.createElement(jp,{...u,warning:e}),e.type===1&&_e.createElement(Xp,{...u,warning:e})))}i(xo,"QuoteWarningsAndErrors");import ir from"react";import{i18n as Yi}from"@lingui/core";import{Alert as Ih,Divider as Ji,InfoIcon as Eh,StepDetails as Wh,TokenAmount as Lh,Tooltip as Tc,Typography as Eo}from"@rango-dev/ui";import kc from"bignumber.js";import D,{useRef as Nh,useState as Bh}from"react";import{styled as zi}from"@rango-dev/ui";var qi=zi("div",{width:"100%","& .position-top__skeleton":{paddingTop:"$10"}}),Kp=zi("div",{paddingBottom:"$15"}),Yp=zi("div",{width:"100%",display:"flex"});import*as Xn from"@radix-ui/react-collapsible";import{css as Kn,darkTheme as it,Image as Jp,styled as He,Typography as lh}from"@rango-dev/ui";var ph=300,Zp=He(Xn.Root,{display:"flex",flexDirection:"column",alignItems:"start",overflowX:"auto",overflowY:"hidden",width:"100%",borderRadius:"$xm",cursor:"default",variants:{recommended:{true:{$$color:"$colors$info300",[`.${it} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${it} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}}}),Rp=Kn({padding:"$10 $15"}),ec=He("div",{borderRadius:"$xm",display:"flex",flexDirection:"column",alignItems:"start",justifyContent:"space-between",color:"$foreground",cursor:"pointer",boxSizing:"border-box",position:"relative",variants:{recommended:{true:{$$color:"$colors$info100",[`.${it} &`]:{$$color:"$colors$secondary600"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}},false:{$$color:"$colors$neutral200",[`.${it} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}}},basic:{true:{borderTopRightRadius:"0",borderTopLeftRadius:"0"}},listItem:{true:{},false:{}}},compoundVariants:[{listItem:!0,recommended:!0,css:{"&:hover":{$$color:"$colors$secondary200",[`.${it} &`]:{$$color:"$colors$secondary700"},backgroundColor:"$$color"}}},{listItem:!0,recommended:!1,css:{"&:hover":{$$color:"$colors$neutral300",[`.${it} &`]:{$$color:"$colors$neutral400"},backgroundColor:"$$color"}}}]}),tc=Kn({width:"100%",padding:"$15 $15 $10 $15",cursor:"default"}),io=Kn({display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",".blockchainImage":{marginLeft:"-$8"}}),oc=Kn({paddingTop:"$10",display:"flex",alignItems:"center",".usd-value":{$$color:"$colors$neutral600",[`.${it} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),nc=He(Xn.Trigger,{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",height:"$36",padding:"$10 $15",boxSizing:"border-box",cursor:"pointer",border:"none",outline:"none",backgroundColor:"transparent",variants:{error:{true:{[`& ${Jp}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${Jp}`]:{border:"1px transparent solid",borderRadius:"100%"}}},recommended:{true:{$$color:"$colors$info300",[`.${it} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${it} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}},".blockchains_section":{display:"none"},"@xs":{".blockchains_section":{display:"block"}}}),rc=He("div",{width:"18px",height:"18px",borderRadius:"100%",display:"flex",justifyContent:"center",alignItems:"center",border:"1.5px transparent solid",img:{borderRadius:"100%"},variants:{state:{error:{borderColor:"$error500"},warning:{borderColor:"$warning500"}}}}),ic=He(In,{width:"100%",background:"inherit"}),Gi=He("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${ph}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),rW=He("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),sc=He("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${it} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),ac=He("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"}),Hi=He(lh,{overflow:"hidden",textOverflow:"ellipsis",letterSpacing:.4}),lc=He("div",{display:"flex",flexWrap:"wrap"}),Qi=He("div",{width:"18px",height:"18px",borderRadius:"100%",backgroundColor:"$background",cursor:"default",display:"flex",justifyContent:"center",alignItems:"center",border:"1.5px transparent solid",variants:{state:{error:{borderColor:"$error500"},warning:{borderColor:"$warning500"}}}});import{i18n as Lt}from"@lingui/core";import{ChevronDownIcon as uh,CloseIcon as mh,Divider as Zn,IconButton as dh,QuoteCost as fh,Tooltip as gh,Typography as Je}from"@rango-dev/ui";import hh from"bignumber.js";import z,{useState as mc}from"react";import{i18n as bo}from"@lingui/core";var Vi={"Network Fee":bo.t("Network Fee"),"Swapper Fee":bo.t("Protocol Fee"),"Affiliate Fee":bo.t("Affiliate Fee"),"Outbound network fee":bo.t("Outbound Fee"),"Rango Fee":bo.t("Rango Fee")};import{css as ch,styled as Yn}from"@rango-dev/ui";var Jn=Yn("div",{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"$5 0","&.total_payable_fee":{padding:"$12 0"}}),ji=Yn("div",{width:"100%",borderTop:"1px solid $neutral300",margin:"$10 0"}),pc=Yn("div",{padding:"$20 0",display:"flex",flexDirection:"column","& .collapsible_trigger":{display:"flex",alignItems:"center"}}),cc=Yn("div",{padding:"$20 $20 $10",textAlign:"center",position:"relative","._icon-button":{position:"absolute",zIndex:10,top:"$16",right:"$16"}}),uc=ch({display:"flex",flexDirection:"row",alignItems:"center",padding:"$5","&:hover":{"& ._typography, & svg":{color:"$secondary"}}});var yh=30,Sh=i(t=>t.fee.isZero()?null:z.createElement(Jn,null,z.createElement(Je,{variant:"label",size:"medium",color:"neutral600"},t.label),z.createElement(Je,{variant:"label",size:"medium"},"$",I(t.fee,4,4))),"NonPayableFee");function dc(t){let[e,o]=mc(!1),[n,r]=mc(!1),{steps:s,quote:a}=t,l=h().tokens(),p=Yo(Jo(a.result?.swaps)),c=a.result?.swaps??[],u=W(),g=Cn(c,l),m=nl(c);return z.createElement(z.Fragment,null,z.createElement(fh,{onClickFee:()=>o(!e),fee:I(g,2,2),feeWarning:g.gte(new hh(yh)),time:p,steps:s,tooltipGas:Lt.t("View more info"),tooltipContainer:u}),z.createElement(ie,{container:u,open:e,header:z.createElement(cc,null,z.createElement(Je,{variant:"title",size:"medium"},Lt.t("Gas & Fee Explanation")),z.createElement(dh,{onClick:()=>o(!1),variant:"ghost"},z.createElement(mh,{color:"gray",size:14}))),onClose:()=>o(!1)},z.createElement(pc,null,z.createElement(Je,{variant:"title",size:"small"},Lt.t("Details")),z.createElement(Zn,{size:10}),Object.entries(m.payable).flatMap(([f,k])=>k.map((y,d)=>{let S=`payable-fee-${d}`,w=ei(y);return z.createElement(Jn,{key:S},z.createElement(Je,{variant:"label",size:"medium",color:"neutral600"},Vi[f]),z.createElement(gh,{content:le(y.amount),container:u},z.createElement(Je,{variant:"label",size:"medium"},I(y.amount,2,2)," ",y.asset.symbol," ($",I(w,4,4),")")))})),z.createElement(Jn,{className:"total_payable_fee"},z.createElement(Je,{variant:"label",size:"medium"},Lt.t("Total Payable Fee")),z.createElement(Je,{variant:"label",size:"medium"},"$",I(g,4,4))),z.createElement(ji,null),Object.keys(m.nonePayable).length&&z.createElement(Ln,{triggerAnchor:"bottom",onClickTrigger:()=>r(f=>!f),trigger:z.createElement("div",{className:uc()},z.createElement(Je,{size:"small",variant:"body",color:"neutral700"},n?Lt.t("Hide non-payable fees"):Lt.t("Show non-payable fees")),z.createElement(Zn,{size:4,direction:"horizontal"}),z.createElement(En,{orientation:n?"up":"down"},z.createElement(uh,{size:12,color:"gray"}))),open:n},z.createElement(Je,{size:"small",variant:"title"},Lt.t("Description")),z.createElement(Zn,{size:4}),z.createElement(Je,{size:"small",variant:"body",color:"neutral700"},Lt.t(`The following fees are considered in the transaction output and
+                you won\u2019t need to pay extra gas for them.`)),z.createElement(Zn,{size:10}),Object.entries(m.nonePayable).map(([f,k],y)=>{let d=ol(k),S=Vi[f],w=`non-payable-fee-${y}`;return z.createElement(Sh,{key:w,fee:d,label:S})}),z.createElement(ji,null)))))}i(dc,"QuoteCostDetails");import{i18n as hc}from"@lingui/core";import{TokenAmount as yc}from"@rango-dev/ui";import Rn from"react";import{css as Ch,styled as Th}from"@rango-dev/ui";var fc=Th("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%"}),gc=Ch({height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"});function Ao(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return Rn.createElement(fc,null,Rn.createElement(yc,{direction:"horizontal",label:hc.t("Swap input"),type:"input",tooltipContainer:W(),price:{value:e.price.value,usdValue:e.price.usdValue,realValue:e.price.realValue,realUsdValue:e.price.realUsdValue},token:{displayName:e.token.displayName,image:e.token.image},chain:{image:e.chain.image}}),Rn.createElement("div",{className:gc()}),Rn.createElement(yc,{direction:"horizontal",tooltipContainer:W(),label:hc.t("Estimated output"),type:"output",price:{value:o.price.value,usdValue:o.price.usdValue,realValue:o.price.realValue,realUsdValue:o.price.realUsdValue},token:{displayName:o.token.displayName,image:o.token.image},chain:{image:o.chain.image},percentageChange:n,warningLevel:r}))}i(Ao,"QuoteSummary");import{i18n as Sc}from"@lingui/core";import{ChevronDownIcon as kh,ChevronRightIcon as wh,Divider as Xi,Image as vh,Tooltip as Ki,Typography as er}from"@rango-dev/ui";import B,{useEffect as xh,useState as bh}from"react";var tr=4,or=6,Ah=375,Io=i(t=>{let e=W(),{content:o,src:n,className:r,open:s,state:a}=t;return B.createElement(Ki,{container:e,side:"bottom",sideOffset:4,open:s,content:o},B.createElement(rc,{className:r,state:a},B.createElement(vh,{src:n,size:16})))},"ImageComponent");function Cc(t){let{quoteRef:e,recommended:o,setExpanded:n,steps:r,expanded:s}=t,a=W(),l=r.length,p=Tl(r),[c,u]=bh(!1),g=i(()=>{window.innerWidth<Ah?u(!0):u(!1)},"handleResize");return xh(()=>{window.addEventListener("resize",g)}),B.createElement(nc,{ref:m=>e.current=m,recommended:o,onClick:()=>n(m=>!m)},B.createElement("div",{className:io()},B.createElement(er,{variant:"body",size:"xsmall"},Sc.t("Via:")),B.createElement(Xi,{direction:"horizontal",size:4}),r.map((m,f)=>{let k=`item-${f}`,y=B.createElement(Gi,null,B.createElement(wh,{size:12,color:"black"}));return c?B.createElement(B.Fragment,null,B.createElement(Io,{content:m.swapper.displayName,src:m.swapper.image,state:m.state}),f!==l-1&&B.createElement(B.Fragment,null,y)):B.createElement(B.Fragment,{key:k},l<=tr||l>tr&&f<tr-1?B.createElement(B.Fragment,null,B.createElement(Io,{content:m.swapper.displayName,src:m.swapper.image,state:m.state}),f!==l-1&&B.createElement(B.Fragment,null,y)):f===tr-1&&B.createElement(Ki,{container:a,side:"bottom",align:"right",sideOffset:4,content:B.createElement("div",{className:io()},y,r.map((d,S)=>{let w=`image-${S}`;return S>=f&&B.createElement(B.Fragment,{key:w},B.createElement(Io,{content:d.swapper.displayName,src:d.swapper.image,state:d.state,open:!1}),S!==l-1&&B.createElement(B.Fragment,null,y))}))},B.createElement(Qi,{state:r.find((d,S)=>S>=f&&(d.state==="error"||d.state==="warning"))?.state},B.createElement(er,{size:"xsmall",variant:"body"},"+",l-f))))})),B.createElement("div",{className:io()},B.createElement("div",{className:"blockchains_section"},B.createElement("div",{className:io()},B.createElement(er,{variant:"body",size:"xsmall"},Sc.t("Chains:")),B.createElement(Xi,{direction:"horizontal",size:4}),p.map((m,f)=>B.createElement(B.Fragment,null,p.length<=or||p.length>or&&f<or-1?B.createElement(Io,{key:m.displayName,content:"",src:m.image,open:!1,className:f!==0?"blockchainImage":""}):f===or-1&&B.createElement(Ki,{container:a,side:"bottom",align:"right",sideOffset:4,content:B.createElement("div",{className:io()},p.map((k,y)=>y>=f&&B.createElement(Io,{key:k.displayName,content:"",src:k.image,open:!1,className:y>f?"blockchainImage":""})))},B.createElement(Qi,{className:"blockchainImage"},B.createElement(er,{size:"xsmall",variant:"body"},"+",p.length-f))))),B.createElement(Xi,{direction:"horizontal",size:32}))),B.createElement(Gi,{orientation:s?"up":"down"},B.createElement(kh,{size:12,color:"black"}))))}i(Cc,"QuoteTrigger");function Zi(t){let{quote:e,input:o,output:n,error:r,warning:s,type:a,recommended:l=!0}=t,p=h().blockchains(),c=h().swappers(),[u,g]=Bh(t.expanded),m=Nh(null),f=I(o.value,6,6),k=I(n.value,6,6),y=n.usdValue?I(n.usdValue,4,4):"",d=ze(o.usdValue,n.usdValue??null),S=I(d,2,2),w=ft(d??0),C=i(b=>b.map((T,E)=>{let L,F=r?.type===3&&r.swap.swapperId===T.swapperId||r?.type===4&&r.recommendedSlippages?.has(E),U=s?.type===2&&s.recommendedSlippages?.has(E);return F?L="error":U&&(L="warning"),{swapper:{displayName:ho(T.swapperId,c),image:T.swapperLogo},from:{token:{displayName:T.from.symbol,image:T.from.logo},chain:{displayName:Oe(T.from.blockchain,p),image:T.from.blockchainLogo},price:{value:E===0?I(o.value,6,6):I(T.fromAmount,6,6),usdValue:I((T.from.usdPrice??0)*parseFloat(T.fromAmount),4,4),realValue:le(E===0?o.value:T.fromAmount),realUsdValue:le(new kc(T.from.usdPrice??0).multipliedBy(T.fromAmount))}},to:{token:{displayName:T.to.symbol,image:T.to.logo},chain:{displayName:Oe(T.to.blockchain,p),image:T.to.blockchainLogo},price:{value:I(T.toAmount,6,6),usdValue:I((T.to.usdPrice??0)*parseFloat(T.toAmount),4,4),realValue:le(T.toAmount),realUsdValue:le(new kc(T.to.usdPrice??0).multipliedBy(T.toAmount))}},state:L,alerts:F||U?D.createElement(Kp,null,D.createElement(Ih,{type:F?"error":"warning",title:r?.type===3?r?.recommendation:Yi.t(`Slippage ${F?"Error":"Warning"}:`),footer:D.createElement(Yp,null,r?.type===3&&D.createElement(D.Fragment,null,D.createElement(Eo,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),D.createElement(Ji,{direction:"horizontal",size:8}),D.createElement(Eo,{size:"xsmall",variant:"body",color:"neutral900"},"|"),D.createElement(Ji,{direction:"horizontal",size:8}),D.createElement(Eo,{size:"xsmall",variant:"body",color:"neutral900"},Yi.t({id:"Yours: {amount} {symbol}",values:{amount:I(T.fromAmount,6,6),symbol:T?.from.symbol}}))),(r?.type===4||s?.type===2)&&D.createElement(Eo,{size:"xsmall",variant:"body",color:"neutral900"},Yi.t({id:"Minimum required slippage is {minRequiredSlippage}",values:{...r?.type===4&&{minRequiredSlippage:r.recommendedSlippages?.get(E)},...s?.type===2&&{minRequiredSlippage:s.recommendedSlippages?.get(E)}}})))})):void 0}}),"getQuoteSteps")(e.result?.swaps??[]),A=C.length,v=W();return D.createElement(D.Fragment,null,D.createElement(ec,{recommended:l,listItem:a==="list-item",basic:a==="basic"},D.createElement("div",{className:tc()},D.createElement(dc,{steps:A,quote:e}),a==="basic"&&D.createElement("div",{className:oc()},D.createElement(ac,null,D.createElement(Eh,{size:12,color:"gray"})),D.createElement(lc,null,D.createElement(Hi,{size:"small",variant:"body"},`${f} ${C[0].from.token.displayName} = `),D.createElement(Tc,{content:le(n.value),container:v,open:n.value?void 0:!1},D.createElement(Hi,{size:"small",variant:"body"},"\xA0",`${k} ${C[C.length-1].to.token.displayName}`))),D.createElement(Tc,{content:le(n.usdValue),container:v,style:{display:"flex"}},D.createElement(Eo,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${y})`))),a==="list-item"&&D.createElement(Lh,{type:"output",direction:"vertical",tooltipContainer:v,price:{value:k,usdValue:y,realValue:le(n.value),realUsdValue:le(n.usdValue)},token:{displayName:C[A-1].to.token.displayName,image:C[A-1].to.token.image},chain:{image:C[A-1].to.chain.image},percentageChange:S,warningLevel:w}),a==="swap-preview"&&D.createElement(D.Fragment,null,D.createElement(Ao,{from:C[0].from,to:C[A-1].to,percentageChange:S,warningLevel:w}),D.createElement(Ji,{size:4}))),D.createElement(Zp,{recommended:l,open:u,onOpenChange:g},D.createElement(Cc,{quoteRef:m,recommended:l,setExpanded:g,expanded:u,steps:C}),D.createElement(ic,{open:u},D.createElement(sc,null),D.createElement("div",{className:Rp()},C.map((b,T)=>{let E=`item-${T}`;return D.createElement(Wh,{type:"quote-details",key:E,step:b,hasSeparator:T!==C.length-1,state:b.state,tooltipContainer:v})}))))))}i(Zi,"Quote");import{Divider as $h,Skeleton as _h}from"@rango-dev/ui";import gt from"react";import{darkTheme as Mh,styled as nr}from"@rango-dev/ui";var wc=nr("div",{$$color:"$colors$neutral100",[`.${Mh} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15 ",variants:{rounded:{true:{borderRadius:"$xm"}}}}),vc=nr("div",{paddingTop:"$2"}),xc=nr("div",{paddingLeft:"$8"}),bc=nr("div",{borderLeft:"1px dashed black",minHeight:" 0",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});import{ChainToken as _c,Divider as Ot,Skeleton as at}from"@rango-dev/ui";import q from"react";import{styled as st}from"@rango-dev/ui";var Ac=st("div",{display:"flex",justifyContent:"space-between",alignItems:"center",height:"22px"}),Ic=st("div",{display:"flex"}),Ec=st("div",{padding:"$15 $0 14px $0"}),Wc=st("div",{padding:"$6 $0 $15 $0",display:"flex",flexDirection:"column"}),Lc=st("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$5"}),Nc=st("div",{display:"flex",justifyContent:"space-between",alignItems:"end"}),Bc=st("div",{height:"$28",marginLeft:"13px",borderLeft:"1px solid $neutral700"}),Mc=st("div",{width:"65%",display:"flex",justifyContent:"start"}),Pc=st("div",{display:"flex",flexDirection:"column",alignItems:"start",flexGrow:1,maxWidth:"148px"}),$c=st("div",{padding:"$15 $0 $15 $0"});function Wo(t){let{type:e,tag:o=!1}=t,n=q.createElement(Nc,null,q.createElement(Mc,null,q.createElement(_c,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),q.createElement(Ot,{size:8,direction:"horizontal"}),q.createElement(Pc,null,q.createElement(at,{height:10,width:60,variant:"rounded"}),q.createElement(Ot,{size:4}),q.createElement(at,{height:15,variant:"rounded"}))),q.createElement(at,{height:12,width:64,variant:"rounded"}));return q.createElement("div",null,q.createElement(Ac,null,q.createElement(Ic,null,q.createElement(at,{width:60,height:10,variant:"rounded"}),q.createElement(Ot,{size:4,direction:"horizontal"}),q.createElement(at,{width:60,height:10,variant:"rounded"}),q.createElement(Ot,{size:4,direction:"horizontal"}),q.createElement(at,{width:60,height:10,variant:"rounded"})),o&&q.createElement(at,{height:22,width:100,variant:"rounded"})),e==="basic"&&q.createElement(Ec,null,q.createElement(at,{height:15,width:148,variant:"rounded"})),e==="list-item"&&q.createElement(Wc,null,q.createElement(Lc,null,q.createElement(_c,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),q.createElement(Ot,{direction:"horizontal",size:4}),q.createElement(at,{height:15,width:150,variant:"rounded"})),q.createElement(Ot,{size:4}),q.createElement(at,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&q.createElement(q.Fragment,null,q.createElement(Ot,{size:4}),q.createElement($c,null,n,q.createElement(Bc,null),n)))}i(Wo,"QuoteSummarySkeleton");import{ChainToken as zc,Divider as es,NextIcon as Ph,Skeleton as rr}from"@rango-dev/ui";import ge from"react";import{styled as Lo}from"@rango-dev/ui";var Dc=Lo("div",{display:"flex",alignItems:"start"}),Fc=Lo("div",{flexGrow:1,paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center"}),Ri=Lo("div",{display:"flex",alignItems:"center",flexGrow:1}),Uc=Lo("div",{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}),Oc=Lo("div",{display:"flex",alignItems:"center"});function lt(t){let{separator:e=!0}=t;return ge.createElement(ge.Fragment,null,ge.createElement(Oc,null,ge.createElement(rr,{height:22,width:22,variant:"circular"}),ge.createElement(es,{direction:"horizontal",size:8}),ge.createElement(rr,{height:15,width:148,variant:"rounded"})),ge.createElement(Dc,null,ge.createElement(bc,{hideSeparator:!e}),ge.createElement(Fc,null,ge.createElement(Ri,null,ge.createElement(zc,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ge.createElement(es,{direction:"horizontal",size:8}),ge.createElement(rr,{height:12,variant:"rounded"})),ge.createElement(Uc,null,ge.createElement(Ph,{color:"gray",size:16})),ge.createElement(Ri,null,ge.createElement(zc,{size:"small",loading:!0,chainImage:"",tokenImage:""}),ge.createElement(es,{direction:"horizontal",size:8}),ge.createElement(rr,{height:12,variant:"rounded"})))))}i(lt,"StepSkeleton");function ts(t){let{type:e,expanded:o,tag:n=!1}=t;return gt.createElement(wc,{rounded:e!=="basic"},gt.createElement(Wo,{type:e,tag:n}),gt.createElement(vc,null,gt.createElement(_h,{height:15,variant:"rounded"})),o&&gt.createElement(xc,null,gt.createElement($h,{size:20}),gt.createElement(lt,null),gt.createElement(lt,null),gt.createElement(lt,{separator:!1})))}i(ts,"QuoteSkeleton");function No(t){let{quote:e,type:o,loading:n,error:r,warning:s,expanded:a=!1}=t,{inputAmount:l,inputUsdValue:p,outputUsdValue:c,outputAmount:u}=K(),m=!(r&&(r.type===0||r.type===1))&&e&&e.result&&!n;return n?ir.createElement(qi,null,ir.createElement(ts,{type:o,expanded:a})):m?ir.createElement(qi,null,ir.createElement(Zi,{quote:e,error:r,warning:s,type:o,expanded:a,recommended:!0,input:{value:l,usdValue:p?.toString()??""},output:{value:u?.toString()??"",usdValue:c?.toString()??""}})):null}i(No,"QuoteInfo");import{calculatePendingSwap as Uh}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Oh}from"react";import{useRef as Dh,useState as Fh}from"react";function sr(){let[t,e]=Fh(!1),o=Dh(null),n=i(()=>o.current?.abort(),"cancel");return{fetch:i(async s=>{n(),o.current=new AbortController,e(!0);try{let a=await Qt().getBestRoute(s,{signal:o.current.signal});return o.current=null,a}catch(a){throw a}finally{e(!1)}},"fetch"),loading:t,cancelFetch:n}}i(sr,"useFetchQuote");function ar(t){if(!t.result)throw new Error(X().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});if(Jr(t)){let{swap:n,recommendation:r,fromAmountRangeError:s}=Zr(t);throw new Error("bridge limit error",{cause:{type:3,swap:n,recommendation:r,fromAmountRangeError:s}})}let o=ti(t);if(o){let n=Tn(t);throw new Error("",{cause:{type:4,recommendedSlippages:o,minRequiredSlippage:n}})}return t}i(ar,"throwErrorIfResponseIsNotValid");function qc(t,e,o){let n=!1;t&&(n=Sl(t,e));let r={quote:null,quoteUpdate:null,balance:null},s=wn(e,{fromToken:o.fromToken,toToken:o.toToken,tokens:o.meta.tokens,userSlippage:o.userSlippage});s&&(r.quote=s),t&&n&&(ll(t,e)?r.quoteUpdate={type:3,newOutputAmount:I(Xt(e)),percentageChange:I(ze(Xt(t)??"",Xt(e)??""),null,2)}:oi(t,e)?r.quoteUpdate={type:0}:ni(t,e)?r.quoteUpdate={type:1}:ri(t,e)&&(r.quoteUpdate={type:2}));let a=pl(e,o.selectedWallets,o.meta.blockchains);return a.length===0||(r.balance={messages:a}),r}i(qc,"generateWarnings");function lr(t){return t?.code==="ERR_CANCELED"?{swap:null,error:{type:2},warnings:null}:t.cause?{swap:null,error:t.cause,warnings:null}:{swap:null,error:{type:1},warnings:null}}i(lr,"handleQuoteErrors");function os(){let{fromToken:t,toToken:e,inputAmount:o,setQuote:n,quote:r,customDestination:s,setQuoteWarningsConfirmed:a}=K(),{slippage:l,customSlippage:p,affiliatePercent:c,affiliateRef:u,affiliateWallets:g,disabledLiquiditySources:m}=h(),{connectedWallets:f}=Q(),k=h().blockchains(),y=h().tokens(),{features:d}=h().config,{enableNewLiquiditySources:S}=h().config,w=p||l,{fetch:x,cancelFetch:C,loading:A}=sr();return Oh(()=>C,[]),{loading:A,fetch:i(async b=>{let T=b.selectedWallets,E=b?.customDestination??s;if(!t||!e||!o)return{quote:null,swap:null,error:null,warnings:null};let L=kn({fromToken:t,toToken:e,inputAmount:o,wallets:f,selectedWallets:T,excludeLiquiditySources:S,disabledLiquiditySources:m,slippage:w,affiliateRef:u,affiliatePercent:c,affiliateWallets:g,initialQuote:r??void 0,destination:E});cn("experimentalRoute",d)&&(L.experimental=!0);let F;try{F=await x(L).then(M=>ar(M)),n(F)}catch(M){return lr(M)}let U={slippage:w.toString(),disabledSwappersGroups:m},R=Uh(o.toString(),F,sl(T),U,!1,{blockchains:k,tokens:y}),me=qc(r??void 0,F,{fromToken:t,toToken:e,meta:{blockchains:k,tokens:y},selectedWallets:T,userSlippage:w});return me.quoteUpdate&&a(!1),{quote:F,swap:R,error:null,warnings:me}},"fetch"),cancelFetch:C}}i(os,"useConfirmSwap");var Rh=Hh("div",{width:"100%",display:"flex",justifyContent:"space-between",[`& ${Hc}`]:{width:"$48",height:"$48"}}),ey=rs({flexGrow:1,paddingRight:"$10"}),ty=rs({width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}),oy=rs({display:"flex",justifyContent:"space-between",alignItems:"center"});function Qc(){let{quote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:s,quoteWarningsConfirmed:a}=K(),l=Zh(),p=Jh(),[c,u]=cr(""),{connectedWallets:g}=Q(),m=!n,[f,k]=cr(!1),{isActiveTab:y}=ee(),d=h().disabledLiquiditySources,S=Kh(d),{manager:w}=zh(),{fetch:x,loading:C,cancelFetch:A}=os(),[v,b]=cr({swap:null,error:null,warnings:null}),[T,E]=cr(!1),L=i(async({selectedWallets:O,customDestination:Fe})=>{let V=await x?.({selectedWallets:O,customDestination:Fe});return b(V),V},"onConfirmSwap"),F=i(async()=>{if(v.swap&&n)try{await w?.create("swap",{swapDetails:v.swap},{id:v.swap.requestId});let O=`../${P.swaps}/${v.swap.requestId}`;l(O,{replace:!0}),setTimeout(()=>{e("")},0)}catch(O){u("Error: "+O?.message)}},"addNewSwap"),U=i(async()=>{await F()},"onConfirm"),R=i(async()=>{v?.warnings?.quote&&!a?E(!0):await U()},"onStartConfirmSwap"),me=i(async()=>{b({error:null,swap:null,warnings:null}),x({selectedWallets:o,customDestination:s}).then(O=>{b(O)}).catch(O=>console.error(O))},"onRefresh");Bo(()=>{!!S.current.length&&!d.length&&me(),S.current=d},[d.length]),Bo(()=>{m&&A()},[m]),Bo(()=>{m&&k(m)},[m]),Bo(()=>{m||x({selectedWallets:o,customDestination:s}).then(O=>b(O)).catch(O=>console.error(O))},[]),Bo(()=>{let O=v.warnings?.quote?.type&&Object.values(vt).includes(v.warnings?.quote?.type),Fe=o.length<1||!o.every(Y=>g.find(be=>Y.address===be.address&&Y.walletType===be.walletType&&Y.chain===be.chain)),V=!1;if(O){let Y=gn(t),be=t?.result?.swaps[t.result.swaps.length-1].to.blockchain;!!t?.result?.swaps.find(ut=>ut.from.blockchain===be)||(Y=Y.slice(-Y.length,Y.length-1)),Y.every(ut=>o.find(_=>_.chain===ut))||(V=!0)}t&&(Fe||V)&&(queueMicrotask(()=>Yh(k.bind(null,!0))),r(!1))},[v.warnings?.quote,o.length,g.length]),Xh(()=>{t||l(`../${p.search}`)},[]);let M=v.warnings?.quote??null,G=v.error,te=[];return c&&te.push(pe.createElement(Gc,{type:"error",variant:"alarm",title:c})),v.warnings?.quoteUpdate&&te.push(pe.createElement(Gc,{variant:"alarm",type:"warning",title:v.warnings.quoteUpdate&&bn(v.warnings.quoteUpdate)})),(M||G)&&te.push(pe.createElement(xo,{warning:M,error:G,loading:C,refetchQuote:me,showWarningModal:T,confirmationDisabled:!y,onOpenWarningModal:()=>E(!0),onCloseWarningModal:()=>E(!1),onConfirmWarningModal:async()=>{E(!1),await F()},onChangeSettings:()=>l(P.settings)})),pe.createElement(re,{header:{title:pr.t("Confirm Swap"),onWallet:()=>{let O=`../${P.wallets}`;l(O)},suffix:pe.createElement(Qh,{container:W(),side:"bottom",content:pr.t("Settings")},pe.createElement(Ge,{size:"small",variant:"ghost",onClick:()=>l("../"+P.settings)},pe.createElement(Gh,{size:18,color:"black"})))},footer:pe.createElement(Rh,null,pe.createElement("div",{className:ey()},pe.createElement(qh,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:C,disabled:!!v.error||!y,onClick:R},pr.t("Start Swap"))),pe.createElement(Hc,{variant:"contained",type:"primary",size:"large",loading:C,onClick:k.bind(null,!0)},pe.createElement(jh,{size:24})))},f&&pe.createElement(Wp,{open:f,onClose:()=>k(!1),onCancel:A,loading:C,onCheckBalance:L}),pe.createElement(se,null,pe.createElement("div",{className:oy()},pe.createElement(Vh,{variant:"title",size:"small"},pr.t("You get")),pe.createElement("div",{className:ty()},pe.createElement(On,{onClick:!C&&!f&&!T?me:void 0}))),pe.createElement(ns,{size:"12"}),zl(te,pe.createElement(ns,{size:10})),te.length>0?pe.createElement(ns,{size:10}):null,pe.createElement(No,{quote:t,type:"swap-preview",expanded:!0,error:v.error,loading:C,warning:v.warnings?.quote??null})))}i(Qc,"ConfirmSwapPage");import{i18n as mr}from"@lingui/core";import{useManager as Sy}from"@rango-dev/queue-manager-react";import{Divider as ou,NotFound as Cy,styled as Ty}from"@rango-dev/ui";import yt,{useState as ky}from"react";import{useNavigate as wy}from"react-router-dom";import{i18n as iy}from"@lingui/core";import{Divider as Yc,GroupedVirtualizedList as sy,Skeleton as ay,SwapListItem as Jc,Typography as ly}from"@rango-dev/ui";import Le,{useCallback as Zc,useEffect as py,useRef as cy,useState as uy}from"react";function Vc(t,e){let o=[],n=0;do{let r=t[n];o.push(Math.min(r,e)),e-=r,n++}while(e>0&&n<=t.length);return o}i(Vc,"calculateGroupsSoFar");import{css as ny,darkTheme as ry,styled as Mo}from"@rango-dev/ui";var is=ny(),jc=Mo("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$5"}),ss=Mo("div",{width:"100%",display:"flex",flexDirection:"column",backgroundColor:"$background",padding:"$10 $5 0 $5",[`& .${is}`]:{$$color:"$colors$neutral600",[`.${ry} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),as=Mo("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),Xc=Mo("div",{gap:"$10",display:"flex",flexDirection:"column"}),Kc=Mo("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});var my=10;function ls(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,[s,a]=uy([]),l=cy(0),{swaps:p,groupCounts:c,groups:u}=n(e),g=Zc(Vc,[]),m=Zc(()=>{let f=e.length-l.current;f&&(l.current+=Math.min(f,my),a(g(c,l.current)))},[e.length]);if(py(()=>{r||m()},[r,m]),r){let f=[1,2];return Le.createElement(Le.Fragment,null,[f,f].map((y,d)=>Le.createElement(ss,{key:d},Le.createElement(as,null,Le.createElement(ay,{variant:"text",width:60,size:"small"}),Le.createElement(Yc,{size:16})),Le.createElement(Yc,{size:4}),Le.createElement(Xc,null,y.map((w,x)=>Le.createElement(Jc,{isLoading:!0,key:x}))))))}return Le.createElement(sy,{endReached:()=>{l.current<e.length&&m()},groupCounts:s,groupContent:f=>Le.createElement(ss,null,Le.createElement(as,null,Le.createElement(ly,{variant:"label",size:"medium",className:is()},u[f]))),itemContent:(f,k)=>{let y=p[f];if(!y)return null;let d=y.steps[0],S=y.steps[y.steps.length-1];return Le.createElement(jc,{key:y.requestId},Le.createElement(Jc,{requestId:y.requestId,creationTime:y.creationTime,status:y.status,onClick:o,tooltipContainer:W(),onlyShowTime:u[k]===iy.t("Today"),swapTokenData:{from:{token:{image:d.fromLogo,displayName:d.fromSymbol},blockchain:{image:d.fromBlockchainLogo||""},amount:I(y.inputAmount,6,6),realAmount:le(y.inputAmount)},to:{token:{image:S.toLogo,displayName:S.toSymbol},blockchain:{image:S.toBlockchainLogo||""},amount:I(S.outputAmount||S.expectedOutputAmountHumanReadable||"",6,6),realAmount:le(S.outputAmount||S.expectedOutputAmountHumanReadable)}}}))}})}i(ls,"HistoryGroupedList");import{CloseIcon as fy,IconButton as gy,SearchIcon as hy,TextField as yy}from"@rango-dev/ui";import Po from"react";import{styled as dy}from"@rango-dev/ui";var Rc=dy("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function ht(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:s,value:a,setValue:l,...p}=t;return Po.createElement(yy,{prefix:Po.createElement(Rc,null,Po.createElement(hy,{color:"black"})),suffix:!!a.length&&Po.createElement(gy,{variant:"ghost",onClick:()=>l?.(""),size:"small"},Po.createElement(fy,{color:"gray",size:10})),fullWidth:o,color:n,variant:e,style:{padding:10,borderRadius:25,alignItems:"center"},size:r,value:a,onChange:s,...p})}i(ht,"SearchInput");import{i18n as ur}from"@lingui/core";import eu from"dayjs";var tu=i(t=>{let e=new Map([["today",{title:ur.t("Today"),swaps:[]}],["week",{title:ur.t("This week"),swaps:[]}],["month",{title:ur.t("This month"),swaps:[]}],["year",{title:ur.t("This year"),swaps:[]}]]);function o(p,c){e.has(p)||e.set(p,{title:p,swaps:[]}),e.get(p)?.swaps.push(c)}i(o,"addYearsToOutput");let n=eu();t.forEach(p=>{let c=Number(p.creationTime),u=eu(c);if(n.isSame(u,"day"))e.get("today")?.swaps.push(p);else if(n.isSame(u,"week"))e.get("week")?.swaps.push(p);else if(n.isSame(u,"month"))e.get("month")?.swaps.push(p);else if(n.isSame(u,"year"))e.get("year")?.swaps.push(p);else{let g=new Date(c).getFullYear().toString();o(g,p)}});let r=Array.from(e.values()).filter(p=>p.swaps.length>0),s=r.flatMap(p=>p.swaps),a=r.map(p=>p.swaps.length),l=r.map(p=>p.title);return{swaps:s,groupCounts:a,groups:l}},"groupSwapsByDate");var vy=Ty("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),xy=i((t,e)=>t?.length?t.filter(o=>tt(o.fromBlockchain,e)||tt(o.toBlockchain,e)||tt(o.toSymbol,e)||tt(o.fromSymbol,e)).length:!1,"isStepContainsText");function nu(){let t=wy(),{manager:e,state:o}=Sy(),n=It(e).map(({swap:u})=>u),[r,s]=ky(""),a=!o.loadedFromPersistor,l=i(u=>{let g=u.target.value;s(g)},"searchHandler"),p=n;r&&(p=n.filter(u=>tt(u.inputAmount,r)||tt(u.status,r)||xy(u.steps,r)||tt(u.requestId,r)));let c=!p?.length&&!a;return yt.createElement(re,{header:{title:mr.t("History")}},yt.createElement(se,null,yt.createElement(ht,{setValue:s,fullWidth:!0,variant:"contained",placeholder:mr.t("Search Transaction"),autoFocus:!0,onChange:l,value:r}),yt.createElement(ou,{size:"16"}),yt.createElement(vy,null,c&&yt.createElement(Kc,null,yt.createElement(ou,{size:32}),yt.createElement(Cy,{title:mr.t("No results found"),description:r?mr.t("Try using different keywords"):""})),!c&&yt.createElement(ls,{list:p,onSwapClick:t,groupBy:tu,isLoading:a}))))}i(nu,"HistoryPage");import{i18n as us}from"@lingui/core";import{Button as Ny,Divider as au,styled as pu,SwapInput as lu,WarningIcon as By}from"@rango-dev/ui";import xe,{useEffect as My,useState as Py}from"react";import{useNavigate as $y}from"react-router-dom";import{ReverseIcon as by,styled as ru}from"@rango-dev/ui";import ps from"react";var Ay=ru("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),Iy=ru("div",{borderRadius:"$md",border:"3px solid $background",background:"$neutral100",width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center",color:"$foreground","&:hover":{color:"$secondary500"}});function iu(){let t=K.use.switchFromAndTo();return ps.createElement(Ay,null,ps.createElement(Iy,{onClick:()=>{t()}},ps.createElement(by,{size:12})))}i(iu,"SwitchFromAndToButton");import{useCallback as Ey,useEffect as Wy,useState as cs}from"react";var Ly=600;function su(){let{fetch:t,cancelFetch:e}=sr(),{liquiditySources:o,enableNewLiquiditySources:n,features:r}=h().config,s=h().tokens(),{fromToken:a,toToken:l,inputAmount:p,inputUsdValue:c,quote:u,resetQuote:g,setQuote:m}=K(),{slippage:f,customSlippage:k,affiliatePercent:y,affiliateRef:d,affiliateWallets:S,disabledLiquiditySources:w,fetchStatus:x}=h(),[C,A]=cs(!0),[v,b]=cs(null),[T,E]=cs(null),L=k??f,U=!a||!l||Ee(a,l)||!mo(p),R=i(G=>{A(G),b(null),E(null)},"resetState"),me=i(G=>{let{fromToken:te,toToken:O,inputAmount:Fe,liquiditySources:V,excludeLiquiditySources:Y,disabledLiquiditySources:be,slippage:Ce,affiliateRef:Te,affiliatePercent:ut,affiliateWallets:_}=G;if(C||R(!0),!U&&te&&O){g();let j=kn({fromToken:te,toToken:O,inputAmount:Fe,liquiditySources:V,excludeLiquiditySources:Y,disabledLiquiditySources:be,slippage:Ce,affiliateRef:Te,affiliatePercent:ut,affiliateWallets:_});cn("experimentalRoute",r)&&(j.experimental=!0),t(j).then(H=>{A(!1),m(H),ar(H);let ce=wn(H,{fromToken:te,toToken:O,userSlippage:L,tokens:s});E(ce)}).catch(H=>{let{error:ce}=lr(H);(ce?.type===0||ce?.type===1)&&g(),ce?.type!==2&&(b(ce),A(!1))})}},"fetch"),M=Ey(Ma(G=>{U||me(G)},Ly),[U]);return Wy(()=>{if(x==="success"){if(!mo(p)||c?.eq(0)){R(!1),e();return}if(U){u&&g();return}return g(),R(!0),M({inputAmount:p,fromToken:a,toToken:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:w,slippage:L,affiliateRef:d,affiliatePercent:y,affiliateWallets:S}),e}},[x,p,a?.symbol,a?.address,a?.blockchain,l?.symbol,l?.address,l?.blockchain,U,o?.length,n,w.length,L,d,y,JSON.stringify(S)]),{fetch:()=>me({inputAmount:p,fromToken:a,toToken:l,liquiditySources:o,excludeLiquiditySources:n,disabledLiquiditySources:w,slippage:L,affiliateRef:d,affiliatePercent:y,affiliateWallets:S}),loading:C,error:v,warning:T}}i(su,"useSwapInput");var _y=pu("div",{position:"relative"}),Dy=pu("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"});function cu(){let t=$y(),{fetch:e,loading:o,error:n,warning:r}=su(),{fromToken:s,fromBlockchain:a,toToken:l,toBlockchain:p,setInputAmount:c,inputAmount:u,inputUsdValue:g,outputAmount:m,outputUsdValue:f,quote:k,resetQuoteWallets:y,setQuoteWarningsConfirmed:d}=K(),{config:S,fetchStatus:w}=h(),{connectedWallets:x,getBalanceFor:C}=Q(),{isActiveTab:A}=ee(),[v,b]=Py(!1),T=!!a&&xa(x,a.name),E=!1,L=!Rr(k,u,g),F=!Rr(k,u,f),U=tl({fetchMetaStatus:w,fetchingQuote:o,inputAmount:u,quote:k,anyWalletConnected:x.length>0,error:n,warning:r,needsToWarnEthOnPath:E}),R=s?C(s):null,me=nn(R)?.amount??"0",M=a&&s?I(R?.amount,R?.decimals):"0",G=w==="success"&&!!u&&!!s&&!!l&&o;My(()=>{y()},[]);let te=!g||!f||!f.gt(0)?null:ze(g.toString(),f.toString());return xe.createElement(re,{height:"auto",footer:xe.createElement(Ny,{type:"primary",size:"large",disabled:U.disabled||!A,prefix:U.action==="confirm-warning"&&xe.createElement(By,null),fullWidth:!0,onClick:()=>{U.action==="connect-wallet"?t(P.wallets):U.action==="confirm-warning"?b(!0):t(P.confirmSwap)}},U.title),header:{onWallet:()=>{t(P.wallets)},hasBackButton:!1,title:S.title||us.t("Swap"),suffix:xe.createElement(Ai,{onClickRefresh:(k||n)&&!v?e:void 0,onClickHistory:()=>t(P.swaps),onClickSettings:()=>t(P.settings)})}},xe.createElement(se,null,xe.createElement(Dy,null,xe.createElement(_y,null,xe.createElement(lu,{label:us.t("From"),mode:"From",onInputChange:c,balance:me,chain:{displayName:a?.displayName||"",image:a?.logo||""},token:{displayName:s?.symbol||"",image:s?.image||""},onClickToken:()=>t(P.fromSwap),price:{value:u,usdValue:L?void 0:I(g,4,4),realUsdValue:L?void 0:le(g),error:L?X().unknownPriceError.impactTitle:void 0},disabled:w==="failed",loading:w==="loading",loadingBalance:T,tooltipContainer:W(),onSelectMaxBalance:()=>{me!=="0"&&c(M.split(",").join(""))}}),xe.createElement(iu,null)),xe.createElement(lu,{sharpBottomStyle:!!k?.result||G,label:us.t("To"),mode:"To",fetchingQuote:G,chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:l?.symbol||"",image:l?.image||""},percentageChange:I(ze(g,f),2,2),warningLevel:ft(te??0),price:{value:I(m,6,6),usdValue:F?void 0:I(f,4,4),realValue:le(m),realUsdValue:F?void 0:le(f),error:F?X().unknownPriceError.impactTitle:void 0},onClickToken:()=>t(P.toSwap),disabled:w==="failed",loading:w==="loading",tooltipContainer:W()})),xe.createElement(au,{size:"2"}),xe.createElement(No,{quote:k,loading:G,error:n,warning:r,type:"basic"}),r||n?xe.createElement(xe.Fragment,null,xe.createElement(au,{size:"10"}),xe.createElement(xo,{warning:r,error:n,loading:G,refetchQuote:e,showWarningModal:v,confirmationDisabled:!A,onOpenWarningModal:()=>b(!0),onCloseWarningModal:()=>b(!1),onConfirmWarningModal:()=>{b(!1),d(!0),t(P.confirmSwap)},onChangeSettings:()=>t(P.settings)})):null))}i(cu,"Home");import{i18n as uu}from"@lingui/core";import{List as Fy,ListItemButton as Uy,Radio as Oy,RadioRoot as zy,Typography as qy}from"@rango-dev/ui";import Nt from"react";function so(){let{setLanguage:t,language:e,config:o}=h(),n=_a,r=o?.language||go;return{activeLanguage:e||r,languages:n,defaultLanguage:r,changeLanguage:s=>t(s||go),resetLanguage:()=>t(null)}}i(so,"useLanguage");function mu(){let{activeLanguage:t,changeLanguage:e,languages:o}=so(),n=o.map(r=>{let{local:s,label:a,SVGFlag:l}=r;return{id:s,value:s,title:Nt.createElement(qy,{variant:"title",size:"xmedium"},a),onClick:()=>e(r.local),end:Nt.createElement(Oy,{value:s}),start:Nt.createElement(l,null)}});return Nt.createElement(re,{header:{title:uu.t("Language")}},Nt.createElement(se,null,Nt.createElement(zy,{value:t},Nt.createElement(Fy,{type:Nt.createElement(Uy,{title:uu.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}i(mu,"LanguagePage");import{i18n as St}from"@lingui/core";import{Button as jy,Checkbox as Xy,Image as Ky,ListItemButton as Yy,NotFound as Jy,Typography as Zy}from"@rango-dev/ui";import Ne,{useState as Ry}from"react";import{Checkbox as Qy,Skeleton as fu}from"@rango-dev/ui";import _o from"react";import{styled as ms}from"@rango-dev/ui";var $o=ms("ul",{padding:"$15 $5 0",margin:0,listStyle:"none",height:"100%",overflowY:"auto"}),ds=ms("div",{width:80,display:"flex",justifyContent:"flex-end"}),fs=ms("div",{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%"});import{ListItem as Gy,styled as Hy}from"@rango-dev/ui";var du=Hy(Gy,{height:61});var Vy=30;function gs(){return _o.createElement($o,null,Array.from(Array(Vy),t=>_o.createElement(du,{hasDivider:!0,key:t,start:_o.createElement(fu,{variant:"circular",width:35,height:35}),title:_o.createElement(fu,{variant:"text",size:"large",width:90}),end:_o.createElement(Qy,{checked:!1})})))}i(gs,"LoadingLiquiditySourceList");function hs({sourceType:t}){let e=h().fetchStatus,o=h().swappers(),n=h().disabledLiquiditySources,[r,s]=Ry(""),a=h().toggleLiquiditySource,l=pn(o,n),p={Exchanges:St.t("Exchanges"),Bridges:St.t("Bridges")},c=[];t==="Exchanges"&&c.push("DEX"),t==="Bridges"&&(c.push("BRIDGE"),c.push("AGGREGATOR"));let u=l.filter(d=>c.includes(d.type)),g=u.length===u.filter(d=>d.selected).length,m=i(()=>{u.forEach(d=>{g?a(d.groupTitle):d.selected||a(d.groupTitle)})},"toggleAllSources"),f=u.map(d=>{let{selected:S,groupTitle:w,logo:x}=d;return{start:Ne.createElement(Ky,{src:x,size:22,type:"circular"}),onClick:()=>a(w),end:Ne.createElement(Xy,{checked:S}),title:Ne.createElement(Zy,{variant:"title",size:"xmedium"},St.t(w)),...d}}),k=i(d=>{let S=d.target.value;s(S)},"searchHandler"),y=f;return r&&(y=f.filter(d=>tt(d.groupTitle,r))),Ne.createElement(re,{header:{title:St.t(t),suffix:Ne.createElement(ds,null,Ne.createElement(jy,{variant:"ghost",size:"xsmall",onClick:m},g?St.t("Deselect all"):St.t("Select all")))}},Ne.createElement(se,{view:!0},Ne.createElement(ht,{value:r,setValue:s,fullWidth:!0,color:"light",variant:"contained",placeholder:St.t("Search {sourceType}",{sourceType:p[t]}),onChange:k}),e==="loading"&&Ne.createElement(gs,null),!y.length&&r?Ne.createElement(fs,null,Ne.createElement(Jy,{title:St.t("No results found"),description:St.t("Try using different keywords")})):e==="success"&&Ne.createElement($o,null,y.map(d=>Ne.createElement(Ne.Fragment,{key:d.id},Ne.createElement(Yy,{style:{height:"61px"},...d,selected:!1,hasDivider:!0}))))))}i(hs,"LiquiditySourcePage");import{i18n as wu}from"@lingui/core";import{Divider as vu,getCountCategories as pS,SelectableCategoryList as cS}from"@rango-dev/ui";import Ct,{useState as xu}from"react";import{i18n as Ss}from"@lingui/core";import{Divider as Tu,Image as rS,ListItemButton as iS,NotFound as sS,Typography as ku}from"@rango-dev/ui";import Qe,{useEffect as aS,useState as lS}from"react";import{BlockchainCategories as ys}from"@rango-dev/ui";import{TransactionType as dr}from"rango-sdk";var eS=i((t,e)=>{switch(e){case ys.ALL:return!0;case ys.UTXO:return t.type===dr.TRANSFER;case ys.OTHER:return t.type!==dr.TRANSFER&&t.type!==dr.COSMOS&&t.type!==dr.EVM;default:return t.type===e}},"filterByType"),gu=i((t,e,o)=>t.filter(n=>eS(n,o)).filter(n=>Pt(n.name,e)||Pt(n.displayName,e)),"filterBlockchains");import{ImageContainer as tS,styled as hu}from"@rango-dev/ui";var yu=hu("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),fr=hu(Co,{padding:0,margin:0,listStyle:"none",[`& ${tS}`]:{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as oS,Skeleton as Su}from"@rango-dev/ui";import gr from"react";var nS=20;function Cu(){return gr.createElement(fr,null,Array.from(Array(nS),t=>gr.createElement(oS,{key:t,hasDivider:!0,start:gr.createElement(Su,{variant:"circular",width:35,height:35}),title:gr.createElement(Su,{variant:"text",size:"large",width:90})})))}i(Cu,"LoadingBlockchainList");function Cs(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=lS(e),{fetchStatus:l}=h();aS(()=>{a([...gu(e,o,r)])},[e,o,r]);let p=i(()=>!s.length&&o?Qe.createElement(Qe.Fragment,null,Qe.createElement(Tu,{size:32}),Qe.createElement(sS,{title:Ss.t("No results found"),description:Ss.t("Try using different keywords")})):Qe.createElement(fr,{as:"ul",key:`${r}-${o}`},s.map(c=>Qe.createElement(iS,{key:`${c.name}-${c.chainId}`,hasDivider:!0,onClick:()=>n(c),start:Qe.createElement(rS,{src:c.logo,size:30}),title:Qe.createElement(ku,{variant:"title",size:"medium"},c.displayName),id:c.chainId}))),"renderList");return Qe.createElement(yu,null,Qe.createElement(ku,{variant:"label",size:"large"},Ss.t("Select Blockchain")),Qe.createElement(Tu,{size:4}),l==="loading"&&Qe.createElement(Cu,null),l==="success"&&p())}i(Cs,"BlockchainList");function Ts(t){let{type:e}=t,o=At(),[n,r]=xu(""),[s,a]=xu("ALL"),l=K.use.setToBlockchain(),p=K.use.setFromBlockchain(),c=h().fetchStatus,u=h().blockchains({type:e}),m=pS(u)!==1;return Ct.createElement(re,{header:{title:wu.t("Select Blockchain")}},Ct.createElement(se,{view:!0},m&&Ct.createElement(Ct.Fragment,null,Ct.createElement(cS,{setCategory:a,category:s,blockchains:u,isLoading:c==="loading"}),Ct.createElement(vu,{size:24})),Ct.createElement(ht,{value:n,autoFocus:!0,placeholder:wu.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:f=>r(f.target.value)}),Ct.createElement(vu,{size:16}),Ct.createElement(Cs,{list:u,searchedFor:n,blockchainCategory:s,onChange:f=>{e==="source"?p(f):l(f),o()}})))}i(Ts,"SelectBlockchainPage");import{i18n as Tr}from"@lingui/core";import{Divider as Hu}from"@rango-dev/ui";import zt,{useState as IS}from"react";import{useNavigate as ES}from"react-router-dom";import{i18n as vs}from"@lingui/core";import{BlockchainsChip as hr,Divider as Eu,Image as Wu,Skeleton as gS,Tooltip as hS,Typography as xs}from"@rango-dev/ui";import Se from"react";import{useEffect as dS}from"react";var bu=["ETH","COSMOS","OSMOSIS"];function ks(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(uS),o?.limit&&t.length>o.limit){let s=o.limit,a=e;if(e.length<=o.limit){let l=o.limit-e.length;for(let p=0;p<=l;p++){let c=n[p];a=a.filter(u=>c.name!==u)}}n.sort(mS(a)),r=n.splice(s)}return{list:n,more:r}}i(ks,"prepare");function uS(t,e){let o=bu,n=o.findIndex(l=>l===t.name),r=o.findIndex(l=>l===e.name),s=n>-1,a=r>-1;return s&&a?n>r?1:-1:s?-1:a?1:0}i(uS,"sortByMostUsedBlockchains");function mS(t){return i(function(o,n){let r=t.findIndex(p=>p===o.name),s=t.findIndex(p=>p===n.name),a=r>-1,l=s>-1;return a&&l?r>s?1:-1:t.includes(o.name)?-1:t.includes(n.name)?1:0},"sortByPreferred")}i(mS,"generateSortByPreferredBlockchainsFor");function Au(t,e){return!!e.list.find(o=>o.name===t)}i(Au,"isInVisibleList");function ws(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=h();dS(()=>{if(e?.selected){let s=ks(t,o,e);Au(e.selected,s)||n(e?.selected)}},[e?.selected]);let r=ks(t,o,e);return{list:r.list,more:r.more,history:[]}}i(ws,"usePrepareBlockchainList");import{styled as fS}from"@rango-dev/ui";var Iu=fS("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var yS=12;function bs(t){let{blockchains:e,type:o,blockchain:n,onChange:r,onMoreClick:s}=t,a=ws(e,{limit:10,selected:n?.name}),{fetchStatus:l}=h(),p=K.use.resetToBlockchain(),c=K.use.resetFromBlockchain(),u=a.more.length>0,g=a.more.length===1,m=!g&&u;return Se.createElement(Se.Fragment,null,Se.createElement(Eu,{size:12}),Se.createElement(xs,{variant:"label",size:"large"},vs.t("Select Blockchain")),Se.createElement(Eu,{size:12}),Se.createElement(Iu,null,l==="loading"&&Array.from(Array(yS),f=>Se.createElement(gS,{key:f,variant:"rounded",height:50})),l==="success"&&Se.createElement(Se.Fragment,null,Se.createElement(hr,{selected:!n,onClick:()=>{o==="from"?c():p()}},Se.createElement(xs,{variant:"body",size:"xsmall",color:"secondary500"},vs.t("All"))),a.list.map(f=>Se.createElement(hS,{key:f.name,content:f.shortName,side:"bottom",sideOffset:2,container:W()},Se.createElement(hr,{key:f.name,selected:!!n&&n.name===f.name,onClick:()=>r(f)},Se.createElement(Wu,{src:f.logo,size:30})))),g?Se.createElement(hr,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},Se.createElement(Wu,{src:a.more[0].logo,size:30})):null,m?Se.createElement(hr,{onClick:s,key:"more-blockchains"},Se.createElement(xs,{variant:"body",size:"xsmall",color:"secondary500"},vs._("More +{count}",{count:a.more.length}))):null)))}i(bs,"BlockchainsSection");import{i18n as $s}from"@lingui/core";import{darkTheme as Uu,Divider as lo,ExternalLinkIcon as TS,Image as kS,ListItemButton as wS,NotFound as vS,PinIcon as xS,Skeleton as Ou,Typography as Cr,VirtualizedList as bS}from"@rango-dev/ui";import $,{useEffect as zu,useState as qu}from"react";import{Divider as Du,ListItem as CS,Skeleton as Do}from"@rango-dev/ui";import Re from"react";import{css as ao,darkTheme as Lu,ImageContainer as SS,styled as Ze,Typography as Nu}from"@rango-dev/ui";var As=ao({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}),Is=ao({position:"relative",height:12,width:"30%",maxWidth:"150px"}),Es=ao({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"}),Ws=ao({transform:"translateY(12px)",visibility:"hidden","& a":{display:"flex",justifyContent:"center",alignItems:"center",fontSize:"$12",lineHeight:"$16",$$color:"$colors$neutral600",[`.${Lu} &`]:{$$color:"$colors$neutral700"},color:"$$color",textDecoration:"none"}}),Ls=ao({}),Ns=ao(),Bu=Ze("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),Bs=Ze("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),yr=Ze("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none","&:hover":{[`& .${Is}`]:{[`& .${Ws}`]:{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},[`& .${Ls}`]:{bottom:"-15px"},[`& .${As}`]:{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},[`& .${Es}`]:{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),Ms=Ze("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),Ps=Ze(Nu,{}),Mu=Ze("div",{textAlign:"right",width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",[`& .${Ns}`]:{$$color:"$colors$neutral600",[`.${Lu} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Sr=Ze("div",{display:"flex",alignItems:"end",flexDirection:"column"}),m$=Ze("div",{display:"flex",alignItems:"center"}),Pu=Ze("div",{position:"relative",[`& ${SS}`]:{borderRadius:"$xm",overflow:"hidden"}}),$u=Ze("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6}),_u=Ze(Nu,{width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"});function Fu(t){return Re.createElement(yr,null,Array.from(Array(t.size),e=>Re.createElement(CS,{key:e,hasDivider:!0,start:Re.createElement(Do,{variant:"circular",width:35,height:35}),end:Re.createElement(Sr,null,Re.createElement(Do,{variant:"text",size:"large",width:70}),Re.createElement(Du,{size:4}),Re.createElement(Do,{variant:"text",size:"medium",width:50})),title:Re.createElement("div",null,Re.createElement(Do,{variant:"text",size:"large",width:90}),Re.createElement(Du,{size:4}),Re.createElement(Do,{variant:"text",size:"medium",width:90}))})))}i(Fu,"LoadingTokenList");var _s=20,AS=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:s,customCssForTagTitle:a}=t,l=e.length;return $.createElement("div",{className:Is()},o?$.createElement("div",{className:As()},o):$.createElement(Bs,{className:Es()},$.createElement(Cr,{variant:"title",size:"xmedium"},r.symbol),$.createElement(lo,{direction:"horizontal",size:4}),$.createElement(Ms,{css:s},$.createElement(Ps,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&$.createElement("div",{className:`${Ws()} ${!o&&Ls()}`},$.createElement("a",{href:n,target:"_blank",rel:"nofollow noreferrer",onClick:p=>p.stopPropagation()},l>10?`${e.slice(0,5)}...${e.slice(l-6,l)}`:e," ",$.createElement(lo,{size:4,direction:"horizontal"}),$.createElement(TS,{color:"gray",size:12}))))},"renderDesc");function Gu(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=qu(e),l=h().fetchStatus,p=h().blockchains(),[c,u]=qu(!0),{getBalanceFor:g,loading:m}=Q(),{isTokenPinned:f}=h(),k=i(()=>{a(e.slice(0,s.length+_s))},"loadNextPage");zu(()=>{u(e.length>s.length)},[s.length]),zu(()=>{a(e.slice(0,_s))},[e]);let y=i(()=>!s.length&&o?$.createElement($.Fragment,null,$.createElement(lo,{size:32}),$.createElement(vS,{title:$s.t("No results found"),description:$s.t("Try using different keywords")})):$.createElement(bS,{endReached:c?k:void 0,itemContent:d=>{let S=s[d],w=nn(g(S)),x=S.address||"",C=p.find(T=>T.name===S.blockchain),A=Pn(S.symbol,C?.color||""),v={$$color:A[`${S.symbol}100`],[`.${Uu} &`]:{$$color:A[`${S.symbol}900`]},backgroundColor:"$$color"},b={$$color:A[`${S.symbol}700`],[`.${Uu} &`]:{$$color:A[`${S.symbol}100`]},color:"$$color"};return $.createElement("div",{style:{paddingRight:5}},$.createElement(wS,{style:{width:"100%",overflow:"hidden"},"tab-index":d,key:`${S.symbol}${S.address}`,id:`${S.symbol}${S.address}`,hasDivider:!0,onClick:()=>n(s[d]),start:$.createElement(Pu,null,$.createElement(kS,{src:S.image,size:30}),f(S,t.type)&&$.createElement($u,null,$.createElement(xS,{size:12,color:"gray"}))),title:C?.type==="COSMOS"||S.name||!S.name&&!x?$.createElement(Bs,null,$.createElement(Cr,{variant:"title",size:"xmedium"},S.symbol),$.createElement(lo,{direction:"horizontal",size:4}),$.createElement(Ms,{css:v},$.createElement(Ps,{variant:"body",size:"xsmall",css:b},S.blockchain))):void 0,description:C?.info&&x&&C.type!=="COSMOS"?AS({address:x,token:s[d],customCssForTag:v,customCssForTagTitle:b,name:S.name,url:C.info.addressUrl.split("{wallet}").join(x)}):S.name||void 0,end:m?$.createElement(Sr,null,$.createElement(Ou,{variant:"text",size:"large",width:70}),$.createElement(lo,{size:4}),$.createElement(Ou,{variant:"text",size:"medium",width:50})):w&&$.createElement(Mu,null,$.createElement(_u,{variant:"title",size:"small"},w.amount),$.createElement("div",null),w.usdValue&&$.createElement(Cr,{variant:"body",className:Ns(),size:"xsmall"},`$${w.usdValue}`))}))},totalCount:s.length,key:`${r}-${o}`}),"renderList");return $.createElement(Bu,null,$.createElement(Cr,{variant:"label",size:"large"},$s.t("Select Token")),$.createElement(lo,{size:4}),l==="loading"&&$.createElement(Fu,{size:_s}),l==="success"&&$.createElement(yr,{as:"ul"},y()))}i(Gu,"TokenList");function Ds(t){let{type:e}=t,o=ES(),n=At(),{fromBlockchain:r,toBlockchain:s,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:c}=K(),u=Q.use.getBalanceFor(),[g,m]=IS(""),{isTokenPinned:f}=h(),y=(e==="source"?r:s)?.name??"",d=h().blockchains({type:e}),S=h().tokens({type:e,blockchain:y,searchFor:g}),x=ka(S,u,i(b=>f(b,e),"checkIsTokenPinned")),C=i(b=>{e==="source"?p(b):c(b)},"updateBlockchain"),A=i(b=>{e==="source"?a({token:b,meta:{blockchains:d,tokens:S}}):l({token:b,meta:{blockchains:d,tokens:S}})},"updateToken"),v={source:Tr.t("Source"),destination:Tr.t("Destination")};return zt.createElement(re,{header:{title:Tr.t("Swap {type}",{type:v[e]})}},zt.createElement(se,null,zt.createElement(bs,{blockchains:d,type:e=="source"?"from":"to",blockchain:e==="source"?r:s,onMoreClick:()=>o(P.blockchains),onChange:b=>{C(b)}}),zt.createElement(Hu,{size:24}),zt.createElement(ht,{value:g,autoFocus:!0,placeholder:Tr.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>m(""),onChange:b=>m(b.target.value)}),zt.createElement(Hu,{size:16}),zt.createElement(Gu,{list:x,selectedBlockchain:y,searchedFor:g,type:e,onChange:b=>{A(b);let T=d.find(E=>b.blockchain===E.name);T&&C(T),n()}})))}i(Ds,"SelectSwapItemsPage");import{i18n as qt}from"@lingui/core";import{ChevronRightIcon as Os,Divider as zs,InfoIcon as _S,List as DS,ListItemButton as FS,Skeleton as US,Switch as OS,Tooltip as zS,Typography as Gt}from"@rango-dev/ui";import J from"react";import{useNavigate as qS}from"react-router-dom";import{i18n as Yu}from"@lingui/core";import{Divider as BS,InfoIcon as MS,TextField as PS,Tooltip as $S,Typography as Ju}from"@rango-dev/ui";import De from"react";import{Chip as WS,styled as Fo,TextField as LS}from"@rango-dev/ui";var Qu=Fo("div",{paddingTop:"$5",padding:"$10 $5"}),Vu=Fo("div",{display:"flex",flexWrap:"wrap",gap:"$10",[`& ${LS}`]:{flex:"1 1 0",maxWidth:"127px",minWidth:"85px"}}),ju=Fo("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),kr=Fo("div",{maxWidth:"280px",padding:"$10"}),Xu=Fo(WS,{width:"61px",flexShrink:0});import{i18n as Fs}from"@lingui/core";import{Typography as NS}from"@rango-dev/ui";import Uo from"react";function Ku(){return Uo.createElement(kr,null,Uo.createElement(NS,{variant:"label",size:"medium",color:"neutral700"},Fs.t("Your transaction will be reverted if the price changes unfavorably by more than this percentage"),Uo.createElement("br",null),Uo.createElement("br",null),Uo.createElement("b",null,Fs.t("Warning")),":",Fs.t("This setting is applied per step (e.g. 1Inch, Thorchain, etc) which means only the step will be reverted, not the whole transaction.")))}i(Ku,"SlippageTooltipContent");function Us(){let{slippage:t,setSlippage:e,customSlippage:o,setCustomSlippage:n}=h();return De.createElement(Qu,null,De.createElement(ju,null,De.createElement(Ju,{variant:"title",size:"xmedium"},Yu.t("Slippage tolerance per swap")),De.createElement(BS,{direction:"horizontal",size:4}),De.createElement($S,{container:W(),side:"top",sideOffset:4,content:De.createElement(Ku,null)},De.createElement(MS,{color:"gray"}))),De.createElement(Vu,null,Da.map((r,s)=>{let a=`slippage-${s}`;return De.createElement(De.Fragment,null,De.createElement(Xu,{key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}))}),De.createElement(PS,{type:"number",min:"0.01",max:"30",step:"0.01",fullWidth:!0,variant:"contained",value:o||"",color:"dark",onChange:r=>{let s=r.target.value,a=parseFloat(s);a>=za&&a<=Oa?n(a):n(null)},suffix:o&&De.createElement(Ju,{variant:"body",size:"small"},"%"),placeholder:Yu.t("Custom")})))}i(Us,"Slippage");function Zu(){let t=qS(),{theme:e}=h().config,o=h().fetchStatus,n=h().swappers(),r=h().disabledLiquiditySources,{config:{features:s}}=h(),a=Ue("theme",s),l=Ue("liquiditySource",s),p=Ue("language",s),c=h().infiniteApprove,u=h().toggleInfiniteApprove,g=pn(n,r),m=g.filter(T=>T.type==="BRIDGE"||T.type==="AGGREGATOR"),f=m.length,k=m.filter(T=>T.selected).length,y=g.filter(T=>T.type==="DEX"),d=y.length,S=y.filter(T=>T.selected).length,w=i((T,E)=>{switch(o){case"loading":return J.createElement(US,{variant:"text",size:"medium",width:50});case"failed":return J.createElement(Gt,{variant:"body",size:"medium",color:"$error500"},qt.t("Loading failed"));default:return J.createElement(Gt,{variant:"body",size:"medium"},`${T} / ${E}`)}},"handleEndItem"),x={id:"bridge-item",title:J.createElement(Gt,{variant:"title",size:"xmedium"},qt.t("Enabled bridges")),end:J.createElement(J.Fragment,null,w(k,f),J.createElement(zs,{direction:"horizontal",size:8}),J.createElement(Os,{color:"black"})),onClick:()=>t(P.bridges)},C={id:"exchange-item",title:J.createElement(Gt,{variant:"title",size:"xmedium"},qt.t("Enabled exchanges")),end:J.createElement(J.Fragment,null,w(S,d),J.createElement(zs,{direction:"horizontal",size:8}),J.createElement(Os,{color:"gray"})),onClick:()=>t(P.exchanges)},A={id:"theme-item",title:J.createElement(Gt,{variant:"title",size:"xmedium"},qt.t("Theme")),end:J.createElement(Os,{color:"gray"}),onClick:()=>t(P.themes)},v={id:"infinite-approval-item",title:J.createElement(J.Fragment,null,J.createElement(Gt,{variant:"title",size:"xmedium"},qt.t("Infinite approval")),J.createElement(zs,{direction:"horizontal",size:4}),J.createElement(zS,{side:"top",sideOffset:4,container:W(),content:J.createElement(kr,null,J.createElement(Gt,{variant:"label",size:"medium",color:"neutral700"},qt.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.")))},J.createElement(_S,{color:"gray"}))),end:J.createElement(OS,{checked:c}),onClick:u},b=l?[]:[x,C];return!e?.singleTheme&&!a&&b.push(A),b.push(v),J.createElement(re,{header:{title:qt.t("Settings")}},J.createElement(se,null,J.createElement(Us,null),J.createElement(DS,{type:J.createElement(FS,{title:"_",id:"_",onClick:()=>console.log()}),items:b})))}i(Zu,"SettingsPage");import{i18n as LC}from"@lingui/core";import{cancelSwap as NC}from"@rango-dev/queue-manager-rango-preset";import{useManager as BC}from"@rango-dev/queue-manager-react";import{Alert as MC}from"@rango-dev/ui";import oa from"react";import{useParams as PC}from"react-router-dom";import{i18n as Tt}from"@lingui/core";import{getCurrentBlockchainOfOrNull as mC,getCurrentStep as dC,getRelatedWalletOrNull as fC}from"@rango-dev/queue-manager-rango-preset";import{Button as Im,CopyIcon as gC,Divider as hC,IconButton as yC,LinkIcon as SC,QuoteCost as CC,StepDetails as TC,Typography as co,useCopyToClipboard as kC}from"@rango-dev/ui";import{useWallets as wC}from"@rango-dev/wallets-react";import Em from"bignumber.js";import{PendingSwapNetworkStatus as Nr}from"rango-types";import Z,{useEffect as Wm,useRef as vC,useState as Lm}from"react";import{useNavigate as xC}from"react-router-dom";import{i18n as Bt}from"@lingui/core";var GS=[Bt.t("Sunday"),Bt.t("Monday"),Bt.t("Tuesday"),Bt.t("Wednesday"),Bt.t("Thursday"),Bt.t("Friday"),Bt.t("Saturday")];function Ru(t){let e=new Date(t),o=e.getDate(),n=e.toLocaleString("default",{month:"long"}),r=e.getFullYear();return`${e.getDay()===new Date().getDay()?Bt.t("Today"):`${GS[e.getDay()]} ${o} ${n} ${r}`}, ${new Date(t).toLocaleTimeString()}`}i(Ru,"timeSince");function em(t){return t.finishTime?Ru(parseInt(t.finishTime)):Ru(parseInt(t.creationTime))}i(em,"getSwapDate");import{PendingSwapNetworkStatus as xr}from"rango-types";import br from"react";import{i18n as wr}from"@lingui/core";import{Button as tm,Divider as qs,MessageBox as HS,Typography as om}from"@rango-dev/ui";import pt from"react";var nm=i(({onCancel:t,onClose:e})=>pt.createElement(pt.Fragment,null,pt.createElement(qs,{size:20}),pt.createElement(HS,{type:"error",title:wr.t("Cancel Swap"),description:wr.t("Are you sure you want to cancel this swap?")}),pt.createElement(qs,{size:32}),pt.createElement(tm,{variant:"contained",type:"primary",size:"large",onClick:t},pt.createElement(om,{variant:"title",size:"medium",color:"neutral100"},wr.t("Yes, Cancel it"))),pt.createElement(qs,{size:12}),pt.createElement(tm,{variant:"outlined",type:"primary",size:"large",onClick:e},pt.createElement(om,{variant:"title",size:"medium",color:"primary"},wr.t("No, Continue")))),"CancelContent");import{i18n as vr}from"@lingui/core";import{Button as rm,Divider as Gs,MessageBox as QS,Typography as im}from"@rango-dev/ui";import ct from"react";var sm=i(({onDelete:t,onClose:e})=>ct.createElement(ct.Fragment,null,ct.createElement(Gs,{size:20}),ct.createElement(QS,{type:"error",title:vr.t("Delete Transaction"),description:vr.t("Are you sure you want to delete this swap?")}),ct.createElement(Gs,{size:32}),ct.createElement(rm,{variant:"contained",type:"primary",size:"large",onClick:t},ct.createElement(im,{variant:"title",size:"medium",color:"neutral100"},vr.t("Yes, Delete it"))),ct.createElement(Gs,{size:12}),ct.createElement(rm,{variant:"outlined",type:"primary",size:"large",onClick:e},ct.createElement(im,{variant:"title",size:"medium",color:"primary"},vr.t("No, Cancel")))),"DeleteContent");import{i18n as Hs}from"@lingui/core";import{PendingSwapNetworkStatus as Qs}from"rango-types";var Vs={[Qs.WaitingForNetworkChange]:{type:"loading",title:Hs.t("Change Network")},[Qs.WaitingForConnectingWallet]:{type:"warning",title:Hs.t("Connect Wallet")},[Qs.NetworkChanged]:{type:"success",title:Hs.t("Network Changed")}};import{MessageBox as jS,Wallet as XS,WalletState as KS}from"@rango-dev/ui";import{useWallets as YS}from"@rango-dev/wallets-react";import Oo,{useEffect as lm,useRef as JS}from"react";import{styled as VS}from"@rango-dev/ui";var am=VS("div",{display:"flex",justifyContent:"center"});var pm=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:s,walletButtonDisabled:a}=t,{connect:l,getWalletInfo:p,state:c,disconnect:u}=YS(),g=n?.walletType,m=g?Ur(c(g)):null,f=JS(!1),k=g?p(g):null,y=s&&!!g&&!!m&&!!k;return lm(()=>()=>{f.current=!0},[]),lm(()=>()=>{f.current&&g&&m===KS.CONNECTING&&u(g)},[m]),Oo.createElement(Oo.Fragment,null,Oo.createElement(jS,{type:e,title:o,description:r}),y&&Oo.createElement(am,null,Oo.createElement(XS,{container:W(),title:k.name,image:k.img,type:g,state:m,link:k.installLink,disabled:a,onClick:async()=>l(g)})))},"WalletStateContent");function js(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:s,message:a,walletButtonDisabled:l}=t,p=e===xr.WaitingForNetworkChange||e===xr.WaitingForConnectingWallet||e===xr.NetworkChanged;return br.createElement(ie,{open:!!e,onClose:o,container:document.getElementById(Ae.SWAP_BOX_ID)||document.body},p&&br.createElement(pm,{type:Vs[e].type,title:Vs[e].title,currentStepWallet:s,message:a,walletButtonDisabled:l,showWalletButton:e!==xr.WaitingForNetworkChange}),e==="delete"&&br.createElement(sm,{onClose:o,onDelete:n}),e==="cancel"&&br.createElement(nm,{onClose:o,onCancel:r}))}i(js,"SwapDetailsModal");import{i18n as zo}from"@lingui/core";import{Button as Xs,Divider as Ar,MessageBox as cm,TokenAmount as ZS,Typography as Ir}from"@rango-dev/ui";import we from"react";import{useNavigate as RS}from"react-router-dom";function Ks(t){let{open:e,onClose:o,status:n,priceValue:r,usdValue:s,realUsdValue:a,realValue:l,token:p,chain:c,percentageChange:u,description:g,diagnosisUrl:m}=t,f=RS();return we.createElement(ie,{open:e,onClose:o,container:document.getElementById(Ae.SWAP_BOX_ID)||document.body},n==="success"?we.createElement(cm,{type:"success",title:zo.t("Swap Successful")},we.createElement(ZS,{direction:"vertical",tooltipContainer:W(),type:"output",centerAlign:!0,price:{value:r,usdValue:s,realUsdValue:a,realValue:l},token:p,chain:c,percentageChange:u}),we.createElement(Ar,{size:12}),we.createElement(Ir,{variant:"body",size:"medium",color:"neutral700",align:"center"},g)):we.createElement(cm,{type:"error",title:zo.t("Transaction Failed"),description:g}),we.createElement(Ar,{size:32}),n==="success"&&we.createElement(Xs,{variant:"contained",type:"primary",size:"large",onClick:()=>{f("../../")}},we.createElement(Ir,{variant:"title",size:"medium",color:"neutral100"},zo.t("Done"))),we.createElement(Ar,{size:12}),m&&we.createElement(we.Fragment,null,we.createElement(Xs,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(m,"_blank")},we.createElement(Ir,{variant:"title",size:"medium",color:"primary"},zo.t("Diagnosis"))),we.createElement(Ar,{size:12})),we.createElement(Xs,{variant:"outlined",type:"primary",size:"large",onClick:o},we.createElement(Ir,{variant:"title",size:"medium",color:"primary"},zo.t("See Details"))))}i(Ks,"SwapDetailsCompleteModal");import cC from"react";import{i18n as sC}from"@lingui/core";import{Alert as hm,IconButton as aC,LinkIcon as lC}from"@rango-dev/ui";import Mt,{Fragment as pC}from"react";import{Alert as eC,ChevronDownIcon as tC,ChevronUpIcon as oC,IconButton as nC}from"@rango-dev/ui";import Er,{useState as rC}from"react";function um(t){let{message:e}=t,[o,n]=rC(!1);return Er.createElement(eC,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Er.createElement(nC,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Er.createElement(oC,{size:12,color:"gray"}):Er.createElement(tC,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(um,"FailedAlert");import{styled as iC}from"@rango-dev/ui";var mm=iC("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as dm}from"@lingui/core";import{Alert as Ys,Button as fm}from"@rango-dev/ui";import{PendingSwapNetworkStatus as Js}from"rango-types";import qo from"react";function gm(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?qo.createElement(Ys,{type:"warning",title:n.shortMessage,action:qo.createElement(fm,{size:"xxsmall",type:"warning",onClick:()=>{o(Js.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},dm.t("Change"))}):r===Js.WaitingForConnectingWallet?qo.createElement(Ys,{type:"warning",title:n.shortMessage,action:qo.createElement(fm,{size:"xxsmall",type:"warning",onClick:()=>{o(Js.WaitingForConnectingWallet)}},dm.t("Connect"))}):qo.createElement(Ys,{type:"warning",title:n.shortMessage})}i(gm,"WarningAlert");function Zs(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:s,hasAlreadyProceededToSign:a}=t,l=yo(s),p=s.status==="waitingForApproval"&&!l,c=s.status==="running"&&!l,u=c&&!a||p&&!s.explorerUrl?.length;return Mt.createElement(mm,null,s.explorerUrl?.map((g,m,f)=>{let k=m+g.url,y=m===f.length-1,d=(y&&c||p)&&!u,S=y&&s.status==="failed";return Mt.createElement(pC,{key:k},Mt.createElement(hm,{type:y&&(d&&"loading"||S&&"error")||"success",title:g.description?`${g.description} Tx`:sC.t("View transaction"),action:g.url&&Mt.createElement(aC,{variant:"ghost",size:"xsmall",onClick:()=>window.open(g.url,"_blank")},Mt.createElement(lC,{size:12}))}))}),u&&Mt.createElement(hm,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&l&&Mt.createElement(gm,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&Mt.createElement(um,{message:r}))}i(Zs,"SwapDetailsAlerts");var ym=2e3;var Sm=i(({swap:t,blockchains:e,swappers:o,...n})=>{let r=t.hasAlreadyProceededToSign!==!1;return t.steps.map((s,a)=>{let l=a===0?t.inputAmount:t.steps[a-1].outputAmount||t.steps[a-1].expectedOutputAmountHumanReadable;return{from:{token:{displayName:s.fromSymbol,image:s.fromLogo??""},chain:{displayName:Oe(s.fromBlockchain,e)??"",image:s.fromBlockchainLogo??""},price:{value:I(l,6,6),realValue:l}},to:{token:{displayName:s.toSymbol,image:s.toLogo},chain:{displayName:Oe(s.toBlockchain,e)??"",image:s.toBlockchainLogo??""},price:{value:I(s.outputAmount||s.expectedOutputAmountHumanReadable,6,6),realValue:s.outputAmount||s.expectedOutputAmountHumanReadable}},swapper:{displayName:ho(s.swapperId,o),image:s.swapperLogo??"",type:s.swapperType},internalSwaps:s.internalSwaps?s.internalSwaps.map(p=>({from:{blockchain:Oe(p.fromBlockchain,e)??""},to:{blockchain:Oe(p.toBlockchain,e)??""},swapper:{displayName:ho(p.swapperId,o),image:p.swapperLogo??"",type:p.swapperType}})):[],alerts:cC.createElement(Zs,{step:s,hasAlreadyProceededToSign:r,...n})}})},"getSteps");function Cm(t){if(yo(t)&&t.status!=="failed"&&t.status!=="success")return"warning";switch(t.status){case"created":return"default";case"approved":case"waitingForApproval":case"running":return"in-progress";case"failed":return"error";case"success":return"completed"}}i(Cm,"getStepState");import{css as Go,darkTheme as uC,styled as Ht}from"@rango-dev/ui";var Tm=Ht("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),Wr=Ht("div",{width:"100%"}),km=Ht(Co,{padding:"$0 $20 $20 $20"}),ZD=Ht("div",{display:"flex",flexDirection:"column",gap:"$10"}),wm=Ht("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),RD=Ht("div",{display:"flex",justifyContent:"center",width:"100%",paddingTop:"33%",flex:1}),po=Go({display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",padding:"$10 $20",borderBottom:"1px solid",$$color:"$colors$neutral300",[`.${uC} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"}),vm=Go({padding:"$5 0"}),Lr=Go({display:"flex",justifyContent:"center",alignItems:"center",height:"$24"}),xm=Go({display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"}),bm=Go({width:"100%",padding:"0 $20 $10"}),Am=Ht("a",{fontSize:"$16",fontWeight:"$400",color:"$neutral700",display:"flex",alignItems:"center",justifyContent:"center"});function Rs(t){let{swap:e,requestId:o,onDelete:n,onCancel:r}=t,{canSwitchNetworkTo:s,connect:a,getWalletInfo:l}=wC(),p=h().blockchains(),c=h().swappers(),u=h().tokens(),g=K.use.retry(),m=ee.use.isActiveTab(),f=xC(),[k,y]=kC(ym),d=vC(null),[S,w]=Lm(null),[x,C]=Lm(null),A=i(()=>{r(),w(null)},"onCancel"),v=$e.use.getUnreadNotifications(),b=$e.use.setAsRead(),T=v(),E=dC(e),L=E?.networkStatus;Wm(()=>{T.find(kt=>kt.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(C(e.status),b(e.requestId))},[e.status]),Wm(()=>{te?w(Nr.WaitingForNetworkChange):L===Nr.WaitingForConnectingWallet||L===Nr.NetworkChanged?w(L):w(null)},[L]);let F=ml(e),U=E?mC(e,E):null,R=E?fC(e,E):null,me=em(e),M=dl(e),G=i(Pe=>!!l(Pe)?.mobileWallet,"isMobileWallet"),te=L===Nr.WaitingForNetworkChange&&!!U&&!!R?.walletType&&(G(R.walletType)||s(R.walletType,U)),O=te?a.bind(null,R.walletType,U):void 0,Fe=ul(e,E),V=Sm({swap:e,switchNetwork:O,showNetworkModal:L,setNetworkModal:w,message:Fe,blockchains:p,swappers:c}),Y=V.length,[be,Ce]=[e.steps[0],e.steps[Y-1]],Te=Ce.outputAmount||Ce.expectedOutputAmountHumanReadable,ut=e.steps.reduce((Pe,kt)=>Pe+parseFloat(kt.feeInUsd||""),0),_=e.steps.find(Pe=>Pe.diagnosisUrl)?.diagnosisUrl,j=I(parseFloat(I(Te,6,6))*(Ce.toUsdPrice||0),4,4),H=I(parseFloat(e.inputAmount)*(be.fromUsdPrice||0),4,4),ce=Te?le(new Em(Te).multipliedBy(Ce.toUsdPrice||0)):"",mt=le(new Em(e.inputAmount).multipliedBy(be.fromUsdPrice||0)),Ve=ze(H,j),Dr=e.status==="success"?Tt.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:I(Te,6,6),token:V[Y-1].to.token.displayName,conciseAddress:rn(e.wallets[V[Y-1].to.chain.displayName]?.address||""),chain:V[Y-1].to.chain.displayName}}):`${Tt.t("Transaction was not sent.")} ${F?Tt.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:F.outputAmount,symbol:F.symbol,blockchain:F.blockchain}}):""}`;return Z.createElement(re,{header:{title:Tt.t("Swap and Bridge"),onCancel:e.status==="running"?()=>w("cancel"):void 0,suffix:e.status!=="running"&&Z.createElement(Zt,null,Z.createElement(Im,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>w("delete")},Z.createElement(co,{size:"medium",variant:"label",color:"error"},Tt.t("Delete"))))},footer:M&&!x&&Z.createElement(Im,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{g(e,{blockchains:p,tokens:u}),setTimeout(()=>{f("../../")},0)}},Tt.t("Try again"))},Z.createElement(se,{compact:!0,view:!0},Z.createElement(Wr,null,Z.createElement("div",{className:po()},Z.createElement(co,{variant:"label",size:"large",color:"neutral700"},`${Tt.t("Request ID")}:`),Z.createElement("div",{className:Lr()},Z.createElement(co,{variant:"label",size:"small",color:"neutral700"},o),Z.createElement(yC,{variant:"ghost",onClick:y.bind(null,o||"")},Z.createElement(gC,{size:16,color:"gray"})),Z.createElement(Am,{target:"_blank",href:`${ca}/swap/${o}`},Z.createElement(SC,{size:16})))),Z.createElement("div",{className:po()},Z.createElement(co,{variant:"label",size:"large",color:"neutral700"},`${Tt.t(e.finishTime?"Finished at":"Created at")}:`),Z.createElement(co,{variant:"label",size:"small",color:"neutral700"},me))),Z.createElement("div",{className:xm()},Z.createElement(CC,{fee:I(String(ut),2,2),time:Yo(Jo(e.steps)),steps:Y}),Z.createElement(Ao,{from:{price:{value:I(e.inputAmount,6,6),usdValue:H,realUsdValue:mt,realValue:e.inputAmount},token:{displayName:V[0].from.token.displayName,image:V[0].from.token.image},chain:{image:V[0].from.chain.image,displayName:V[0].from.chain.displayName}},to:{price:{value:I(Te,6,6),usdValue:j,realUsdValue:ce,realValue:Te},token:{displayName:V[Y-1].to.token.displayName,image:V[Y-1].to.token.image},chain:{image:V[Y-1].to.chain.image,displayName:V[Y-1].to.chain.displayName}},percentageChange:I(Ve,2,2),warningLevel:ft(Ve??0)})),Z.createElement("div",{className:bm()},Z.createElement(co,{variant:"title",size:"small"},Tt.t("Swaps steps"))),Z.createElement(hC,{size:8}),Z.createElement(km,{ref:d},V.map((Pe,kt)=>{let la=kt,uo=Cm(e.steps[kt]),Jm=uo==="error"||uo==="in-progress"||uo==="warning"||uo==="completed"&&kt===V.length-1;return Z.createElement(TC,{key:la,step:Pe,type:"swap-progress",ref:d,state:uo,hasSeparator:kt!==0,tabIndex:la,isFocused:Jm,tooltipContainer:W()})}))),Z.createElement(js,{state:S,onClose:()=>w(null),onCancel:A,onDelete:n,message:Fe.detailedMessage.content,currentStepWallet:R,walletButtonDisabled:!m}),Z.createElement(Ks,{open:!!x,diagnosisUrl:_,onClose:()=>C(null),status:e.status==="success"?"success":"failed",priceValue:I(Te,6,6),usdValue:j,realUsdValue:ce,realValue:le(Te),percentageChange:I(Ve,2,2),token:{displayName:V[Y-1].to.token.displayName,image:V[Y-1].to.token.image},chain:{image:V[Y-1].to.chain.image},description:Dr}))}i(Rs,"SwapDetails");import{i18n as Mr}from"@lingui/core";import{Divider as Mm,NotFound as WC,Skeleton as Qo,Typography as Pr}from"@rango-dev/ui";import ue from"react";import{i18n as bC}from"@lingui/core";import{Divider as AC,Skeleton as IC,Typography as EC}from"@rango-dev/ui";import fe from"react";import{css as et,styled as ea}from"@rango-dev/ui";var Nm=ea("div",{width:"100%",height:"100%",padding:"$10 $20"}),Ho=ea("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15"}),Br=ea("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"}),B1=et({display:"flex",justifyContent:"space-between",alignItems:"center"}),M1=et({display:"flex",justifyContent:"space-between",alignItems:"center"}),P1=et({paddingTop:"$15",display:"flex"}),$1=et({padding:"$15 $0"}),_1=et({width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"}),D1=et({paddingBottom:"$10"}),F1=et({display:"flex",justifyContent:"start",alignItems:"center"}),U1=et({paddingTop:"$5",display:"flex",alignItems:"center"}),O1=et({display:"flex",alignItems:"center"}),z1=et({padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"}),Bm=et({display:"flex",paddingTop:"$10",paddingBottom:"$5"});function ta(){return fe.createElement(Nm,null,fe.createElement(Wo,{type:"swap-preview"}),fe.createElement("div",{className:"swaps-steps"},fe.createElement(EC,{variant:"title",size:"small"},bC.t("Swaps steps"))),fe.createElement(fe.Fragment,null,fe.createElement(Ho,null,fe.createElement(lt,{separator:!1}),fe.createElement("div",{className:Bm()},fe.createElement(AC,{direction:"horizontal",size:20}),fe.createElement(IC,{height:22,variant:"rectangular"}))),fe.createElement(Br,null),fe.createElement(Ho,null,fe.createElement(lt,{separator:!1})),fe.createElement(Br,null),fe.createElement(Ho,null,fe.createElement(lt,{separator:!1})),fe.createElement(Br,null),fe.createElement(Ho,null,fe.createElement(lt,{separator:!1}))))}i(ta,"LoadingSwapDetails");function Pm(t){let{requestId:e,showSkeleton:o}=t;return ue.createElement(re,{header:{title:Mr.t("Swap and Bridge"),suffix:ue.createElement(Zt,null)}},o&&ue.createElement(Tm,null,ue.createElement(Wr,null,ue.createElement("div",{className:po()},ue.createElement(Pr,{variant:"label",size:"large",color:"neutral700"},`${Mr.t("Request ID")}:`),ue.createElement("div",{className:Lr()},ue.createElement(Pr,{variant:"label",size:"small",color:"neutral700"},ue.createElement(Qo,{width:60,height:10,variant:"rounded"})),ue.createElement(Mm,{direction:"horizontal",size:4}),ue.createElement(Qo,{width:16,height:16,variant:"rectangular"}),ue.createElement(Mm,{direction:"horizontal",size:4}),ue.createElement(Qo,{width:16,height:16,variant:"rectangular"}))),ue.createElement("div",{className:po()},ue.createElement(Pr,{className:vm(),variant:"label",size:"large",color:"neutral700"},ue.createElement(Qo,{width:60,height:10,variant:"rounded"})),ue.createElement(Pr,{variant:"label",size:"small",color:"neutral700"},ue.createElement(Qo,{width:60,height:10,variant:"rounded"})))),ue.createElement(ta,null)),!o&&ue.createElement(wm,null,ue.createElement(WC,{title:Mr.t("Not found"),description:Mr.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}i(Pm,"SwapDetailsPlaceholder");function $m(){let{manager:t,state:e}=BC(),o=!e.loadedFromPersistor,n=It(t),{requestId:r}=PC(),s=At(),{fetchStatus:a}=h();if(!r)return oa.createElement(MC,{containerStyles:{margin:"20px"},type:"error",title:LC.t("The request ID is necessary to display the swap details.")});let l=o||a==="loading",p=r?n.find(({swap:m})=>m.requestId===r):void 0,c=i(()=>{if(p?.id){let m=t?.get(p.id);m&&NC(m)}},"onCancel"),u=i(async()=>{if(p?.id)try{t?.deleteQueue(p.id),s()}catch(m){console.log(m)}},"onDelete"),g=p?.swap;return!g||l?oa.createElement(Pm,{requestId:r,showSkeleton:l}):oa.createElement(Rs,{swap:g,requestId:r,onCancel:c,onDelete:u})}i($m,"SwapDetailsPage");import{i18n as Vo}from"@lingui/core";import{AutoThemeIcon as $C,DarkModeIcon as _C,LightModeIcon as DC,List as FC,ListItemButton as UC,Radio as na,RadioRoot as OC,Typography as ra}from"@rango-dev/ui";import Be from"react";function _m(){let{setTheme:t,theme:e}=h(),o=[{id:"light",value:"light",title:Be.createElement(ra,{variant:"title",size:"xmedium"},Vo.t("Light")),onClick:()=>t("light"),start:Be.createElement(DC,{color:"gray"}),end:Be.createElement(na,{value:"light"})},{id:"dark",value:"dark",title:Be.createElement(ra,{variant:"title",size:"xmedium"},Vo.t("Dark")),onClick:()=>t("dark"),start:Be.createElement(_C,{color:"gray"}),end:Be.createElement(na,{value:"dark"})},{id:"auto",value:"auto",title:Be.createElement(ra,{variant:"title",size:"xmedium"},Vo.t("Auto")),onClick:()=>t("auto"),start:Be.createElement($C,{color:"gray"}),end:Be.createElement(na,{value:"auto"})}];return Be.createElement(re,{header:{title:Vo.t("Theme")}},Be.createElement(se,null,Be.createElement(OC,{onValueChange:n=>t(n),value:e},Be.createElement(FC,{type:Be.createElement(UC,{title:Vo.t("Theme"),id:"_",onClick:()=>console.log()}),items:o}))))}i(_m,"ThemePage");function Dm(){return kl(),li(),zC([{path:P.home,element:Me.createElement(cu,null)},{path:P.fromSwap,children:[{index:!0,element:Me.createElement(Ds,{type:"source"})},{path:P.blockchains,element:Me.createElement(Ts,{type:"source"})}]},{path:P.toSwap,children:[{index:!0,element:Me.createElement(Ds,{type:"destination"})},{path:P.blockchains,element:Me.createElement(Ts,{type:"destination"})}]},{path:P.settings,children:[{index:!0,element:Me.createElement(Zu,null)},{path:P.themes,element:Me.createElement(_m,null)},{path:P.languages,element:Me.createElement(mu,null)},{path:P.exchanges,element:Me.createElement(hs,{sourceType:"Exchanges"})},{path:P.bridges,element:Me.createElement(hs,{sourceType:"Bridges"})}]},{path:P.swaps,children:[{index:!0,element:Me.createElement(nu,null)},{path:P.swapDetails,element:Me.createElement($m,null)}]},{path:P.wallets,element:Me.createElement(Tp,null)},{path:P.confirmSwap,element:Me.createElement(Qc,null)}])}i(Dm,"AppRoutes");import{isApprovalTX as qC,MainEvents as Fm,RouteEventType as Um,StepEventType as Om,StepExecutionEventStatus as GC,useEvents as HC}from"@rango-dev/queue-manager-rango-preset";import{useEffect as zm}from"react";function qm(){let t=h().tokens(),e=Q.use.connectedWallets(),o=Q.use.getWalletsDetails(),n=$e.use.setNotification(),r=HC();return zm(()=>(r.on(Fm.StepEvent,s=>{let{event:a,step:l,route:p}=s;if(a.type===Om.TX_EXECUTION&&a.status===GC.TX_SENT&&!qC(l)||a.type===Om.SUCCEEDED){let u=e.find(m=>m.chain===l?.fromBlockchain),g=l?.fromBlockchain!==l?.toBlockchain&&e.find(m=>m.chain===l?.toBlockchain);u&&o([u],t),g&&o([g],t)}n(a,p)}),()=>r.all.clear()),[r,e.length]),zm(()=>(r.on(Fm.RouteEvent,s=>{let{event:a,route:l}=s;(a.type===Um.FAILED||a.type===Um.SUCCEEDED)&&n(a,l)}),()=>r.all.clear()),[r,e.length]),null}i(qm,"WidgetEvents");import{globalCss as QC}from"@rango-dev/ui";var Gm=i(()=>QC({"@import":["url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap')","url('https://fonts.cdnfonts.com/css/times-new-roman')"]})(),"globalFont");function Hm(){let{setWatermark:t}=ee();return{fetchApiConfig:i(async()=>{let o=await fetch(`${dt("BASE_URL")}/meta/dapp/config?apiKey=${dt("API_KEY")}`);if(!o.ok)throw new Error(`Request failed with status: ${o.status} `);let n=await o.json();t(n.config.watermark)},"fetchApiConfig")}}i(Hm,"useFetchApiConfig");import{styled as VC}from"@rango-dev/ui";var Qm=VC("div",{display:"flex",justifyContent:"center",alignItems:"center",fontFamily:"$widget",boxSizing:"border-box",textAlign:"left","& *, *::before, *::after":{boxSizing:"inherit"},"& *:focus-visible":{outlineColor:"$info500",transition:"none"},"& ul, ol, li":{listStyleType:"none"}});function $r(){Gm();let{config:t}=h(),{activeTheme:e}=$n(t?.theme||{}),{activeLanguage:o}=so(),[n,r]=Vm(""),[s,a]=Vm(),l=XC(dn),{fetchApiConfig:p}=Hm();return KC(()=>{$e.persist.rehydrate(),l.onConnectWallet(r),p().catch(console.log)},[]),jo.createElement(jC,{language:o},jo.createElement(Qm,{id:"swap-container",className:e()},jo.createElement(qm,null),jo.createElement(Ja,{lastConnectedWallet:n,disconnectedWallet:s,clearDisconnectedWallet:()=>{a(void 0)}},jo.createElement(Dm,null))))}i($r,"Main");import sa,{useMemo as dT}from"react";import{checkWaitingForNetworkChange as YC,makeQueueDefinition as JC}from"@rango-dev/queue-manager-rango-preset";import{Provider as ZC}from"@rango-dev/queue-manager-react";import{useWallets as RC}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as eT}from"@rango-dev/wallets-shared";import{isEvmBlockchain as tT}from"rango-types";import oT,{useMemo as nT}from"react";function rT(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=RC(),l=nT(()=>JC({API_KEY:t.apiKey||dt("API_KEY"),BASE_URL:dt("BASE_URL")}),[t.apiKey]),p=h().blockchains(),u={blockchains:Q.use.connectedWallets().map(x=>({accounts:[x],name:x.chain}))},g=i(async(x,C)=>{if(s(x,C))return r(x,C)},"switchNetwork"),m=i(x=>!!a(x).mobileWallet,"isMobileWallet"),f=p.filter(x=>x.enabled).reduce((x,C)=>(x[C.name]=C,x),{}),k=p.filter(tT),y=i(x=>{let{supportedChains:C}=a(x);return en(C)},"getSupportedChainNames"),d=e(),S={meta:{blockchains:f,evmBasedChains:k,evmNetworkChainInfo:eT(k),getSupportedChainNames:y},getSigners:o,wallets:u,providers:d,switchNetwork:g,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:m},w=ee.use.isActiveTab();return oT.createElement(ZC,{queuesDefs:[l],context:S,onPersistedDataLoaded:x=>{YC(x)},isPaused:!w},t.children)}i(rT,"QueueManager");var jm=rT;import{useManager as pT}from"@rango-dev/queue-manager-react";import cT,{createContext as uT,useContext as mT}from"react";import{cancelSwap as iT,getCurrentBlockchainOfOrNull as sT,getCurrentStep as aT,getRelatedWalletOrNull as lT}from"@rango-dev/queue-manager-rango-preset";var Xo=class{constructor(e,o){this.manager=e,this.actions=o}getAllSwaps(){return It(this.manager)}getCurrentStep(e){return this.getCurrentStepInfo(e).step}getCurrentStepWallet(e){return this.getCurrentStepInfo(e).wallet}getCurrentStepNetwork(e){return this.getCurrentStepInfo(e).network}retry(e,o){return this.actions.retrySwap(e,o)}cancel(e){let o=this.manager?.get(e);o&&iT(o)}getCurrentStepInfo(e){let o=aT(e);return{step:o,wallet:o?lT(e,o):null,network:o?sT(e,o):null}}};i(Xo,"WidgetHistory");var Xm=uT(void 0);function ia(t){let{manager:e}=pT(),o=ee.use.isActiveTab(),n=K.use.retry(),r=new Xo(e,{retrySwap:n}),s=Q.use.connectedWallets(),a=Q.use.loading(),l=Ta(s),p=Q.use.getWalletsDetails(),c=h().blockchains(),u=h().tokens(),g=h().swappers(),m=h().fetchStatus,f=so().resetLanguage,k=$e().getUnreadNotifications(),y={isActiveTab:o,setCurrentTabAsActive:un,history:r,wallets:{isLoading:a,details:s,totalBalance:l,refetch:p},meta:{blockchains:c,tokens:u,swappers:g,loadingStatus:m},resetLanguage:f,notifications:{list:k}};return cT.createElement(Xm.Provider,{value:y},t.children)}i(ia,"WidgetInfo");function Km(){let t=mT(Xm);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}i(Km,"useWidget");function _r(t){let{onUpdateState:e,config:o}=t;return dT(()=>{Aa({API_KEY:o?.apiKey||Ko,BASE_URL:o?.apiUrl||pa})},[o.apiKey,o.apiUrl]),sa.createElement(fn,{config:o,onUpdateState:e},sa.createElement(jm,{apiKey:o.apiKey},sa.createElement(ia,null,t.children)))}i(_r,"WidgetProvider");function Ym(t){return fT(()=>Ka,[]),t.config?.externalWallets?aa.createElement($r,null):aa.createElement(_r,{config:t.config??Hr},aa.createElement($r,null))}i(Ym,"Widget");export{kO as EventSeverity,wO as MainEvents,BO as Networks,$O as PendingSwapNetworkStatus,vO as RouteEventType,xO as StepEventType,bO as StepExecutionBlockedEventStatus,AO as StepExecutionEventStatus,Ae as UI_ID,LO as WalletEvents,MO as WalletTypes,Ym as Widget,_r as WidgetProvider,fn as WidgetWallets,gi as customizedThemeTokens,WO as readAccountAddress,Ip as useWallets,Km as useWidget,IO as useWidgetEvents};
 //# sourceMappingURL=index.js.map