@rango-dev/widget-embedded 0.21.1-next.8 → 0.21.1-next.9

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.
package/dist/index.js CHANGED
@@ -1,3 +1,3 @@
1
- var Rm=Object.defineProperty;var i=(t,e)=>Rm(t,"name",{value:e,configurable:!0});import{EventSeverity as iO,MainEvents as sO,RouteEventType as aO,StepEventType as lO,StepExecutionBlockedEventStatus as pO,StepExecutionEventStatus as cO,useEvents as uO}from"@rango-dev/queue-manager-rango-preset";import{readAccountAddress as dO,useWallets as Ep,Events as fO}from"@rango-dev/wallets-react";import{Networks as hO,WalletTypes as yO}from"@rango-dev/wallets-shared";import{PendingSwapNetworkStatus as CO}from"rango-types";import{UI_ID as ed}from"@rango-dev/ui";var Xo="c6381a79-2817-4602-83bf-6a641a409e32",pa="https://api.rango.exchange",ca="https://scan.rango.exchange",be={SWAP_BOX_ID:"rango-swap-box",...ed};import{Events as jr,Provider as Bd}from"@rango-dev/wallets-react";import{isEvmBlockchain as Md}from"rango-sdk";import un,{createContext as Pd,useEffect as Xr,useRef as $d,useState as _d}from"react";import{useEffect as yd}from"react";import{create as fd}from"zustand";import{subscribeWithSelector as gd}from"zustand/middleware";import{RangoClient as md}from"rango-sdk";import{WalletState as tt}from"@rango-dev/ui";import{readAccountAddress as nd}from"@rango-dev/wallets-react";import{detectInstallLink as rd,getCosmosExperimentalChainInfo as id,isEvmAddress as sd,KEPLR_COMPATIBLE_WALLETS as $T,Networks as fa}from"@rango-dev/wallets-shared";import Fr from"bignumber.js";import{isCosmosBlockchain as ad}from"rango-types";import td from"bignumber.js";var Ie=new td(0);import{WalletTypes as od}from"@rango-dev/wallets-shared";var ua=[od.LEAP];import{BigNumber as da}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"),A=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 Yo=i(t=>t?.reduce((e,o)=>e+(o.estimatedTimeInSeconds??0),0)||0,"totalArrivalTime");var et=i((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),uo=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function se(t){return A(t,12,12).replace(/(?:\.0*|(\.\d+?)0*)$/,"$1")}i(se,"formatTooltipNumbers");function Ur(t){switch(!0){case t.connected:return tt.CONNECTED;case t.connecting:return tt.CONNECTING;case!t.installed:return tt.NOT_INSTALLED;default:return tt.DISCONNECTED}}i(Ur,"mapStatusToWalletState");function 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:rd(l),state:p,type:r}})}i(ga,"mapWalletTypesToWalletInfo");function Ro(t){if(!t)return null;let e=[];return e=t.map(o=>o.name),e}i(Ro,"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}=nd(p),g=l.length>0,m=l.includes(u),f=u===fa.Unknown;if(g&&!m&&!f)return;let y=u===fa.Unknown&&sd(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 en(t,e){return t.address===e.address&&t.chain===e.chain&&t.walletType===e.walletType}i(en,"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:pd(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=A(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 ld(r)},"calculateWalletUsdValue");function ld(t){let e=t.toString().split(".");return e[0]=e[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),e.join(".")}i(ld,"numberWithThousandSeparator");var pd=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=id(Object.entries(t).map(([,n])=>n).filter(ad));return o&&o[e]?.experimental},"isExperimentalChain");function on(t){return t?{...t,amount:A(t.amount,8,8),usdValue:A(t.usdValue,4,4)}:null}i(on,"formatBalance");function cd(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(cd,"sortTokensByBalance");function ud(t,e,o){let n=o(t),r=o(e);return n===r?0:n?-1:1}i(ud,"sortTokensByPinnedToken");function ka(t,e,o){return t.sort((n,r)=>{let s=e(n),a=e(r),l=ud(n,r,o);return l!==0?l:cd(s,a)}),t}i(ka,"sortTokens");function Ae(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(Ae,"areTokensEqual");function wa(t){return t.sort((e,o)=>+(o.state===tt.CONNECTED)-+(e.state===tt.CONNECTED)||+(o.state===tt.DISCONNECTED||o.state===tt.CONNECTING)-+(e.state===tt.DISCONNECTED||e.state===tt.CONNECTING))}i(wa,"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 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 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??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(rn,"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:Xo};function Gt(t){return zr[t]||""}i(Gt,"getConfig");function Ia(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),zr=e,zr}i(Ia,"initConfig");var Aa=20,Ea=25,Wa="Roboto",qr="theme-widget",mo=i((t,e)=>{let o=!1;if(e&&t){if(Array.isArray(e))o=!e.some(n=>Ae(n,t));else if(!Array.isArray(e)&&e[t.blockchain]){o=e[t.blockchain].tokens.some(r=>Ae(r,t));let n=e[t.blockchain].isExcluded;return!n&&!o||n&&o}}return o},"isTokenExcludedInConfig"),Gr=i((t,e)=>t&&e&&!e.includes(t.name),"isBlockchainExcludedInConfig");var sn,Ht=i(()=>sn||(sn=new md(Gt("API_KEY"),Gt("BASE_URL")),sn),"httpService");var dd=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=dd;var H=Tt(fd()(gd((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 Ht().getWalletsDetails(a)).wallets;if(p)t(c=>{let u=c.connectedWallets.map(m=>{let f=o.find(y=>en(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:rn(u),connectedWallets:u}});else throw new Error("Wallet not found")}catch{t(l=>{let p=l.connectedWallets.map(u=>o.find(g=>en(g,u))?Ca(u):u);return{loading:!1,balances:rn(p),connectedWallets:p}})}},getBalanceFor:o=>{let{balances:n}=e(),r=Or(o);return n[r]??null}}))));import{allProviders as hd}from"@rango-dev/provider-all";function an(t,e){let o=hd({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 La(t,e){return an(t,e).map(r=>r.config.type)}i(La,"configWalletsToWalletName");function Na(t,e){let o=H.use.clearConnectedWallet(),n=an(void 0,e);return yd(()=>{o(),n=an(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}i(Na,"useWalletProviders");import bd,{createContext as Id,useContext as Ad,useEffect as Ed,useRef as Wd}from"react";import{create as vd}from"zustand";import{persist as xd}from"zustand/middleware";var Hr={apiKey:"",title:void 0,multiWallets:!0,enableNewLiquiditySources:!0,customDestination:!0},Sd={clientUrl:void 0},Ba=i((t,e,o)=>({config:{...Hr,...t},iframe:Sd,updateConfig:n=>{let r=o().config;e({config:{...r,...n}})},updateIframe:(n,r)=>{let s=o().iframe;e({iframe:{...s,[n]:r}})}}),"createConfigSlice");function Qt(t){return Array.from(new Set(t))}i(Qt,"removeDuplicateFrom");function 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 Bt(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(Bt,"containsText");var W=i(()=>document.getElementById(be.SWAP_BOX_ID),"getContainer");function ln(t,e){let o=t.map(s=>s.swapperGroup),n=[];return Qt(t.map(s=>s.swapperGroup)).map(s=>{let a=t.find(l=>l.swapperGroup===s);if(a){let l=!0;o&&(l=o.some(p=>p===a.swapperGroup)),l&&a.types.map(p=>{n.push({id:a.swapperGroup,groupTitle:a.swapperGroup,logo:a.logo,type:p,selected:!e.includes(a.swapperGroup)})})}}),n}i(ln,"getUniqueSwappersGroups");function Pa(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}i(Pa,"sortLiquiditySourcesByGroupTitle");function Fe(t,e){return e?.[t]==="hidden"}i(Fe,"isFeatureHidden");function pn(t,e){return e?.[t]==="enabled"}i(pn,"isFeatureEnabled");var $a=i((t,e)=>({_blockchains:[],_tokens:[],_popularTokens:[],_swappers:[],fetchStatus:"loading",blockchains:o=>{let n=e()._blockchains;if(!o||!o?.type)return n;let r=e().config,s=(o.type==="source"?r.from?.blockchains:r.to?.blockchains)??[];return n.filter(l=>!(s.length>0&&!s.includes(l.name)))},tokens:o=>{let n=e()._tokens;if(!o||!o?.type)return n;let r=e().config,s=(o.type==="source"?r.from?.tokens:r.to?.tokens)??{},a=e().blockchains({type:o.type});return n.filter(p=>s&&mo(p,s)||o.blockchain&&p.blockchain!==o.blockchain||!a.some(c=>c.name===p.blockchain)?!1:o.searchFor?!!(Bt(p.symbol,o.searchFor)||Bt(p.address||"",o.searchFor)||Bt(p.name||"",o.searchFor)):!0).sort((p,c)=>e().isTokenPinned(p,o.type)?-1:e().isTokenPinned(c,o.type)||p.isSecondaryCoin?1:c.isSecondaryCoin||!p.address&&c.address?-1:p.address&&!c.address?1:0)},isTokenPinned:(o,n)=>!!(n==="source"?e().config.from?.pinnedTokens:e().config.to?.pinnedTokens)?.some(a=>Ae(a,o)),swappers:()=>{let{config:{enableNewLiquiditySources:o,liquiditySources:n}}=e();return e()._swappers.filter(a=>{let l=n?.includes(a.swapperGroup);return o||!n||n.length===0?!l:l}).sort(Pa)},fetch:async()=>{try{let o=await Ht().getAllMetadata();t({fetchStatus:"success"});let n=[],r=[],s=o.popularTokens,a=o.swappers,l=new Set;o.tokens.forEach(p=>{l.add(p.blockchain),r.push(p)}),o.blockchains.forEach(p=>{p.enabled&&l.has(p.name)&&n.push(p)}),n.sort((p,c)=>p.sort-c.sort),t({_blockchains:n,_tokens:r,_popularTokens:s,_swappers:a})}catch(o){throw t({fetchStatus:"failed"}),o}}}),"createDataSlice");import{English as Cd,French as Td,Japanese as kd,Spanish as wd}from"@rango-dev/ui";var _a=[{title:"English",label:"English",local:"en",SVGFlag:Cd},{title:"Spanish",label:"Espa\xF1ol",local:"es",SVGFlag:wd},{title:"French",label:"Fran\xE7ais",local:"fr",SVGFlag:Td},{title:"Japanese",label:"\u65E5\u672C\u8A9E",local:"ja",SVGFlag:kd}],fo="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=Qt(o.map(a=>a.swapperGroup));return s.length===r.disabledLiquiditySources.length?{disabledLiquiditySources:[]}:{disabledLiquiditySources:s}}),toggleInfiniteApprove:()=>t(o=>({infiniteApprove:!o.infiniteApprove})),toggleLiquiditySource:o=>t(n=>n.disabledLiquiditySources.includes(o)?{disabledLiquiditySources:n.disabledLiquiditySources.filter(r=>r!=o)}:{disabledLiquiditySources:n.disabledLiquiditySources.concat(o)}),setTheme:o=>t(()=>({theme:o})),setLanguage:o=>t(()=>({language:o})),updateSettings:o=>{let{features:n}=o,r=Fe("theme",n),s=Fe("language",n),a=Fe("liquiditySource",n);t({...r&&{theme:"auto"},...s&&{language:fo},...a&&{disabledLiquiditySources:[]}})}}),"createSettingsSlice");function Ga(t){return vd()(xd((...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=Id(null);function h(){let t=Ad(Ha);if(Ed(()=>{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=Wd();return e.current||(e.current=Ga(t.config)),bd.createElement(Ha.Provider,{value:e.current},t.children)}i(Qa,"AppStoreProvider");import{create as Nd}from"zustand";var Va="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(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(Vt,"TabManager");var pe=Tt(Nd()((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})}}))),Xa=new Vt({onInit:()=>pe.setState({tabManagerInitiated:!0}),onClaim:()=>pe.setState({isActiveTab:!0,showActivateTabModal:!1}),onRelease:()=>pe.setState({isActiveTab:!1})}),cn=Xa.forceClaim,Ka=Xa.destroy;var mn=Pd({onConnectWallet:()=>{}});function Dd(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}=H(),m=$d();Xr(()=>{n().catch(console.log)},[]),Xr(()=>{t.config&&(e(t.config),o(t.config))},[t.config]);let f=r.filter(Md).map(d=>d.name),k=i((d,S,w,x,C)=>{if(S===jr.ACCOUNTS)if(w){let I=Ro(C.supportedBlockchains),v=ha(d,w,f,I,C.isContractWallet);p(v)}else g(d);if(S===jr.ACCOUNTS&&x.connected){let I=`${d}-${x.network}-${w}`;x.connected&&(m.current?m.current(I):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(S===jr.NETWORK&&x.network){let I=`${d}-${x.network}`;m.current?m.current(I):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(d,S,w,x,C)},"onUpdateState"),y=pe.use.isActiveTab();return Xr(()=>{l.length&&u(l,s)},[l,s]),un.createElement(mn.Provider,{value:{onConnectWallet:d=>{m.current=d}}},un.createElement(Bd,{allBlockChains:r,providers:c,onUpdateState:k,autoConnect:!!y},t.children))}i(Dd,"Main");function dn(t){let{config:e,...o}=t;return un.createElement(Qa,{config:e},un.createElement(Dd,{...o,config:e}))}i(dn,"WidgetWallets");import aa,{useEffect as CT}from"react";import{I18nManager as ZC}from"@rango-dev/ui";import Vo,{useContext as RC,useEffect as eT,useState as jm}from"react";import{useQueueManager as qd}from"@rango-dev/queue-manager-rango-preset";import{useWallets as Gd}from"@rango-dev/wallets-react";import{isEvmBlockchain as Hd}from"rango-types";import Qd,{Fragment as Vd}from"react";import{MemoryRouter as jd,useInRouterContext as Xd}from"react-router";import{useWallets as Ud}from"@rango-dev/wallets-react";import{useEffect as Od,useRef as zd}from"react";function Ya(){let{connect:t,state:e}=Ud(),o=zd({}),{fetchStatus:n}=h(),r=new URLSearchParams(location.search).get("autoConnect")||"",s=e(r);Od(()=>{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=Xd()?Vd:jd,r=h().blockchains(),{canSwitchNetworkTo:s}=Gd();Ya();let a=r.filter(Hd);return qd({lastConnectedWallet:e.lastConnectedWallet,clearDisconnectedWallet:e.clearDisconnectedWallet,disconnectedWallet:e.disconnectedWallet,evmChains:a,canSwitchNetworkTo:s}),Qd.createElement(n,null,t)}i(Ja,"AppRouter");import Be from"react";import{useRoutes as VC}from"react-router-dom";var P={home:"/",fromSwap:"from-swap",toSwap:"to-swap",blockchains:"blockchains",settings:"settings",liquiditySources:"liquidity-sources",themes:"themes",bridges:"bridges",exchanges:"exchanges",languages:"languages",swaps:"swaps",wallets:"wallets",confirmSwap:"confirm-swap",swapDetails:":requestId"};import{useEffect as Xt,useRef as wn}from"react";import vt from"bignumber.js";import{create as ef}from"zustand";import{subscribeWithSelector as tf}from"zustand/middleware";import{getLastSuccessfulStep as Rd}from"@rango-dev/queue-manager-rango-preset";import yv 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 Za(t,e){return e.find(o=>o.name===t)?.displayName}i(Za,"getBlockchainDisplayNameFor");function Ue(t,e){return e.find(o=>o.name===t)?.shortName}i(Ue,"getBlockchainShortNameFor");function go(t,e){return e.find(o=>o.id===t)?.swapperGroup}i(go,"getSwapperDisplayName");function Kr(t,e){return e.find(o=>Ae(o,t))??null}i(Kr,"findToken");function Yr(t,e){return e.find(o=>o.name===t)??null}i(Yr,"findBlockchain");import{i18n as Ve}from"@lingui/core";import Ee from"bignumber.js";import{PendingSwapNetworkStatus as 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 j=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 Ra(t){switch(t.type){case 0:return t.diagnosisMessage??j().noResultError.title;case 1:return j().genericServerError;default:return""}}i(Ra,"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 el(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new Ee(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new Ee(1e3)))??!1}i(el,"hasHighValueLoss");function Jr(t){return(t?.result?.swaps||[]).filter(e=>{let o=e.fromAmountMinValue?new Ee(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Ee(e.fromAmountMaxValue):null;return e.fromAmountRestrictionType==="EXCLUSIVE"?o?.gte(e.fromAmount)||n?.lte(e.fromAmount):o?.gt(e.fromAmount)||n?.lt(e.fromAmount)}).length>0}i(Jr,"hasLimitError");function Zr(t){let e=(t.result?.swaps||[]).filter(l=>{let p=l.fromAmountMinValue?new Ee(l.fromAmountMinValue):null,c=l.fromAmountMaxValue?new Ee(l.fromAmountMaxValue):null;return l.fromAmountRestrictionType==="EXCLUSIVE"?p?.gte(l.fromAmount)||c?.lte(l.fromAmount):p?.gt(l.fromAmount)||c?.lt(l.fromAmount)})[0],o=e.fromAmountMinValue?new Ee(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Ee(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",s="",a="";return!r&&o&&o.gt(e.fromAmount)?(s=Ve.t({id:"Required: >= {min} {symbol}",values:{min:A(o,6,6),symbol:e.from.symbol}}),a=j().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(s=Ve.t({id:"Required: > {min} {symbol}",values:{min:A(o,6,6),symbol:e.from.symbol}}),a=j().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(s=Ve.t({id:"Required: <= {max} {symbol}",values:{max:A(n,6,6),symbol:e.from.symbol}}),a=j().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(s=Ve.t({id:"Required: < {max} {symbol}",values:{max:A(n,6,6),symbol:e.from.symbol}}),a=j().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: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(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 Kd(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(Kd,"requiredWallets");var Yd=i((t,e,o,n)=>n?.find(s=>s.blockchain===t&&s.symbol?.toUpperCase()===e?.toUpperCase()&&s.address===o)?.usdPrice||null,"getUsdPrice");function Jd(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=Yd(r.asset.blockchain,r.asset.symbol,r.asset.address,e);o=o.plus(new Ee(r.amount).multipliedBy(s||0))}return o}i(Jd,"getUsdFeeOfStep");function Sn(t,e){return t.reduce((o,n)=>o.plus(Jd(n,e)),Ie)}i(Sn,"getTotalFeeInUsd");function ei(t){let e=Ie;return e=e.plus(new Ee(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 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 il(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(il,"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:g,affiliateWallets:m,initialQuote:f,destination:k}=t,y=s?.reduce((C,I)=>(C[I.chain]=I.address,C),{}),d=[];r?.forEach(C=>{let I=d.find(v=>v.blockchain===C.chain);I?I.addresses.push(C.address):d.push({blockchain:C.chain,addresses:[C.address]})});let S=!!f,w=Qt((f?.result?.swaps||[]).reduce((C,I)=>(C.push(I.from.blockchain,I.to.blockchain),I.internalSwaps&&Array.isArray(I.internalSwaps)&&I.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(Tn,"createQuoteRequestBody");function sl(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(sl,"getWalletsForNewSwap");function jt(t){return t.result?.outputAmount||null}i(jt,"getQuoteOutputAmount");function al(t,e){return new Ee(e).div(new Ee(t)).minus(1).multipliedBy(100).toNumber()}i(al,"getPercentageChange");function ll(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(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=A(new Ee(a.currentAmount.amount).shiftedBy(-a.currentAmount.decimals),8,8),c=A(new Ee(a.requiredAmount.amount).shiftedBy(-a.requiredAmount.decimals),8,8),u="";return a.reason==="FEE"&&(u=Ve.t(" for network fee")),a.reason==="INPUT_ASSET"&&(u=Ve.t(" for swap")),a.reason==="FEE_AND_INPUT_ASSET"&&(u=Ve.t(" for input and network fee")),Ve.t({id:"Needs \u2248 {requiredAmount} {symbol}{reason}, but you have {currentAmount} {symbol} in your {blockchain} wallet.",values:{requiredAmount:c,symbol:l,reason:u,currentAmount:p,blockchain:Ue(a.asset.blockchain,o)}})})}i(pl,"generateBalanceWarnings");function cl(t,e){return(t?new Ee(t):Ie).multipliedBy(e||0)}i(cl,"calcOutputUsdValue");function ho(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==yn.NetworkChanged}i(ho,"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,"")),ho(e))switch(n=t.networkStatusExtraMessage||"",r=t.networkStatusExtraMessageDetail||"",e?.networkStatus){case yn.WaitingForConnectingWallet:n=n||Ve.t("Waiting for connecting wallet");break;case yn.WaitingForQueue:n=n||Ve.t("Waiting for other running tasks to be finished");break;case yn.WaitingForNetworkChange:n=n||Ve.t("Waiting for changing wallet network");break;default:n=n||"";break}r=r||"",n=n||"";let a=n?.indexOf("code")!==-1&&n?.indexOf("reason")!==-1;return{shortMessage:n,detailedMessage:{content:r,long:a}}}i(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&&!Kd(n).every(a=>r.map(l=>l.chain).includes(a))||!!e&&!o||!!e&&!!o&&s&&!gn(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 mt(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(mt,"getPriceImpactLevel");function Cl(t,e,o){let n=t.steps[0],r=t.steps[t.steps.length-1],s=Rd(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 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&&el(a,u)){let m=Sn(t.result.swaps,r),f=mt(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=Cn(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(kn,"generateQuoteWarnings");function Oe(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(Oe,"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 Pt=i((t,e)=>t?.usdPrice?new vt(e||Ie).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),X=Tt(ef()(tf(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new vt(0),outputUsdValue:new vt(0),toBlockchain:null,toToken:null,quote:null,quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:"",quoteWarningsConfirmed:!1,setQuote:e=>t(o=>{let n=null,r=Ie;return uo(o.inputAmount)?(e&&(n=e.result?.outputAmount?new vt(e.result?.outputAmount):null,r=cl(e.result?.outputAmount,yl(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}=Cl(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 kl(){let{setInputAmount:t,setToToken:e,setToBlockchain:o,setFromBlockchain:n,setFromToken:r,fromToken:s,toToken:a,fromBlockchain:l,toBlockchain:p}=X(),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=wn(void 0),I=wn(void 0),v=wn(void 0),b=wn(void 0);Xt(()=>{t(c?.amount?.toString()||"")},[c?.amount]),Xt(()=>{if(u==="success"){let T=g.find(L=>L.name===c?.from?.blockchain),E=m.find(L=>Ae(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]),Xt(()=>{mo(s,d)&&r({token:null}),Gr(l,S)&&n(null)},[d,S]),Xt(()=>{mo(a,w)&&r({token:null}),Gr(p,x)&&o(null)},[w,x]),Xt(()=>{if(u==="success"){let T=g.find(L=>L.name===c?.to?.blockchain),E=m.find(L=>Ae(L,c?.to?.token||null));(T||!T&&b.current)&&o(T??null),E?e({token:E,meta:{blockchains:g,tokens:m}}):!E&&I.current&&e({token:null}),b.current=c?.to?.blockchain,I.current=c?.to?.token}},[c?.to?.token?.symbol,c?.to?.token?.address,c?.to?.token?.blockchain,c?.to?.blockchain,u]),Xt(()=>{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 of,useLocation as nf,useSearchParams as rf}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=nf(),[e,o]=rf(),{fromBlockchain:n,toBlockchain:r,fromToken:s,toToken:a,inputAmount:l,setFromBlockchain:p,setToBlockchain:c,setFromToken:u,setToToken:g,setInputAmount:m}=X(),f=h().fetchStatus,k=h().blockchains(),y=h().tokens(),d=of(),{updateIframe:S}=h(),w=i(()=>{let C=e.get("fromAmount"),I=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:I,fromToken:v,toBlockchain:b,toToken:T,autoConnect:E,clientUrl:L}},"getUrlSearchParams"),x=i(C=>{for(let I in C)C[I]||delete C[I];o(C,{replace:!0})},"updateUrlSearchParams");ai(()=>{let{autoConnect:C,clientUrl:I}=w();d&&f==="success"&&x({["fromBlockchain"]:n?.name,["fromToken"]:si(s),["toBlockchain"]:r?.name,["toToken"]:si(a),["fromAmount"]:l,["autoConnect"]:C??void 0,["clientUrl"]:I??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 I=k.find(E=>E.name===C.fromBlockchain),v=ii(y,C.fromToken,I??null),b=k.find(E=>E.name===C.toBlockchain),T=ii(y,C.toToken,b??null);I&&(p(I),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 lr}from"@lingui/core";import{useManager as Vh}from"@rango-dev/queue-manager-react";import{Alert as Qc,Button as jh,css as rs,Divider as ns,IconButton as Vc,SettingsIcon as Xh,styled as Kh,Tooltip as Yh,Typography as Jh,WalletIcon as Zh}from"@rango-dev/ui";import ae,{useEffect as No,useLayoutEffect as Rh,useRef as ey,useState as pr}from"react";import{flushSync as ty}from"react-dom";import{useLocation as oy,useNavigate as ny}from"react-router-dom";import{i18n as ot}from"@lingui/core";import{Alert as $i,BalanceErrors as $g,Button as Wp,ChevronDownIcon as _g,ChevronLeftIcon as Dg,Divider as eo,MessageBox as Fg,Modal as Lp,Typography as Qn,WalletIcon as Ug}from"@rango-dev/ui";import N,{useEffect as Og,useState as _t}from"react";import{useNavigate as zg}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,{useRef as pf}from"react";import*as Kt from"@radix-ui/react-collapsible";import{keyframes as wl,styled as bn}from"@rango-dev/ui";var pi=300,af=wl({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),lf=wl({from:{height:"var(--radix-collapsible-content-height)"},to:{height:0}}),vl=bn(Kt.Root,{borderRadius:"$sm",variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary500",outlineStyle:"solid"}}}}),ci=bn(Kt.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit",cursor:"pointer"}),In=bn(Kt.Content,{overflow:"hidden",variants:{open:{true:{animation:`${af} ${pi}ms ease-out`},false:{animation:`${lf} ${pi}ms ease-out`}}}}),An=bn("div",{transition:`all ${pi}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=pf(null);return En.createElement(vl,{ref:p,className:"collapsible_root",selected:o&&e,open:e,onOpenChange:n},l==="top"&&En.createElement(ci,{className:"collapsible_trigger",onClick:s},a),En.createElement(In,{className:"collapsible_content",open:e},r),l==="bottom"&&En.createElement(ci,{className:"collapsible_trigger",onClick:s},a))}i(Wn,"CustomCollapsible");import{Button as cf,css as xl,darkTheme as Yt,IconButton as uf,styled as ze,TextField as mf}from"@rango-dev/ui";var bl=ze("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),Il=ze("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),df=ze("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${Yt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${Yt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${Yt} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),Al=ze(df,{alignSelf:"stretch",minHeight:"93px"}),El=ze("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),Wl=ze(uf,{position:"absolute",left:"$20"}),Ll=ze("div",{paddingTop:"$20"}),Nl=xl({display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Bl=ze("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=ze("div",{display:"flex"}),$l=ze(mf,{backgroundColor:"$neutral100",padding:"$0 $15 $15 $15"}),_l=ze("div",{overflow:"visible",width:"100%"}),Dl=ze(cf,{width:"100%",borderRadius:"$sm !important",padding:"$15 !important",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${Yt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${Yt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${Yt} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}});import{i18n as Xe}from"@lingui/core";import{Button as Ng,Divider as Mi,Image as Bg,MessageBox as Hn,Modal as xp,SelectableWallet as Mg,Typography as bp,WalletState as Ip}from"@rango-dev/ui";import ie,{useEffect as Ap,useState as To}from"react";import{WalletState as ui}from"@rango-dev/ui";import{useWallets as ff}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as gf,WalletTypes as Ln}from"@rango-dev/wallets-shared";import{useCallback as hf,useEffect as Fl,useRef as yf,useState as Sf}from"react";var Cf=Object.values(Ln);function Nn(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:l,connect:p}=ff(),{connectedWallets:c}=H(),u=h().blockchains(),g=yf(!1),m=La(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||Cf,f=ga(s,l,m,o),k=wa(f),[y,d]=Sf(""),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=hf(()=>{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&&![Ln.DEFAULT,Ln.WALLET_CONNECT_2].includes(T.type)&&l(T.type).supportedChains.filter(E=>E.type=="EVM").length>0).length==0,"shouldShowDefaultInjectedWallet"),I=i((v,b,T)=>tn(T,b)&&S(v)&&!gf.includes(v)||v==Ln.DEFAULT&&!C(f),"shouldExcludeWallet");return{list:k.filter(v=>!I(v.type,o??"",u)),error:y,handleClick:w,disconnectConnectingWallets:x}}i(Nn,"useWalletList");import{i18n as yp}from"@lingui/core";import{styled as Cp,Typography as xg,Wallet as bg,WalletState as Ig}from"@rango-dev/ui";import Rt,{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 me,{useEffect as cp,useRef as up}from"react";import{useRef as Tf}from"react";function Bn(){return window.self!==window.top}i(Bn,"isAppLoadedIntoIframe");function mi(){let t=Tf(null),{iframe:e}=h(),o=Bn()&&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 kf}from"react-router-dom";function xt(){let t=kf();return()=>t(-1)}i(xt,"useNavigateBack");import{createTheme as hi,darkTheme as If,lightTheme as Af}from"@rango-dev/ui";import{useEffect as ql,useState as Ef}from"react";import{theme as xf,darkColors as bf}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"),Mn=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=Mn(s,a);r={...r,[`${s}100`]:l[`${s}900`],[`${s}200`]:l[`${s}800`],[`${s}300`]:l[`${s}700`],[`${s}400`]:l[`${s}600`],[`${s}500`]:l[`${s}500`],[`${s}600`]:l[`${s}400`],[`${s}700`]:l[`${s}300`],[`${s}800`]:l[`${s}200`],[`${s}900`]:l[`${s}100`]}}else r={...r,...Mn(s,a)}}return n?r:{}},"generateColors");var Ol=i(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),wf=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"),vf=i((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),fi=i(t=>wf(vf(5381,JSON.stringify(t))>>>0),"toHash");function gi(t){let e=xf.colors,o=di({...e,...bf},!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 Pn(t){let{colors:e,fontFamily:o=Wa,borderRadius:n=Aa,secondaryBorderRadius:r=Ea,mode:s="auto"}=t,[a,l]=Ef("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,Af.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(Pn,"useTheme");var bt=i(t=>{let e=[];return t?.getAll().forEach((o,n)=>{let r=o.list.getStorage();r?.swapDetails&&e.push({id:n,swap:r?.swapDetails})}),e.sort((o,n)=>Number(n.swap.creationTime)-Number(o.swap.creationTime))},"getPendingSwaps");import{i18n as Gl}from"@lingui/core";import{Alert as Wf,Button as Lf}from"@rango-dev/ui";import Hl from"react";function yi(t){return Hl.createElement(Wf,{action:Hl.createElement(Lf,{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 Nf,Divider as Bf,MessageBox as Mf,Modal as Pf}from"@rango-dev/ui";import $n from"react";function Ci(t){let{open:e,onClose:o,onConfirm:n}=t;return $n.createElement(Pf,{open:e,dismissible:!0,onClose:o,container:W()},$n.createElement(Mf,{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(Bf,{size:20}),$n.createElement(Nf,{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 yo}from"@rango-dev/ui";var qe=yo(_f,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),Ql=yo("div",{position:"absolute",background:"$secondary500",[`.${$f} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),Jt=yo("div",{display:"flex",justifyContent:"flex-end",minWidth:"$40",button:{padding:0}}),Vl=yo("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"}),jl=yo("div",{padding:"$2",variants:{isRefetched:{true:{transform:"rotate(360deg)",transition:"transform 1s ease-in-out"}}}});function Ti(t){return Xl.createElement(qe,{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(Jt,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 _n from"react";function vi(t){return _n.createElement(qf,{container:t.container,side:"top",content:zf.t("Connect Wallet")},_n.createElement(qe,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&_n.createElement(Ql,null),_n.createElement(Gf,{size:18,color:"black"})))}i(vi,"WalletButton");import{i18n as On}from"@lingui/core";import{NotificationsIcon as pg,Popover as cg,SettingsIcon as ug,Tooltip as zn,TransactionIcon as mg}from"@rango-dev/ui";import Te 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 je 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 Pe=Tt(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 Dn}from"@rango-dev/ui";var Kl=Dn("div",{padding:"$10",width:"350px",maxWidth:"90vw",minHeight:"150px"}),Yl=Dn("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),Jl=Dn("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),Zl=Dn("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 Fn from"react";function Rl(){return Fn.createElement(Zl,null,Fn.createElement(Kf,{color:"secondary",size:26}),Fn.createElement(Xf,{size:12}),Fn.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}=Pe(),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 je.createElement(Kl,null,s.length?je.createElement(Yl,null,s.map(l=>{let{route:p,requestId:c,event:u}=l,g=r.find(y=>Ae(y,p.from)),m=n.find(y=>y.name===p.from.blockchain),f=r.find(y=>Ae(y,p.to)),k=n.find(y=>y.name===p.to.blockchain);return je.createElement(eg,{key:c,onClick:()=>a(c),title:je.createElement(tg,{variant:"body",size:"small",color:u.messageSeverity===Zf.WARNING?"$foreground":"$neutral700"},Jf.t(u.message)),id:c,start:je.createElement(Jl,null,je.createElement("div",{className:"from-chain-token"},je.createElement(ep,{tokenImage:g?g.image:"",chainImage:m?m.logo:"",size:"small"})),je.createElement("div",{className:"to-chain-token"},je.createElement(ep,{tokenImage:f?f.image:"",chainImage:k?k.logo:"",size:"small"}))),end:je.createElement(Rf,{size:12,color:"gray"})})})):je.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 Un({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(qe,{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(Un,"RefreshButton");import{Typography as lg}from"@rango-dev/ui";import np from"react";function rp(){let{getUnreadNotifications:t}=Pe(),e=t().length;return e?np.createElement(Vl,null,np.createElement(lg,{variant:"body",size:"xsmall",color:"$background"},e)):null}i(rp,"UnreadNotificationsBadge");function Ii(t){let{onClickRefresh:e,onClickHistory:o,onClickSettings:n}=t,{config:{features:r}}=h(),s=Fe("notification",r);return Te.createElement(Te.Fragment,null,Te.createElement(zn,{container:W(),side:"top",content:On.t("Refresh")},Te.createElement(Un,{onClick:e})),!s&&Te.createElement(cg,{align:"end",alignOffset:-88,collisionPadding:{right:20,left:20},container:W(),content:Te.createElement(xi,null)},Te.createElement("div",null,Te.createElement(zn,{container:W(),side:"top",content:On.t("Notifications")},Te.createElement(qe,{size:"small",variant:"ghost"},Te.createElement(pg,{size:18,color:"black"}),Te.createElement(rp,null))))),Te.createElement(zn,{container:W(),side:"top",content:On.t("Settings")},Te.createElement(qe,{size:"small",variant:"ghost",onClick:n},Te.createElement(ug,{size:18,color:"black"}))),Te.createElement(zn,{container:W(),side:"top",content:On.t("Transactions History")},Te.createElement(qe,{size:"small",variant:"ghost",onClick:o},Te.createElement(mg,{size:18,color:"black"}))))}i(Ii,"HomeButtons");function Ai(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(Ai,"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",{"& .footer__content":{padding:"$0 $20"},"& .footer__logo":{padding:"$0 $20 $10 $20"}});function ne(t){let{children:e,header:o,footer:n,hasLogo:r=!0,height:s="fixed"}=t,{connectHeightObserver:a,disconnectHeightObserver:l}=mi(),p=H.use.connectedWallets(),{config:{features:c,theme:u}}=h(),{activeTheme:g}=Pn(u||{}),m=Fe("connectWalletButton",c),{isActiveTab:f,tabManagerInitiated:k,showActivateTabModal:y,setShowActivateTabModal:d,activateCurrentTab:S}=pe(),w=xt(),{manager:x}=dg(),I=bt(x).map(({swap:F})=>F).some(F=>F.status==="running"),v=i(()=>S(cn,I),"onActivateTab"),b=i(()=>{o.onWallet?.()},"onConnectWallet"),T=typeof o.hasBackButton>"u"||o.hasBackButton,E=up(null),L=up(null);return cp(()=>(Bn()&&L.current&&a(L.current),()=>{l()}),[]),cp(()=>(E.current?.addEventListener("scroll",Ai),()=>{E.current?.removeEventListener("scroll",Ai)}),[]),me.createElement(sp,{height:s,id:be.SWAP_BOX_ID,className:g(),ref:L},me.createElement(gg,{prefix:me.createElement(me.Fragment,null,T&&me.createElement(Ti,{onClick:w})),title:o.title,suffix:me.createElement(me.Fragment,null,o.suffix,o.onWallet&&!m&&me.createElement(vi,{container:W(),onClick:b,isConnected:!!p?.length}),o.onCancel&&me.createElement(wi,{onClick:o.onCancel}))}),me.createElement(ap,{ref:E},e),me.createElement(Ci,{open:y,onClose:()=>d(!1),onConfirm:v}),(r||n)&&me.createElement(lp,null,me.createElement("div",{className:"footer__content"},n,k&&!f&&me.createElement(me.Fragment,null,me.createElement(pp,{size:12}),me.createElement(yi,{onActivateTab:v}))),me.createElement(pp,{size:12}),r&&me.createElement("div",{className:"footer__logo"},me.createElement(fg,null))))}i(ne,"Layout");import{styled as hg}from"@rango-dev/ui";var mp="$20 $20 $10 $20",So=hg("div",{padding:mp,overflowY:"auto",flexGrow:1});import{styled as yg}from"@rango-dev/ui";var re=yg("div",{display:"flex",flexDirection:"column",padding:"20px 20px 10px",flexGrow:1,variants:{view:{true:{flexGrow:1,overflow:"hidden"}},compact:{true:{padding:0}}}});import{Divider as wg,Modal as vg}from"@rango-dev/ui";import Li from"react";import{i18n as Zt}from"@lingui/core";import{Image as Tg,MessageBox as Wi,WalletState as kg}from"@rango-dev/ui";import $t from"react";import{keyframes as Sg,styled as qn}from"@rango-dev/ui";var yA=qn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),dp=qn("div",{position:"relative"}),Cg=Sg({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),fp=qn("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=qn("div",{"& img":{borderRadius:"50%"}});function hp(t){let{state:e,image:o,error:n}=t;return e===kg.CONNECTED?$t.createElement(Wi,{type:"success",title:Zt.t("Wallet Connected"),description:Zt.t("Your wallet is connected, you can use it to swap.")}):n?$t.createElement(Wi,{type:"error",title:Zt.t("Failed to Connect"),description:n||Zt.t("Your wallet is not connected. Please try again.")}):$t.createElement(Wi,{type:"loading",title:Zt.t("Connecting to your wallet"),description:Zt.t("Click connect in your wallet popup."),icon:$t.createElement(dp,null,$t.createElement(gp,null,$t.createElement(Tg,{src:o,size:45})),$t.createElement(fp,null))})}i(hp,"ModalContent");function Co(t){let{open:e,onClose:o,...n}=t;return Li.createElement(vg,{open:e,onClose:o,container:document.getElementById(be.SWAP_BOX_ID)||document.body},Li.createElement(hp,{...n}),Li.createElement(wg,{direction:"vertical",size:32}))}i(Co,"WalletModal");var Ag=Cp("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Eg=Cp(re,{textAlign:"center"}),Gn=3e3,Ni=300;function Tp(){let{config:t,fetchStatus:e}=h(),[o,n]=Sp(!1),[r,s]=Sp(""),a=null,l=pe.use.isActiveTab(),{list:p,handleClick:c,error:u,disconnectConnectingWallets:g}=Nn({config:t,onBeforeConnect:d=>{a=setTimeout(()=>{n(!0),s(d)},Ni)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},Gn)}}),m=i(()=>{g(),n(!1)},"handleCloseWalletModal"),f=p.find(d=>d.type===r),k=f?.image||"",y=f?.state||Ig.NOT_INSTALLED;return Rt.createElement(ne,{header:{title:yp.t("Connect Wallets")}},Rt.createElement(Eg,null,Rt.createElement(xg,{variant:"title",size:"xmedium",align:"center"},yp.t("Choose a wallet to connect.")),Rt.createElement(Ag,null,p.map((d,S)=>{let w=`wallet-${S}-${d.type}`;return Rt.createElement(bg,{key:w,...d,container:W(),onClick:x=>{c(x)},isLoading:e==="loading",disabled:!l})}),Rt.createElement(Co,{open:!!o,onClose:m,image:k,state:y,error:u}))))}i(Tp,"WalletsPage");import{keyframes as Wg,styled as Bi}from"@rango-dev/ui";var kp=Bi("div",{position:"relative"}),Lg=Wg({"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:`${Lg} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),vp=Bi("div",{"& img":{borderRadius:"50%"}});var Pg=7;function Pi(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:s}=t,{config:a}=h(),l=pe.use.isActiveTab(),p=H.use.connectedWallets(),{blockchains:c}=h(),[u,g]=To(""),[m,f]=To(null),[k,y]=To(!1),[d,S]=To(null),{suggestAndConnect:w}=Ep(),x=null,{list:C,error:I,handleClick:v,disconnectConnectingWallets:b}=Nn({config:a,chain:e,onBeforeConnect:M=>{x=setTimeout(()=>{g(M)},Ni)},onConnect:()=>{x&&clearTimeout(x),setTimeout(()=>{g("")},Gn)}}),[T,E]=To(C),L=C.length,F=r&&L-r>0,K=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 q=C.findIndex(ee=>o(ee.type,e));return F&&q>1?[C[q]].concat(C.filter((ee,U)=>U!==q)):M.map(ee=>C.find(U=>U.type===ee.type)??ee)})},[JSON.stringify(C)]);let R=document.getElementById(be.SWAP_BOX_ID);Ap(()=>{let M=null;return(d==="completed"||d==="rejected")&&(M=setTimeout(()=>S(null),Gn)),()=>{M&&clearTimeout(M)}},[d]);let ue=i(()=>{b(),g("")},"handleCloseWalletModal");return ie.createElement(ie.Fragment,null,T.slice(0,r).map(M=>{let q=va({connectedWallets:p,walletType:M.type,chain:e}),ee=q?nn(q,Pg):"",U=tn(c(),e),De=!p.find(Ce=>Ce.walletType===M.type&&Ce.chain===e),Q=U&&De&&M.state===Ip.CONNECTED,Y=Q?Xe.t({id:"Add {chain} chain",values:{chain:e}}):ee,xe=i(()=>{M.state===Ip.DISCONNECTED?v(M.type):Q?(f({walletType:M.type,chain:e,address:q??""}),y(!0)):n({walletType:M.type,chain:e,address:q??""})},"onClick"),Se=m?.chain?Za(m.chain,c()):void 0;return ie.createElement(ie.Fragment,null,ie.createElement(Co,{open:u===M.type,onClose:ue,image:M.image,state:M.state,error:I}),!!m&&ie.createElement(xp,{open:!!m&&k,container:R,onClose:()=>{f(null)}},ie.createElement(Hn,{title:Xe.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:Se}}),type:"warning",description:Xe.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:Se}})},ie.createElement(Mi,{size:18}),ie.createElement(Mi,{size:32}),ie.createElement(Ng,{onClick:K.bind(null,m),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},Xe.t("Confirm")))),d&&ie.createElement(xp,{open:!!d,onClose:S.bind(null,null),container:R},d==="in-progress"&&ie.createElement(Hn,{type:"loading",title:Xe.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:Se}}),description:Xe.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:Se}}),icon:ie.createElement(kp,null,ie.createElement(vp,null,ie.createElement(Bg,{src:M.image,size:45})),ie.createElement(wp,null))}),d==="completed"&&ie.createElement(Hn,{type:"success",title:Xe.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:Se}}),description:Xe.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:Se}})}),d==="rejected"&&ie.createElement(Hn,{type:"error",title:Xe.t("Request Rejected"),description:Xe.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:Se}})}),ie.createElement(Mi,{direction:"vertical",size:32})),ie.createElement(Mg,{key:M.type,description:Y,onClick:xe,selected:o(M.type,e),disabled:!l,...M}))}),F&&ie.createElement(Al,{selected:!1,onClick:s},ie.createElement(bp,{variant:"label",size:"medium"},Xe.t("Show more wallets"),ie.createElement(bp,{variant:"label",size:"medium",color:"$primary"},"\xA0+",L-(r??0)))))}i(Pi,"WalletList");var qg=2;function Np(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}=X(),{connectedWallets:k,selectWallets:y}=H(),[d,S]=_t(""),[w,x]=_t([]),[C,I]=_t(""),[v,b]=_t(null),[T,E]=_t(m),[L,F]=_t(!!m),K=fn(p),R=l.find(_=>_.name===p?.result?.swaps[p?.result?.swaps.length-1].to.blockchain),ue=i(_=>!!p?.result?.swaps.find(V=>V.from.blockchain===_),"isWalletRequiredFor"),[M,q]=_t(k.filter(_=>_.selected&&K.includes(_.chain))),ee=l.find(_=>_.name===R?.name),U=i((_,V)=>!!M.find(G=>G.walletType===_&&G.chain===V&&G.selected&&(ue(V)||!ue(V)&&!T)),"isSelected"),De=!!T&&L&&ee&&!gn(ee,T),Q=i(()=>{F(!1),E(""),q(_=>{let V=!1;return _.map(G=>!V&&G.chain===R?.name?(V=!0,{...G,selected:!0}):G)})},"resetCustomDestination"),Y=i(_=>{if(d&&S(""),U(_.walletType,_.chain))return;let G=k.find(le=>le.walletType===_.walletType&&le.chain===_.chain);G&&(n(),_.chain===R?.name&&L&&(F(!1),E("")),q(le=>le.filter(ut=>ut.chain!==_.chain).concat({...G,selected:!0})))},"onChange"),xe=i(()=>{let _=M.filter(V=>V.selected);y(_),c(_),f(T),g(!0),o()},"onConfirmBalance"),Se=i(async()=>{x([]),I(""),b(null);let _=k.filter(le=>M.find(ut=>ut.chain===le.chain&&ut.walletType===le.walletType)),V=await r?.({selectedWallets:_,customDestination:T}),G=V.warnings;G?.balance?.messages&&x(G.balance.messages),G?.quoteUpdate&&b(G.quoteUpdate),V.error&&I(Ra(V.error)),!V.error&&(!G?.balance?.messages.length||0>0)?xe():x(G?.balance?.messages??[])},"onConfirmWallets");Og(()=>{q(_=>_.concat(k.filter(V=>!!!_.find(le=>le.chain===V.chain)&&V.selected&&K.includes(V.chain))))},[k.length]);let Ce=document.getElementById(be.SWAP_BOX_ID),ct=zg();return N.createElement(Lp,{open:e,onClose:()=>{u||ct("../",{replace:!0}),o()},dismissible:!d,container:Ce,...!d&&{footer:N.createElement(Pl,null,N.createElement(Wp,{loading:s,disabled:fl(s,L,T,p,M,R),onClick:Se,variant:"contained",type:"primary",fullWidth:!0,size:"large"},ot.t("Confirm")))},...d&&{containerStyle:{padding:"$0"},header:N.createElement(El,null,N.createElement(Wl,{variant:"ghost",onClick:S.bind(null,"")},N.createElement(Dg,{size:16})),N.createElement(Qn,{variant:"headline",size:"small"},ot.t({id:"Your {blockchainName} wallets",values:{blockchainName:Ue(d,l)}})))},anchor:"center"},N.createElement(Lp,{open:w.length>0,onClose:x.bind(null,[]),container:Ce},N.createElement(Fg,{title:ot.t("Insufficient account balance"),type:"error",description:N.createElement($g,{messages:w??[]})},N.createElement(Wp,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:xe},ot.t("Proceed anyway")))),d&&N.createElement(Ll,null,N.createElement("div",{className:Nl()},N.createElement(Pi,{chain:d,isSelected:U,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:ot.t(C)}),N.createElement(eo,{size:12})),v&&N.createElement(N.Fragment,null,N.createElement($i,{variant:"alarm",type:"warning",title:xn(v)}),N.createElement(eo,{size:12})),N.createElement(_l,null,K.map((_,V)=>{let G=l.find(Qe=>Qe.name===_),le=`wallet-${V}`,ut=V===K.length-1;return N.createElement("div",{key:le},N.createElement(bl,null,N.createElement(Qn,{variant:"title",size:"xmedium"},ot.t({id:"Your {blockchainName} wallets",values:{blockchainName:G?.shortName}})),N.createElement(Qn,{variant:"label",color:"$neutral700",size:"medium"},ot.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:G?.shortName}}))),N.createElement(eo,{size:24}),N.createElement(Il,null,N.createElement(Pi,{chain:_,isSelected:U,selectWallet:Y,limit:qg,onShowMore:()=>S(G?.name??"")})),!ut&&N.createElement(eo,{size:32}),ut&&a?.customDestination&&N.createElement(Bl,null,N.createElement(Wn,{onOpenChange:Qe=>{Qe?ue(R?.name??"")||q(Dr=>Dr.map(Me=>Me.chain===R?.name?{...Me,selected:!1}:Me)):Q()},hasSelected:!0,open:L,triggerAnchor:"top",trigger:N.createElement(Dl,{fullWidth:!0,variant:"default",suffix:N.createElement(An,{orientation:L?"up":"down"},N.createElement(_g,{size:10,color:"gray"}))},N.createElement("div",{className:"button__content"},N.createElement(Ug,{size:18,color:"info"}),N.createElement(eo,{size:4,direction:"horizontal"}),N.createElement(Qn,{variant:"label",size:"medium"},ot.t("Send to a different address")))),onClickTrigger:()=>F(Qe=>!Qe)},N.createElement(eo,{size:4}),N.createElement($l,{autoFocus:!0,placeholder:ot.t("Your destination address"),value:T,onChange:Qe=>{E(Qe.target.value)}})),De&&N.createElement("div",{className:Ml()},N.createElement($i,{variant:"alarm",type:"error",title:ot.t({values:{destination:T},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(Np,"ConfirmWalletsModal");import{i18n as lh}from"@lingui/core";import{Alert as ph,Button as ch,InfoIcon as uh}from"@rango-dev/ui";import $e from"react";import{Alert as Gg,Button as Hg,Divider as Dp,NoRouteIcon as Qg,RefreshIcon as Vg,Typography as Fp}from"@rango-dev/ui";import Ke from"react";import{i18n as Bp}from"@lingui/core";function Mp(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:j().genericServerError,action:{onClick:n,title:Bp.t("Retry")}},description:""}:e.length?{alert:{type:"warning",text:j().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:Bp.t("Reset")}},description:j().liquiditySourcesError.description}:t?.type===0&&t.diagnosisMessage?{alert:{type:"error",text:t.diagnosisMessage,action:null},description:""}:{alert:null,description:j().noResultError.description}}i(Mp,"makeInfo");import{styled as _i}from"@rango-dev/ui";var Pp=_i("div",{minHeight:"162px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}),$p=_i("div",{width:"100%"}),_p=_i("div",{padding:"$6 $0"});function Di(t){let{fetch:e,error:o}=t,n=h().disabledLiquiditySources,r=h().toggleAllLiquiditySources,s=h().swappers(),a=Mp(o,n,()=>r(s,!0),e);return Ke.createElement(Pp,null,Ke.createElement(Qg,{size:24,color:"gray"}),Ke.createElement(Dp,{size:4}),Ke.createElement(Fp,{variant:"title",size:"small"},j().noResultError.title),!!a.description&&Ke.createElement(Fp,{variant:"body",size:"small",align:"center",color:"neutral700"},a.description),Ke.createElement(Dp,{size:4}),!!a.alert&&Ke.createElement($p,null,Ke.createElement(Gg,{type:a.alert.type,title:a.alert.text,action:a.alert.action&&Ke.createElement(Hg,{size:"xsmall",type:a.alert.type,prefix:Ke.createElement(_p,null,Ke.createElement(Vg,{size:8})),onClick:a.alert.action.onClick},a.alert.action.title),variant:"alarm"})))}i(Di,"NoResult");import{i18n as ko}from"@lingui/core";import{Button as Xg,Divider as Hp,MessageBox as Kg,Modal as Yg,Typography as Jg,WarningIcon as Zg}from"@rango-dev/ui";import nt from"react";import{Typography as qp}from"@rango-dev/ui";import Ui from"react";import{darkTheme as jg,styled as Vn}from"@rango-dev/ui";var Up=Vn("div",{width:"100%"}),Fi=Vn("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),Op=Vn("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${jg} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),zp=Vn("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function Gp(t){let{title:e,value:o,valueColor:n}=t;return Ui.createElement(Op,null,Ui.createElement(qp,{size:"medium",variant:"label",className:"_title"},e),Ui.createElement(qp,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(Gp,"QuoteErrorsModalItem");function Qp(t){let{open:e,onClose:o,onConfirm:n,warning:r,confirmationDisabled:s}=t,a=r.warningLevel==="high"?"error":"warning",l=[{title:ko.t("Swapping"),value:A(r.inputUsdValue,4,4)},{title:ko.t("Gas cost"),value:A(r.totalFee,2,2)},{title:ko.t("Receiving"),value:A(r.outputUsdValue,4,4)},{title:ko.t("Price impact"),value:A(r.priceImpact,2,2),valueColor:`${a}500`}];return nt.createElement(Yg,{open:e,onClose:o,container:W()},nt.createElement(Kg,{type:a,title:j().highValueLossError.impactTitle,description:j().highValueLossError.description}),nt.createElement(Fi,null,nt.createElement(Hp,{size:20}),nt.createElement(Jg,{size:"small",variant:"title"},ko.t("Details")),nt.createElement(Fi,null,l.map((p,c)=>nt.createElement(Gp,{key:c,...p})))),nt.createElement(Hp,{size:32}),nt.createElement(Xg,{type:"primary",size:"large",prefix:nt.createElement(Zg,null),fullWidth:!0,disabled:s,onClick:n},j().highValueLossError.confirmMessage))}i(Qp,"HighValueLossWarningModal");import{i18n as Oi}from"@lingui/core";function Vp(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=j().highValueLossError.title),t.type===1&&(o.title=j().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(Vp,"makeAlerts");import{i18n as no}from"@lingui/core";import{Button as jp,Divider as Xp,MessageBox as Rg,Modal as eh,Typography as th}from"@rango-dev/ui";import Dt from"react";import{useNavigate as oh}from"react-router-dom";function Kp(t){let{customSlippage:e,slippage:o}=h(),{open:n,onClose:r,onConfirm:s,warning:a,confirmationDisabled:l}=t,p=oh(),c=e??o;return Dt.createElement(eh,{anchor:"bottom",open:n,prefix:Dt.createElement(jp,{size:"small",variant:"ghost",onClick:()=>p("../"+P.settings)},Dt.createElement(th,{variant:"label",size:"medium",color:"$neutral900"},no.t("Change settings"))),container:W(),onClose:r},Dt.createElement(Rg,{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(Xp,{size:18}),Dt.createElement(Xp,{size:32}),Dt.createElement(jp,{size:"large",type:"primary",variant:"contained",fullWidth:!0,disabled:l,onClick:s},no.t("Confirm anyway"))))}i(Kp,"SlippageWarningModal");import{Button as nh,Divider as rh,MessageBox as ih,Modal as sh,WarningIcon as ah}from"@rango-dev/ui";import wo from"react";function Yp(t){let{open:e,onClose:o,onConfirm:n,confirmationDisabled:r}=t;return wo.createElement(sh,{open:e,onClose:o,container:W()},wo.createElement(ih,{type:"warning",title:j().unknownPriceError.impactTitle,description:j().unknownPriceError.description}),wo.createElement(rh,{size:32}),wo.createElement(nh,{type:"primary",size:"large",prefix:wo.createElement(ah,null),fullWidth:!0,disabled:r,onClick:n},j().unknownPriceError.confirmMessage))}i(Yp,"UnknownPriceWarningModal");function vo(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=Vp(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(Up,null,$e.createElement(ph,{title:m.title,type:m.alertType,variant:"alarm",...m.action==="show-info"&&{action:$e.createElement(zp,{onClick:a},$e.createElement(uh,{size:12,color:"gray"}))},...m.action==="change-settings"&&{action:$e.createElement(ch,{size:"xxsmall",type:m.alertType,onClick:c},lh.t("Change"))}})),e&&$e.createElement($e.Fragment,null,e.type===0&&$e.createElement(Qp,{...u,warning:e}),(e.type===3||e.type===2)&&$e.createElement(Kp,{...u,warning:e}),e.type===1&&$e.createElement(Yp,{...u,warning:e})))}i(vo,"QuoteWarningsAndErrors");import rr from"react";import{i18n as Yi}from"@lingui/core";import{Alert as Bh,Divider as Ji,InfoIcon as Mh,StepDetails as Ph,TokenAmount as $h,Tooltip as wc,Typography as Ao}from"@rango-dev/ui";import vc from"bignumber.js";import D,{useRef as _h,useState as Dh}from"react";import{styled as zi}from"@rango-dev/ui";var qi=zi("div",{width:"100%","& .position-top__skeleton":{paddingTop:"$10"}}),Jp=zi("div",{paddingBottom:"$15"}),Zp=zi("div",{width:"100%",display:"flex"});import*as jn from"@radix-ui/react-collapsible";import{css as Xn,darkTheme as rt,Image as Rp,styled as Ge,Typography as mh}from"@rango-dev/ui";var dh=300,ec=Ge(jn.Root,{display:"flex",flexDirection:"column",alignItems:"start",overflowX:"auto",overflowY:"hidden",width:"100%",borderRadius:"$xm",cursor:"default",variants:{recommended:{true:{$$color:"$colors$info300",[`.${rt} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${rt} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}}}),tc=Xn({padding:"$10 $15"}),oc=Ge("div",{borderRadius:"$xm",display:"flex",flexDirection:"column",alignItems:"start",justifyContent:"space-between",color:"$foreground",cursor:"pointer",boxSizing:"border-box",position:"relative",variants:{recommended:{true:{$$color:"$colors$info100",[`.${rt} &`]:{$$color:"$colors$secondary600"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}},false:{$$color:"$colors$neutral200",[`.${rt} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}}},basic:{true:{borderTopRightRadius:"0",borderTopLeftRadius:"0"}},listItem:{true:{},false:{}}},compoundVariants:[{listItem:!0,recommended:!0,css:{"&:hover":{$$color:"$colors$secondary200",[`.${rt} &`]:{$$color:"$colors$secondary700"},backgroundColor:"$$color"}}},{listItem:!0,recommended:!1,css:{"&:hover":{$$color:"$colors$neutral300",[`.${rt} &`]:{$$color:"$colors$neutral400"},backgroundColor:"$$color"}}}]}),nc=Xn({width:"100%",padding:"$15 $15 $10 $15",cursor:"default"}),ro=Xn({display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",".blockchainImage":{marginLeft:"-$8"}}),rc=Xn({paddingTop:"$10",display:"flex",alignItems:"center",".usd-value":{$$color:"$colors$neutral600",[`.${rt} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),ic=Ge(jn.Trigger,{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",height:"$36",padding:"$10 $15",boxSizing:"border-box",cursor:"pointer",border:"none",outline:"none",backgroundColor:"transparent",variants:{error:{true:{[`& ${Rp}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${Rp}`]:{border:"1px transparent solid",borderRadius:"100%"}}},recommended:{true:{$$color:"$colors$info300",[`.${rt} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${rt} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}},".blockchains_section":{display:"none"},"@xs":{".blockchains_section":{display:"block"}}}),sc=Ge("div",{width:"18px",height:"18px",borderRadius:"100%",display:"flex",justifyContent:"center",alignItems:"center",border:"1.5px transparent solid",img:{borderRadius:"100%"},variants:{state:{error:{borderColor:"$error500"},warning:{borderColor:"$warning500"}}}}),ac=Ge(In,{width:"100%",background:"inherit"}),Gi=Ge("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${dh}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),K0=Ge("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),lc=Ge("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${rt} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),pc=Ge("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"}),Hi=Ge(mh,{overflow:"hidden",textOverflow:"ellipsis",letterSpacing:.4}),cc=Ge("div",{display:"flex",flexWrap:"wrap"}),Qi=Ge("div",{width:"18px",height:"18px",borderRadius:"100%",backgroundColor:"$background",cursor:"default",display:"flex",justifyContent:"center",alignItems:"center",border:"1.5px transparent solid",variants:{state:{error:{borderColor:"$error500"},warning:{borderColor:"$warning500"}}}});import{i18n as Et}from"@lingui/core";import{ChevronDownIcon as gh,CloseIcon as hh,Divider as Jn,IconButton as yh,Modal as Sh,QuoteCost as Ch,Tooltip as Th,Typography as Ye}from"@rango-dev/ui";import kh from"bignumber.js";import O,{useState as fc}from"react";import{i18n as xo}from"@lingui/core";var Vi={"Network Fee":xo.t("Network Fee"),"Swapper Fee":xo.t("Protocol Fee"),"Affiliate Fee":xo.t("Affiliate Fee"),"Outbound network fee":xo.t("Outbound Fee"),"Rango Fee":xo.t("Rango Fee")};import{css as fh,styled as Kn}from"@rango-dev/ui";var Yn=Kn("div",{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"$5 0","&.total_payable_fee":{padding:"$12 0"}}),ji=Kn("div",{width:"100%",borderTop:"1px solid $neutral300",margin:"$10 0"}),uc=Kn("div",{padding:"$20 0",display:"flex",flexDirection:"column","& .collapsible_trigger":{display:"flex",alignItems:"center"}}),mc=Kn("div",{padding:"$20 $20 $10",textAlign:"center",position:"relative","._icon-button":{position:"absolute",zIndex:10,top:"$16",right:"$16"}}),dc=fh({display:"flex",flexDirection:"row",alignItems:"center",padding:"$5","&:hover":{"& ._typography, & svg":{color:"$secondary"}}});var wh=30,vh=i(t=>t.fee.isZero()?null:O.createElement(Yn,null,O.createElement(Ye,{variant:"label",size:"medium",color:"neutral600"},t.label),O.createElement(Ye,{variant:"label",size:"medium"},"$",A(t.fee,4,4))),"NonPayableFee");function gc(t){let[e,o]=fc(!1),[n,r]=fc(!1),{steps:s,quote:a}=t,l=h().tokens(),p=Ko(Yo(a.result?.swaps)),c=a.result?.swaps??[],u=W(),g=Sn(c,l),m=nl(c);return O.createElement(O.Fragment,null,O.createElement(Ch,{onClickFee:()=>o(!e),fee:A(g,2,2),feeWarning:g.gte(new kh(wh)),time:p,steps:s,tooltipGas:Et.t("View more info"),tooltipContainer:u}),O.createElement(Sh,{container:u,open:e,header:O.createElement(mc,null,O.createElement(Ye,{variant:"title",size:"medium"},Et.t("Gas & Fee Explanation")),O.createElement(yh,{onClick:()=>o(!1),variant:"ghost"},O.createElement(hh,{color:"gray",size:14}))),onClose:()=>o(!1)},O.createElement(uc,null,O.createElement(Ye,{variant:"title",size:"small"},Et.t("Details")),O.createElement(Jn,{size:10}),Object.entries(m.payable).flatMap(([f,k])=>k.map((y,d)=>{let S=`payable-fee-${d}`,w=ei(y);return O.createElement(Yn,{key:S},O.createElement(Ye,{variant:"label",size:"medium",color:"neutral600"},Vi[f]),O.createElement(Th,{content:se(y.amount),container:u},O.createElement(Ye,{variant:"label",size:"medium"},A(y.amount,2,2)," ",y.asset.symbol," ($",A(w,4,4),")")))})),O.createElement(Yn,{className:"total_payable_fee"},O.createElement(Ye,{variant:"label",size:"medium"},Et.t("Total Payable Fee")),O.createElement(Ye,{variant:"label",size:"medium"},"$",A(g,4,4))),O.createElement(ji,null),Object.keys(m.nonePayable).length&&O.createElement(Wn,{triggerAnchor:"bottom",onClickTrigger:()=>r(f=>!f),trigger:O.createElement("div",{className:dc()},O.createElement(Ye,{size:"small",variant:"body",color:"neutral700"},n?Et.t("Hide non-payable fees"):Et.t("Show non-payable fees")),O.createElement(Jn,{size:4,direction:"horizontal"}),O.createElement(An,{orientation:n?"up":"down"},O.createElement(gh,{size:12,color:"gray"}))),open:n},O.createElement(Ye,{size:"small",variant:"title"},Et.t("Description")),O.createElement(Jn,{size:4}),O.createElement(Ye,{size:"small",variant:"body",color:"neutral700"},Et.t(`The following fees are considered in the transaction output and
2
- you won\u2019t need to pay extra gas for them.`)),O.createElement(Jn,{size:10}),Object.entries(m.nonePayable).map(([f,k],y)=>{let d=ol(k),S=Vi[f],w=`non-payable-fee-${y}`;return O.createElement(vh,{key:w,fee:d,label:S})}),O.createElement(ji,null)))))}i(gc,"QuoteCostDetails");import{i18n as Sc}from"@lingui/core";import{TokenAmount as Cc}from"@rango-dev/ui";import Zn from"react";import{css as xh,styled as bh}from"@rango-dev/ui";var hc=bh("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%"}),yc=xh({height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"});function bo(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return Zn.createElement(hc,null,Zn.createElement(Cc,{direction:"horizontal",label:Sc.t("Swap input"),type:"input",tooltipContainer:W(),price:{value:e.price.value,usdValue:e.price.usdValue,realValue:e.price.realValue,realUsdValue:e.price.realUsdValue},token:{displayName:e.token.displayName,image:e.token.image},chain:{image:e.chain.image}}),Zn.createElement("div",{className:yc()}),Zn.createElement(Cc,{direction:"horizontal",tooltipContainer:W(),label:Sc.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(bo,"QuoteSummary");import{i18n as Tc}from"@lingui/core";import{ChevronDownIcon as Ih,ChevronRightIcon as Ah,Divider as Xi,Image as Eh,Tooltip as Ki,Typography as Rn}from"@rango-dev/ui";import B,{useEffect as Wh,useState as Lh}from"react";var er=4,tr=6,Nh=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(sc,{className:r,state:a},B.createElement(Eh,{src:n,size:16})))},"ImageComponent");function kc(t){let{quoteRef:e,recommended:o,setExpanded:n,steps:r,expanded:s}=t,a=W(),l=r.length,p=Tl(r),[c,u]=Lh(!1),g=i(()=>{window.innerWidth<Nh?u(!0):u(!1)},"handleResize");return Wh(()=>{window.addEventListener("resize",g)}),B.createElement(ic,{ref:m=>e.current=m,recommended:o,onClick:()=>n(m=>!m)},B.createElement("div",{className:ro()},B.createElement(Rn,{variant:"body",size:"xsmall"},Tc.t("Via:")),B.createElement(Xi,{direction:"horizontal",size:4}),r.map((m,f)=>{let k=`item-${f}`,y=B.createElement(Gi,null,B.createElement(Ah,{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<=er||l>er&&f<er-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===er-1&&B.createElement(Ki,{container:a,side:"bottom",align:"right",sideOffset:4,content:B.createElement("div",{className:ro()},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(Rn,{size:"xsmall",variant:"body"},"+",l-f))))})),B.createElement("div",{className:ro()},B.createElement("div",{className:"blockchains_section"},B.createElement("div",{className:ro()},B.createElement(Rn,{variant:"body",size:"xsmall"},Tc.t("Chains:")),B.createElement(Xi,{direction:"horizontal",size:4}),p.map((m,f)=>B.createElement(B.Fragment,null,p.length<=tr||p.length>tr&&f<tr-1?B.createElement(Io,{key:m.displayName,content:"",src:m.image,open:!1,className:f!==0?"blockchainImage":""}):f===tr-1&&B.createElement(Ki,{container:a,side:"bottom",align:"right",sideOffset:4,content:B.createElement("div",{className:ro()},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(Rn,{size:"xsmall",variant:"body"},"+",p.length-f))))),B.createElement(Xi,{direction:"horizontal",size:32}))),B.createElement(Gi,{orientation:s?"up":"down"},B.createElement(Ih,{size:12,color:"black"}))))}i(kc,"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]=Dh(t.expanded),m=_h(null),f=A(o.value,6,6),k=A(n.value,6,6),y=n.usdValue?A(n.usdValue,4,4):"",d=Oe(o.usdValue,n.usdValue??null),S=A(d,2,2),w=mt(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),K=s?.type===2&&s.recommendedSlippages?.has(E);return F?L="error":K&&(L="warning"),{swapper:{displayName:go(T.swapperId,c),image:T.swapperLogo},from:{token:{displayName:T.from.symbol,image:T.from.logo},chain:{displayName:Ue(T.from.blockchain,p),image:T.from.blockchainLogo},price:{value:E===0?A(o.value,6,6):A(T.fromAmount,6,6),usdValue:A((T.from.usdPrice??0)*parseFloat(T.fromAmount),4,4),realValue:se(E===0?o.value:T.fromAmount),realUsdValue:se(new vc(T.from.usdPrice??0).multipliedBy(T.fromAmount))}},to:{token:{displayName:T.to.symbol,image:T.to.logo},chain:{displayName:Ue(T.to.blockchain,p),image:T.to.blockchainLogo},price:{value:A(T.toAmount,6,6),usdValue:A((T.to.usdPrice??0)*parseFloat(T.toAmount),4,4),realValue:se(T.toAmount),realUsdValue:se(new vc(T.to.usdPrice??0).multipliedBy(T.toAmount))}},state:L,alerts:F||K?D.createElement(Jp,null,D.createElement(Bh,{type:F?"error":"warning",title:r?.type===3?r?.recommendation:Yi.t(`Slippage ${F?"Error":"Warning"}:`),footer:D.createElement(Zp,null,r?.type===3&&D.createElement(D.Fragment,null,D.createElement(Ao,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),D.createElement(Ji,{direction:"horizontal",size:8}),D.createElement(Ao,{size:"xsmall",variant:"body",color:"neutral900"},"|"),D.createElement(Ji,{direction:"horizontal",size:8}),D.createElement(Ao,{size:"xsmall",variant:"body",color:"neutral900"},Yi.t({id:"Yours: {amount} {symbol}",values:{amount:A(T.fromAmount,6,6),symbol:T?.from.symbol}}))),(r?.type===4||s?.type===2)&&D.createElement(Ao,{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??[]),I=C.length,v=W();return D.createElement(D.Fragment,null,D.createElement(oc,{recommended:l,listItem:a==="list-item",basic:a==="basic"},D.createElement("div",{className:nc()},D.createElement(gc,{steps:I,quote:e}),a==="basic"&&D.createElement("div",{className:rc()},D.createElement(pc,null,D.createElement(Mh,{size:12,color:"gray"})),D.createElement(cc,null,D.createElement(Hi,{size:"small",variant:"body"},`${f} ${C[0].from.token.displayName} = `),D.createElement(wc,{content:se(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(wc,{content:se(n.usdValue),container:v,style:{display:"flex"}},D.createElement(Ao,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${y})`))),a==="list-item"&&D.createElement($h,{type:"output",direction:"vertical",tooltipContainer:v,price:{value:k,usdValue:y,realValue:se(n.value),realUsdValue:se(n.usdValue)},token:{displayName:C[I-1].to.token.displayName,image:C[I-1].to.token.image},chain:{image:C[I-1].to.chain.image},percentageChange:S,warningLevel:w}),a==="swap-preview"&&D.createElement(D.Fragment,null,D.createElement(bo,{from:C[0].from,to:C[I-1].to,percentageChange:S,warningLevel:w}),D.createElement(Ji,{size:4}))),D.createElement(ec,{recommended:l,open:u,onOpenChange:g},D.createElement(kc,{quoteRef:m,recommended:l,setExpanded:g,expanded:u,steps:C}),D.createElement(ac,{open:u},D.createElement(lc,null),D.createElement("div",{className:tc()},C.map((b,T)=>{let E=`item-${T}`;return D.createElement(Ph,{type:"quote-details",key:E,step:b,hasSeparator:T!==C.length-1,state:b.state,tooltipContainer:v})}))))))}i(Zi,"Quote");import{Divider as Oh,Skeleton as zh}from"@rango-dev/ui";import dt from"react";import{darkTheme as Fh,styled as or}from"@rango-dev/ui";var xc=or("div",{$$color:"$colors$neutral100",[`.${Fh} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15 ",variants:{rounded:{true:{borderRadius:"$xm"}}}}),bc=or("div",{paddingTop:"$2"}),Ic=or("div",{paddingLeft:"$8"}),Ac=or("div",{borderLeft:"1px dashed black",minHeight:" 0",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});import{ChainToken as Fc,Divider as Ft,Skeleton as st}from"@rango-dev/ui";import z from"react";import{styled as it}from"@rango-dev/ui";var Ec=it("div",{display:"flex",justifyContent:"space-between",alignItems:"center",height:"22px"}),Wc=it("div",{display:"flex"}),Lc=it("div",{padding:"$15 $0 14px $0"}),Nc=it("div",{padding:"$6 $0 $15 $0",display:"flex",flexDirection:"column"}),Bc=it("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$5"}),Mc=it("div",{display:"flex",justifyContent:"space-between",alignItems:"end"}),Pc=it("div",{height:"$28",marginLeft:"13px",borderLeft:"1px solid $neutral700"}),$c=it("div",{width:"65%",display:"flex",justifyContent:"start"}),_c=it("div",{display:"flex",flexDirection:"column",alignItems:"start",flexGrow:1,maxWidth:"148px"}),Dc=it("div",{padding:"$15 $0 $15 $0"});function Eo(t){let{type:e,tag:o=!1}=t,n=z.createElement(Mc,null,z.createElement($c,null,z.createElement(Fc,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),z.createElement(Ft,{size:8,direction:"horizontal"}),z.createElement(_c,null,z.createElement(st,{height:10,width:60,variant:"rounded"}),z.createElement(Ft,{size:4}),z.createElement(st,{height:15,variant:"rounded"}))),z.createElement(st,{height:12,width:64,variant:"rounded"}));return z.createElement("div",null,z.createElement(Ec,null,z.createElement(Wc,null,z.createElement(st,{width:60,height:10,variant:"rounded"}),z.createElement(Ft,{size:4,direction:"horizontal"}),z.createElement(st,{width:60,height:10,variant:"rounded"}),z.createElement(Ft,{size:4,direction:"horizontal"}),z.createElement(st,{width:60,height:10,variant:"rounded"})),o&&z.createElement(st,{height:22,width:100,variant:"rounded"})),e==="basic"&&z.createElement(Lc,null,z.createElement(st,{height:15,width:148,variant:"rounded"})),e==="list-item"&&z.createElement(Nc,null,z.createElement(Bc,null,z.createElement(Fc,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),z.createElement(Ft,{direction:"horizontal",size:4}),z.createElement(st,{height:15,width:150,variant:"rounded"})),z.createElement(Ft,{size:4}),z.createElement(st,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&z.createElement(z.Fragment,null,z.createElement(Ft,{size:4}),z.createElement(Dc,null,n,z.createElement(Pc,null),n)))}i(Eo,"QuoteSummarySkeleton");import{ChainToken as Gc,Divider as es,NextIcon as Uh,Skeleton as nr}from"@rango-dev/ui";import fe from"react";import{styled as Wo}from"@rango-dev/ui";var Uc=Wo("div",{display:"flex",alignItems:"start"}),Oc=Wo("div",{flexGrow:1,paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center"}),Ri=Wo("div",{display:"flex",alignItems:"center",flexGrow:1}),zc=Wo("div",{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}),qc=Wo("div",{display:"flex",alignItems:"center"});function at(t){let{separator:e=!0}=t;return fe.createElement(fe.Fragment,null,fe.createElement(qc,null,fe.createElement(nr,{height:22,width:22,variant:"circular"}),fe.createElement(es,{direction:"horizontal",size:8}),fe.createElement(nr,{height:15,width:148,variant:"rounded"})),fe.createElement(Uc,null,fe.createElement(Ac,{hideSeparator:!e}),fe.createElement(Oc,null,fe.createElement(Ri,null,fe.createElement(Gc,{size:"small",loading:!0,chainImage:"",tokenImage:""}),fe.createElement(es,{direction:"horizontal",size:8}),fe.createElement(nr,{height:12,variant:"rounded"})),fe.createElement(zc,null,fe.createElement(Uh,{color:"gray",size:16})),fe.createElement(Ri,null,fe.createElement(Gc,{size:"small",loading:!0,chainImage:"",tokenImage:""}),fe.createElement(es,{direction:"horizontal",size:8}),fe.createElement(nr,{height:12,variant:"rounded"})))))}i(at,"StepSkeleton");function ts(t){let{type:e,expanded:o,tag:n=!1}=t;return dt.createElement(xc,{rounded:e!=="basic"},dt.createElement(Eo,{type:e,tag:n}),dt.createElement(bc,null,dt.createElement(zh,{height:15,variant:"rounded"})),o&&dt.createElement(Ic,null,dt.createElement(Oh,{size:20}),dt.createElement(at,null),dt.createElement(at,null),dt.createElement(at,{separator:!1})))}i(ts,"QuoteSkeleton");function Lo(t){let{quote:e,type:o,loading:n,error:r,warning:s,expanded:a=!1}=t,{inputAmount:l,inputUsdValue:p,outputUsdValue:c,outputAmount:u}=X(),m=!(r&&(r.type===0||r.type===1))&&e&&e.result&&!n;return n?rr.createElement(qi,null,rr.createElement(ts,{type:o,expanded:a})):m?rr.createElement(qi,null,rr.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(Lo,"QuoteInfo");import{calculatePendingSwap as Hh}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Qh}from"react";import{useRef as qh,useState as Gh}from"react";function ir(){let[t,e]=Gh(!1),o=qh(null),n=i(()=>o.current?.abort(),"cancel");return{fetch:i(async s=>{n(),o.current=new AbortController,e(!0);try{let a=await Ht().getBestRoute(s,{signal:o.current.signal});return o.current=null,a}catch(a){throw a}finally{e(!1)}},"fetch"),loading:t,cancelFetch:n}}i(ir,"useFetchQuote");function sr(t){if(!t.result)throw new Error(j().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(sr,"throwErrorIfResponseIsNotValid");function Hc(t,e,o){let n=!1;t&&(n=Sl(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&&(ll(t,e)?r.quoteUpdate={type:3,newOutputAmount:A(jt(e)),percentageChange:A(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=pl(e,o.selectedWallets,o.meta.blockchains);return a.length===0||(r.balance={messages:a}),r}i(Hc,"generateWarnings");function ar(t){return t?.code==="ERR_CANCELED"?{swap:null,error:{type:2},warnings:null}:t.cause?{swap:null,error:t.cause,warnings:null}:{swap:null,error:{type:1},warnings:null}}i(ar,"handleQuoteErrors");function os(){let{fromToken:t,toToken:e,inputAmount:o,setQuote:n,quote:r,customDestination:s,setQuoteWarningsConfirmed:a}=X(),{slippage:l,customSlippage:p,affiliatePercent:c,affiliateRef:u,affiliateWallets:g,disabledLiquiditySources:m}=h(),{connectedWallets:f}=H(),k=h().blockchains(),y=h().tokens(),{features:d}=h().config,{enableNewLiquiditySources:S}=h().config,w=p||l,{fetch:x,cancelFetch:C,loading:I}=ir();return Qh(()=>C,[]),{loading:I,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=Tn({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});pn("experimentalRoute",d)&&(L.experimental=!0);let F;try{F=await x(L).then(M=>sr(M)),n(F)}catch(M){return ar(M)}let K={slippage:w.toString(),disabledSwappersGroups:m},R=Hh(o.toString(),F,sl(T),K,!1,{blockchains:k,tokens:y}),ue=Hc(r??void 0,F,{fromToken:t,toToken:e,meta:{blockchains:k,tokens:y},selectedWallets:T,userSlippage:w});return ue.quoteUpdate&&a(!1),{quote:F,swap:R,error:null,warnings:ue}},"fetch"),cancelFetch:C}}i(os,"useConfirmSwap");var ry=Kh("div",{width:"100%",display:"flex",justifyContent:"space-between",[`& ${Vc}`]:{width:"$48",height:"$48"}}),iy=rs({flexGrow:1,paddingRight:"$10"}),sy=rs({width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}),ay=rs({display:"flex",justifyContent:"space-between",alignItems:"center"});function jc(){let{quote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:s,quoteWarningsConfirmed:a}=X(),l=ny(),p=oy(),[c,u]=pr(""),{connectedWallets:g}=H(),m=!n,[f,k]=pr(!1),{isActiveTab:y}=pe(),d=h().disabledLiquiditySources,S=ey(d),{manager:w}=Vh(),{fetch:x,loading:C,cancelFetch:I}=os(),[v,b]=pr({swap:null,error:null,warnings:null}),[T,E]=pr(!1),L=i(async({selectedWallets:U,customDestination:De})=>{let Q=await x?.({selectedWallets:U,customDestination:De});return b(Q),Q},"onConfirmSwap"),F=i(async()=>{if(v.swap&&n)try{await w?.create("swap",{swapDetails:v.swap},{id:v.swap.requestId});let U=`../${P.swaps}/${v.swap.requestId}`;l(U,{replace:!0}),setTimeout(()=>{e("")},0)}catch(U){u("Error: "+U?.message)}},"addNewSwap"),K=i(async()=>{await F()},"onConfirm"),R=i(async()=>{v?.warnings?.quote&&!a?E(!0):await K()},"onStartConfirmSwap"),ue=i(async()=>{b({error:null,swap:null,warnings:null}),x({selectedWallets:o,customDestination:s}).then(U=>{b(U)}).catch(U=>console.error(U))},"onRefresh");No(()=>{!!S.current.length&&!d.length&&ue(),S.current=d},[d.length]),No(()=>{m&&I()},[m]),No(()=>{m&&k(m)},[m]),No(()=>{m||x({selectedWallets:o,customDestination:s}).then(U=>b(U)).catch(U=>console.error(U))},[]),No(()=>{let U=v.warnings?.quote?.type&&Object.values(kt).includes(v.warnings?.quote?.type),De=o.length<1||!o.every(Y=>g.find(xe=>Y.address===xe.address&&Y.walletType===xe.walletType&&Y.chain===xe.chain)),Q=!1;if(U){let Y=fn(t),xe=t?.result?.swaps[t.result.swaps.length-1].to.blockchain;!!t?.result?.swaps.find(ct=>ct.from.blockchain===xe)||(Y=Y.slice(-Y.length,Y.length-1)),Y.every(ct=>o.find(_=>_.chain===ct))||(Q=!0)}t&&(De||Q)&&(queueMicrotask(()=>ty(k.bind(null,!0))),r(!1))},[v.warnings?.quote,o.length,g.length]),Rh(()=>{t||l(`../${p.search}`)},[]);let M=v.warnings?.quote??null,q=v.error,ee=[];return c&&ee.push(ae.createElement(Qc,{type:"error",variant:"alarm",title:c})),v.warnings?.quoteUpdate&&ee.push(ae.createElement(Qc,{variant:"alarm",type:"warning",title:v.warnings.quoteUpdate&&xn(v.warnings.quoteUpdate)})),(M||q)&&ee.push(ae.createElement(vo,{warning:M,error:q,loading:C,refetchQuote:ue,showWarningModal:T,confirmationDisabled:!y,onOpenWarningModal:()=>E(!0),onCloseWarningModal:()=>E(!1),onConfirmWarningModal:async()=>{E(!1),await F()},onChangeSettings:()=>l(P.settings)})),ae.createElement(ne,{header:{title:lr.t("Confirm Swap"),onWallet:()=>{let U=`../${P.wallets}`;l(U)},suffix:ae.createElement(Yh,{container:W(),side:"bottom",content:lr.t("Settings")},ae.createElement(qe,{size:"small",variant:"ghost",onClick:()=>l("../"+P.settings)},ae.createElement(Xh,{size:18,color:"black"})))},footer:ae.createElement(ry,null,ae.createElement("div",{className:iy()},ae.createElement(jh,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:C,disabled:!!v.error||!y,onClick:R},lr.t("Start Swap"))),ae.createElement(Vc,{variant:"contained",type:"primary",size:"large",loading:C,onClick:k.bind(null,!0)},ae.createElement(Zh,{size:24})))},f&&ae.createElement(Np,{open:f,onClose:()=>k(!1),onCancel:I,loading:C,onCheckBalance:L}),ae.createElement(re,null,ae.createElement("div",{className:ay()},ae.createElement(Jh,{variant:"title",size:"small"},lr.t("You get")),ae.createElement("div",{className:sy()},ae.createElement(Un,{onClick:!C&&!f&&!T?ue:void 0}))),ae.createElement(ns,{size:"12"}),zl(ee,ae.createElement(ns,{size:10})),ee.length>0?ae.createElement(ns,{size:10}):null,ae.createElement(Lo,{quote:t,type:"swap-preview",expanded:!0,error:v.error,loading:C,warning:v.warnings?.quote??null})))}i(jc,"ConfirmSwapPage");import{i18n as mr}from"@lingui/core";import{useManager as ky}from"@rango-dev/queue-manager-react";import{Divider as ru,NotFound as wy,styled as vy}from"@rango-dev/ui";import gt,{useState as xy}from"react";import{useNavigate as by}from"react-router-dom";import{i18n as as}from"@lingui/core";import{Divider as cy,GroupedVirtualizedList as uy,SwapListItem as Zc,Typography as Rc}from"@rango-dev/ui";import Le,{useCallback as eu,useEffect as my,useRef as dy,useState as fy}from"react";function Xc(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(Xc,"calculateGroupsSoFar");import{css as ly,darkTheme as py,styled as Bo}from"@rango-dev/ui";var cr=ly(),Kc=Bo("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$5"}),is=Bo("div",{width:"100%",display:"flex",flexDirection:"column",backgroundColor:"$background",padding:"$10 $5 0 $5",[`& .${cr}`]:{$$color:"$colors$neutral600",[`.${py} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),ss=Bo("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),Yc=Bo("div",{gap:"$10",display:"flex",flexDirection:"column"}),Jc=Bo("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});var gy=10;function ls(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,[s,a]=fy([]),l=dy(0),{swaps:p,groupCounts:c,groups:u}=n(e),g=eu(Xc,[]),m=eu(()=>{let f=e.length-l.current;f&&(l.current+=Math.min(f,gy),a(g(c,l.current)))},[e.length]);if(my(()=>{r||m()},[r,m]),r){let f=[{},{}],k=[{title:as.t("Today"),swaps:f},{title:as.t("This month"),swaps:f}];return Le.createElement(Le.Fragment,null,k.map(y=>Le.createElement(is,{key:y.title},Le.createElement(ss,null,Le.createElement(Rc,{variant:"label",size:"medium",className:cr()},y.title)),Le.createElement(cy,{size:4}),Le.createElement(Yc,null,y.swaps.map((d,S)=>{let w=S+y.title;return Le.createElement(Zc,{isLoading:!0,key:w})})))))}return Le.createElement(uy,{endReached:()=>{l.current<e.length&&m()},groupCounts:s,groupContent:f=>Le.createElement(is,null,Le.createElement(ss,null,Le.createElement(Rc,{variant:"label",size:"medium",className:cr()},u[f]))),itemContent:(f,k)=>{let y=p[f],d=y.steps[0],S=y.steps[y.steps.length-1];return Le.createElement(Kc,{key:y.requestId},Le.createElement(Zc,{requestId:y.requestId,creationTime:y.creationTime,status:y.status,onClick:o,tooltipContainer:W(),onlyShowTime:u[k]===as.t("Today"),swapTokenData:{from:{token:{image:d.fromLogo,displayName:d.fromSymbol},blockchain:{image:d.fromBlockchainLogo||""},amount:A(y.inputAmount,6,6),realAmount:se(y.inputAmount)},to:{token:{image:S.toLogo,displayName:S.toSymbol},blockchain:{image:S.toBlockchainLogo||""},amount:A(S.outputAmount||S.expectedOutputAmountHumanReadable||"",6,6),realAmount:se(S.outputAmount||S.expectedOutputAmountHumanReadable)}}}))}})}i(ls,"HistoryGroupedList");import{CloseIcon as yy,IconButton as Sy,SearchIcon as Cy,TextField as Ty}from"@rango-dev/ui";import Mo from"react";import{styled as hy}from"@rango-dev/ui";var tu=hy("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(Ty,{prefix:Mo.createElement(tu,null,Mo.createElement(Cy,{color:"black"})),suffix:!!a.length&&Mo.createElement(Sy,{variant:"ghost",onClick:()=>l?.(""),size:"small"},Mo.createElement(yy,{color:"gray",size:10})),fullWidth:o,color:n,variant:e,style:{padding:10,borderRadius:25,alignItems:"center"},size:r,value:a,onChange:s,...p})}i(ft,"SearchInput");import{i18n as ur}from"@lingui/core";import ou from"dayjs";var nu=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=ou();t.forEach(p=>{let c=Number(p.creationTime),u=ou(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 Iy=vy("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),Ay=i((t,e)=>t?.length?t.filter(o=>et(o.fromBlockchain,e)||et(o.toBlockchain,e)||et(o.toSymbol,e)||et(o.fromSymbol,e)).length:!1,"isStepContainsText");function iu(){let t=by(),{manager:e,state:o}=ky(),n=bt(e).map(({swap:u})=>u),[r,s]=xy(""),a=!o.loadedFromPersistor,l=i(u=>{let g=u.target.value;s(g)},"searchHandler"),p=n;r&&(p=n.filter(u=>et(u.inputAmount,r)||et(u.status,r)||Ay(u.steps,r)||et(u.requestId,r)));let c=!p?.length&&!a;return gt.createElement(ne,{header:{title:mr.t("History")}},gt.createElement(re,null,gt.createElement(ft,{setValue:s,fullWidth:!0,variant:"contained",placeholder:mr.t("Search Transaction"),autoFocus:!0,onChange:l,value:r}),gt.createElement(ru,{size:"16"}),gt.createElement(Iy,null,c&&gt.createElement(Jc,null,gt.createElement(ru,{size:32}),gt.createElement(wy,{title:mr.t("No results found"),description:r?mr.t("Try using different keywords"):""})),!c&&gt.createElement(ls,{list:p,onSwapClick:t,groupBy:nu,isLoading:a}))))}i(iu,"HistoryPage");import{i18n as us}from"@lingui/core";import{Button as Py,Divider as pu,styled as uu,SwapInput as cu,WarningIcon as $y}from"@rango-dev/ui";import ve,{useEffect as _y,useState as Dy}from"react";import{useNavigate as Fy}from"react-router-dom";import{ReverseIcon as Ey,styled as su}from"@rango-dev/ui";import ps from"react";var Wy=su("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),Ly=su("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 au(){let t=X.use.switchFromAndTo();return ps.createElement(Wy,null,ps.createElement(Ly,{onClick:()=>{t()}},ps.createElement(Ey,{size:12})))}i(au,"SwitchFromAndToButton");import{useCallback as Ny,useEffect as By,useState as cs}from"react";var My=600;function lu(){let{fetch:t,cancelFetch:e}=ir(),{liquiditySources:o,enableNewLiquiditySources:n,features:r}=h().config,s=h().tokens(),{fromToken:a,toToken:l,inputAmount:p,inputUsdValue:c,quote:u,resetQuote:g,setQuote:m}=X(),{slippage:f,customSlippage:k,affiliatePercent:y,affiliateRef:d,affiliateWallets:S,disabledLiquiditySources:w,fetchStatus:x}=h(),[C,I]=cs(!0),[v,b]=cs(null),[T,E]=cs(null),L=k??f,K=!a||!l||Ae(a,l)||!uo(p),R=i(q=>{I(q),b(null),E(null)},"resetState"),ue=i(q=>{let{fromToken:ee,toToken:U,inputAmount:De,liquiditySources:Q,excludeLiquiditySources:Y,disabledLiquiditySources:xe,slippage:Se,affiliateRef:Ce,affiliatePercent:ct,affiliateWallets:_}=q;if(C||R(!0),!K&&ee&&U){g();let V=Tn({fromToken:ee,toToken:U,inputAmount:De,liquiditySources:Q,excludeLiquiditySources:Y,disabledLiquiditySources:xe,slippage:Se,affiliateRef:Ce,affiliatePercent:ct,affiliateWallets:_});pn("experimentalRoute",r)&&(V.experimental=!0),t(V).then(G=>{I(!1),m(G),sr(G);let le=kn(G,{fromToken:ee,toToken:U,userSlippage:L,tokens:s});E(le)}).catch(G=>{let{error:le}=ar(G);(le?.type===0||le?.type===1)&&g(),le?.type!==2&&(b(le),I(!1))})}},"fetch"),M=Ny(Ma(q=>{K||ue(q)},My),[K]);return By(()=>{if(x==="success"){if(!uo(p)||c?.eq(0)){R(!1),e();return}if(K){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,K,o?.length,n,w.length,L,d,y,JSON.stringify(S)]),{fetch:()=>ue({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(lu,"useSwapInput");var Uy=uu("div",{position:"relative"}),Oy=uu("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"});function mu(){let t=Fy(),{fetch:e,loading:o,error:n,warning:r}=lu(),{fromToken:s,fromBlockchain:a,toToken:l,toBlockchain:p,setInputAmount:c,inputAmount:u,inputUsdValue:g,outputAmount:m,outputUsdValue:f,quote:k,resetQuoteWallets:y,setQuoteWarningsConfirmed:d}=X(),{config:S,fetchStatus:w}=h(),{connectedWallets:x,getBalanceFor:C}=H(),{isActiveTab:I}=pe(),[v,b]=Dy(!1),T=!!a&&xa(x,a.name),E=!1,L=!Rr(k,u,g),F=!Rr(k,u,f),K=tl({fetchMetaStatus:w,fetchingQuote:o,inputAmount:u,quote:k,anyWalletConnected:x.length>0,error:n,warning:r,needsToWarnEthOnPath:E}),R=s?C(s):null,ue=on(R)?.amount??"0",M=a&&s?A(R?.amount,R?.decimals):"0",q=w==="success"&&!!u&&!!s&&!!l&&o;_y(()=>{y()},[]);let ee=!g||!f||!f.gt(0)?null:Oe(g.toString(),f.toString());return ve.createElement(ne,{height:"auto",hasLogo:!0,footer:ve.createElement(Py,{type:"primary",size:"large",disabled:K.disabled||!I,prefix:K.action==="confirm-warning"&&ve.createElement($y,null),fullWidth:!0,onClick:()=>{K.action==="connect-wallet"?t(P.wallets):K.action==="confirm-warning"?b(!0):t(P.confirmSwap)}},K.title),header:{onWallet:()=>{t(P.wallets)},hasBackButton:!1,title:S.title||us.t("Swap"),suffix:ve.createElement(Ii,{onClickRefresh:(k||n)&&!v?e:void 0,onClickHistory:()=>t(P.swaps),onClickSettings:()=>t(P.settings)})}},ve.createElement(re,null,ve.createElement(Oy,null,ve.createElement(Uy,null,ve.createElement(cu,{label:us.t("From"),mode:"From",onInputChange:c,balance:ue,chain:{displayName:a?.displayName||"",image:a?.logo||""},token:{displayName:s?.symbol||"",image:s?.image||""},onClickToken:()=>t(P.fromSwap),price:{value:u,usdValue:L?void 0:A(g,4,4),realUsdValue:L?void 0:se(g),error:L?j().unknownPriceError.impactTitle:void 0},disabled:w==="failed",loading:w==="loading",loadingBalance:T,tooltipContainer:W(),onSelectMaxBalance:()=>{ue!=="0"&&c(M.split(",").join(""))}}),ve.createElement(au,null)),ve.createElement(cu,{sharpBottomStyle:!!k?.result||q,label:us.t("To"),mode:"To",fetchingQuote:q,chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:l?.symbol||"",image:l?.image||""},percentageChange:A(Oe(g,f),2,2),warningLevel:mt(ee??0),price:{value:A(m,6,6),usdValue:F?void 0:A(f,4,4),realValue:se(m),realUsdValue:F?void 0:se(f),error:F?j().unknownPriceError.impactTitle:void 0},onClickToken:()=>t(P.toSwap),disabled:w==="failed",loading:w==="loading",tooltipContainer:W()})),ve.createElement(pu,{size:"2"}),ve.createElement(Lo,{quote:k,loading:q,error:n,warning:r,type:"basic"}),r||n?ve.createElement(ve.Fragment,null,ve.createElement(pu,{size:"10"}),ve.createElement(vo,{warning:r,error:n,loading:q,refetchQuote:e,showWarningModal:v,confirmationDisabled:!I,onOpenWarningModal:()=>b(!0),onCloseWarningModal:()=>b(!1),onConfirmWarningModal:()=>{b(!1),d(!0),t(P.confirmSwap)},onChangeSettings:()=>t(P.settings)})):null))}i(mu,"Home");import{i18n as du}from"@lingui/core";import{List as zy,ListItemButton as qy,Radio as Gy,RadioRoot as Hy,Typography as Qy}from"@rango-dev/ui";import Wt from"react";function io(){let{setLanguage:t,language:e,config:o}=h(),n=_a,r=o?.language||fo;return{activeLanguage:e||r,languages:n,defaultLanguage:r,changeLanguage:s=>t(s||fo),resetLanguage:()=>t(null)}}i(io,"useLanguage");function fu(){let{activeLanguage:t,changeLanguage:e,languages:o}=io(),n=o.map(r=>{let{local:s,label:a,SVGFlag:l}=r;return{id:s,value:s,title:Wt.createElement(Qy,{variant:"title",size:"xmedium"},a),onClick:()=>e(r.local),end:Wt.createElement(Gy,{value:s}),start:Wt.createElement(l,null)}});return Wt.createElement(ne,{header:{title:du.t("Language")}},Wt.createElement(re,null,Wt.createElement(Hy,{value:t},Wt.createElement(zy,{type:Wt.createElement(qy,{title:du.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}i(fu,"LanguagePage");import{i18n as ht}from"@lingui/core";import{Button as Yy,Checkbox as Jy,Image as Zy,ListItemButton as Ry,NotFound as eS,Typography as tS}from"@rango-dev/ui";import We,{useState as oS}from"react";import{Checkbox as Xy,Skeleton as hu}from"@rango-dev/ui";import $o from"react";import{styled as ms}from"@rango-dev/ui";var Po=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 Vy,styled as jy}from"@rango-dev/ui";var gu=jy(Vy,{height:61});var Ky=30;function gs(){return $o.createElement(Po,null,Array.from(Array(Ky),t=>$o.createElement(gu,{hasDivider:!0,key:t,start:$o.createElement(hu,{variant:"circular",width:35,height:35}),title:$o.createElement(hu,{variant:"text",size:"large",width:90}),end:$o.createElement(Xy,{checked:!1})})))}i(gs,"LoadingLiquiditySourceList");function hs({sourceType:t}){let e=h().fetchStatus,o=h().swappers(),n=h().disabledLiquiditySources,[r,s]=oS(""),a=h().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(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:We.createElement(Zy,{src:x,size:22,type:"circular"}),onClick:()=>a(w),end:We.createElement(Jy,{checked:S}),title:We.createElement(tS,{variant:"title",size:"xmedium"},ht.t(w)),...d}}),k=i(d=>{let S=d.target.value;s(S)},"searchHandler"),y=f;return r&&(y=f.filter(d=>et(d.groupTitle,r))),We.createElement(ne,{header:{title:ht.t(t),suffix:We.createElement(ds,null,We.createElement(Yy,{variant:"ghost",size:"xsmall",onClick:m},g?ht.t("Deselect all"):ht.t("Select all")))}},We.createElement(re,{view:!0},We.createElement(ft,{value:r,setValue:s,fullWidth:!0,color:"light",variant:"contained",placeholder:ht.t("Search {sourceType}",{sourceType:p[t]}),onChange:k}),e==="loading"&&We.createElement(gs,null),!y.length&&r?We.createElement(fs,null,We.createElement(eS,{title:ht.t("No results found"),description:ht.t("Try using different keywords")})):e==="success"&&We.createElement(Po,null,y.map(d=>We.createElement(We.Fragment,{key:d.id},We.createElement(Ry,{style:{height:"61px"},...d,selected:!1,hasDivider:!0}))))))}i(hs,"LiquiditySourcePage");import{i18n as xu}from"@lingui/core";import{Divider as bu,getCountCategories as mS,SelectableCategoryList as dS}from"@rango-dev/ui";import yt,{useState as Iu}from"react";import{i18n as Ss}from"@lingui/core";import{Divider as wu,Image as aS,ListItemButton as lS,NotFound as pS,Typography as vu}from"@rango-dev/ui";import He,{useEffect as cS,useState as uS}from"react";import{BlockchainCategories as ys}from"@rango-dev/ui";import{TransactionType as dr}from"rango-sdk";var nS=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"),yu=i((t,e,o)=>t.filter(n=>nS(n,o)).filter(n=>Bt(n.name,e)||Bt(n.displayName,e)),"filterBlockchains");import{ImageContainer as rS,styled as Su}from"@rango-dev/ui";var Cu=Su("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),fr=Su(So,{padding:0,margin:0,listStyle:"none",[`& ${rS}`]:{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as iS,Skeleton as Tu}from"@rango-dev/ui";import gr from"react";var sS=20;function ku(){return gr.createElement(fr,null,Array.from(Array(sS),t=>gr.createElement(iS,{key:t,hasDivider:!0,start:gr.createElement(Tu,{variant:"circular",width:35,height:35}),title:gr.createElement(Tu,{variant:"text",size:"large",width:90})})))}i(ku,"LoadingBlockchainList");function Cs(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=uS(e),{fetchStatus:l}=h();cS(()=>{a([...yu(e,o,r)])},[e,o,r]);let p=i(()=>!s.length&&o?He.createElement(He.Fragment,null,He.createElement(wu,{size:32}),He.createElement(pS,{title:Ss.t("No results found"),description:Ss.t("Try using different keywords")})):He.createElement(fr,{as:"ul",key:`${r}-${o}`},s.map(c=>He.createElement(lS,{key:`${c.name}-${c.chainId}`,hasDivider:!0,onClick:()=>n(c),start:He.createElement(aS,{src:c.logo,size:30}),title:He.createElement(vu,{variant:"title",size:"medium"},c.displayName),id:c.chainId}))),"renderList");return He.createElement(Cu,null,He.createElement(vu,{variant:"label",size:"large"},Ss.t("Select Blockchain")),He.createElement(wu,{size:4}),l==="loading"&&He.createElement(ku,null),l==="success"&&p())}i(Cs,"BlockchainList");function Ts(t){let{type:e}=t,o=xt(),[n,r]=Iu(""),[s,a]=Iu("ALL"),l=X.use.setToBlockchain(),p=X.use.setFromBlockchain(),c=h().fetchStatus,u=h().blockchains({type:e}),m=mS(u)!==1;return yt.createElement(ne,{header:{title:xu.t("Select Blockchain")}},yt.createElement(re,{view:!0},m&&yt.createElement(yt.Fragment,null,yt.createElement(dS,{setCategory:a,category:s,blockchains:u,isLoading:c==="loading"}),yt.createElement(bu,{size:24})),yt.createElement(ft,{value:n,autoFocus:!0,placeholder:xu.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:f=>r(f.target.value)}),yt.createElement(bu,{size:16}),yt.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 Vu}from"@rango-dev/ui";import Ut,{useState as LS}from"react";import{useNavigate as NS}from"react-router-dom";import{i18n as vs}from"@lingui/core";import{BlockchainsChip as hr,Divider as Lu,Image as Nu,Skeleton as SS,Tooltip as CS,Typography as xs}from"@rango-dev/ui";import ye from"react";import{useEffect as hS}from"react";var Au=["ETH","COSMOS","OSMOSIS"];function ks(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(fS),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(gS(a)),r=n.splice(s)}return{list:n,more:r}}i(ks,"prepare");function fS(t,e){let o=Au,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(fS,"sortByMostUsedBlockchains");function gS(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(gS,"generateSortByPreferredBlockchainsFor");function Eu(t,e){return!!e.list.find(o=>o.name===t)}i(Eu,"isInVisibleList");function ws(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=h();hS(()=>{if(e?.selected){let s=ks(t,o,e);Eu(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 yS}from"@rango-dev/ui";var Wu=yS("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var TS=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=X.use.resetToBlockchain(),c=X.use.resetFromBlockchain(),u=a.more.length>0,g=a.more.length===1,m=!g&&u;return ye.createElement(ye.Fragment,null,ye.createElement(Lu,{size:12}),ye.createElement(xs,{variant:"label",size:"large"},vs.t("Select Blockchain")),ye.createElement(Lu,{size:12}),ye.createElement(Wu,null,l==="loading"&&Array.from(Array(TS),f=>ye.createElement(SS,{key:f,variant:"rounded",height:50})),l==="success"&&ye.createElement(ye.Fragment,null,ye.createElement(hr,{selected:!n,onClick:()=>{o==="from"?c():p()}},ye.createElement(xs,{variant:"body",size:"xsmall",color:"secondary500"},vs.t("All"))),a.list.map(f=>ye.createElement(CS,{key:f.name,content:f.shortName,side:"bottom",sideOffset:2,container:W()},ye.createElement(hr,{key:f.name,selected:!!n&&n.name===f.name,onClick:()=>r(f)},ye.createElement(Nu,{src:f.logo,size:30})))),g?ye.createElement(hr,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},ye.createElement(Nu,{src:a.more[0].logo,size:30})):null,m?ye.createElement(hr,{onClick:s,key:"more-blockchains"},ye.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 zu,Divider as ao,ExternalLinkIcon as vS,Image as xS,ListItemButton as bS,NotFound as IS,PinIcon as AS,Skeleton as qu,Typography as Cr,VirtualizedList as ES}from"@rango-dev/ui";import $,{useEffect as Gu,useState as Hu}from"react";import{Divider as Uu,ListItem as wS,Skeleton as _o}from"@rango-dev/ui";import Ze from"react";import{css as so,darkTheme as Bu,ImageContainer as kS,styled as Je,Typography as Mu}from"@rango-dev/ui";var Is=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"}),Es=so({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"}),Ws=so({transform:"translateY(12px)",visibility:"hidden","& a":{display:"flex",justifyContent:"center",alignItems:"center",fontSize:"$12",lineHeight:"$16",$$color:"$colors$neutral600",[`.${Bu} &`]:{$$color:"$colors$neutral700"},color:"$$color",textDecoration:"none"}}),Ls=so({}),Ns=so(),Pu=Je("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),Bs=Je("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),yr=Je("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none","&:hover":{[`& .${As}`]:{[`& .${Ws}`]:{position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",visibility:"visible"},[`& .${Ls}`]:{bottom:"-15px"},[`& .${Is}`]:{position:"absolute",transform:"translateY(-12px)",visibility:"hidden"},[`& .${Es}`]:{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),Ms=Je("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),Ps=Je(Mu,{}),$u=Je("div",{textAlign:"right",width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",[`& .${Ns}`]:{$$color:"$colors$neutral600",[`.${Bu} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Sr=Je("div",{display:"flex",alignItems:"end",flexDirection:"column"}),o$=Je("div",{display:"flex",alignItems:"center"}),_u=Je("div",{position:"relative",[`& ${kS}`]:{borderRadius:"$xm",overflow:"hidden"}}),Du=Je("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6}),Fu=Je(Mu,{width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"});function Ou(t){return Ze.createElement(yr,null,Array.from(Array(t.size),e=>Ze.createElement(wS,{key:e,hasDivider:!0,start:Ze.createElement(_o,{variant:"circular",width:35,height:35}),end:Ze.createElement(Sr,null,Ze.createElement(_o,{variant:"text",size:"large",width:70}),Ze.createElement(Uu,{size:4}),Ze.createElement(_o,{variant:"text",size:"medium",width:50})),title:Ze.createElement("div",null,Ze.createElement(_o,{variant:"text",size:"large",width:90}),Ze.createElement(Uu,{size:4}),Ze.createElement(_o,{variant:"text",size:"medium",width:90}))})))}i(Ou,"LoadingTokenList");var _s=20,WS=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:s,customCssForTagTitle:a}=t,l=e.length;return $.createElement("div",{className:As()},o?$.createElement("div",{className:Is()},o):$.createElement(Bs,{className:Es()},$.createElement(Cr,{variant:"title",size:"xmedium"},r.symbol),$.createElement(ao,{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(ao,{size:4,direction:"horizontal"}),$.createElement(vS,{color:"gray",size:12}))))},"renderDesc");function Qu(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=Hu(e),l=h().fetchStatus,p=h().blockchains(),[c,u]=Hu(!0),{getBalanceFor:g,loading:m}=H(),{isTokenPinned:f}=h(),k=i(()=>{a(e.slice(0,s.length+_s))},"loadNextPage");Gu(()=>{u(e.length>s.length)},[s.length]),Gu(()=>{a(e.slice(0,_s))},[e]);let y=i(()=>!s.length&&o?$.createElement($.Fragment,null,$.createElement(ao,{size:32}),$.createElement(IS,{title:$s.t("No results found"),description:$s.t("Try using different keywords")})):$.createElement(ES,{endReached:c?k:void 0,itemContent:d=>{let S=s[d],w=on(g(S)),x=S.address||"",C=p.find(T=>T.name===S.blockchain),I=Mn(S.symbol,C?.color||""),v={$$color:I[`${S.symbol}100`],[`.${zu} &`]:{$$color:I[`${S.symbol}900`]},backgroundColor:"$$color"},b={$$color:I[`${S.symbol}700`],[`.${zu} &`]:{$$color:I[`${S.symbol}100`]},color:"$$color"};return $.createElement("div",{style:{paddingRight:5}},$.createElement(bS,{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(_u,null,$.createElement(xS,{src:S.image,size:30}),f(S,t.type)&&$.createElement(Du,null,$.createElement(AS,{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(ao,{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"?WS({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(qu,{variant:"text",size:"large",width:70}),$.createElement(ao,{size:4}),$.createElement(qu,{variant:"text",size:"medium",width:50})):w&&$.createElement($u,null,$.createElement(Fu,{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(Pu,null,$.createElement(Cr,{variant:"label",size:"large"},$s.t("Select Token")),$.createElement(ao,{size:4}),l==="loading"&&$.createElement(Ou,{size:_s}),l==="success"&&$.createElement(yr,{as:"ul"},y()))}i(Qu,"TokenList");function Ds(t){let{type:e}=t,o=NS(),n=xt(),{fromBlockchain:r,toBlockchain:s,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:c}=X(),u=H.use.getBalanceFor(),[g,m]=LS(""),{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"),I=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 Ut.createElement(ne,{header:{title:Tr.t("Swap {type}",{type:v[e]})}},Ut.createElement(re,null,Ut.createElement(bs,{blockchains:d,type:e=="source"?"from":"to",blockchain:e==="source"?r:s,onMoreClick:()=>o(P.blockchains),onChange:b=>{C(b)}}),Ut.createElement(Vu,{size:24}),Ut.createElement(ft,{value:g,autoFocus:!0,placeholder:Tr.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>m(""),onChange:b=>m(b.target.value)}),Ut.createElement(Vu,{size:16}),Ut.createElement(Qu,{list:x,selectedBlockchain:y,searchedFor:g,type:e,onChange:b=>{I(b);let T=d.find(E=>b.blockchain===E.name);T&&C(T),n()}})))}i(Ds,"SelectSwapItemsPage");import{i18n as Ot}from"@lingui/core";import{ChevronRightIcon as Os,Divider as zs,InfoIcon as US,List as OS,ListItemButton as zS,Skeleton as qS,Switch as GS,Tooltip as HS,Typography as zt}from"@rango-dev/ui";import J from"react";import{useNavigate as QS}from"react-router-dom";import{i18n as Zu}from"@lingui/core";import{Divider as $S,InfoIcon as _S,TextField as DS,Tooltip as FS,Typography as Ru}from"@rango-dev/ui";import _e from"react";import{Chip as BS,styled as Do,TextField as MS}from"@rango-dev/ui";var ju=Do("div",{paddingTop:"$5",padding:"$10 $5"}),Xu=Do("div",{display:"flex",flexWrap:"wrap",gap:"$10",[`& ${MS}`]:{flex:"1 1 0",maxWidth:"127px",minWidth:"85px"}}),Ku=Do("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),kr=Do("div",{maxWidth:"280px",padding:"$10"}),Yu=Do(BS,{width:"61px",flexShrink:0});import{i18n as Fs}from"@lingui/core";import{Typography as PS}from"@rango-dev/ui";import Fo from"react";function Ju(){return Fo.createElement(kr,null,Fo.createElement(PS,{variant:"label",size:"medium",color:"neutral700"},Fs.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,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(Ju,"SlippageTooltipContent");function Us(){let{slippage:t,setSlippage:e,customSlippage:o,setCustomSlippage:n}=h();return _e.createElement(ju,null,_e.createElement(Ku,null,_e.createElement(Ru,{variant:"title",size:"xmedium"},Zu.t("Slippage tolerance per swap")),_e.createElement($S,{direction:"horizontal",size:4}),_e.createElement(FS,{container:W(),side:"top",sideOffset:4,content:_e.createElement(Ju,null)},_e.createElement(_S,{color:"gray"}))),_e.createElement(Xu,null,Da.map((r,s)=>{let a=`slippage-${s}`;return _e.createElement(_e.Fragment,null,_e.createElement(Yu,{key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}))}),_e.createElement(DS,{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&&_e.createElement(Ru,{variant:"body",size:"small"},"%"),placeholder:Zu.t("Custom")})))}i(Us,"Slippage");function em(){let t=QS(),{theme:e}=h().config,o=h().fetchStatus,n=h().swappers(),r=h().disabledLiquiditySources,{config:{features:s}}=h(),a=Fe("theme",s),l=Fe("liquiditySource",s),p=Fe("language",s),c=h().infiniteApprove,u=h().toggleInfiniteApprove,g=ln(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(qS,{variant:"text",size:"medium",width:50});case"failed":return J.createElement(zt,{variant:"body",size:"medium",color:"$error500"},Ot.t("Loading failed"));default:return J.createElement(zt,{variant:"body",size:"medium"},`${T} / ${E}`)}},"handleEndItem"),x={id:"bridge-item",title:J.createElement(zt,{variant:"title",size:"xmedium"},Ot.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(zt,{variant:"title",size:"xmedium"},Ot.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)},I={id:"theme-item",title:J.createElement(zt,{variant:"title",size:"xmedium"},Ot.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(zt,{variant:"title",size:"xmedium"},Ot.t("Infinite approval")),J.createElement(zs,{direction:"horizontal",size:4}),J.createElement(HS,{side:"top",sideOffset:4,container:W(),content:J.createElement(kr,null,J.createElement(zt,{variant:"label",size:"medium",color:"neutral700"},Ot.t("Enabling the 'Infinite approval' mode grants unrestricted access to smart contracts of DEXes/Bridges, allowing them to utilize the approved token amount without limitations.")))},J.createElement(US,{color:"gray"}))),end:J.createElement(GS,{checked:c}),onClick:u},b=l?[]:[x,C];return!e?.singleTheme&&!a&&b.push(I),b.push(v),J.createElement(ne,{header:{title:Ot.t("Settings")}},J.createElement(re,null,J.createElement(Us,null),J.createElement(OS,{type:J.createElement(zS,{title:"_",id:"_",onClick:()=>console.log()}),items:b})))}i(em,"SettingsPage");import{i18n as $C}from"@lingui/core";import{cancelSwap as _C}from"@rango-dev/queue-manager-rango-preset";import{useManager as DC}from"@rango-dev/queue-manager-react";import{Alert as FC}from"@rango-dev/ui";import oa from"react";import{useParams as UC}from"react-router-dom";import{i18n as St}from"@lingui/core";import{getCurrentBlockchainOfOrNull as yC,getCurrentStep as SC,getRelatedWalletOrNull as CC}from"@rango-dev/queue-manager-rango-preset";import{Button as Wm,CopyIcon as TC,Divider as kC,IconButton as wC,LinkIcon as vC,QuoteCost as xC,StepDetails as bC,Typography as po,useCopyToClipboard as IC}from"@rango-dev/ui";import{useWallets as AC}from"@rango-dev/wallets-react";import Lm from"bignumber.js";import{PendingSwapNetworkStatus as Nr}from"rango-types";import Z,{useEffect as Nm,useRef as EC,useState as Bm}from"react";import{useNavigate as WC}from"react-router-dom";import{i18n as Lt}from"@lingui/core";var VS=[Lt.t("Sunday"),Lt.t("Monday"),Lt.t("Tuesday"),Lt.t("Wednesday"),Lt.t("Thursday"),Lt.t("Friday"),Lt.t("Saturday")];function tm(t){let e=new Date(t),o=e.getDate(),n=e.toLocaleString("default",{month:"long"}),r=e.getFullYear();return`${e.getDay()===new Date().getDay()?Lt.t("Today"):`${VS[e.getDay()]} ${o} ${n} ${r}`}, ${new Date(t).toLocaleTimeString()}`}i(tm,"timeSince");function om(t){return t.finishTime?tm(parseInt(t.finishTime)):tm(parseInt(t.creationTime))}i(om,"getSwapDate");import{Modal as tC}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 nm,Divider as qs,MessageBox as jS,Typography as rm}from"@rango-dev/ui";import lt from"react";var im=i(({onCancel:t,onClose:e})=>lt.createElement(lt.Fragment,null,lt.createElement(qs,{size:20}),lt.createElement(jS,{type:"error",title:wr.t("Cancel Swap"),description:wr.t("Are you sure you want to cancel this swap?")}),lt.createElement(qs,{size:32}),lt.createElement(nm,{variant:"contained",type:"primary",size:"large",onClick:t},lt.createElement(rm,{variant:"title",size:"medium",color:"neutral100"},wr.t("Yes, Cancel it"))),lt.createElement(qs,{size:12}),lt.createElement(nm,{variant:"outlined",type:"primary",size:"large",onClick:e},lt.createElement(rm,{variant:"title",size:"medium",color:"primary"},wr.t("No, Continue")))),"CancelContent");import{i18n as vr}from"@lingui/core";import{Button as sm,Divider as Gs,MessageBox as XS,Typography as am}from"@rango-dev/ui";import pt from"react";var lm=i(({onDelete:t,onClose:e})=>pt.createElement(pt.Fragment,null,pt.createElement(Gs,{size:20}),pt.createElement(XS,{type:"error",title:vr.t("Delete Transaction"),description:vr.t("Are you sure you want to delete this swap?")}),pt.createElement(Gs,{size:32}),pt.createElement(sm,{variant:"contained",type:"primary",size:"large",onClick:t},pt.createElement(am,{variant:"title",size:"medium",color:"neutral100"},vr.t("Yes, Delete it"))),pt.createElement(Gs,{size:12}),pt.createElement(sm,{variant:"outlined",type:"primary",size:"large",onClick:e},pt.createElement(am,{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 YS,Wallet as JS,WalletState as ZS}from"@rango-dev/ui";import{useWallets as RS}from"@rango-dev/wallets-react";import Uo,{useEffect as cm,useRef as eC}from"react";import{styled as KS}from"@rango-dev/ui";var pm=KS("div",{display:"flex",justifyContent:"center"});var um=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:s,walletButtonDisabled:a}=t,{connect:l,getWalletInfo:p,state:c,disconnect:u}=RS(),g=n?.walletType,m=g?Ur(c(g)):null,f=eC(!1),k=g?p(g):null,y=s&&!!g&&!!m&&!!k;return cm(()=>()=>{f.current=!0},[]),cm(()=>()=>{f.current&&g&&m===ZS.CONNECTING&&u(g)},[m]),Uo.createElement(Uo.Fragment,null,Uo.createElement(YS,{type:e,title:o,description:r}),y&&Uo.createElement(pm,null,Uo.createElement(JS,{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(tC,{open:!!e,onClose:o,container:document.getElementById(be.SWAP_BOX_ID)||document.body},p&&br.createElement(um,{type:Vs[e].type,title:Vs[e].title,currentStepWallet:s,message:a,walletButtonDisabled:l,showWalletButton:e!==xr.WaitingForNetworkChange}),e==="delete"&&br.createElement(lm,{onClose:o,onDelete:n}),e==="cancel"&&br.createElement(im,{onClose:o,onCancel:r}))}i(js,"SwapDetailsModal");import{i18n as Oo}from"@lingui/core";import{Button as Xs,Divider as Ir,MessageBox as mm,Modal as oC,TokenAmount as nC,Typography as Ar}from"@rango-dev/ui";import ke from"react";import{useNavigate as rC}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=rC();return ke.createElement(oC,{open:e,onClose:o,container:document.getElementById(be.SWAP_BOX_ID)||document.body},n==="success"?ke.createElement(mm,{type:"success",title:Oo.t("Swap Successful")},ke.createElement(nC,{direction:"vertical",tooltipContainer:W(),type:"output",centerAlign:!0,price:{value:r,usdValue:s,realUsdValue:a,realValue:l},token:p,chain:c,percentageChange:u}),ke.createElement(Ir,{size:12}),ke.createElement(Ar,{variant:"body",size:"medium",color:"neutral700",align:"center"},g)):ke.createElement(mm,{type:"error",title:Oo.t("Transaction Failed"),description:g}),ke.createElement(Ir,{size:32}),n==="success"&&ke.createElement(Xs,{variant:"contained",type:"primary",size:"large",onClick:()=>{f("../../")}},ke.createElement(Ar,{variant:"title",size:"medium",color:"neutral100"},Oo.t("Done"))),ke.createElement(Ir,{size:12}),m&&ke.createElement(ke.Fragment,null,ke.createElement(Xs,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(m,"_blank")},ke.createElement(Ar,{variant:"title",size:"medium",color:"primary"},Oo.t("Diagnosis"))),ke.createElement(Ir,{size:12})),ke.createElement(Xs,{variant:"outlined",type:"primary",size:"large",onClick:o},ke.createElement(Ar,{variant:"title",size:"medium",color:"primary"},Oo.t("See Details"))))}i(Ks,"SwapDetailsCompleteModal");import gC from"react";import{i18n as uC}from"@lingui/core";import{Alert as Sm,IconButton as mC,LinkIcon as dC}from"@rango-dev/ui";import Nt,{Fragment as fC}from"react";import{Alert as iC,ChevronDownIcon as sC,ChevronUpIcon as aC,IconButton as lC}from"@rango-dev/ui";import Er,{useState as pC}from"react";function dm(t){let{message:e}=t,[o,n]=pC(!1);return Er.createElement(iC,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Er.createElement(lC,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Er.createElement(aC,{size:12,color:"gray"}):Er.createElement(sC,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(dm,"FailedAlert");import{styled as cC}from"@rango-dev/ui";var fm=cC("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as gm}from"@lingui/core";import{Alert as Ys,Button as hm}from"@rango-dev/ui";import{PendingSwapNetworkStatus as Js}from"rango-types";import zo from"react";function ym(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?zo.createElement(Ys,{type:"warning",title:n.shortMessage,action:zo.createElement(hm,{size:"xxsmall",type:"warning",onClick:()=>{o(Js.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},gm.t("Change"))}):r===Js.WaitingForConnectingWallet?zo.createElement(Ys,{type:"warning",title:n.shortMessage,action:zo.createElement(hm,{size:"xxsmall",type:"warning",onClick:()=>{o(Js.WaitingForConnectingWallet)}},gm.t("Connect"))}):zo.createElement(Ys,{type:"warning",title:n.shortMessage})}i(ym,"WarningAlert");function Zs(t){let{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r,step:s,hasAlreadyProceededToSign:a}=t,l=ho(s),p=s.status==="waitingForApproval"&&!l,c=s.status==="running"&&!l,u=c&&!a||p&&!s.explorerUrl?.length;return Nt.createElement(fm,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 Nt.createElement(fC,{key:k},Nt.createElement(Sm,{type:y&&(d&&"loading"||S&&"error")||"success",title:g.description?`${g.description} Tx`:uC.t("View transaction"),action:g.url&&Nt.createElement(mC,{variant:"ghost",size:"xsmall",onClick:()=>window.open(g.url,"_blank")},Nt.createElement(dC,{size:12}))}))}),u&&Nt.createElement(Sm,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&l&&Nt.createElement(ym,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&Nt.createElement(dm,{message:r}))}i(Zs,"SwapDetailsAlerts");var Cm=2e3;var Tm=i(({swap:t,blockchains:e,swappers:o,...n})=>{let r=t.hasAlreadyProceededToSign!==!1;return t.steps.map((s,a)=>{let l=a===0?t.inputAmount:t.steps[a-1].outputAmount||t.steps[a-1].expectedOutputAmountHumanReadable;return{from:{token:{displayName:s.fromSymbol,image:s.fromLogo??""},chain:{displayName:Ue(s.fromBlockchain,e)??"",image:s.fromBlockchainLogo??""},price:{value:A(l,6,6),realValue:l}},to:{token:{displayName:s.toSymbol,image:s.toLogo},chain:{displayName:Ue(s.toBlockchain,e)??"",image:s.toBlockchainLogo??""},price:{value:A(s.outputAmount||s.expectedOutputAmountHumanReadable,6,6),realValue:s.outputAmount||s.expectedOutputAmountHumanReadable}},swapper:{displayName:go(s.swapperId,o),image:s.swapperLogo??"",type:s.swapperType},internalSwaps:s.internalSwaps?s.internalSwaps.map(p=>({from:{blockchain:Ue(p.fromBlockchain,e)??""},to:{blockchain:Ue(p.toBlockchain,e)??""},swapper:{displayName:go(p.swapperId,o),image:p.swapperLogo??"",type:p.swapperType}})):[],alerts:gC.createElement(Zs,{step:s,hasAlreadyProceededToSign:r,...n})}})},"getSteps");function km(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(km,"getStepState");import{css as qo,darkTheme as hC,styled as qt}from"@rango-dev/ui";var wm=qt("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),Wr=qt("div",{width:"100%"}),vm=qt(So,{padding:"$0 $20 $20 $20"}),zD=qt("div",{display:"flex",flexDirection:"column",gap:"$10"}),xm=qt("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),qD=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",[`.${hC} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"}),bm=qo({padding:"$5 0"}),Lr=qo({display:"flex",justifyContent:"center",alignItems:"center",height:"$24"}),Im=qo({display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"}),Am=qo({width:"100%",padding:"0 $20 $10"}),Em=qt("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}=AC(),p=h().blockchains(),c=h().swappers(),u=h().tokens(),g=X.use.retry(),m=pe.use.isActiveTab(),f=WC(),[k,y]=IC(Cm),d=EC(null),[S,w]=Bm(null),[x,C]=Bm(null),I=i(()=>{r(),w(null)},"onCancel"),v=Pe.use.getUnreadNotifications(),b=Pe.use.setAsRead(),T=v(),E=SC(e),L=E?.networkStatus;Nm(()=>{T.find(Ct=>Ct.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(C(e.status),b(e.requestId))},[e.status]),Nm(()=>{ee?w(Nr.WaitingForNetworkChange):L===Nr.WaitingForConnectingWallet||L===Nr.NetworkChanged?w(L):w(null)},[L]);let F=ml(e),K=E?yC(e,E):null,R=E?CC(e,E):null,ue=om(e),M=dl(e),q=i(Me=>!!l(Me)?.mobileWallet,"isMobileWallet"),ee=L===Nr.WaitingForNetworkChange&&!!K&&!!R?.walletType&&(q(R.walletType)||s(R.walletType,K)),U=ee?a.bind(null,R.walletType,K):void 0,De=ul(e,E),Q=Tm({swap:e,switchNetwork:U,showNetworkModal:L,setNetworkModal:w,message:De,blockchains:p,swappers:c}),Y=Q.length,[xe,Se]=[e.steps[0],e.steps[Y-1]],Ce=Se.outputAmount||Se.expectedOutputAmountHumanReadable,ct=e.steps.reduce((Me,Ct)=>Me+parseFloat(Ct.feeInUsd||""),0),_=e.steps.find(Me=>Me.diagnosisUrl)?.diagnosisUrl,V=A(parseFloat(A(Ce,6,6))*(Se.toUsdPrice||0),4,4),G=A(parseFloat(e.inputAmount)*(xe.fromUsdPrice||0),4,4),le=Ce?se(new Lm(Ce).multipliedBy(Se.toUsdPrice||0)):"",ut=se(new Lm(e.inputAmount).multipliedBy(xe.fromUsdPrice||0)),Qe=Oe(G,V),Dr=e.status==="success"?St.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:A(Ce,6,6),token:Q[Y-1].to.token.displayName,conciseAddress:nn(e.wallets[Q[Y-1].to.chain.displayName]?.address||""),chain:Q[Y-1].to.chain.displayName}}):`${St.t("Transaction was not sent.")} ${F?St.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:F.outputAmount,symbol:F.symbol,blockchain:F.blockchain}}):""}`;return Z.createElement(ne,{header:{title:St.t("Swap and Bridge"),onCancel:e.status==="running"?()=>w("cancel"):void 0,suffix:e.status!=="running"&&Z.createElement(Jt,null,Z.createElement(Wm,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>w("delete")},Z.createElement(po,{size:"medium",variant:"label",color:"error"},St.t("Delete"))))},footer:M&&!x&&Z.createElement(Wm,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{g(e,{blockchains:p,tokens:u}),setTimeout(()=>{f("../../")},0)}},St.t("Try again"))},Z.createElement(re,{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:Lr()},Z.createElement(po,{variant:"label",size:"small",color:"neutral700"},o),Z.createElement(wC,{variant:"ghost",onClick:y.bind(null,o||"")},Z.createElement(TC,{size:16,color:"gray"})),Z.createElement(Em,{target:"_blank",href:`${ca}/swap/${o}`},Z.createElement(vC,{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"},ue))),Z.createElement("div",{className:Im()},Z.createElement(xC,{fee:A(String(ct),2,2),time:Ko(Yo(e.steps)),steps:Y}),Z.createElement(bo,{from:{price:{value:A(e.inputAmount,6,6),usdValue:G,realUsdValue:ut,realValue:e.inputAmount},token:{displayName:Q[0].from.token.displayName,image:Q[0].from.token.image},chain:{image:Q[0].from.chain.image,displayName:Q[0].from.chain.displayName}},to:{price:{value:A(Ce,6,6),usdValue:V,realUsdValue:le,realValue:Ce},token:{displayName:Q[Y-1].to.token.displayName,image:Q[Y-1].to.token.image},chain:{image:Q[Y-1].to.chain.image,displayName:Q[Y-1].to.chain.displayName}},percentageChange:A(Qe,2,2),warningLevel:mt(Qe??0)})),Z.createElement("div",{className:Am()},Z.createElement(po,{variant:"title",size:"small"},St.t("Swaps steps"))),Z.createElement(kC,{size:8}),Z.createElement(vm,{ref:d},Q.map((Me,Ct)=>{let la=Ct,co=km(e.steps[Ct]),Zm=co==="error"||co==="in-progress"||co==="warning"||co==="completed"&&Ct===Q.length-1;return Z.createElement(bC,{key:la,step:Me,type:"swap-progress",ref:d,state:co,hasSeparator:Ct!==0,tabIndex:la,isFocused:Zm,tooltipContainer:W()})}))),Z.createElement(js,{state:S,onClose:()=>w(null),onCancel:I,onDelete:n,message:De.detailedMessage.content,currentStepWallet:R,walletButtonDisabled:!m}),Z.createElement(Ks,{open:!!x,diagnosisUrl:_,onClose:()=>C(null),status:e.status==="success"?"success":"failed",priceValue:A(Ce,6,6),usdValue:V,realUsdValue:le,realValue:se(Ce),percentageChange:A(Qe,2,2),token:{displayName:Q[Y-1].to.token.displayName,image:Q[Y-1].to.token.image},chain:{image:Q[Y-1].to.chain.image},description:Dr}))}i(Rs,"SwapDetails");import{i18n as Mr}from"@lingui/core";import{Divider as $m,NotFound as PC,Skeleton as Ho,Typography as Pr}from"@rango-dev/ui";import ce from"react";import{i18n as LC}from"@lingui/core";import{Divider as NC,Skeleton as BC,Typography as MC}from"@rango-dev/ui";import de from"react";import{css as Re,styled as ea}from"@rango-dev/ui";var Mm=ea("div",{width:"100%",height:"100%",padding:"$10 $20"}),Go=ea("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15"}),Br=ea("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"}),k1=Re({display:"flex",justifyContent:"space-between",alignItems:"center"}),w1=Re({display:"flex",justifyContent:"space-between",alignItems:"center"}),v1=Re({paddingTop:"$15",display:"flex"}),x1=Re({padding:"$15 $0"}),b1=Re({width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"}),I1=Re({paddingBottom:"$10"}),A1=Re({display:"flex",justifyContent:"start",alignItems:"center"}),E1=Re({paddingTop:"$5",display:"flex",alignItems:"center"}),W1=Re({display:"flex",alignItems:"center"}),L1=Re({padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"}),Pm=Re({display:"flex",paddingTop:"$10",paddingBottom:"$5"});function ta(){return de.createElement(Mm,null,de.createElement(Eo,{type:"swap-preview"}),de.createElement("div",{className:"swaps-steps"},de.createElement(MC,{variant:"title",size:"small"},LC.t("Swaps steps"))),de.createElement(de.Fragment,null,de.createElement(Go,null,de.createElement(at,{separator:!1}),de.createElement("div",{className:Pm()},de.createElement(NC,{direction:"horizontal",size:20}),de.createElement(BC,{height:22,variant:"rectangular"}))),de.createElement(Br,null),de.createElement(Go,null,de.createElement(at,{separator:!1})),de.createElement(Br,null),de.createElement(Go,null,de.createElement(at,{separator:!1})),de.createElement(Br,null),de.createElement(Go,null,de.createElement(at,{separator:!1}))))}i(ta,"LoadingSwapDetails");function _m(t){let{requestId:e,showSkeleton:o}=t;return ce.createElement(ne,{header:{title:Mr.t("Swap and Bridge"),suffix:ce.createElement(Jt,null)}},o&&ce.createElement(wm,null,ce.createElement(Wr,null,ce.createElement("div",{className:lo()},ce.createElement(Pr,{variant:"label",size:"large",color:"neutral700"},`${Mr.t("Request ID")}:`),ce.createElement("div",{className:Lr()},ce.createElement(Pr,{variant:"label",size:"small",color:"neutral700"},ce.createElement(Ho,{width:60,height:10,variant:"rounded"})),ce.createElement($m,{direction:"horizontal",size:4}),ce.createElement(Ho,{width:16,height:16,variant:"rectangular"}),ce.createElement($m,{direction:"horizontal",size:4}),ce.createElement(Ho,{width:16,height:16,variant:"rectangular"}))),ce.createElement("div",{className:lo()},ce.createElement(Pr,{className:bm(),variant:"label",size:"large",color:"neutral700"},ce.createElement(Ho,{width:60,height:10,variant:"rounded"})),ce.createElement(Pr,{variant:"label",size:"small",color:"neutral700"},ce.createElement(Ho,{width:60,height:10,variant:"rounded"})))),ce.createElement(ta,null)),!o&&ce.createElement(xm,null,ce.createElement(PC,{title:Mr.t("Not found"),description:Mr.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}i(_m,"SwapDetailsPlaceholder");function Dm(){let{manager:t,state:e}=DC(),o=!e.loadedFromPersistor,n=bt(t),{requestId:r}=UC(),s=xt(),{fetchStatus:a}=h();if(!r)return oa.createElement(FC,{containerStyles:{margin:"20px"},type:"error",title:$C.t("The request ID is necessary to display the swap details.")});let l=o||a==="loading",p=r?n.find(({swap:m})=>m.requestId===r):void 0,c=i(()=>{if(p?.id){let m=t?.get(p.id);m&&_C(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(_m,{requestId:r,showSkeleton:l}):oa.createElement(Rs,{swap:g,requestId:r,onCancel:c,onDelete:u})}i(Dm,"SwapDetailsPage");import{i18n as Qo}from"@lingui/core";import{AutoThemeIcon as OC,DarkModeIcon as zC,LightModeIcon as qC,List as GC,ListItemButton as HC,Radio as na,RadioRoot as QC,Typography as ra}from"@rango-dev/ui";import Ne from"react";function Fm(){let{setTheme:t,theme:e}=h(),o=[{id:"light",value:"light",title:Ne.createElement(ra,{variant:"title",size:"xmedium"},Qo.t("Light")),onClick:()=>t("light"),start:Ne.createElement(qC,{color:"gray"}),end:Ne.createElement(na,{value:"light"})},{id:"dark",value:"dark",title:Ne.createElement(ra,{variant:"title",size:"xmedium"},Qo.t("Dark")),onClick:()=>t("dark"),start:Ne.createElement(zC,{color:"gray"}),end:Ne.createElement(na,{value:"dark"})},{id:"auto",value:"auto",title:Ne.createElement(ra,{variant:"title",size:"xmedium"},Qo.t("Auto")),onClick:()=>t("auto"),start:Ne.createElement(OC,{color:"gray"}),end:Ne.createElement(na,{value:"auto"})}];return Ne.createElement(ne,{header:{title:Qo.t("Theme")}},Ne.createElement(re,null,Ne.createElement(QC,{onValueChange:n=>t(n),value:e},Ne.createElement(GC,{type:Ne.createElement(HC,{title:Qo.t("Theme"),id:"_",onClick:()=>console.log()}),items:o}))))}i(Fm,"ThemePage");function Um(){return kl(),li(),VC([{path:P.home,element:Be.createElement(mu,null)},{path:P.fromSwap,children:[{index:!0,element:Be.createElement(Ds,{type:"source"})},{path:P.blockchains,element:Be.createElement(Ts,{type:"source"})}]},{path:P.toSwap,children:[{index:!0,element:Be.createElement(Ds,{type:"destination"})},{path:P.blockchains,element:Be.createElement(Ts,{type:"destination"})}]},{path:P.settings,children:[{index:!0,element:Be.createElement(em,null)},{path:P.themes,element:Be.createElement(Fm,null)},{path:P.languages,element:Be.createElement(fu,null)},{path:P.exchanges,element:Be.createElement(hs,{sourceType:"Exchanges"})},{path:P.bridges,element:Be.createElement(hs,{sourceType:"Bridges"})}]},{path:P.swaps,children:[{index:!0,element:Be.createElement(iu,null)},{path:P.swapDetails,element:Be.createElement(Dm,null)}]},{path:P.wallets,element:Be.createElement(Tp,null)},{path:P.confirmSwap,element:Be.createElement(jc,null)}])}i(Um,"AppRoutes");import{isApprovalTX as jC,MainEvents as Om,RouteEventType as zm,StepEventType as qm,StepExecutionEventStatus as XC,useEvents as KC}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Gm}from"react";function Hm(){let t=h().tokens(),e=H.use.connectedWallets(),o=H.use.getWalletsDetails(),n=Pe.use.setNotification(),r=KC();return Gm(()=>(r.on(Om.StepEvent,s=>{let{event:a,step:l,route:p}=s;if(a.type===qm.TX_EXECUTION&&a.status===XC.TX_SENT&&!jC(l)||a.type===qm.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]),Gm(()=>(r.on(Om.RouteEvent,s=>{let{event:a,route:l}=s;(a.type===zm.FAILED||a.type===zm.SUCCEEDED)&&n(a,l)}),()=>r.all.clear()),[r,e.length]),null}i(Hm,"WidgetEvents");import{globalCss as YC}from"@rango-dev/ui";var Qm=i(()=>YC({"@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 JC}from"@rango-dev/ui";var Vm=JC("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(){Qm();let{config:t}=h(),{activeTheme:e}=Pn(t?.theme||{}),{activeLanguage:o}=io(),[n,r]=jm(""),[s,a]=jm(),l=RC(mn);return eT(()=>{Pe.persist.rehydrate(),l.onConnectWallet(r)},[]),Vo.createElement(ZC,{language:o},Vo.createElement(Vm,{id:"swap-container",className:e()},Vo.createElement(Hm,null),Vo.createElement(Ja,{lastConnectedWallet:n,disconnectedWallet:s,clearDisconnectedWallet:()=>{a(void 0)}},Vo.createElement(Um,null))))}i($r,"Main");import sa,{useMemo as ST}from"react";import{checkWaitingForNetworkChange as tT,makeQueueDefinition as oT}from"@rango-dev/queue-manager-rango-preset";import{Provider as nT}from"@rango-dev/queue-manager-react";import{useWallets as rT}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as iT}from"@rango-dev/wallets-shared";import{isEvmBlockchain as sT}from"rango-types";import aT,{useMemo as lT}from"react";function pT(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=rT(),l=lT(()=>oT({API_KEY:t.apiKey||Gt("API_KEY"),BASE_URL:Gt("BASE_URL")}),[t.apiKey]),p=h().blockchains(),u={blockchains:H.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(sT),y=i(x=>{let{supportedChains:C}=a(x);return Ro(C)},"getSupportedChainNames"),d=e(),S={meta:{blockchains:f,evmBasedChains:k,evmNetworkChainInfo:iT(k),getSupportedChainNames:y},getSigners:o,wallets:u,providers:d,switchNetwork:g,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:m},w=pe.use.isActiveTab();return aT.createElement(nT,{queuesDefs:[l],context:S,onPersistedDataLoaded:x=>{tT(x)},isPaused:!w},t.children)}i(pT,"QueueManager");var Xm=pT;import{useManager as fT}from"@rango-dev/queue-manager-react";import gT,{createContext as hT,useContext as yT}from"react";import{cancelSwap as cT,getCurrentBlockchainOfOrNull as uT,getCurrentStep as mT,getRelatedWalletOrNull as dT}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&&cT(o)}getCurrentStepInfo(e){let o=mT(e);return{step:o,wallet:o?dT(e,o):null,network:o?uT(e,o):null}}};i(jo,"WidgetHistory");var Km=hT(void 0);function ia(t){let{manager:e}=fT(),o=pe.use.isActiveTab(),n=X.use.retry(),r=new jo(e,{retrySwap:n}),s=H.use.connectedWallets(),a=H.use.loading(),l=Ta(s),p=H.use.getWalletsDetails(),c=h().blockchains(),u=h().tokens(),g=h().swappers(),m=h().fetchStatus,f=io().resetLanguage,k=Pe().getUnreadNotifications(),y={isActiveTab:o,setCurrentTabAsActive:cn,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 gT.createElement(Km.Provider,{value:y},t.children)}i(ia,"WidgetInfo");function Ym(){let t=yT(Km);if(!t)throw new Error("useWidget can only be used within the WidgetProvider component");return t}i(Ym,"useWidget");function _r(t){let{onUpdateState:e,config:o}=t;return ST(()=>{Ia({API_KEY:o?.apiKey||Xo,BASE_URL:o?.apiUrl||pa})},[o.apiKey,o.apiUrl]),sa.createElement(dn,{config:o,onUpdateState:e},sa.createElement(Xm,{apiKey:o.apiKey},sa.createElement(ia,null,t.children)))}i(_r,"WidgetProvider");function Jm(t){return CT(()=>Ka,[]),t.config?.externalWallets?aa.createElement($r,null):aa.createElement(_r,{config:t.config??Hr},aa.createElement($r,null))}i(Jm,"Widget");export{iO as EventSeverity,sO as MainEvents,hO as Networks,CO as PendingSwapNetworkStatus,aO as RouteEventType,lO as StepEventType,pO as StepExecutionBlockedEventStatus,cO as StepExecutionEventStatus,be as UI_ID,fO as WalletEvents,yO as WalletTypes,Jm as Widget,_r as WidgetProvider,dn as WidgetWallets,gi as customizedThemeTokens,dO as readAccountAddress,Ep as useWallets,Ym as useWidget,uO as useWidgetEvents};
1
+ var Zm=Object.defineProperty;var i=(t,e)=>Zm(t,"name",{value:e,configurable:!0});import{EventSeverity as sO,MainEvents as aO,RouteEventType as lO,StepEventType as pO,StepExecutionBlockedEventStatus as cO,StepExecutionEventStatus as uO,useEvents as mO}from"@rango-dev/queue-manager-rango-preset";import{readAccountAddress as fO,useWallets as Ap,Events as gO}from"@rango-dev/wallets-react";import{Networks as yO,WalletTypes as SO}from"@rango-dev/wallets-shared";import{PendingSwapNetworkStatus as TO}from"rango-types";import{UI_ID as Rm}from"@rango-dev/ui";var Xo="c6381a79-2817-4602-83bf-6a641a409e32",la="https://api.rango.exchange",pa="https://scan.rango.exchange",be={SWAP_BOX_ID:"rango-swap-box",...Rm};import{Events as Vr,Provider as Nd}from"@rango-dev/wallets-react";import{isEvmBlockchain as Bd}from"rango-sdk";import un,{createContext as Md,useEffect as jr,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 tt}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 _T,Networks as da}from"@rango-dev/wallets-shared";import Dr 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 ca=[td.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"),A=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 et=i((t,e)=>t.toLowerCase().indexOf(e.toLowerCase())>-1,"containsText"),uo=i(t=>!!t&&parseFloat(t)>0,"isPositiveNumber");function se(t){return A(t,12,12).replace(/(?:\.0*|(\.\d+?)0*)$/,"$1")}i(se,"formatTooltipNumbers");function Fr(t){switch(!0){case t.connected:return tt.CONNECTED;case t.connecting:return tt.CONNECTING;case!t.installed:return tt.NOT_INSTALLED;default:return tt.DISCONNECTED}}i(Fr,"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=Fr(t(r));return{title:s,image:a,link:nd(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(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===da.Unknown;if(g&&!m&&!f)return;let y=u===da.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(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 Dr(r.amount.amount).shiftedBy(-r.amount.decimals).toFixed(),logo:"",usdPrice:ld(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=A(n?.flatMap(s=>s.accounts)?.flatMap(s=>s?.balances)?.map(s=>new Dr(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"),tn=i((t,e)=>{let o=rd(Object.entries(t).map(([,n])=>n).filter(sd));return o&&o[e]?.experimental},"isExperimentalChain");function on(t){return t?{...t,amount:A(t.amount,8,8),usdValue:A(t.usdValue,4,4)}:null}i(on,"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 Ta(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(Ta,"sortTokens");function Ae(t,e){return t?.blockchain===e?.blockchain&&t?.symbol===e?.symbol&&t?.address===e?.address}i(Ae,"areTokensEqual");function ka(t){return t.sort((e,o)=>+(o.state===tt.CONNECTED)-+(e.state===tt.CONNECTED)||+(o.state===tt.DISCONNECTED||o.state===tt.CONNECTING)-+(e.state===tt.DISCONNECTED||e.state===tt.CONNECTING))}i(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 Dr(o?.usdPrice??Ie).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");function xa(t){return t.map(e=>e.state).join("-")}i(xa,"hashWalletsState");var Or={API_KEY:Xo};function Gt(t){return Or[t]||""}i(Gt,"getConfig");function ba(t){let e;return typeof structuredClone=="function"?e=structuredClone(t):e=JSON.parse(JSON.stringify(t)),Or=e,Or}i(ba,"initConfig");var Ia=20,Aa=25,Ea="Roboto",zr="theme-widget",mo=i((t,e)=>{let o=!1;if(e&&t){if(Array.isArray(e))o=!e.some(n=>Ae(n,t));else if(!Array.isArray(e)&&e[t.blockchain]){o=e[t.blockchain].tokens.some(r=>Ae(r,t));let n=e[t.blockchain].isExcluded;return!n&&!o||n&&o}}return o},"isTokenExcludedInConfig"),qr=i((t,e)=>t&&e&&!e.includes(t.name),"isBlockchainExcludedInConfig");var sn,Ht=i(()=>sn||(sn=new ud(Gt("API_KEY"),Gt("BASE_URL")),sn),"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"),Tt=md;var H=Tt(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: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 Ht().getWalletsDetails(a)).wallets;if(p)t(c=>{let u=c.connectedWallets.map(m=>{let f=o.find(y=>en(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:ya(k,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(g=>en(g,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 gd}from"@rango-dev/provider-all";function an(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(an,"matchAndGenerateProviders");function Wa(t,e){return an(t,e).map(r=>r.config.type)}i(Wa,"configWalletsToWalletName");function La(t,e){let o=H.use.clearConnectedWallet(),n=an(void 0,e);return hd(()=>{o(),n=an(t,{walletConnectProjectId:e?.walletConnectProjectId})},[t?.length]),{providers:n}}i(La,"useWalletProviders");import xd,{createContext as bd,useContext as Id,useEffect as Ad,useRef as Ed}from"react";import{create as wd}from"zustand";import{persist as vd}from"zustand/middleware";var Gr={apiKey:"",title:void 0,multiWallets:!0,enableNewLiquiditySources:!0,customDestination:!0},yd={clientUrl:void 0},Na=i((t,e,o)=>({config:{...Gr,...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 Qt(t){return Array.from(new Set(t))}i(Qt,"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 Bt(t,e){return t.toLowerCase().indexOf(e.toLowerCase())>-1}i(Bt,"containsText");var W=i(()=>document.getElementById(be.SWAP_BOX_ID),"getContainer");function ln(t,e){let o=t.map(s=>s.swapperGroup),n=[];return Qt(t.map(s=>s.swapperGroup)).map(s=>{let a=t.find(l=>l.swapperGroup===s);if(a){let l=!0;o&&(l=o.some(p=>p===a.swapperGroup)),l&&a.types.map(p=>{n.push({id:a.swapperGroup,groupTitle:a.swapperGroup,logo:a.logo,type:p,selected:!e.includes(a.swapperGroup)})})}}),n}i(ln,"getUniqueSwappersGroups");function Ma(t,e){return t.swapperGroup<e.swapperGroup?-1:t.swapperGroup>e.swapperGroup?1:0}i(Ma,"sortLiquiditySourcesByGroupTitle");function Fe(t,e){return e?.[t]==="hidden"}i(Fe,"isFeatureHidden");function pn(t,e){return e?.[t]==="enabled"}i(pn,"isFeatureEnabled");var Pa=i((t,e)=>({_blockchains:[],_tokens:[],_popularTokens:[],_swappers:[],fetchStatus:"loading",blockchains:o=>{let n=e()._blockchains;if(!o||!o?.type)return n;let r=e().config,s=(o.type==="source"?r.from?.blockchains:r.to?.blockchains)??[];return n.filter(l=>!(s.length>0&&!s.includes(l.name)))},tokens:o=>{let n=e()._tokens;if(!o||!o?.type)return n;let r=e().config,s=(o.type==="source"?r.from?.tokens:r.to?.tokens)??{},a=e().blockchains({type:o.type});return n.filter(p=>s&&mo(p,s)||o.blockchain&&p.blockchain!==o.blockchain||!a.some(c=>c.name===p.blockchain)?!1:o.searchFor?!!(Bt(p.symbol,o.searchFor)||Bt(p.address||"",o.searchFor)||Bt(p.name||"",o.searchFor)):!0).sort((p,c)=>e().isTokenPinned(p,o.type)?-1:e().isTokenPinned(c,o.type)||p.isSecondaryCoin?1:c.isSecondaryCoin||!p.address&&c.address?-1:p.address&&!c.address?1:0)},isTokenPinned:(o,n)=>!!(n==="source"?e().config.from?.pinnedTokens:e().config.to?.pinnedTokens)?.some(a=>Ae(a,o)),swappers:()=>{let{config:{enableNewLiquiditySources:o,liquiditySources:n}}=e();return e()._swappers.filter(a=>{let l=n?.includes(a.swapperGroup);return o||!n||n.length===0?!l:l}).sort(Ma)},fetch:async()=>{try{let o=await Ht().getAllMetadata();t({fetchStatus:"success"});let n=[],r=[],s=o.popularTokens,a=o.swappers,l=new Set;o.tokens.forEach(p=>{l.add(p.blockchain),r.push(p)}),o.blockchains.forEach(p=>{p.enabled&&l.has(p.name)&&n.push(p)}),n.sort((p,c)=>p.sort-c.sort),t({_blockchains:n,_tokens:r,_popularTokens:s,_swappers:a})}catch(o){throw t({fetchStatus:"failed"}),o}}}),"createDataSlice");import{English as 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}],fo="en";var _a=[.5,1,3],Da=1,Fa=5,Ua=100,Oa=0;var za=i((t,e)=>({disabledLiquiditySources:[],theme:"auto",language:null,preferredBlockchains:[],slippage:Da,customSlippage:null,infiniteApprove:!1,affiliateRef:null,affiliatePercent:null,affiliateWallets:null,addPreferredBlockchain:o=>{let n=e().preferredBlockchains;if(n.find((a,l)=>{let p=a===o,c=l<=10-1;return p&&c}))return;let s=n.filter(a=>!(a===o));t(()=>({preferredBlockchains:[o,...s]}))},setSlippage:o=>t(()=>({slippage:o})),setCustomSlippage:o=>t(()=>({customSlippage:o})),setAffiliateRef:o=>t(()=>({affiliateRef:o})),setAffiliatePercent:o=>t(()=>({affiliatePercent:o})),setAffiliateWallets:o=>t(()=>({affiliateWallets:o})),toggleAllLiquiditySources:(o,n)=>t(r=>{if(n)return{disabledLiquiditySources:[]};let s=Qt(o.map(a=>a.swapperGroup));return s.length===r.disabledLiquiditySources.length?{disabledLiquiditySources:[]}:{disabledLiquiditySources:s}}),toggleInfiniteApprove:()=>t(o=>({infiniteApprove:!o.infiniteApprove})),toggleLiquiditySource:o=>t(n=>n.disabledLiquiditySources.includes(o)?{disabledLiquiditySources:n.disabledLiquiditySources.filter(r=>r!=o)}:{disabledLiquiditySources:n.disabledLiquiditySources.concat(o)}),setTheme:o=>t(()=>({theme:o})),setLanguage:o=>t(()=>({language:o})),updateSettings:o=>{let{features:n}=o,r=Fe("theme",n),s=Fe("language",n),a=Fe("liquiditySource",n);t({...r&&{theme:"auto"},...s&&{language:fo},...a&&{disabledLiquiditySources:[]}})}}),"createSettingsSlice");function qa(t){return wd()(vd((...e)=>({...Pa(...e),...za(...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(qa,"createAppStore");var Ga=bd(null);function h(){let t=Id(Ga);if(Ad(()=>{t&&!t.persist.hasHydrated()&&t.persist.rehydrate()},[]),!t)throw new Error("Missing AppStoreContext.Provider in the tree");return t()}i(h,"useAppStore");function Ha(t){let e=Ed();return e.current||(e.current=qa(t.config)),xd.createElement(Ga.Provider,{value:e.current},t.children)}i(Ha,"AppStoreProvider");import{create as Ld}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 pe=Tt(Ld()((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})}}))),ja=new Vt({onInit:()=>pe.setState({tabManagerInitiated:!0}),onClaim:()=>pe.setState({isActiveTab:!0,showActivateTabModal:!1}),onRelease:()=>pe.setState({isActiveTab:!1})}),cn=ja.forceClaim,Xa=ja.destroy;var mn=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}=La(t.config.wallets,a),{connectWallet:u,disconnectWallet:g}=H(),m=Pd();jr(()=>{n().catch(console.log)},[]),jr(()=>{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===Vr.ACCOUNTS)if(w){let I=Ro(C.supportedBlockchains),v=ga(d,w,f,I,C.isContractWallet);p(v)}else g(d);if(S===Vr.ACCOUNTS&&x.connected){let I=`${d}-${x.network}-${w}`;x.connected&&(m.current?m.current(I):console.warn("onConnectWallet handler hasn't been set. Are you sure?"))}if(S===Vr.NETWORK&&x.network){let I=`${d}-${x.network}`;m.current?m.current(I):console.warn("onConnectWallet handler hasn't been set. Are you sure?")}t.onUpdateState&&t.onUpdateState(d,S,w,x,C)},"onUpdateState"),y=pe.use.isActiveTab();return jr(()=>{l.length&&u(l,s)},[l,s]),un.createElement(mn.Provider,{value:{onConnectWallet:d=>{m.current=d}}},un.createElement(Nd,{allBlockChains:r,providers:c,onUpdateState:k,autoConnect:!!y},t.children))}i(_d,"Main");function dn(t){let{config:e,...o}=t;return un.createElement(Ha,{config:e},un.createElement(_d,{...o,config:e}))}i(dn,"WidgetWallets");import sa,{useEffect as TT}from"react";import{I18nManager as RC}from"@rango-dev/ui";import Vo,{useContext as eT,useEffect as tT,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 Ka(){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(Ka,"useForceAutoConnect");function Ya({children:t,...e}){let n=jd()?Qd:Vd,r=h().blockchains(),{canSwitchNetworkTo:s}=qd();Ka();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(Ya,"AppRouter");import Be from"react";import{useRoutes as jC}from"react-router-dom";var P={home:"/",fromSwap:"from-swap",toSwap:"to-swap",blockchains:"blockchains",settings:"settings",liquiditySources:"liquidity-sources",themes:"themes",bridges:"bridges",exchanges:"exchanges",languages:"languages",swaps:"swaps",wallets:"wallets",confirmSwap:"confirm-swap",swapDetails:":requestId"};import{useEffect as Xt,useRef as wn}from"react";import vt 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 Sv from"bignumber.js";var kt=(r=>(r[r.HIGH_VALUE_LOSS=0]="HIGH_VALUE_LOSS",r[r.UNKNOWN_PRICE=1]="UNKNOWN_PRICE",r[r.INSUFFICIENT_SLIPPAGE=2]="INSUFFICIENT_SLIPPAGE",r[r.HIGH_SLIPPAGE=3]="HIGH_SLIPPAGE",r))(kt||{});function Ja(t,e){return e.find(o=>o.name===t)?.displayName}i(Ja,"getBlockchainDisplayNameFor");function Ue(t,e){return e.find(o=>o.name===t)?.shortName}i(Ue,"getBlockchainShortNameFor");function go(t,e){return e.find(o=>o.id===t)?.swapperGroup}i(go,"getSwapperDisplayName");function Xr(t,e){return e.find(o=>Ae(o,t))??null}i(Xr,"findToken");function Kr(t,e){return e.find(o=>o.name===t)??null}i(Kr,"findBlockchain");import{i18n as Ve}from"@lingui/core";import Ee 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 j=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 Za(t){switch(t.type){case 0:return t.diagnosisMessage??j().noResultError.title;case 1:return j().genericServerError;default:return""}}i(Za,"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 Ra(t,e){return(parseInt(e.toFixed(2)||"0")<=-10&&t?.gte(new Ee(400))||parseInt(e.toFixed(2)||"0")<=-5&&t?.gte(new Ee(1e3)))??!1}i(Ra,"hasHighValueLoss");function Yr(t){return(t?.result?.swaps||[]).filter(e=>{let o=e.fromAmountMinValue?new Ee(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Ee(e.fromAmountMaxValue):null;return e.fromAmountRestrictionType==="EXCLUSIVE"?o?.gte(e.fromAmount)||n?.lte(e.fromAmount):o?.gt(e.fromAmount)||n?.lt(e.fromAmount)}).length>0}i(Yr,"hasLimitError");function Jr(t){let e=(t.result?.swaps||[]).filter(l=>{let p=l.fromAmountMinValue?new Ee(l.fromAmountMinValue):null,c=l.fromAmountMaxValue?new Ee(l.fromAmountMaxValue):null;return l.fromAmountRestrictionType==="EXCLUSIVE"?p?.gte(l.fromAmount)||c?.lte(l.fromAmount):p?.gt(l.fromAmount)||c?.lt(l.fromAmount)})[0],o=e.fromAmountMinValue?new Ee(e.fromAmountMinValue):null,n=e.fromAmountMaxValue?new Ee(e.fromAmountMaxValue):null,r=e.fromAmountRestrictionType==="EXCLUSIVE",s="",a="";return!r&&o&&o.gt(e.fromAmount)?(s=Ve.t({id:"Required: >= {min} {symbol}",values:{min:A(o,6,6),symbol:e.from.symbol}}),a=j().bridgeLimitErrors.increaseAmount):r&&o&&o.gte(e.fromAmount)&&(s=Ve.t({id:"Required: > {min} {symbol}",values:{min:A(o,6,6),symbol:e.from.symbol}}),a=j().bridgeLimitErrors.increaseAmount),!r&&n&&n.lt(e.fromAmount)?(s=Ve.t({id:"Required: <= {max} {symbol}",values:{max:A(n,6,6),symbol:e.from.symbol}}),a=j().bridgeLimitErrors.decreaseAmount):r&&n&&n.lte(e.fromAmount)&&(s=Ve.t({id:"Required: < {max} {symbol}",values:{max:A(n,6,6),symbol:e.from.symbol}}),a=j().bridgeLimitErrors.decreaseAmount),{swap:e,fromAmountRangeError:s,recommendation:a}}i(Jr,"getLimitErrorMessage");function el(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(el,"getSwapButtonState");function Zr(t,e,o){return!((!o||o.lte(Ie))&&t?.result&&e&&e!=="0"&&parseFloat(e||"0")!==0&&t.result)}i(Zr,"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 Ee(r.amount).multipliedBy(s||0))}return o}i(Yd,"getUsdFeeOfStep");function Sn(t,e){return t.reduce((o,n)=>o.plus(Yd(n,e)),Ie)}i(Sn,"getTotalFeeInUsd");function Rr(t){let e=Ie;return e=e.plus(new Ee(t.amount).multipliedBy(t.price||0)),e}i(Rr,"getUsdFee");function tl(t){return t.reduce((e,o)=>e.plus(Rr(o)),Ie)}i(tl,"getTotalFeesInUsd");function ol(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(ol,"getFeesGroup");function ei(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(ei,"checkSlippageErrors");function nl(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(nl,"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 rl(t,e){return e?parseFloat(t)>=parseFloat(e):!0}i(rl,"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:g,affiliateWallets:m,initialQuote:f,destination:k}=t,y=s?.reduce((C,I)=>(C[I.chain]=I.address,C),{}),d=[];r?.forEach(C=>{let I=d.find(v=>v.blockchain===C.chain);I?I.addresses.push(C.address):d.push({blockchain:C.chain,addresses:[C.address]})});let S=!!f,w=Qt((f?.result?.swaps||[]).reduce((C,I)=>(C.push(I.from.blockchain,I.to.blockchain),I.internalSwaps&&Array.isArray(I.internalSwaps)&&I.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(Tn,"createQuoteRequestBody");function il(t){return t.reduce((o,n)=>(o[n.chain]={address:n.address,walletType:n.walletType},o),{})}i(il,"getWalletsForNewSwap");function jt(t){return t.result?.outputAmount||null}i(jt,"getQuoteOutputAmount");function sl(t,e){return new Ee(e).div(new Ee(t)).minus(1).multipliedBy(100).toNumber()}i(sl,"getPercentageChange");function al(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(al,"isOutputAmountChangedALot");function ll(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=>fl(a,n)||[]).filter(a=>!a.ok).map(a=>{let l=a.asset.symbol,p=A(new Ee(a.currentAmount.amount).shiftedBy(-a.currentAmount.decimals),8,8),c=A(new Ee(a.requiredAmount.amount).shiftedBy(-a.requiredAmount.decimals),8,8),u="";return a.reason==="FEE"&&(u=Ve.t(" for network fee")),a.reason==="INPUT_ASSET"&&(u=Ve.t(" for swap")),a.reason==="FEE_AND_INPUT_ASSET"&&(u=Ve.t(" for input and network fee")),Ve.t({id:"Needs \u2248 {requiredAmount} {symbol}{reason}, but you have {currentAmount} {symbol} in your {blockchain} wallet.",values:{requiredAmount:c,symbol:l,reason:u,currentAmount:p,blockchain:Ue(a.asset.blockchain,o)}})})}i(ll,"generateBalanceWarnings");function pl(t,e){return(t?new Ee(t):Ie).multipliedBy(e||0)}i(pl,"calcOutputUsdValue");function ho(t){return!!t&&t.networkStatus!==null&&t.networkStatus!==yn.NetworkChanged}i(ho,"isNetworkStatusInWarningState");function cl(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||Ve.t("Waiting for connecting wallet");break;case yn.WaitingForQueue:n=n||Ve.t("Waiting for other running tasks to be finished");break;case yn.WaitingForNetworkChange:n=n||Ve.t("Waiting for changing wallet network");break;default:n=n||"";break}r=r||"",n=n||"";let a=n?.indexOf("code")!==-1&&n?.indexOf("reason")!==-1;return{shortMessage:n,detailedMessage:{content:r,long:a}}}i(cl,"getSwapMessages");function ul(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(ul,"getLastConvertedTokenInFailedSwap");function ml(t){return t.status==="failed"&&!!t.finishTime&&new Date().getTime()-parseInt(t.finishTime)<4*3600*1e3}i(ml,"shouldRetrySwap");function dl(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&&!gn(s,o)}i(dl,"confirmSwapDisabled");function hl(t){return t?.result?.swaps[t?.result?.swaps.length-1].to.usdPrice}i(hl,"getQuoteToTokenUsdPrice");function ti(t,e){let o=t.result?.swaps||[],n=e.result?.swaps||[];return o.length!==n.length}i(ti,"isNumberOfSwapsChanged");function oi(t,e){let o=t.result?.swaps.map(r=>r.swapperId)||[],n=e.result?.swaps.map(r=>r.swapperId)||[];return!Hr(o,n)}i(oi,"isQuoteSwappersUpdated");function ni(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(ni,"isQuoteInternalCoinsUpdated");function yl(t,e){return ti(t,e)||oi(t,e)||ni(t,e)}i(yl,"isQuoteChanged");function fl(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(fl,"getRequiredBalanceOfWallet");function mt(t){let e;return t<=-3&&t>-10?e="low":t<=-10&&(e="high"),e}i(mt,"getPriceImpactLevel");function Sl(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=Kr(s?s.toBlockchain:n.fromBlockchain,e),p=Kr(r.toBlockchain,e),c=Xr(s?{blockchain:l?.name??"",symbol:s.toSymbol,address:s.toSymbolAddress}:{blockchain:l?.name??"",symbol:n.fromSymbol,address:n.fromSymbolAddress},o),u=Xr(a,o),g=s?s.outputAmount??"":t.inputAmount;return{fromBlockchain:l,fromToken:c,toBlockchain:p,toToken:u,inputAmount:g}}i(Sl,"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&&Ra(a,u)){let m=Sn(t.result.swaps,r),f=mt(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=Cn(t),c=s>Fa;if(rl(e.userSlippage.toString(),p)){if(c&&parseFloat(p??"0")<s)return{type:3,slippage:s.toString()}}else return{type:2,recommendedSlippages:nl(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:sl(t.toString(),e.toString());return n&&n<0?n:null}i(Oe,"getPriceImpact");var Cl=i(t=>{let e=new Set,o=[];return t.forEach(n=>{e.has(n.from.chain.displayName)||(e.add(n.from.chain.displayName),o.push(n.from.chain)),e.has(n.to.chain.displayName)||(e.add(n.to.chain.displayName),o.push(n.to.chain))}),o},"getUniqueBlockchains");var Pt=i((t,e)=>t?.usdPrice?new vt(e||Ie).multipliedBy(t?.usdPrice||0):null,"getUsdValue"),X=Tt(Rd()(ef(t=>({fromBlockchain:null,fromToken:null,inputAmount:"",outputAmount:null,inputUsdValue:new vt(0),outputUsdValue:new vt(0),toBlockchain:null,toToken:null,quote:null,quoteWalletsConfirmed:!1,selectedWallets:[],customDestination:"",quoteWarningsConfirmed:!1,setQuote:e=>t(o=>{let n=null,r=Ie;return uo(o.inputAmount)?(e&&(n=e.result?.outputAmount?new vt(e.result?.outputAmount):null,r=pl(e.result?.outputAmount,hl(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}=Sl(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 Tl(){let{setInputAmount:t,setToToken:e,setToBlockchain:o,setFromBlockchain:n,setFromToken:r,fromToken:s,toToken:a,fromBlockchain:l,toBlockchain:p}=X(),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=wn(void 0),I=wn(void 0),v=wn(void 0),b=wn(void 0);Xt(()=>{t(c?.amount?.toString()||"")},[c?.amount]),Xt(()=>{if(u==="success"){let T=g.find(L=>L.name===c?.from?.blockchain),E=m.find(L=>Ae(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]),Xt(()=>{mo(s,d)&&r({token:null}),qr(l,S)&&n(null)},[d,S]),Xt(()=>{mo(a,w)&&r({token:null}),qr(p,x)&&o(null)},[w,x]),Xt(()=>{if(u==="success"){let T=g.find(L=>L.name===c?.to?.blockchain),E=m.find(L=>Ae(L,c?.to?.token||null));(T||!T&&b.current)&&o(T??null),E?e({token:E,meta:{blockchains:g,tokens:m}}):!E&&I.current&&e({token:null}),b.current=c?.to?.blockchain,I.current=c?.to?.token}},[c?.to?.token?.symbol,c?.to?.token?.address,c?.to?.token?.blockchain,c?.to?.blockchain,u]),Xt(()=>{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(Tl,"useSyncStoresWithConfig");import{useEffect as si}from"react";import{useInRouterContext as tf,useLocation as of,useSearchParams as nf}from"react-router-dom";function ri(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(ri,"searchParamToToken");function ii(t){if(t)return`${t.symbol}${t.address?`--${t.address}`:""}`}i(ii,"tokenToSearchParam");function ai(){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}=X(),f=h().fetchStatus,k=h().blockchains(),y=h().tokens(),d=tf(),{updateIframe:S}=h(),w=i(()=>{let C=e.get("fromAmount"),I=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:I,fromToken:v,toBlockchain:b,toToken:T,autoConnect:E,clientUrl:L}},"getUrlSearchParams"),x=i(C=>{for(let I in C)C[I]||delete C[I];o(C,{replace:!0})},"updateUrlSearchParams");si(()=>{let{autoConnect:C,clientUrl:I}=w();d&&f==="success"&&x({["fromBlockchain"]:n?.name,["fromToken"]:ii(s),["toBlockchain"]:r?.name,["toToken"]:ii(a),["fromAmount"]:l,["autoConnect"]:C??void 0,["clientUrl"]:I??void 0})},[t.pathname,l,n,s,r,a]),si(()=>{if(!d)return;let C=w();if(C.fromAmount&&m(C.fromAmount),f==="success"){let I=k.find(E=>E.name===C.fromBlockchain),v=ri(y,C.fromToken,I??null),b=k.find(E=>E.name===C.toBlockchain),T=ri(y,C.toToken,b??null);I&&(p(I),v&&u({token:v,meta:{blockchains:k,tokens:y}})),b&&(c(b),T&&g({token:T,meta:{blockchains:k,tokens:y}}))}},[f]),si(()=>{let{clientUrl:C}=w();S("clientUrl",C||void 0)},[])}i(ai,"useSyncUrlAndStore");import{i18n as lr}from"@lingui/core";import{useManager as Qh}from"@rango-dev/queue-manager-react";import{Alert as Hc,Button as Vh,css as ns,Divider as os,IconButton as Qc,SettingsIcon as jh,styled as Xh,Tooltip as Kh,Typography as Yh,WalletIcon as Jh}from"@rango-dev/ui";import ae,{useEffect as No,useLayoutEffect as Zh,useRef as Rh,useState as pr}from"react";import{flushSync as ey}from"react-dom";import{useLocation as ty,useNavigate as oy}from"react-router-dom";import{i18n as ot}from"@lingui/core";import{Alert as Pi,BalanceErrors as Pg,Button as Ep,ChevronDownIcon as $g,ChevronLeftIcon as _g,Divider as eo,MessageBox as Dg,Modal as Wp,Typography as Qn,WalletIcon as Fg}from"@rango-dev/ui";import N,{useEffect as Ug,useState as _t}from"react";import{useNavigate as Og}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,{useRef as lf}from"react";import*as Kt from"@radix-ui/react-collapsible";import{keyframes as kl,styled as bn}from"@rango-dev/ui";var li=300,sf=kl({from:{height:0},to:{height:"var(--radix-collapsible-content-height)"}}),af=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"}}}}),pi=bn(Kt.Trigger,{padding:"$0",border:"none",outline:"none",width:"100%",backgroundColor:"transparent",fontFamily:"inherit",cursor:"pointer"}),In=bn(Kt.Content,{overflow:"hidden",variants:{open:{true:{animation:`${sf} ${li}ms ease-out`},false:{animation:`${af} ${li}ms ease-out`}}}}),An=bn("div",{transition:`all ${li}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=lf(null);return En.createElement(wl,{ref:p,className:"collapsible_root",selected:o&&e,open:e,onOpenChange:n},l==="top"&&En.createElement(pi,{className:"collapsible_trigger",onClick:s},a),En.createElement(In,{className:"collapsible_content",open:e},r),l==="bottom"&&En.createElement(pi,{className:"collapsible_trigger",onClick:s},a))}i(Wn,"CustomCollapsible");import{Button as pf,css as vl,darkTheme as Yt,IconButton as cf,styled as ze,TextField as uf}from"@rango-dev/ui";var xl=ze("div",{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}),bl=ze("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),mf=ze("button",{borderRadius:"$xm",padding:"$10",border:"0",display:"flex",justifyContent:"center",$$color:"$colors$neutral100",[`.${Yt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",alignItems:"center",cursor:"pointer",width:110,position:"relative","&:hover":{$$color:"$colors$info100",[`.${Yt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$color:"$colors$info100",[`.${Yt} &`]:{$$color:"$colors$info700"},backgroundColor:"$$color",outline:0},variants:{selected:{true:{outlineWidth:1,outlineColor:"$secondary",outlineStyle:"solid"}}}}),Il=ze(mf,{alignSelf:"stretch",minHeight:"93px"}),Al=ze("div",{padding:"$20",display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:"$neutral200",position:"relative",width:"100%"}),El=ze(cf,{position:"absolute",left:"$20"}),Wl=ze("div",{paddingTop:"$20"}),Ll=vl({display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Nl=ze("div",{padding:"$10 $0","& .button__content":{display:"flex",alignItems:"center"},"& .alarms":{paddingTop:"$5"},"& .collapsible_content":{backgroundColor:"$neutral100"},"& .collapsible_root":{backgroundColor:"$neutral200"}}),Bl=vl({paddingTop:"$5"}),Ml=ze("div",{display:"flex"}),Pl=ze(uf,{backgroundColor:"$neutral100",padding:"$0 $15 $15 $15"}),$l=ze("div",{overflow:"visible",width:"100%"}),_l=ze(pf,{width:"100%",borderRadius:"$sm !important",padding:"$15 !important",justifyContent:"space-between",alignItems:"center",$$color:"$colors$neutral100",[`.${Yt} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color","&:hover":{$$color:"$colors$info100",[`.${Yt} &`]:{$$color:"$colors$neutral100"},backgroundColor:"$$color"},"&:focus-visible":{$$background:"$colors$info100",[`.${Yt} &`]:{$$background:"$colors$info700"},backgroundColor:"$$background",outline:0}});import{i18n as Xe}from"@lingui/core";import{Button as Lg,Divider as Bi,Image as Ng,MessageBox as Hn,Modal as vp,SelectableWallet as Bg,Typography as xp,WalletState as bp}from"@rango-dev/ui";import ie,{useEffect as Ip,useState as To}from"react";import{WalletState as ci}from"@rango-dev/ui";import{useWallets as df}from"@rango-dev/wallets-react";import{KEPLR_COMPATIBLE_WALLETS as ff,WalletTypes as Ln}from"@rango-dev/wallets-shared";import{useCallback as gf,useEffect as Dl,useRef as hf,useState as yf}from"react";var Sf=Object.values(Ln);function Nn(t){let{config:e,chain:o,onBeforeConnect:n,onConnect:r}=t,{state:s,disconnect:a,getWalletInfo:l,connect:p}=df(),{connectedWallets:c}=H(),u=h().blockchains(),g=hf(!1),m=Wa(e?.wallets,{walletConnectProjectId:e?.walletConnectProjectId})||Sf,f=fa(s,l,m,o),k=ka(f),[y,d]=yf(""),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===ci.CONNECTED);if(!e?.multiWallets&&T)return;n?.(v),await p(v),r?.(v)}}catch(T){d("Error: "+T?.message)}},"handleClick"),x=gf(()=>{let v=f?.filter(b=>b.state===ci.CONNECTING)||[];for(let b of v)a(b.type)},[xa(f)]);Dl(()=>()=>{g.current=!0},[]),Dl(()=>()=>{g.current&&x()},[x]);let C=i(v=>v.filter(T=>T.state!=ci.NOT_INSTALLED&&![Ln.DEFAULT,Ln.WALLET_CONNECT_2].includes(T.type)&&l(T.type).supportedChains.filter(E=>E.type=="EVM").length>0).length==0,"shouldShowDefaultInjectedWallet"),I=i((v,b,T)=>tn(T,b)&&S(v)&&!ff.includes(v)||v==Ln.DEFAULT&&!C(f),"shouldExcludeWallet");return{list:k.filter(v=>!I(v.type,o??"",u)),error:y,handleClick:w,disconnectConnectingWallets:x}}i(Nn,"useWalletList");import{i18n as hp}from"@lingui/core";import{styled as Sp,Typography as vg,Wallet as xg,WalletState as bg}from"@rango-dev/ui";import Rt,{useState as yp}from"react";import{useManager as mg}from"@rango-dev/queue-manager-react";import{BottomLogo as dg,Divider as lp,Header as fg}from"@rango-dev/ui";import me,{useEffect as pp,useRef as cp}from"react";import{useRef as Cf}from"react";function Bn(){return window.self!==window.top}i(Bn,"isAppLoadedIntoIframe");function ui(){let t=Cf(null),{iframe:e}=h(),o=Bn()&&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(ui,"useIframe");import{useNavigate as Tf}from"react-router-dom";function xt(){let t=Tf();return()=>t(-1)}i(xt,"useNavigateBack");import{createTheme as gi,darkTheme as bf,lightTheme as If}from"@rango-dev/ui";import{useEffect as zl,useState as Af}from"react";import{theme as vf,darkColors as xf}from"@rango-dev/ui";var Fl=i((t,e)=>{t=t.replace(/^#/,""),t.length===3&&(t=t[0]+t[0]+t[1]+t[1]+t[2]+t[2]);let[s,a,l]=t.match(/.{2}/g);[s,a,l]=[parseInt(s,16)+e,parseInt(a,16)+e,parseInt(l,16)+e],s=Math.max(Math.min(255,s),0).toString(16),a=Math.max(Math.min(255,a),0).toString(16),l=Math.max(Math.min(255,l),0).toString(16);let p=(s.length<2?"0":"")+s,c=(a.length<2?"0":"")+a,u=(l.length<2?"0":"")+l;return`#${p}${c}${u}`},"colorShade"),Mn=i((t,e)=>{let a={[t]:e};for(let l=1;l<10;l++)l<5&&(a={...a,[t+l*100]:Fl(e,(5-l)*25)}),l===5&&(a={...a,[t+l*100]:e}),l>5&&(a={...a,[t+l*100]:Fl(e,-((l-5)*25))});return a},"generateRangeColors"),mi=i((t,e,o)=>{if(!o||!Object.entries(o).length)return{};let n=!1,r={...t};for(let s in o){let a=o[s];if(a&&a!==t[s])if(n=!0,s==="background"||s==="foreground")r={...r,[s]:a};else if(s==="neutral"&&e){let l=Mn(s,a);r={...r,[`${s}100`]:l[`${s}900`],[`${s}200`]:l[`${s}800`],[`${s}300`]:l[`${s}700`],[`${s}400`]:l[`${s}600`],[`${s}500`]:l[`${s}500`],[`${s}600`]:l[`${s}400`],[`${s}700`]:l[`${s}300`],[`${s}800`]:l[`${s}200`],[`${s}900`]:l[`${s}100`]}}else r={...r,...Mn(s,a)}}return n?r:{}},"generateColors");var Ul=i(t=>String.fromCharCode(t+(t>25?39:97)),"toAlphabeticChar"),kf=i(t=>{let e="",o;for(o=Math.abs(t);o>52;o=o/52|0)e=Ul(o%52)+e;return Ul(o%52)+e},"toAlphabeticName"),wf=i((t,e)=>{let o=e.length;for(;o;)t=t*33^e.charCodeAt(--o);return t},"toPhash"),di=i(t=>kf(wf(5381,JSON.stringify(t))>>>0),"toHash");function fi(t){let e=vf.colors,o=mi({...e,...xf},!0,t?.dark),n=mi(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:`${zr}-light-${di(p)}`,tokens:p}}if(r){let p={colors:o};l={id:`${zr}-dark-${di(p)}`,tokens:p}}return{light:a,dark:l}}i(fi,"customizedThemeTokens");function Ol(t,e){if(t.length<=1)return t;let o=[];return t.forEach((n,r)=>{o.push(n),r<t.length-1&&o.push(e)}),o}i(Ol,"joinList");function Pn(t){let{colors:e,fontFamily:o=Ea,borderRadius:n=Ia,secondaryBorderRadius:r=Aa,mode:s="auto"}=t,[a,l]=Af("light"),{setTheme:p,theme:c}=h(),{dark:u,light:g}=fi(e),m=gi({radii:{primary:`${n}px`,secondary:`${r}px`},fonts:{widget:o}}),f=[m.className,If.className],k=[m.className,bf.className];if(g){let d=gi(g.id,g.tokens);f.push(d.className)}if(u){let d=gi(u.id,u.tokens);k.push(d.className)}return zl(()=>{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)}},[]),zl(()=>{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(Pn,"useTheme");var bt=i(t=>{let e=[];return t?.getAll().forEach((o,n)=>{let r=o.list.getStorage();r?.swapDetails&&e.push({id:n,swap:r?.swapDetails})}),e.sort((o,n)=>Number(n.swap.creationTime)-Number(o.swap.creationTime))},"getPendingSwaps");import{i18n as ql}from"@lingui/core";import{Alert as Ef,Button as Wf}from"@rango-dev/ui";import Gl from"react";function hi(t){return Gl.createElement(Ef,{action:Gl.createElement(Wf,{onClick:t.onActivateTab,variant:"contained",size:"xxsmall",type:"warning"},ql.t("Activate")),type:"warning",variant:"alarm",title:ql.t("Another tab is open and handles transactions. You can activate this tab.")})}i(hi,"ActivateTabAlert");import{i18n as yi}from"@lingui/core";import{Button as Lf,Divider as Nf,MessageBox as Bf,Modal as Mf}from"@rango-dev/ui";import $n from"react";function Si(t){let{open:e,onClose:o,onConfirm:n}=t;return $n.createElement(Mf,{open:e,dismissible:!0,onClose:o,container:W()},$n.createElement(Bf,{title:yi.t("Activate current tab"),type:"warning",description:yi.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(Nf,{size:20}),$n.createElement(Lf,{variant:"contained",size:"large",type:"primary",fullWidth:!0,onClick:n},yi.t("Confirm"))))}i(Si,"ActivateTabModal");import{ChevronLeftIcon as _f}from"@rango-dev/ui";import jl from"react";import{darkTheme as Pf,IconButton as $f,styled as yo}from"@rango-dev/ui";var qe=yo($f,{width:"$24",position:"relative",padding:"0",overflow:"unset"}),Hl=yo("div",{position:"absolute",background:"$secondary500",[`.${Pf} &`]:{$$color:"$colors$secondary400"},width:"$6",height:"$6",borderRadius:"$lg",right:"$4",border:"1px solid $surface100"}),Jt=yo("div",{display:"flex",justifyContent:"flex-end",minWidth:"$40",button:{padding:0}}),Ql=yo("div",{position:"absolute",backgroundColor:"$secondary500",width:"14px",height:"14px",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"7px",top:"$0",right:"$0"}),Vl=yo("div",{padding:"$2",variants:{isRefetched:{true:{transform:"rotate(360deg)",transition:"transform 1s ease-in-out"}}}});function Ci(t){return jl.createElement(qe,{variant:"ghost",size:"small",onClick:t.onClick},jl.createElement(_f,{color:"black",size:16}))}i(Ci,"BackButton");import{i18n as Df}from"@lingui/core";import{Button as Ff,Typography as Uf}from"@rango-dev/ui";import Ti from"react";function ki(t){return Ti.createElement(Jt,null,Ti.createElement(Ff,{variant:"ghost",onClick:t.onClick,size:"xsmall"},Ti.createElement(Uf,{variant:"label",size:"medium",color:"error500"},Df.t("Cancel"))))}i(ki,"CancelButton");import{i18n as Of}from"@lingui/core";import{Tooltip as zf,WalletIcon as qf}from"@rango-dev/ui";import _n from"react";function wi(t){return _n.createElement(zf,{container:t.container,side:"top",content:Of.t("Connect Wallet")},_n.createElement(qe,{variant:"ghost",size:"small",onClick:t.onClick},t.isConnected&&_n.createElement(Hl,null),_n.createElement(qf,{size:18,color:"black"})))}i(wi,"WalletButton");import{i18n as On}from"@lingui/core";import{NotificationsIcon as lg,Popover as pg,SettingsIcon as cg,Tooltip as zn,TransactionIcon as ug}from"@rango-dev/ui";import Te from"react";import{i18n as Yf}from"@lingui/core";import{EventSeverity as Jf}from"@rango-dev/queue-manager-rango-preset";import{ChainToken as Rl,ChevronRightIcon as Zf,ListItemButton as Rf,Typography as eg}from"@rango-dev/ui";import je from"react";import{useNavigate as tg}from"react-router-dom";import{create as Gf}from"zustand";import{persist as Hf,subscribeWithSelector as Qf}from"zustand/middleware";var Pe=Tt(Gf()(Hf(Qf((t,e)=>({notifications:[],setNotification:(o,n)=>{let r=n.steps[0],s=n.steps[n.steps.length-1],a={event:o,creationTime:Date.now(),read:!1,requestId:n.requestId,route:{from:{blockchain:r.fromBlockchain,address:r.fromSymbolAddress,symbol:r.fromSymbol},to:{blockchain:s.toBlockchain,address:s.toSymbolAddress,symbol:s.toSymbol}}},l=e().notifications.filter(p=>p.requestId!==n.requestId);t(()=>({notifications:[...l,a]}))},setAsRead:o=>{t(n=>({notifications:n.notifications.map(r=>r.requestId===o?{...r,read:!0}:r)}))},getUnreadNotifications:()=>e().notifications.filter(o=>!o.read)})),{name:"notification",skipHydration:!0})));import{styled as Dn}from"@rango-dev/ui";var Xl=Dn("div",{padding:"$10",width:"350px",maxWidth:"90vw",minHeight:"150px"}),Kl=Dn("ul",{padding:0,margin:0,listStyle:"none",".to-chain-token":{transform:"translateX(-3px)"}}),Yl=Dn("div",{display:"flex",padding:0,alignItems:"center",alignSelf:"stretch"}),Jl=Dn("div",{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",padding:"$10",width:"100%",height:"150px"});import{i18n as Vf}from"@lingui/core";import{Divider as jf,NoNotificationIcon as Xf,Typography as Kf}from"@rango-dev/ui";import Fn from"react";function Zl(){return Fn.createElement(Jl,null,Fn.createElement(Xf,{color:"secondary",size:26}),Fn.createElement(jf,{size:12}),Fn.createElement(Kf,{variant:"body",size:"medium",color:"neutral700"},Vf.t("There are no notifications.")))}i(Zl,"NotificationNotFound");var og=4;function vi(){let t=tg(),{getUnreadNotifications:e}=Pe(),o=e(),n=h().blockchains(),r=h().tokens(),s=o.sort((l,p)=>p.creationTime-l.creationTime).slice(0,og),a=i(l=>{t(`${P.swaps}/${l}`)},"handleOnClick");return je.createElement(Xl,null,s.length?je.createElement(Kl,null,s.map(l=>{let{route:p,requestId:c,event:u}=l,g=r.find(y=>Ae(y,p.from)),m=n.find(y=>y.name===p.from.blockchain),f=r.find(y=>Ae(y,p.to)),k=n.find(y=>y.name===p.to.blockchain);return je.createElement(Rf,{key:c,onClick:()=>a(c),title:je.createElement(eg,{variant:"body",size:"small",color:u.messageSeverity===Jf.WARNING?"$foreground":"$neutral700"},Yf.t(u.message)),id:c,start:je.createElement(Yl,null,je.createElement("div",{className:"from-chain-token"},je.createElement(Rl,{tokenImage:g?g.image:"",chainImage:m?m.logo:"",size:"small"})),je.createElement("div",{className:"to-chain-token"},je.createElement(Rl,{tokenImage:f?f.image:"",chainImage:k?k.logo:"",size:"small"}))),end:je.createElement(Zf,{size:12,color:"gray"})})})):je.createElement(Zl,null))}i(vi,"NotificationContent");import{RefreshProgressButton as ng}from"@rango-dev/ui";import xi,{useEffect as rg,useState as ep}from"react";var ig=1e3,tp=60,sg=100;function Un({onClick:t}){let[e,o]=ep(0),[n,r]=ep(!1),s=i(p=>{document.hidden&&p&&a(p)},"handleVisibilityChange");rg(()=>{let p;return t?p=window.setInterval(()=>{o(c=>c+1),e===tp&&l()},ig):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 xi.createElement(qe,{variant:"ghost",size:"small",onClick:l,disabled:!t},xi.createElement(Vl,{onTransitionEnd:()=>r(!1),isRefetched:n},xi.createElement(ng,{size:24,color:t?"black":"gray",progress:e/tp*sg})))}i(Un,"RefreshButton");import{Typography as ag}from"@rango-dev/ui";import op from"react";function np(){let{getUnreadNotifications:t}=Pe(),e=t().length;return e?op.createElement(Ql,null,op.createElement(ag,{variant:"body",size:"xsmall",color:"$background"},e)):null}i(np,"UnreadNotificationsBadge");function bi(t){let{onClickRefresh:e,onClickHistory:o,onClickSettings:n}=t,{config:{features:r}}=h(),s=Fe("notification",r);return Te.createElement(Te.Fragment,null,Te.createElement(zn,{container:W(),side:"top",content:On.t("Refresh")},Te.createElement(Un,{onClick:e})),!s&&Te.createElement(pg,{align:"end",alignOffset:-88,collisionPadding:{right:20,left:20},container:W(),content:Te.createElement(vi,null)},Te.createElement("div",null,Te.createElement(zn,{container:W(),side:"top",content:On.t("Notifications")},Te.createElement(qe,{size:"small",variant:"ghost"},Te.createElement(lg,{size:18,color:"black"}),Te.createElement(np,null))))),Te.createElement(zn,{container:W(),side:"top",content:On.t("Settings")},Te.createElement(qe,{size:"small",variant:"ghost",onClick:n},Te.createElement(cg,{size:18,color:"black"}))),Te.createElement(zn,{container:W(),side:"top",content:On.t("Transactions History")},Te.createElement(qe,{size:"small",variant:"ghost",onClick:o},Te.createElement(ug,{size:18,color:"black"}))))}i(bi,"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 Ai}from"@rango-dev/ui";var rp="700px",ip=Ai("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:rp},fixed:{height:rp}}}}),sp=Ai("div",{position:"relative",overflow:"hidden",flexGrow:1,display:"flex",flexDirection:"column",padding:0,overflowY:"auto"}),ap=Ai("div",{"& .footer__content":{padding:"$0 $20"},"& .footer__logo":{padding:"$0 $20 $10 $20"}});function ne(t){let{children:e,header:o,footer:n,hasLogo:r=!0,height:s="fixed"}=t,{connectHeightObserver:a,disconnectHeightObserver:l}=ui(),p=H.use.connectedWallets(),{config:{features:c,theme:u}}=h(),{activeTheme:g}=Pn(u||{}),m=Fe("connectWalletButton",c),{isActiveTab:f,tabManagerInitiated:k,showActivateTabModal:y,setShowActivateTabModal:d,activateCurrentTab:S}=pe(),w=xt(),{manager:x}=mg(),I=bt(x).map(({swap:F})=>F).some(F=>F.status==="running"),v=i(()=>S(cn,I),"onActivateTab"),b=i(()=>{o.onWallet?.()},"onConnectWallet"),T=typeof o.hasBackButton>"u"||o.hasBackButton,E=cp(null),L=cp(null);return pp(()=>(Bn()&&L.current&&a(L.current),()=>{l()}),[]),pp(()=>(E.current?.addEventListener("scroll",Ii),()=>{E.current?.removeEventListener("scroll",Ii)}),[]),me.createElement(ip,{height:s,id:be.SWAP_BOX_ID,className:g(),ref:L},me.createElement(fg,{prefix:me.createElement(me.Fragment,null,T&&me.createElement(Ci,{onClick:w})),title:o.title,suffix:me.createElement(me.Fragment,null,o.suffix,o.onWallet&&!m&&me.createElement(wi,{container:W(),onClick:b,isConnected:!!p?.length}),o.onCancel&&me.createElement(ki,{onClick:o.onCancel}))}),me.createElement(sp,{ref:E},e),me.createElement(Si,{open:y,onClose:()=>d(!1),onConfirm:v}),(r||n)&&me.createElement(ap,null,me.createElement("div",{className:"footer__content"},n,k&&!f&&me.createElement(me.Fragment,null,me.createElement(lp,{size:12}),me.createElement(hi,{onActivateTab:v}))),me.createElement(lp,{size:12}),r&&me.createElement("div",{className:"footer__logo"},me.createElement(dg,null))))}i(ne,"Layout");import{styled as gg}from"@rango-dev/ui";var up="$20 $20 $10 $20",So=gg("div",{padding:up,overflowY:"auto",flexGrow:1});import{styled as hg}from"@rango-dev/ui";var re=hg("div",{display:"flex",flexDirection:"column",padding:"20px 20px 10px",flexGrow:1,variants:{view:{true:{flexGrow:1,overflow:"hidden"}},compact:{true:{padding:0}}}});import{Divider as kg,Modal as wg}from"@rango-dev/ui";import Wi from"react";import{i18n as Zt}from"@lingui/core";import{Image as Cg,MessageBox as Ei,WalletState as Tg}from"@rango-dev/ui";import $t from"react";import{keyframes as yg,styled as qn}from"@rango-dev/ui";var SA=qn("div",{borderRadius:"$lg",width:"$45",height:"$45",backgroundColor:"$success300",display:"flex",justifyContent:"center",alignItems:"center"}),mp=qn("div",{position:"relative"}),Sg=yg({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),dp=qn("div",{position:"absolute",border:"2px solid rgba(0, 0, 0, 0.1)",borderTop:"2px solid $info500",borderRadius:"$lg",width:"$45",height:"$45",animation:`${Sg} 1s linear infinite`,top:0,bottom:0,right:0,left:0}),fp=qn("div",{"& img":{borderRadius:"50%"}});function gp(t){let{state:e,image:o,error:n}=t;return e===Tg.CONNECTED?$t.createElement(Ei,{type:"success",title:Zt.t("Wallet Connected"),description:Zt.t("Your wallet is connected, you can use it to swap.")}):n?$t.createElement(Ei,{type:"error",title:Zt.t("Failed to Connect"),description:n||Zt.t("Your wallet is not connected. Please try again.")}):$t.createElement(Ei,{type:"loading",title:Zt.t("Connecting to your wallet"),description:Zt.t("Click connect in your wallet popup."),icon:$t.createElement(mp,null,$t.createElement(fp,null,$t.createElement(Cg,{src:o,size:45})),$t.createElement(dp,null))})}i(gp,"ModalContent");function Co(t){let{open:e,onClose:o,...n}=t;return Wi.createElement(wg,{open:e,onClose:o,container:document.getElementById(be.SWAP_BOX_ID)||document.body},Wi.createElement(gp,{...n}),Wi.createElement(kg,{direction:"vertical",size:32}))}i(Co,"WalletModal");var Ig=Sp("div",{display:"flex",justifyContent:"space-evenly",alignItems:"center",gap:"$10",flexWrap:"wrap",paddingTop:"$5",height:"100%"}),Ag=Sp(re,{textAlign:"center"}),Gn=3e3,Li=300;function Cp(){let{config:t,fetchStatus:e}=h(),[o,n]=yp(!1),[r,s]=yp(""),a=null,l=pe.use.isActiveTab(),{list:p,handleClick:c,error:u,disconnectConnectingWallets:g}=Nn({config:t,onBeforeConnect:d=>{a=setTimeout(()=>{n(!0),s(d)},Li)},onConnect:()=>{a&&clearTimeout(a),setTimeout(()=>{n(!1)},Gn)}}),m=i(()=>{g(),n(!1)},"handleCloseWalletModal"),f=p.find(d=>d.type===r),k=f?.image||"",y=f?.state||bg.NOT_INSTALLED;return Rt.createElement(ne,{header:{title:hp.t("Connect Wallets")}},Rt.createElement(Ag,null,Rt.createElement(vg,{variant:"title",size:"xmedium",align:"center"},hp.t("Choose a wallet to connect.")),Rt.createElement(Ig,null,p.map((d,S)=>{let w=`wallet-${S}-${d.type}`;return Rt.createElement(xg,{key:w,...d,container:W(),onClick:x=>{c(x)},isLoading:e==="loading",disabled:!l})}),Rt.createElement(Co,{open:!!o,onClose:m,image:k,state:y,error:u}))))}i(Cp,"WalletsPage");import{keyframes as Eg,styled as Ni}from"@rango-dev/ui";var Tp=Ni("div",{position:"relative"}),Wg=Eg({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),kp=Ni("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}),wp=Ni("div",{"& img":{borderRadius:"50%"}});var Mg=7;function Mi(t){let{chain:e,isSelected:o,selectWallet:n,limit:r,onShowMore:s}=t,{config:a}=h(),l=pe.use.isActiveTab(),p=H.use.connectedWallets(),{blockchains:c}=h(),[u,g]=To(""),[m,f]=To(null),[k,y]=To(!1),[d,S]=To(null),{suggestAndConnect:w}=Ap(),x=null,{list:C,error:I,handleClick:v,disconnectConnectingWallets:b}=Nn({config:a,chain:e,onBeforeConnect:M=>{x=setTimeout(()=>{g(M)},Li)},onConnect:()=>{x&&clearTimeout(x),setTimeout(()=>{g("")},Gn)}}),[T,E]=To(C),L=C.length,F=r&&L-r>0,K=i(async M=>{y(!1),S("in-progress");try{await w(M.walletType,M.chain),S("completed")}catch{S("rejected")}},"addExperimentalChain");Ip(()=>{E(M=>{let q=C.findIndex(ee=>o(ee.type,e));return F&&q>1?[C[q]].concat(C.filter((ee,U)=>U!==q)):M.map(ee=>C.find(U=>U.type===ee.type)??ee)})},[JSON.stringify(C)]);let R=document.getElementById(be.SWAP_BOX_ID);Ip(()=>{let M=null;return(d==="completed"||d==="rejected")&&(M=setTimeout(()=>S(null),Gn)),()=>{M&&clearTimeout(M)}},[d]);let ue=i(()=>{b(),g("")},"handleCloseWalletModal");return ie.createElement(ie.Fragment,null,T.slice(0,r).map(M=>{let q=wa({connectedWallets:p,walletType:M.type,chain:e}),ee=q?nn(q,Mg):"",U=tn(c(),e),De=!p.find(Ce=>Ce.walletType===M.type&&Ce.chain===e),Q=U&&De&&M.state===bp.CONNECTED,Y=Q?Xe.t({id:"Add {chain} chain",values:{chain:e}}):ee,xe=i(()=>{M.state===bp.DISCONNECTED?v(M.type):Q?(f({walletType:M.type,chain:e,address:q??""}),y(!0)):n({walletType:M.type,chain:e,address:q??""})},"onClick"),Se=m?.chain?Ja(m.chain,c()):void 0;return ie.createElement(ie.Fragment,null,ie.createElement(Co,{open:u===M.type,onClose:ue,image:M.image,state:M.state,error:I}),!!m&&ie.createElement(vp,{open:!!m&&k,container:R,onClose:()=>{f(null)}},ie.createElement(Hn,{title:Xe.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:Se}}),type:"warning",description:Xe.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:Se}})},ie.createElement(Bi,{size:18}),ie.createElement(Bi,{size:32}),ie.createElement(Lg,{onClick:K.bind(null,m),variant:"outlined",type:"primary",fullWidth:!0,size:"large"},Xe.t("Confirm")))),d&&ie.createElement(vp,{open:!!d,onClose:S.bind(null,null),container:R},d==="in-progress"&&ie.createElement(Hn,{type:"loading",title:Xe.t({id:"Add {blockchainDisplayName} Chain",values:{blockchainDisplayName:Se}}),description:Xe.t({id:"You should connect a {blockchainDisplayName} supported wallet or choose a different {blockchainDisplayName} address",values:{blockchainDisplayName:Se}}),icon:ie.createElement(Tp,null,ie.createElement(wp,null,ie.createElement(Ng,{src:M.image,size:45})),ie.createElement(kp,null))}),d==="completed"&&ie.createElement(Hn,{type:"success",title:Xe.t({id:"{blockchainDisplayName} Chain Added",values:{blockchainDisplayName:Se}}),description:Xe.t({id:"{blockchainDisplayName} is added to your wallet, you can use it to swap.",values:{blockchainDisplayName:Se}})}),d==="rejected"&&ie.createElement(Hn,{type:"error",title:Xe.t("Request Rejected"),description:Xe.t({id:"You've rejected adding {blockchainDisplayName} chain to your wallet.",values:{blockchainDisplayName:Se}})}),ie.createElement(Bi,{direction:"vertical",size:32})),ie.createElement(Bg,{key:M.type,description:Y,onClick:xe,selected:o(M.type,e),disabled:!l,...M}))}),F&&ie.createElement(Il,{selected:!1,onClick:s},ie.createElement(xp,{variant:"label",size:"medium"},Xe.t("Show more wallets"),ie.createElement(xp,{variant:"label",size:"medium",color:"$primary"},"\xA0+",L-(r??0)))))}i(Mi,"WalletList");var zg=2;function Lp(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}=X(),{connectedWallets:k,selectWallets:y}=H(),[d,S]=_t(""),[w,x]=_t([]),[C,I]=_t(""),[v,b]=_t(null),[T,E]=_t(m),[L,F]=_t(!!m),K=fn(p),R=l.find(_=>_.name===p?.result?.swaps[p?.result?.swaps.length-1].to.blockchain),ue=i(_=>!!p?.result?.swaps.find(V=>V.from.blockchain===_),"isWalletRequiredFor"),[M,q]=_t(k.filter(_=>_.selected&&K.includes(_.chain))),ee=l.find(_=>_.name===R?.name),U=i((_,V)=>!!M.find(G=>G.walletType===_&&G.chain===V&&G.selected&&(ue(V)||!ue(V)&&!T)),"isSelected"),De=!!T&&L&&ee&&!gn(ee,T),Q=i(()=>{F(!1),E(""),q(_=>{let V=!1;return _.map(G=>!V&&G.chain===R?.name?(V=!0,{...G,selected:!0}):G)})},"resetCustomDestination"),Y=i(_=>{if(d&&S(""),U(_.walletType,_.chain))return;let G=k.find(le=>le.walletType===_.walletType&&le.chain===_.chain);G&&(n(),_.chain===R?.name&&L&&(F(!1),E("")),q(le=>le.filter(ut=>ut.chain!==_.chain).concat({...G,selected:!0})))},"onChange"),xe=i(()=>{let _=M.filter(V=>V.selected);y(_),c(_),f(T),g(!0),o()},"onConfirmBalance"),Se=i(async()=>{x([]),I(""),b(null);let _=k.filter(le=>M.find(ut=>ut.chain===le.chain&&ut.walletType===le.walletType)),V=await r?.({selectedWallets:_,customDestination:T}),G=V.warnings;G?.balance?.messages&&x(G.balance.messages),G?.quoteUpdate&&b(G.quoteUpdate),V.error&&I(Za(V.error)),!V.error&&(!G?.balance?.messages.length||0>0)?xe():x(G?.balance?.messages??[])},"onConfirmWallets");Ug(()=>{q(_=>_.concat(k.filter(V=>!!!_.find(le=>le.chain===V.chain)&&V.selected&&K.includes(V.chain))))},[k.length]);let Ce=document.getElementById(be.SWAP_BOX_ID),ct=Og();return N.createElement(Wp,{open:e,onClose:()=>{u||ct("../",{replace:!0}),o()},dismissible:!d,container:Ce,...!d&&{footer:N.createElement(Ml,null,N.createElement(Ep,{loading:s,disabled:dl(s,L,T,p,M,R),onClick:Se,variant:"contained",type:"primary",fullWidth:!0,size:"large"},ot.t("Confirm")))},...d&&{containerStyle:{padding:"$0"},header:N.createElement(Al,null,N.createElement(El,{variant:"ghost",onClick:S.bind(null,"")},N.createElement(_g,{size:16})),N.createElement(Qn,{variant:"headline",size:"small"},ot.t({id:"Your {blockchainName} wallets",values:{blockchainName:Ue(d,l)}})))},anchor:"center"},N.createElement(Wp,{open:w.length>0,onClose:x.bind(null,[]),container:Ce},N.createElement(Dg,{title:ot.t("Insufficient account balance"),type:"error",description:N.createElement(Pg,{messages:w??[]})},N.createElement(Ep,{variant:"outlined",size:"large",type:"primary",fullWidth:!0,onClick:xe},ot.t("Proceed anyway")))),d&&N.createElement(Wl,null,N.createElement("div",{className:Ll()},N.createElement(Mi,{chain:d,isSelected:U,selectWallet:Y,onShowMore:S.bind(null,d)}))),!d&&N.createElement(N.Fragment,null,C&&N.createElement(N.Fragment,null,N.createElement(Pi,{variant:"alarm",type:"error",title:ot.t(C)}),N.createElement(eo,{size:12})),v&&N.createElement(N.Fragment,null,N.createElement(Pi,{variant:"alarm",type:"warning",title:xn(v)}),N.createElement(eo,{size:12})),N.createElement($l,null,K.map((_,V)=>{let G=l.find(Qe=>Qe.name===_),le=`wallet-${V}`,ut=V===K.length-1;return N.createElement("div",{key:le},N.createElement(xl,null,N.createElement(Qn,{variant:"title",size:"xmedium"},ot.t({id:"Your {blockchainName} wallets",values:{blockchainName:G?.shortName}})),N.createElement(Qn,{variant:"label",color:"$neutral700",size:"medium"},ot.t({id:"You need to connect a {blockchainName} wallet.",values:{blockchainName:G?.shortName}}))),N.createElement(eo,{size:24}),N.createElement(bl,null,N.createElement(Mi,{chain:_,isSelected:U,selectWallet:Y,limit:zg,onShowMore:()=>S(G?.name??"")})),!ut&&N.createElement(eo,{size:32}),ut&&a?.customDestination&&N.createElement(Nl,null,N.createElement(Wn,{onOpenChange:Qe=>{Qe?ue(R?.name??"")||q(_r=>_r.map(Me=>Me.chain===R?.name?{...Me,selected:!1}:Me)):Q()},hasSelected:!0,open:L,triggerAnchor:"top",trigger:N.createElement(_l,{fullWidth:!0,variant:"default",suffix:N.createElement(An,{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(eo,{size:4,direction:"horizontal"}),N.createElement(Qn,{variant:"label",size:"medium"},ot.t("Send to a different address")))),onClickTrigger:()=>F(Qe=>!Qe)},N.createElement(eo,{size:4}),N.createElement(Pl,{autoFocus:!0,placeholder:ot.t("Your destination address"),value:T,onChange:Qe=>{E(Qe.target.value)}})),De&&N.createElement("div",{className:Bl()},N.createElement(Pi,{variant:"alarm",type:"error",title:ot.t({values:{destination:T},id:"Address {destination} doesn't match the blockchain address pattern."})}))))}))))}i(Lp,"ConfirmWalletsModal");import{i18n as ah}from"@lingui/core";import{Alert as lh,Button as ph,InfoIcon as ch}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 Dp}from"@rango-dev/ui";import Ke from"react";import{i18n as Np}from"@lingui/core";function Bp(t,e,o,n){return t?.type===1?{alert:{type:"warning",text:j().genericServerError,action:{onClick:n,title:Np.t("Retry")}},description:""}:e.length?{alert:{type:"warning",text:j().liquiditySourcesError.title,action:{onClick:()=>o(!0),title:Np.t("Reset")}},description:j().liquiditySourcesError.description}:t?.type===0&&t.diagnosisMessage?{alert:{type:"error",text:t.diagnosisMessage,action:null},description:""}:{alert:null,description:j().noResultError.description}}i(Bp,"makeInfo");import{styled as $i}from"@rango-dev/ui";var Mp=$i("div",{minHeight:"162px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}),Pp=$i("div",{width:"100%"}),$p=$i("div",{padding:"$6 $0"});function _i(t){let{fetch:e,error:o}=t,n=h().disabledLiquiditySources,r=h().toggleAllLiquiditySources,s=h().swappers(),a=Bp(o,n,()=>r(s,!0),e);return Ke.createElement(Mp,null,Ke.createElement(Hg,{size:24,color:"gray"}),Ke.createElement(_p,{size:4}),Ke.createElement(Dp,{variant:"title",size:"small"},j().noResultError.title),!!a.description&&Ke.createElement(Dp,{variant:"body",size:"small",align:"center",color:"neutral700"},a.description),Ke.createElement(_p,{size:4}),!!a.alert&&Ke.createElement(Pp,null,Ke.createElement(qg,{type:a.alert.type,title:a.alert.text,action:a.alert.action&&Ke.createElement(Gg,{size:"xsmall",type:a.alert.type,prefix:Ke.createElement($p,null,Ke.createElement(Qg,{size:8})),onClick:a.alert.action.onClick},a.alert.action.title),variant:"alarm"})))}i(_i,"NoResult");import{i18n as ko}from"@lingui/core";import{Button as jg,Divider as Gp,MessageBox as Xg,Modal as Kg,Typography as Yg,WarningIcon as Jg}from"@rango-dev/ui";import nt from"react";import{Typography as zp}from"@rango-dev/ui";import Fi from"react";import{darkTheme as Vg,styled as Vn}from"@rango-dev/ui";var Fp=Vn("div",{width:"100%"}),Di=Vn("div",{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:10,width:"100%"}),Up=Vn("div",{display:"flex",padding:"$5 0",justifyContent:"space-between",alignItems:"center",width:"100%","._title":{$$color:"$colors$neutral600",[`.${Vg} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),Op=Vn("div",{padding:"$2",alignSelf:"flex-start",cursor:"pointer"});function qp(t){let{title:e,value:o,valueColor:n}=t;return Fi.createElement(Up,null,Fi.createElement(zp,{size:"medium",variant:"label",className:"_title"},e),Fi.createElement(zp,{size:"large",variant:"label",color:n||"foreground"},`${n?"%":"$"}${o}`))}i(qp,"QuoteErrorsModalItem");function Hp(t){let{open:e,onClose:o,onConfirm:n,warning:r,confirmationDisabled:s}=t,a=r.warningLevel==="high"?"error":"warning",l=[{title:ko.t("Swapping"),value:A(r.inputUsdValue,4,4)},{title:ko.t("Gas cost"),value:A(r.totalFee,2,2)},{title:ko.t("Receiving"),value:A(r.outputUsdValue,4,4)},{title:ko.t("Price impact"),value:A(r.priceImpact,2,2),valueColor:`${a}500`}];return nt.createElement(Kg,{open:e,onClose:o,container:W()},nt.createElement(Xg,{type:a,title:j().highValueLossError.impactTitle,description:j().highValueLossError.description}),nt.createElement(Di,null,nt.createElement(Gp,{size:20}),nt.createElement(Yg,{size:"small",variant:"title"},ko.t("Details")),nt.createElement(Di,null,l.map((p,c)=>nt.createElement(qp,{key:c,...p})))),nt.createElement(Gp,{size:32}),nt.createElement(jg,{type:"primary",size:"large",prefix:nt.createElement(Jg,null),fullWidth:!0,disabled:s,onClick:n},j().highValueLossError.confirmMessage))}i(Hp,"HighValueLossWarningModal");import{i18n as Ui}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=j().highValueLossError.title),t.type===1&&(o.title=j().unknownPriceError.title),t.type===2&&(o.title=Ui.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=Ui.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=Ui.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 Vp,Divider as jp,MessageBox as Zg,Modal as Rg,Typography as eh}from"@rango-dev/ui";import Dt from"react";import{useNavigate as th}from"react-router-dom";function Xp(t){let{customSlippage:e,slippage:o}=h(),{open:n,onClose:r,onConfirm:s,warning:a,confirmationDisabled:l}=t,p=th(),c=e??o;return Dt.createElement(Rg,{anchor:"bottom",open:n,prefix:Dt.createElement(Vp,{size:"small",variant:"ghost",onClick:()=>p("../"+P.settings)},Dt.createElement(eh,{variant:"label",size:"medium",color:"$neutral900"},no.t("Change settings"))),container:W(),onClose:r},Dt.createElement(Zg,{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(jp,{size:18}),Dt.createElement(jp,{size:32}),Dt.createElement(Vp,{size:"large",type:"primary",variant:"contained",fullWidth:!0,disabled:l,onClick:s},no.t("Confirm anyway"))))}i(Xp,"SlippageWarningModal");import{Button as oh,Divider as nh,MessageBox as rh,Modal as ih,WarningIcon as sh}from"@rango-dev/ui";import wo from"react";function Kp(t){let{open:e,onClose:o,onConfirm:n,confirmationDisabled:r}=t;return wo.createElement(ih,{open:e,onClose:o,container:W()},wo.createElement(rh,{type:"warning",title:j().unknownPriceError.impactTitle,description:j().unknownPriceError.description}),wo.createElement(nh,{size:32}),wo.createElement(oh,{type:"primary",size:"large",prefix:wo.createElement(sh,null),fullWidth:!0,disabled:r,onClick:n},j().unknownPriceError.confirmMessage))}i(Kp,"UnknownPriceWarningModal");function vo(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=Qp(e,o?.type===3||o?.type===4?o:null);return $e.createElement($e.Fragment,null,g&&$e.createElement(_i,{error:o,fetch:s}),!!m&&$e.createElement(Fp,null,$e.createElement(lh,{title:m.title,type:m.alertType,variant:"alarm",...m.action==="show-info"&&{action:$e.createElement(Op,{onClick:a},$e.createElement(ch,{size:12,color:"gray"}))},...m.action==="change-settings"&&{action:$e.createElement(ph,{size:"xxsmall",type:m.alertType,onClick:c},ah.t("Change"))}})),e&&$e.createElement($e.Fragment,null,e.type===0&&$e.createElement(Hp,{...u,warning:e}),(e.type===3||e.type===2)&&$e.createElement(Xp,{...u,warning:e}),e.type===1&&$e.createElement(Kp,{...u,warning:e})))}i(vo,"QuoteWarningsAndErrors");import rr from"react";import{i18n as Ki}from"@lingui/core";import{Alert as Nh,Divider as Yi,InfoIcon as Bh,StepDetails as Mh,TokenAmount as Ph,Tooltip as kc,Typography as Ao}from"@rango-dev/ui";import wc from"bignumber.js";import D,{useRef as $h,useState as _h}from"react";import{styled as Oi}from"@rango-dev/ui";var zi=Oi("div",{width:"100%","& .position-top__skeleton":{paddingTop:"$10"}}),Yp=Oi("div",{paddingBottom:"$15"}),Jp=Oi("div",{width:"100%",display:"flex"});import*as jn from"@radix-ui/react-collapsible";import{css as Xn,darkTheme as rt,Image as Zp,styled as Ge,Typography as uh}from"@rango-dev/ui";var mh=300,Rp=Ge(jn.Root,{display:"flex",flexDirection:"column",alignItems:"start",overflowX:"auto",overflowY:"hidden",width:"100%",borderRadius:"$xm",cursor:"default",variants:{recommended:{true:{$$color:"$colors$info300",[`.${rt} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${rt} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}}}),ec=Xn({padding:"$10 $15"}),tc=Ge("div",{borderRadius:"$xm",display:"flex",flexDirection:"column",alignItems:"start",justifyContent:"space-between",color:"$foreground",cursor:"pointer",boxSizing:"border-box",position:"relative",variants:{recommended:{true:{$$color:"$colors$info100",[`.${rt} &`]:{$$color:"$colors$secondary600"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}},false:{$$color:"$colors$neutral200",[`.${rt} &`]:{$$color:"$colors$neutral500"},backgroundColor:"$$color","&:hover":{backgroundColor:"$$color"}}},basic:{true:{borderTopRightRadius:"0",borderTopLeftRadius:"0"}},listItem:{true:{},false:{}}},compoundVariants:[{listItem:!0,recommended:!0,css:{"&:hover":{$$color:"$colors$secondary200",[`.${rt} &`]:{$$color:"$colors$secondary700"},backgroundColor:"$$color"}}},{listItem:!0,recommended:!1,css:{"&:hover":{$$color:"$colors$neutral300",[`.${rt} &`]:{$$color:"$colors$neutral400"},backgroundColor:"$$color"}}}]}),oc=Xn({width:"100%",padding:"$15 $15 $10 $15",cursor:"default"}),ro=Xn({display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",".blockchainImage":{marginLeft:"-$8"}}),nc=Xn({paddingTop:"$10",display:"flex",alignItems:"center",".usd-value":{$$color:"$colors$neutral600",[`.${rt} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),rc=Ge(jn.Trigger,{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center",height:"$36",padding:"$10 $15",boxSizing:"border-box",cursor:"pointer",border:"none",outline:"none",backgroundColor:"transparent",variants:{error:{true:{[`& ${Zp}`]:{border:"1px $warning500 solid",borderRadius:"100%"}},false:{[`& ${Zp}`]:{border:"1px transparent solid",borderRadius:"100%"}}},recommended:{true:{$$color:"$colors$info300",[`.${rt} &`]:{$$color:"$colors$secondary800"},backgroundColor:"$$color"},false:{$$color:"$colors$neutral400",[`.${rt} &`]:{$$color:"$colors$neutral200"},backgroundColor:"$$color"}}},".blockchains_section":{display:"none"},"@xs":{".blockchains_section":{display:"block"}}}),ic=Ge("div",{width:"18px",height:"18px",borderRadius:"100%",display:"flex",justifyContent:"center",alignItems:"center",border:"1.5px transparent solid",img:{borderRadius:"100%"},variants:{state:{error:{borderColor:"$error500"},warning:{borderColor:"$warning500"}}}}),sc=Ge(In,{width:"100%",background:"inherit"}),qi=Ge("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$2",transition:`all ${mh}ms ease`,variants:{orientation:{down:{transform:"rotate(0)"},up:{transform:"rotate(180deg)"}}}}),Y0=Ge("div",{height:"$12",marginLeft:"$10",marginRight:"$10",borderLeft:"1px solid $foreground"}),ac=Ge("div",{display:"flex",justifyContent:"center",margin:"0 $15",borderTop:"1px solid",$$color:"$colors$neutral300",[`.${rt} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color"}),lc=Ge("div",{width:"$16",height:"$16",justifyContent:"center",alignItems:"center",display:"flex"}),Gi=Ge(uh,{overflow:"hidden",textOverflow:"ellipsis",letterSpacing:.4}),pc=Ge("div",{display:"flex",flexWrap:"wrap"}),Hi=Ge("div",{width:"18px",height:"18px",borderRadius:"100%",backgroundColor:"$background",cursor:"default",display:"flex",justifyContent:"center",alignItems:"center",border:"1.5px transparent solid",variants:{state:{error:{borderColor:"$error500"},warning:{borderColor:"$warning500"}}}});import{i18n as Et}from"@lingui/core";import{ChevronDownIcon as fh,CloseIcon as gh,Divider as Jn,IconButton as hh,Modal as yh,QuoteCost as Sh,Tooltip as Ch,Typography as Ye}from"@rango-dev/ui";import Th from"bignumber.js";import O,{useState as dc}from"react";import{i18n as xo}from"@lingui/core";var Qi={"Network Fee":xo.t("Network Fee"),"Swapper Fee":xo.t("Protocol Fee"),"Affiliate Fee":xo.t("Affiliate Fee"),"Outbound network fee":xo.t("Outbound Fee"),"Rango Fee":xo.t("Rango Fee")};import{css as dh,styled as Kn}from"@rango-dev/ui";var Yn=Kn("div",{display:"flex",justifyContent:"space-between",alignItems:"center",padding:"$5 0","&.total_payable_fee":{padding:"$12 0"}}),Vi=Kn("div",{width:"100%",borderTop:"1px solid $neutral300",margin:"$10 0"}),cc=Kn("div",{padding:"$20 0",display:"flex",flexDirection:"column","& .collapsible_trigger":{display:"flex",alignItems:"center"}}),uc=Kn("div",{padding:"$20 $20 $10",textAlign:"center",position:"relative","._icon-button":{position:"absolute",zIndex:10,top:"$16",right:"$16"}}),mc=dh({display:"flex",flexDirection:"row",alignItems:"center",padding:"$5","&:hover":{"& ._typography, & svg":{color:"$secondary"}}});var kh=30,wh=i(t=>t.fee.isZero()?null:O.createElement(Yn,null,O.createElement(Ye,{variant:"label",size:"medium",color:"neutral600"},t.label),O.createElement(Ye,{variant:"label",size:"medium"},"$",A(t.fee,4,4))),"NonPayableFee");function fc(t){let[e,o]=dc(!1),[n,r]=dc(!1),{steps:s,quote:a}=t,l=h().tokens(),p=Ko(Yo(a.result?.swaps)),c=a.result?.swaps??[],u=W(),g=Sn(c,l),m=ol(c);return O.createElement(O.Fragment,null,O.createElement(Sh,{onClickFee:()=>o(!e),fee:A(g,2,2),feeWarning:g.gte(new Th(kh)),time:p,steps:s,tooltipGas:Et.t("View more info"),tooltipContainer:u}),O.createElement(yh,{container:u,open:e,header:O.createElement(uc,null,O.createElement(Ye,{variant:"title",size:"medium"},Et.t("Gas & Fee Explanation")),O.createElement(hh,{onClick:()=>o(!1),variant:"ghost"},O.createElement(gh,{color:"gray",size:14}))),onClose:()=>o(!1)},O.createElement(cc,null,O.createElement(Ye,{variant:"title",size:"small"},Et.t("Details")),O.createElement(Jn,{size:10}),Object.entries(m.payable).flatMap(([f,k])=>k.map((y,d)=>{let S=`payable-fee-${d}`,w=Rr(y);return O.createElement(Yn,{key:S},O.createElement(Ye,{variant:"label",size:"medium",color:"neutral600"},Qi[f]),O.createElement(Ch,{content:se(y.amount),container:u},O.createElement(Ye,{variant:"label",size:"medium"},A(y.amount,2,2)," ",y.asset.symbol," ($",A(w,4,4),")")))})),O.createElement(Yn,{className:"total_payable_fee"},O.createElement(Ye,{variant:"label",size:"medium"},Et.t("Total Payable Fee")),O.createElement(Ye,{variant:"label",size:"medium"},"$",A(g,4,4))),O.createElement(Vi,null),Object.keys(m.nonePayable).length&&O.createElement(Wn,{triggerAnchor:"bottom",onClickTrigger:()=>r(f=>!f),trigger:O.createElement("div",{className:mc()},O.createElement(Ye,{size:"small",variant:"body",color:"neutral700"},n?Et.t("Hide non-payable fees"):Et.t("Show non-payable fees")),O.createElement(Jn,{size:4,direction:"horizontal"}),O.createElement(An,{orientation:n?"up":"down"},O.createElement(fh,{size:12,color:"gray"}))),open:n},O.createElement(Ye,{size:"small",variant:"title"},Et.t("Description")),O.createElement(Jn,{size:4}),O.createElement(Ye,{size:"small",variant:"body",color:"neutral700"},Et.t(`The following fees are considered in the transaction output and
2
+ you won\u2019t need to pay extra gas for them.`)),O.createElement(Jn,{size:10}),Object.entries(m.nonePayable).map(([f,k],y)=>{let d=tl(k),S=Qi[f],w=`non-payable-fee-${y}`;return O.createElement(wh,{key:w,fee:d,label:S})}),O.createElement(Vi,null)))))}i(fc,"QuoteCostDetails");import{i18n as yc}from"@lingui/core";import{TokenAmount as Sc}from"@rango-dev/ui";import Zn from"react";import{css as vh,styled as xh}from"@rango-dev/ui";var gc=xh("div",{position:"relative",display:"flex",flexDirection:"column",width:"100%"}),hc=vh({height:"14px",marginLeft:"14px",position:"absolute",borderLeft:"1px solid $foreground",top:"42%"});function bo(t){let{from:e,to:o,percentageChange:n,warningLevel:r}=t;return Zn.createElement(gc,null,Zn.createElement(Sc,{direction:"horizontal",label:yc.t("Swap input"),type:"input",tooltipContainer:W(),price:{value:e.price.value,usdValue:e.price.usdValue,realValue:e.price.realValue,realUsdValue:e.price.realUsdValue},token:{displayName:e.token.displayName,image:e.token.image},chain:{image:e.chain.image}}),Zn.createElement("div",{className:hc()}),Zn.createElement(Sc,{direction:"horizontal",tooltipContainer:W(),label:yc.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(bo,"QuoteSummary");import{i18n as Cc}from"@lingui/core";import{ChevronDownIcon as bh,ChevronRightIcon as Ih,Divider as ji,Image as Ah,Tooltip as Xi,Typography as Rn}from"@rango-dev/ui";import B,{useEffect as Eh,useState as Wh}from"react";var er=4,tr=6,Lh=375,Io=i(t=>{let e=W(),{content:o,src:n,className:r,open:s,state:a}=t;return B.createElement(Xi,{container:e,side:"bottom",sideOffset:4,open:s,content:o},B.createElement(ic,{className:r,state:a},B.createElement(Ah,{src:n,size:16})))},"ImageComponent");function Tc(t){let{quoteRef:e,recommended:o,setExpanded:n,steps:r,expanded:s}=t,a=W(),l=r.length,p=Cl(r),[c,u]=Wh(!1),g=i(()=>{window.innerWidth<Lh?u(!0):u(!1)},"handleResize");return Eh(()=>{window.addEventListener("resize",g)}),B.createElement(rc,{ref:m=>e.current=m,recommended:o,onClick:()=>n(m=>!m)},B.createElement("div",{className:ro()},B.createElement(Rn,{variant:"body",size:"xsmall"},Cc.t("Via:")),B.createElement(ji,{direction:"horizontal",size:4}),r.map((m,f)=>{let k=`item-${f}`,y=B.createElement(qi,null,B.createElement(Ih,{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<=er||l>er&&f<er-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===er-1&&B.createElement(Xi,{container:a,side:"bottom",align:"right",sideOffset:4,content:B.createElement("div",{className:ro()},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(Hi,{state:r.find((d,S)=>S>=f&&(d.state==="error"||d.state==="warning"))?.state},B.createElement(Rn,{size:"xsmall",variant:"body"},"+",l-f))))})),B.createElement("div",{className:ro()},B.createElement("div",{className:"blockchains_section"},B.createElement("div",{className:ro()},B.createElement(Rn,{variant:"body",size:"xsmall"},Cc.t("Chains:")),B.createElement(ji,{direction:"horizontal",size:4}),p.map((m,f)=>B.createElement(B.Fragment,null,p.length<=tr||p.length>tr&&f<tr-1?B.createElement(Io,{key:m.displayName,content:"",src:m.image,open:!1,className:f!==0?"blockchainImage":""}):f===tr-1&&B.createElement(Xi,{container:a,side:"bottom",align:"right",sideOffset:4,content:B.createElement("div",{className:ro()},p.map((k,y)=>y>=f&&B.createElement(Io,{key:k.displayName,content:"",src:k.image,open:!1,className:y>f?"blockchainImage":""})))},B.createElement(Hi,{className:"blockchainImage"},B.createElement(Rn,{size:"xsmall",variant:"body"},"+",p.length-f))))),B.createElement(ji,{direction:"horizontal",size:32}))),B.createElement(qi,{orientation:s?"up":"down"},B.createElement(bh,{size:12,color:"black"}))))}i(Tc,"QuoteTrigger");function Ji(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]=_h(t.expanded),m=$h(null),f=A(o.value,6,6),k=A(n.value,6,6),y=n.usdValue?A(n.usdValue,4,4):"",d=Oe(o.usdValue,n.usdValue??null),S=A(d,2,2),w=mt(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),K=s?.type===2&&s.recommendedSlippages?.has(E);return F?L="error":K&&(L="warning"),{swapper:{displayName:go(T.swapperId,c),image:T.swapperLogo},from:{token:{displayName:T.from.symbol,image:T.from.logo},chain:{displayName:Ue(T.from.blockchain,p),image:T.from.blockchainLogo},price:{value:E===0?A(o.value,6,6):A(T.fromAmount,6,6),usdValue:A((T.from.usdPrice??0)*parseFloat(T.fromAmount),4,4),realValue:se(E===0?o.value:T.fromAmount),realUsdValue:se(new wc(T.from.usdPrice??0).multipliedBy(T.fromAmount))}},to:{token:{displayName:T.to.symbol,image:T.to.logo},chain:{displayName:Ue(T.to.blockchain,p),image:T.to.blockchainLogo},price:{value:A(T.toAmount,6,6),usdValue:A((T.to.usdPrice??0)*parseFloat(T.toAmount),4,4),realValue:se(T.toAmount),realUsdValue:se(new wc(T.to.usdPrice??0).multipliedBy(T.toAmount))}},state:L,alerts:F||K?D.createElement(Yp,null,D.createElement(Nh,{type:F?"error":"warning",title:r?.type===3?r?.recommendation:Ki.t(`Slippage ${F?"Error":"Warning"}:`),footer:D.createElement(Jp,null,r?.type===3&&D.createElement(D.Fragment,null,D.createElement(Ao,{size:"xsmall",variant:"body",color:"neutral900"},r.fromAmountRangeError),D.createElement(Yi,{direction:"horizontal",size:8}),D.createElement(Ao,{size:"xsmall",variant:"body",color:"neutral900"},"|"),D.createElement(Yi,{direction:"horizontal",size:8}),D.createElement(Ao,{size:"xsmall",variant:"body",color:"neutral900"},Ki.t({id:"Yours: {amount} {symbol}",values:{amount:A(T.fromAmount,6,6),symbol:T?.from.symbol}}))),(r?.type===4||s?.type===2)&&D.createElement(Ao,{size:"xsmall",variant:"body",color:"neutral900"},Ki.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??[]),I=C.length,v=W();return D.createElement(D.Fragment,null,D.createElement(tc,{recommended:l,listItem:a==="list-item",basic:a==="basic"},D.createElement("div",{className:oc()},D.createElement(fc,{steps:I,quote:e}),a==="basic"&&D.createElement("div",{className:nc()},D.createElement(lc,null,D.createElement(Bh,{size:12,color:"gray"})),D.createElement(pc,null,D.createElement(Gi,{size:"small",variant:"body"},`${f} ${C[0].from.token.displayName} = `),D.createElement(kc,{content:se(n.value),container:v,open:n.value?void 0:!1},D.createElement(Gi,{size:"small",variant:"body"},"\xA0",`${k} ${C[C.length-1].to.token.displayName}`))),D.createElement(kc,{content:se(n.usdValue),container:v,style:{display:"flex"}},D.createElement(Ao,{color:"$neutral600",ml:2,size:"xsmall",variant:"body"},`($${y})`))),a==="list-item"&&D.createElement(Ph,{type:"output",direction:"vertical",tooltipContainer:v,price:{value:k,usdValue:y,realValue:se(n.value),realUsdValue:se(n.usdValue)},token:{displayName:C[I-1].to.token.displayName,image:C[I-1].to.token.image},chain:{image:C[I-1].to.chain.image},percentageChange:S,warningLevel:w}),a==="swap-preview"&&D.createElement(D.Fragment,null,D.createElement(bo,{from:C[0].from,to:C[I-1].to,percentageChange:S,warningLevel:w}),D.createElement(Yi,{size:4}))),D.createElement(Rp,{recommended:l,open:u,onOpenChange:g},D.createElement(Tc,{quoteRef:m,recommended:l,setExpanded:g,expanded:u,steps:C}),D.createElement(sc,{open:u},D.createElement(ac,null),D.createElement("div",{className:ec()},C.map((b,T)=>{let E=`item-${T}`;return D.createElement(Mh,{type:"quote-details",key:E,step:b,hasSeparator:T!==C.length-1,state:b.state,tooltipContainer:v})}))))))}i(Ji,"Quote");import{Divider as Uh,Skeleton as Oh}from"@rango-dev/ui";import dt from"react";import{darkTheme as Dh,styled as or}from"@rango-dev/ui";var vc=or("div",{$$color:"$colors$neutral100",[`.${Dh} &`]:{$$color:"$colors$neutral300"},backgroundColor:"$$color",borderBottomLeftRadius:"$xm",borderBottomRightRadius:"$xm",padding:"$15 ",variants:{rounded:{true:{borderRadius:"$xm"}}}}),xc=or("div",{paddingTop:"$2"}),bc=or("div",{paddingLeft:"$8"}),Ic=or("div",{borderLeft:"1px dashed black",minHeight:" 0",margin:"0px 11.5px",alignSelf:"stretch",variants:{hideSeparator:{true:{minHeight:"unset",height:"0"}}}});import{ChainToken as Dc,Divider as Ft,Skeleton as st}from"@rango-dev/ui";import z from"react";import{styled as it}from"@rango-dev/ui";var Ac=it("div",{display:"flex",justifyContent:"space-between",alignItems:"center",height:"22px"}),Ec=it("div",{display:"flex"}),Wc=it("div",{padding:"$15 $0 14px $0"}),Lc=it("div",{padding:"$6 $0 $15 $0",display:"flex",flexDirection:"column"}),Nc=it("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$5"}),Bc=it("div",{display:"flex",justifyContent:"space-between",alignItems:"end"}),Mc=it("div",{height:"$28",marginLeft:"13px",borderLeft:"1px solid $neutral700"}),Pc=it("div",{width:"65%",display:"flex",justifyContent:"start"}),$c=it("div",{display:"flex",flexDirection:"column",alignItems:"start",flexGrow:1,maxWidth:"148px"}),_c=it("div",{padding:"$15 $0 $15 $0"});function Eo(t){let{type:e,tag:o=!1}=t,n=z.createElement(Bc,null,z.createElement(Pc,null,z.createElement(Dc,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),z.createElement(Ft,{size:8,direction:"horizontal"}),z.createElement($c,null,z.createElement(st,{height:10,width:60,variant:"rounded"}),z.createElement(Ft,{size:4}),z.createElement(st,{height:15,variant:"rounded"}))),z.createElement(st,{height:12,width:64,variant:"rounded"}));return z.createElement("div",null,z.createElement(Ac,null,z.createElement(Ec,null,z.createElement(st,{width:60,height:10,variant:"rounded"}),z.createElement(Ft,{size:4,direction:"horizontal"}),z.createElement(st,{width:60,height:10,variant:"rounded"}),z.createElement(Ft,{size:4,direction:"horizontal"}),z.createElement(st,{width:60,height:10,variant:"rounded"})),o&&z.createElement(st,{height:22,width:100,variant:"rounded"})),e==="basic"&&z.createElement(Wc,null,z.createElement(st,{height:15,width:148,variant:"rounded"})),e==="list-item"&&z.createElement(Lc,null,z.createElement(Nc,null,z.createElement(Dc,{loading:!0,size:"medium",chainImage:"",tokenImage:""}),z.createElement(Ft,{direction:"horizontal",size:4}),z.createElement(st,{height:15,width:150,variant:"rounded"})),z.createElement(Ft,{size:4}),z.createElement(st,{height:10,width:184,variant:"rounded"})),e==="swap-preview"&&z.createElement(z.Fragment,null,z.createElement(Ft,{size:4}),z.createElement(_c,null,n,z.createElement(Mc,null),n)))}i(Eo,"QuoteSummarySkeleton");import{ChainToken as qc,Divider as Ri,NextIcon as Fh,Skeleton as nr}from"@rango-dev/ui";import fe from"react";import{styled as Wo}from"@rango-dev/ui";var Fc=Wo("div",{display:"flex",alignItems:"start"}),Uc=Wo("div",{flexGrow:1,paddingTop:"$5",paddingBottom:"$10",display:"flex",alignItems:"center"}),Zi=Wo("div",{display:"flex",alignItems:"center",flexGrow:1}),Oc=Wo("div",{margin:"$0 $2",padding:"$4",display:"flex",justifyContent:"center",alignItems:"center"}),zc=Wo("div",{display:"flex",alignItems:"center"});function at(t){let{separator:e=!0}=t;return fe.createElement(fe.Fragment,null,fe.createElement(zc,null,fe.createElement(nr,{height:22,width:22,variant:"circular"}),fe.createElement(Ri,{direction:"horizontal",size:8}),fe.createElement(nr,{height:15,width:148,variant:"rounded"})),fe.createElement(Fc,null,fe.createElement(Ic,{hideSeparator:!e}),fe.createElement(Uc,null,fe.createElement(Zi,null,fe.createElement(qc,{size:"small",loading:!0,chainImage:"",tokenImage:""}),fe.createElement(Ri,{direction:"horizontal",size:8}),fe.createElement(nr,{height:12,variant:"rounded"})),fe.createElement(Oc,null,fe.createElement(Fh,{color:"gray",size:16})),fe.createElement(Zi,null,fe.createElement(qc,{size:"small",loading:!0,chainImage:"",tokenImage:""}),fe.createElement(Ri,{direction:"horizontal",size:8}),fe.createElement(nr,{height:12,variant:"rounded"})))))}i(at,"StepSkeleton");function es(t){let{type:e,expanded:o,tag:n=!1}=t;return dt.createElement(vc,{rounded:e!=="basic"},dt.createElement(Eo,{type:e,tag:n}),dt.createElement(xc,null,dt.createElement(Oh,{height:15,variant:"rounded"})),o&&dt.createElement(bc,null,dt.createElement(Uh,{size:20}),dt.createElement(at,null),dt.createElement(at,null),dt.createElement(at,{separator:!1})))}i(es,"QuoteSkeleton");function Lo(t){let{quote:e,type:o,loading:n,error:r,warning:s,expanded:a=!1}=t,{inputAmount:l,inputUsdValue:p,outputUsdValue:c,outputAmount:u}=X(),m=!(r&&(r.type===0||r.type===1))&&e&&e.result&&!n;return n?rr.createElement(zi,null,rr.createElement(es,{type:o,expanded:a})):m?rr.createElement(zi,null,rr.createElement(Ji,{quote:e,error:r,warning:s,type:o,expanded:a,recommended:!0,input:{value:l,usdValue:p?.toString()??""},output:{value:u?.toString()??"",usdValue:c?.toString()??""}})):null}i(Lo,"QuoteInfo");import{calculatePendingSwap as Gh}from"@rango-dev/queue-manager-rango-preset";import{useEffect as Hh}from"react";import{useRef as zh,useState as qh}from"react";function ir(){let[t,e]=qh(!1),o=zh(null),n=i(()=>o.current?.abort(),"cancel");return{fetch:i(async s=>{n(),o.current=new AbortController,e(!0);try{let a=await Ht().getBestRoute(s,{signal:o.current.signal});return o.current=null,a}catch(a){throw a}finally{e(!1)}},"fetch"),loading:t,cancelFetch:n}}i(ir,"useFetchQuote");function sr(t){if(!t.result)throw new Error(j().noResultError.title,{cause:{type:0,diagnosisMessage:t.diagnosisMessages?.[0]}});if(Yr(t)){let{swap:n,recommendation:r,fromAmountRangeError:s}=Jr(t);throw new Error("bridge limit error",{cause:{type:3,swap:n,recommendation:r,fromAmountRangeError:s}})}let o=ei(t);if(o){let n=Cn(t);throw new Error("",{cause:{type:4,recommendedSlippages:o,minRequiredSlippage:n}})}return t}i(sr,"throwErrorIfResponseIsNotValid");function Gc(t,e,o){let n=!1;t&&(n=yl(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&&(al(t,e)?r.quoteUpdate={type:3,newOutputAmount:A(jt(e)),percentageChange:A(Oe(jt(t)??"",jt(e)??""),null,2)}:ti(t,e)?r.quoteUpdate={type:0}:oi(t,e)?r.quoteUpdate={type:1}:ni(t,e)&&(r.quoteUpdate={type:2}));let a=ll(e,o.selectedWallets,o.meta.blockchains);return a.length===0||(r.balance={messages:a}),r}i(Gc,"generateWarnings");function ar(t){return t?.code==="ERR_CANCELED"?{swap:null,error:{type:2},warnings:null}:t.cause?{swap:null,error:t.cause,warnings:null}:{swap:null,error:{type:1},warnings:null}}i(ar,"handleQuoteErrors");function ts(){let{fromToken:t,toToken:e,inputAmount:o,setQuote:n,quote:r,customDestination:s,setQuoteWarningsConfirmed:a}=X(),{slippage:l,customSlippage:p,affiliatePercent:c,affiliateRef:u,affiliateWallets:g,disabledLiquiditySources:m}=h(),{connectedWallets:f}=H(),k=h().blockchains(),y=h().tokens(),{features:d}=h().config,{enableNewLiquiditySources:S}=h().config,w=p||l,{fetch:x,cancelFetch:C,loading:I}=ir();return Hh(()=>C,[]),{loading:I,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=Tn({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});pn("experimentalRoute",d)&&(L.experimental=!0);let F;try{F=await x(L).then(M=>sr(M)),n(F)}catch(M){return ar(M)}let K={slippage:w.toString(),disabledSwappersGroups:m},R=Gh(o.toString(),F,il(T),K,!1,{blockchains:k,tokens:y}),ue=Gc(r??void 0,F,{fromToken:t,toToken:e,meta:{blockchains:k,tokens:y},selectedWallets:T,userSlippage:w});return ue.quoteUpdate&&a(!1),{quote:F,swap:R,error:null,warnings:ue}},"fetch"),cancelFetch:C}}i(ts,"useConfirmSwap");var ny=Xh("div",{width:"100%",display:"flex",justifyContent:"space-between",[`& ${Qc}`]:{width:"$48",height:"$48"}}),ry=ns({flexGrow:1,paddingRight:"$10"}),iy=ns({width:"$24",height:"$24",display:"flex",justifyContent:"center",alignItems:"center"}),sy=ns({display:"flex",justifyContent:"space-between",alignItems:"center"});function Vc(){let{quote:t,setInputAmount:e,selectedWallets:o,quoteWalletsConfirmed:n,setQuoteWalletConfirmed:r,customDestination:s,quoteWarningsConfirmed:a}=X(),l=oy(),p=ty(),[c,u]=pr(""),{connectedWallets:g}=H(),m=!n,[f,k]=pr(!1),{isActiveTab:y}=pe(),d=h().disabledLiquiditySources,S=Rh(d),{manager:w}=Qh(),{fetch:x,loading:C,cancelFetch:I}=ts(),[v,b]=pr({swap:null,error:null,warnings:null}),[T,E]=pr(!1),L=i(async({selectedWallets:U,customDestination:De})=>{let Q=await x?.({selectedWallets:U,customDestination:De});return b(Q),Q},"onConfirmSwap"),F=i(async()=>{if(v.swap&&n)try{await w?.create("swap",{swapDetails:v.swap},{id:v.swap.requestId});let U=`../${P.swaps}/${v.swap.requestId}`;l(U,{replace:!0}),setTimeout(()=>{e("")},0)}catch(U){u("Error: "+U?.message)}},"addNewSwap"),K=i(async()=>{await F()},"onConfirm"),R=i(async()=>{v?.warnings?.quote&&!a?E(!0):await K()},"onStartConfirmSwap"),ue=i(async()=>{b({error:null,swap:null,warnings:null}),x({selectedWallets:o,customDestination:s}).then(U=>{b(U)}).catch(U=>console.error(U))},"onRefresh");No(()=>{!!S.current.length&&!d.length&&ue(),S.current=d},[d.length]),No(()=>{m&&I()},[m]),No(()=>{m&&k(m)},[m]),No(()=>{m||x({selectedWallets:o,customDestination:s}).then(U=>b(U)).catch(U=>console.error(U))},[]),No(()=>{let U=v.warnings?.quote?.type&&Object.values(kt).includes(v.warnings?.quote?.type),De=o.length<1||!o.every(Y=>g.find(xe=>Y.address===xe.address&&Y.walletType===xe.walletType&&Y.chain===xe.chain)),Q=!1;if(U){let Y=fn(t),xe=t?.result?.swaps[t.result.swaps.length-1].to.blockchain;!!t?.result?.swaps.find(ct=>ct.from.blockchain===xe)||(Y=Y.slice(-Y.length,Y.length-1)),Y.every(ct=>o.find(_=>_.chain===ct))||(Q=!0)}t&&(De||Q)&&(queueMicrotask(()=>ey(k.bind(null,!0))),r(!1))},[v.warnings?.quote,o.length,g.length]),Zh(()=>{t||l(`../${p.search}`)},[]);let M=v.warnings?.quote??null,q=v.error,ee=[];return c&&ee.push(ae.createElement(Hc,{type:"error",variant:"alarm",title:c})),v.warnings?.quoteUpdate&&ee.push(ae.createElement(Hc,{variant:"alarm",type:"warning",title:v.warnings.quoteUpdate&&xn(v.warnings.quoteUpdate)})),(M||q)&&ee.push(ae.createElement(vo,{warning:M,error:q,loading:C,refetchQuote:ue,showWarningModal:T,confirmationDisabled:!y,onOpenWarningModal:()=>E(!0),onCloseWarningModal:()=>E(!1),onConfirmWarningModal:async()=>{E(!1),await F()},onChangeSettings:()=>l(P.settings)})),ae.createElement(ne,{header:{title:lr.t("Confirm Swap"),onWallet:()=>{let U=`../${P.wallets}`;l(U)},suffix:ae.createElement(Kh,{container:W(),side:"bottom",content:lr.t("Settings")},ae.createElement(qe,{size:"small",variant:"ghost",onClick:()=>l("../"+P.settings)},ae.createElement(jh,{size:18,color:"black"})))},footer:ae.createElement(ny,null,ae.createElement("div",{className:ry()},ae.createElement(Vh,{variant:"contained",type:"primary",size:"large",fullWidth:!0,loading:C,disabled:!!v.error||!y,onClick:R},lr.t("Start Swap"))),ae.createElement(Qc,{variant:"contained",type:"primary",size:"large",loading:C,onClick:k.bind(null,!0)},ae.createElement(Jh,{size:24})))},f&&ae.createElement(Lp,{open:f,onClose:()=>k(!1),onCancel:I,loading:C,onCheckBalance:L}),ae.createElement(re,null,ae.createElement("div",{className:sy()},ae.createElement(Yh,{variant:"title",size:"small"},lr.t("You get")),ae.createElement("div",{className:iy()},ae.createElement(Un,{onClick:!C&&!f&&!T?ue:void 0}))),ae.createElement(os,{size:"12"}),Ol(ee,ae.createElement(os,{size:10})),ee.length>0?ae.createElement(os,{size:10}):null,ae.createElement(Lo,{quote:t,type:"swap-preview",expanded:!0,error:v.error,loading:C,warning:v.warnings?.quote??null})))}i(Vc,"ConfirmSwapPage");import{i18n as ur}from"@lingui/core";import{useManager as wy}from"@rango-dev/queue-manager-react";import{Divider as nu,NotFound as vy,styled as xy}from"@rango-dev/ui";import gt,{useState as by}from"react";import{useNavigate as Iy}from"react-router-dom";import{i18n as py}from"@lingui/core";import{Divider as Jc,GroupedVirtualizedList as cy,Skeleton as uy,SwapListItem as Zc,Typography as my}from"@rango-dev/ui";import We,{useCallback as Rc,useEffect as dy,useRef as fy,useState as gy}from"react";function jc(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(jc,"calculateGroupsSoFar");import{css as ay,darkTheme as ly,styled as Bo}from"@rango-dev/ui";var rs=ay(),Xc=Bo("div",{display:"flex",justifyContent:"center",alignItems:"center",padding:"$5"}),is=Bo("div",{width:"100%",display:"flex",flexDirection:"column",backgroundColor:"$background",padding:"$10 $5 0 $5",[`& .${rs}`]:{$$color:"$colors$neutral600",[`.${ly} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),ss=Bo("div",{display:"flex",justifyContent:"flex-start",padding:"$2"}),Kc=Bo("div",{gap:"$10",display:"flex",flexDirection:"column"}),Yc=Bo("div",{height:"100%",display:"flex",justifyContent:"center",alignItems:"center"});var hy=10;function as(t){let{list:e,onSwapClick:o,groupBy:n,isLoading:r}=t,[s,a]=gy([]),l=fy(0),{swaps:p,groupCounts:c,groups:u}=n(e),g=Rc(jc,[]),m=Rc(()=>{let f=e.length-l.current;f&&(l.current+=Math.min(f,hy),a(g(c,l.current)))},[e.length]);if(dy(()=>{r||m()},[r,m]),r){let f=[1,2];return We.createElement(We.Fragment,null,[f,f].map((y,d)=>We.createElement(is,{key:d},We.createElement(ss,null,We.createElement(uy,{variant:"text",width:60,size:"small"}),We.createElement(Jc,{size:16})),We.createElement(Jc,{size:4}),We.createElement(Kc,null,y.map((w,x)=>We.createElement(Zc,{isLoading:!0,key:x}))))))}return We.createElement(cy,{endReached:()=>{l.current<e.length&&m()},groupCounts:s,groupContent:f=>We.createElement(is,null,We.createElement(ss,null,We.createElement(my,{variant:"label",size:"medium",className:rs()},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 We.createElement(Xc,{key:y.requestId},We.createElement(Zc,{requestId:y.requestId,creationTime:y.creationTime,status:y.status,onClick:o,tooltipContainer:W(),onlyShowTime:u[k]===py.t("Today"),swapTokenData:{from:{token:{image:d.fromLogo,displayName:d.fromSymbol},blockchain:{image:d.fromBlockchainLogo||""},amount:A(y.inputAmount,6,6),realAmount:se(y.inputAmount)},to:{token:{image:S.toLogo,displayName:S.toSymbol},blockchain:{image:S.toBlockchainLogo||""},amount:A(S.outputAmount||S.expectedOutputAmountHumanReadable||"",6,6),realAmount:se(S.outputAmount||S.expectedOutputAmountHumanReadable)}}}))}})}i(as,"HistoryGroupedList");import{CloseIcon as Sy,IconButton as Cy,SearchIcon as Ty,TextField as ky}from"@rango-dev/ui";import Mo from"react";import{styled as yy}from"@rango-dev/ui";var eu=yy("div",{width:"$24",height:"$24",display:"flex",alignItems:"center",justifyContent:"center"});function ft(t){let{variant:e,fullWidth:o,color:n,size:r,onChange:s,value:a,setValue:l,...p}=t;return Mo.createElement(ky,{prefix:Mo.createElement(eu,null,Mo.createElement(Ty,{color:"black"})),suffix:!!a.length&&Mo.createElement(Cy,{variant:"ghost",onClick:()=>l?.(""),size:"small"},Mo.createElement(Sy,{color:"gray",size:10})),fullWidth:o,color:n,variant:e,style:{padding:10,borderRadius:25,alignItems:"center"},size:r,value:a,onChange:s,...p})}i(ft,"SearchInput");import{i18n as cr}from"@lingui/core";import tu from"dayjs";var ou=i(t=>{let e=new Map([["today",{title:cr.t("Today"),swaps:[]}],["week",{title:cr.t("This week"),swaps:[]}],["month",{title:cr.t("This month"),swaps:[]}],["year",{title:cr.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=tu();t.forEach(p=>{let c=Number(p.creationTime),u=tu(c);if(n.isSame(u,"day"))e.get("today")?.swaps.push(p);else if(n.isSame(u,"week"))e.get("week")?.swaps.push(p);else if(n.isSame(u,"month"))e.get("month")?.swaps.push(p);else if(n.isSame(u,"year"))e.get("year")?.swaps.push(p);else{let g=new Date(c).getFullYear().toString();o(g,p)}});let r=Array.from(e.values()).filter(p=>p.swaps.length>0),s=r.flatMap(p=>p.swaps),a=r.map(p=>p.swaps.length),l=r.map(p=>p.title);return{swaps:s,groupCounts:a,groups:l}},"groupSwapsByDate");var Ay=xy("div",{overflowY:"visible",width:"100%",display:"flex",flexDirection:"column",gap:15,height:"100%"}),Ey=i((t,e)=>t?.length?t.filter(o=>et(o.fromBlockchain,e)||et(o.toBlockchain,e)||et(o.toSymbol,e)||et(o.fromSymbol,e)).length:!1,"isStepContainsText");function ru(){let t=Iy(),{manager:e,state:o}=wy(),n=bt(e).map(({swap:u})=>u),[r,s]=by(""),a=!o.loadedFromPersistor,l=i(u=>{let g=u.target.value;s(g)},"searchHandler"),p=n;r&&(p=n.filter(u=>et(u.inputAmount,r)||et(u.status,r)||Ey(u.steps,r)||et(u.requestId,r)));let c=!p?.length&&!a;return gt.createElement(ne,{header:{title:ur.t("History")}},gt.createElement(re,null,gt.createElement(ft,{setValue:s,fullWidth:!0,variant:"contained",placeholder:ur.t("Search Transaction"),autoFocus:!0,onChange:l,value:r}),gt.createElement(nu,{size:"16"}),gt.createElement(Ay,null,c&&gt.createElement(Yc,null,gt.createElement(nu,{size:32}),gt.createElement(vy,{title:ur.t("No results found"),description:r?ur.t("Try using different keywords"):""})),!c&&gt.createElement(as,{list:p,onSwapClick:t,groupBy:ou,isLoading:a}))))}i(ru,"HistoryPage");import{i18n as cs}from"@lingui/core";import{Button as $y,Divider as lu,styled as cu,SwapInput as pu,WarningIcon as _y}from"@rango-dev/ui";import ve,{useEffect as Dy,useState as Fy}from"react";import{useNavigate as Uy}from"react-router-dom";import{ReverseIcon as Wy,styled as iu}from"@rango-dev/ui";import ls from"react";var Ly=iu("div",{position:"absolute",bottom:"-12px",left:"50%",transform:"translate(-50%, 10%)",cursor:"pointer"}),Ny=iu("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 su(){let t=X.use.switchFromAndTo();return ls.createElement(Ly,null,ls.createElement(Ny,{onClick:()=>{t()}},ls.createElement(Wy,{size:12})))}i(su,"SwitchFromAndToButton");import{useCallback as By,useEffect as My,useState as ps}from"react";var Py=600;function au(){let{fetch:t,cancelFetch:e}=ir(),{liquiditySources:o,enableNewLiquiditySources:n,features:r}=h().config,s=h().tokens(),{fromToken:a,toToken:l,inputAmount:p,inputUsdValue:c,quote:u,resetQuote:g,setQuote:m}=X(),{slippage:f,customSlippage:k,affiliatePercent:y,affiliateRef:d,affiliateWallets:S,disabledLiquiditySources:w,fetchStatus:x}=h(),[C,I]=ps(!0),[v,b]=ps(null),[T,E]=ps(null),L=k??f,K=!a||!l||Ae(a,l)||!uo(p),R=i(q=>{I(q),b(null),E(null)},"resetState"),ue=i(q=>{let{fromToken:ee,toToken:U,inputAmount:De,liquiditySources:Q,excludeLiquiditySources:Y,disabledLiquiditySources:xe,slippage:Se,affiliateRef:Ce,affiliatePercent:ct,affiliateWallets:_}=q;if(C||R(!0),!K&&ee&&U){g();let V=Tn({fromToken:ee,toToken:U,inputAmount:De,liquiditySources:Q,excludeLiquiditySources:Y,disabledLiquiditySources:xe,slippage:Se,affiliateRef:Ce,affiliatePercent:ct,affiliateWallets:_});pn("experimentalRoute",r)&&(V.experimental=!0),t(V).then(G=>{I(!1),m(G),sr(G);let le=kn(G,{fromToken:ee,toToken:U,userSlippage:L,tokens:s});E(le)}).catch(G=>{let{error:le}=ar(G);(le?.type===0||le?.type===1)&&g(),le?.type!==2&&(b(le),I(!1))})}},"fetch"),M=By(Ba(q=>{K||ue(q)},Py),[K]);return My(()=>{if(x==="success"){if(!uo(p)||c?.eq(0)){R(!1),e();return}if(K){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,K,o?.length,n,w.length,L,d,y,JSON.stringify(S)]),{fetch:()=>ue({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(au,"useSwapInput");var Oy=cu("div",{position:"relative"}),zy=cu("div",{display:"flex",flexDirection:"column",gap:5,alignSelf:"stretch"});function uu(){let t=Uy(),{fetch:e,loading:o,error:n,warning:r}=au(),{fromToken:s,fromBlockchain:a,toToken:l,toBlockchain:p,setInputAmount:c,inputAmount:u,inputUsdValue:g,outputAmount:m,outputUsdValue:f,quote:k,resetQuoteWallets:y,setQuoteWarningsConfirmed:d}=X(),{config:S,fetchStatus:w}=h(),{connectedWallets:x,getBalanceFor:C}=H(),{isActiveTab:I}=pe(),[v,b]=Fy(!1),T=!!a&&va(x,a.name),E=!1,L=!Zr(k,u,g),F=!Zr(k,u,f),K=el({fetchMetaStatus:w,fetchingQuote:o,inputAmount:u,quote:k,anyWalletConnected:x.length>0,error:n,warning:r,needsToWarnEthOnPath:E}),R=s?C(s):null,ue=on(R)?.amount??"0",M=a&&s?A(R?.amount,R?.decimals):"0",q=w==="success"&&!!u&&!!s&&!!l&&o;Dy(()=>{y()},[]);let ee=!g||!f||!f.gt(0)?null:Oe(g.toString(),f.toString());return ve.createElement(ne,{height:"auto",hasLogo:!0,footer:ve.createElement($y,{type:"primary",size:"large",disabled:K.disabled||!I,prefix:K.action==="confirm-warning"&&ve.createElement(_y,null),fullWidth:!0,onClick:()=>{K.action==="connect-wallet"?t(P.wallets):K.action==="confirm-warning"?b(!0):t(P.confirmSwap)}},K.title),header:{onWallet:()=>{t(P.wallets)},hasBackButton:!1,title:S.title||cs.t("Swap"),suffix:ve.createElement(bi,{onClickRefresh:(k||n)&&!v?e:void 0,onClickHistory:()=>t(P.swaps),onClickSettings:()=>t(P.settings)})}},ve.createElement(re,null,ve.createElement(zy,null,ve.createElement(Oy,null,ve.createElement(pu,{label:cs.t("From"),mode:"From",onInputChange:c,balance:ue,chain:{displayName:a?.displayName||"",image:a?.logo||""},token:{displayName:s?.symbol||"",image:s?.image||""},onClickToken:()=>t(P.fromSwap),price:{value:u,usdValue:L?void 0:A(g,4,4),realUsdValue:L?void 0:se(g),error:L?j().unknownPriceError.impactTitle:void 0},disabled:w==="failed",loading:w==="loading",loadingBalance:T,tooltipContainer:W(),onSelectMaxBalance:()=>{ue!=="0"&&c(M.split(",").join(""))}}),ve.createElement(su,null)),ve.createElement(pu,{sharpBottomStyle:!!k?.result||q,label:cs.t("To"),mode:"To",fetchingQuote:q,chain:{displayName:p?.displayName||"",image:p?.logo||""},token:{displayName:l?.symbol||"",image:l?.image||""},percentageChange:A(Oe(g,f),2,2),warningLevel:mt(ee??0),price:{value:A(m,6,6),usdValue:F?void 0:A(f,4,4),realValue:se(m),realUsdValue:F?void 0:se(f),error:F?j().unknownPriceError.impactTitle:void 0},onClickToken:()=>t(P.toSwap),disabled:w==="failed",loading:w==="loading",tooltipContainer:W()})),ve.createElement(lu,{size:"2"}),ve.createElement(Lo,{quote:k,loading:q,error:n,warning:r,type:"basic"}),r||n?ve.createElement(ve.Fragment,null,ve.createElement(lu,{size:"10"}),ve.createElement(vo,{warning:r,error:n,loading:q,refetchQuote:e,showWarningModal:v,confirmationDisabled:!I,onOpenWarningModal:()=>b(!0),onCloseWarningModal:()=>b(!1),onConfirmWarningModal:()=>{b(!1),d(!0),t(P.confirmSwap)},onChangeSettings:()=>t(P.settings)})):null))}i(uu,"Home");import{i18n as mu}from"@lingui/core";import{List as qy,ListItemButton as Gy,Radio as Hy,RadioRoot as Qy,Typography as Vy}from"@rango-dev/ui";import Wt from"react";function io(){let{setLanguage:t,language:e,config:o}=h(),n=$a,r=o?.language||fo;return{activeLanguage:e||r,languages:n,defaultLanguage:r,changeLanguage:s=>t(s||fo),resetLanguage:()=>t(null)}}i(io,"useLanguage");function du(){let{activeLanguage:t,changeLanguage:e,languages:o}=io(),n=o.map(r=>{let{local:s,label:a,SVGFlag:l}=r;return{id:s,value:s,title:Wt.createElement(Vy,{variant:"title",size:"xmedium"},a),onClick:()=>e(r.local),end:Wt.createElement(Hy,{value:s}),start:Wt.createElement(l,null)}});return Wt.createElement(ne,{header:{title:mu.t("Language")}},Wt.createElement(re,null,Wt.createElement(Qy,{value:t},Wt.createElement(qy,{type:Wt.createElement(Gy,{title:mu.t("language"),id:"_",onClick:()=>console.log()}),items:n}))))}i(du,"LanguagePage");import{i18n as ht}from"@lingui/core";import{Button as Jy,Checkbox as Zy,Image as Ry,ListItemButton as eS,NotFound as tS,Typography as oS}from"@rango-dev/ui";import Le,{useState as nS}from"react";import{Checkbox as Ky,Skeleton as gu}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 jy,styled as Xy}from"@rango-dev/ui";var fu=Xy(jy,{height:61});var Yy=30;function fs(){return $o.createElement(Po,null,Array.from(Array(Yy),t=>$o.createElement(fu,{hasDivider:!0,key:t,start:$o.createElement(gu,{variant:"circular",width:35,height:35}),title:$o.createElement(gu,{variant:"text",size:"large",width:90}),end:$o.createElement(Ky,{checked:!1})})))}i(fs,"LoadingLiquiditySourceList");function gs({sourceType:t}){let e=h().fetchStatus,o=h().swappers(),n=h().disabledLiquiditySources,[r,s]=nS(""),a=h().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(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:Le.createElement(Ry,{src:x,size:22,type:"circular"}),onClick:()=>a(w),end:Le.createElement(Zy,{checked:S}),title:Le.createElement(oS,{variant:"title",size:"xmedium"},ht.t(w)),...d}}),k=i(d=>{let S=d.target.value;s(S)},"searchHandler"),y=f;return r&&(y=f.filter(d=>et(d.groupTitle,r))),Le.createElement(ne,{header:{title:ht.t(t),suffix:Le.createElement(ms,null,Le.createElement(Jy,{variant:"ghost",size:"xsmall",onClick:m},g?ht.t("Deselect all"):ht.t("Select all")))}},Le.createElement(re,{view:!0},Le.createElement(ft,{value:r,setValue:s,fullWidth:!0,color:"light",variant:"contained",placeholder:ht.t("Search {sourceType}",{sourceType:p[t]}),onChange:k}),e==="loading"&&Le.createElement(fs,null),!y.length&&r?Le.createElement(ds,null,Le.createElement(tS,{title:ht.t("No results found"),description:ht.t("Try using different keywords")})):e==="success"&&Le.createElement(Po,null,y.map(d=>Le.createElement(Le.Fragment,{key:d.id},Le.createElement(eS,{style:{height:"61px"},...d,selected:!1,hasDivider:!0}))))))}i(gs,"LiquiditySourcePage");import{i18n as vu}from"@lingui/core";import{Divider as xu,getCountCategories as dS,SelectableCategoryList as fS}from"@rango-dev/ui";import yt,{useState as bu}from"react";import{i18n as ys}from"@lingui/core";import{Divider as ku,Image as lS,ListItemButton as pS,NotFound as cS,Typography as wu}from"@rango-dev/ui";import He,{useEffect as uS,useState as mS}from"react";import{BlockchainCategories as hs}from"@rango-dev/ui";import{TransactionType as mr}from"rango-sdk";var rS=i((t,e)=>{switch(e){case hs.ALL:return!0;case hs.UTXO:return t.type===mr.TRANSFER;case hs.OTHER:return t.type!==mr.TRANSFER&&t.type!==mr.COSMOS&&t.type!==mr.EVM;default:return t.type===e}},"filterByType"),hu=i((t,e,o)=>t.filter(n=>rS(n,o)).filter(n=>Bt(n.name,e)||Bt(n.displayName,e)),"filterBlockchains");import{ImageContainer as iS,styled as yu}from"@rango-dev/ui";var Su=yu("div",{display:"flex",flexDirection:"column",overflow:"hidden"}),dr=yu(So,{padding:0,margin:0,listStyle:"none",[`& ${iS}`]:{borderRadius:"$xm",overflow:"hidden"}});import{ListItem as sS,Skeleton as Cu}from"@rango-dev/ui";import fr from"react";var aS=20;function Tu(){return fr.createElement(dr,null,Array.from(Array(aS),t=>fr.createElement(sS,{key:t,hasDivider:!0,start:fr.createElement(Cu,{variant:"circular",width:35,height:35}),title:fr.createElement(Cu,{variant:"text",size:"large",width:90})})))}i(Tu,"LoadingBlockchainList");function Ss(t){let{list:e,searchedFor:o,onChange:n,blockchainCategory:r}=t,[s,a]=mS(e),{fetchStatus:l}=h();uS(()=>{a([...hu(e,o,r)])},[e,o,r]);let p=i(()=>!s.length&&o?He.createElement(He.Fragment,null,He.createElement(ku,{size:32}),He.createElement(cS,{title:ys.t("No results found"),description:ys.t("Try using different keywords")})):He.createElement(dr,{as:"ul",key:`${r}-${o}`},s.map(c=>He.createElement(pS,{key:`${c.name}-${c.chainId}`,hasDivider:!0,onClick:()=>n(c),start:He.createElement(lS,{src:c.logo,size:30}),title:He.createElement(wu,{variant:"title",size:"medium"},c.displayName),id:c.chainId}))),"renderList");return He.createElement(Su,null,He.createElement(wu,{variant:"label",size:"large"},ys.t("Select Blockchain")),He.createElement(ku,{size:4}),l==="loading"&&He.createElement(Tu,null),l==="success"&&p())}i(Ss,"BlockchainList");function Cs(t){let{type:e}=t,o=xt(),[n,r]=bu(""),[s,a]=bu("ALL"),l=X.use.setToBlockchain(),p=X.use.setFromBlockchain(),c=h().fetchStatus,u=h().blockchains({type:e}),m=dS(u)!==1;return yt.createElement(ne,{header:{title:vu.t("Select Blockchain")}},yt.createElement(re,{view:!0},m&&yt.createElement(yt.Fragment,null,yt.createElement(fS,{setCategory:a,category:s,blockchains:u,isLoading:c==="loading"}),yt.createElement(xu,{size:24})),yt.createElement(ft,{value:n,autoFocus:!0,placeholder:vu.t("Search Blockchain"),color:"light",variant:"contained",size:"large",setValue:()=>r(""),onChange:f=>r(f.target.value)}),yt.createElement(xu,{size:16}),yt.createElement(Ss,{list:u,searchedFor:n,blockchainCategory:s,onChange:f=>{e==="source"?p(f):l(f),o()}})))}i(Cs,"SelectBlockchainPage");import{i18n as Cr}from"@lingui/core";import{Divider as Qu}from"@rango-dev/ui";import Ut,{useState as NS}from"react";import{useNavigate as BS}from"react-router-dom";import{i18n as ws}from"@lingui/core";import{BlockchainsChip as gr,Divider as Wu,Image as Lu,Skeleton as CS,Tooltip as TS,Typography as vs}from"@rango-dev/ui";import ye from"react";import{useEffect as yS}from"react";var Iu=["ETH","COSMOS","OSMOSIS"];function Ts(t,e,o){let n=JSON.parse(JSON.stringify(t)),r=[];if(n.sort(gS),o?.limit&&t.length>o.limit){let s=o.limit,a=e;if(e.length<=o.limit){let l=o.limit-e.length;for(let p=0;p<=l;p++){let c=n[p];a=a.filter(u=>c.name!==u)}}n.sort(hS(a)),r=n.splice(s)}return{list:n,more:r}}i(Ts,"prepare");function gS(t,e){let o=Iu,n=o.findIndex(l=>l===t.name),r=o.findIndex(l=>l===e.name),s=n>-1,a=r>-1;return s&&a?n>r?1:-1:s?-1:a?1:0}i(gS,"sortByMostUsedBlockchains");function hS(t){return i(function(o,n){let r=t.findIndex(p=>p===o.name),s=t.findIndex(p=>p===n.name),a=r>-1,l=s>-1;return a&&l?r>s?1:-1:t.includes(o.name)?-1:t.includes(n.name)?1:0},"sortByPreferred")}i(hS,"generateSortByPreferredBlockchainsFor");function Au(t,e){return!!e.list.find(o=>o.name===t)}i(Au,"isInVisibleList");function ks(t,e){let{preferredBlockchains:o,addPreferredBlockchain:n}=h();yS(()=>{if(e?.selected){let s=Ts(t,o,e);Au(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 SS}from"@rango-dev/ui";var Eu=SS("div",{display:"grid",gap:"$10",gridTemplateColumns:"repeat(6, minmax(0, 1fr))"});var kS=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}=h(),p=X.use.resetToBlockchain(),c=X.use.resetFromBlockchain(),u=a.more.length>0,g=a.more.length===1,m=!g&&u;return ye.createElement(ye.Fragment,null,ye.createElement(Wu,{size:12}),ye.createElement(vs,{variant:"label",size:"large"},ws.t("Select Blockchain")),ye.createElement(Wu,{size:12}),ye.createElement(Eu,null,l==="loading"&&Array.from(Array(kS),f=>ye.createElement(CS,{key:f,variant:"rounded",height:50})),l==="success"&&ye.createElement(ye.Fragment,null,ye.createElement(gr,{selected:!n,onClick:()=>{o==="from"?c():p()}},ye.createElement(vs,{variant:"body",size:"xsmall",color:"secondary500"},ws.t("All"))),a.list.map(f=>ye.createElement(TS,{key:f.name,content:f.shortName,side:"bottom",sideOffset:2,container:W()},ye.createElement(gr,{key:f.name,selected:!!n&&n.name===f.name,onClick:()=>r(f)},ye.createElement(Lu,{src:f.logo,size:30})))),g?ye.createElement(gr,{key:a.more[0].name,selected:!!n&&n.name===a.more[0].name,onClick:()=>r(a.more[0])},ye.createElement(Lu,{src:a.more[0].logo,size:30})):null,m?ye.createElement(gr,{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 Ou,Divider as ao,ExternalLinkIcon as xS,Image as bS,ListItemButton as IS,NotFound as AS,PinIcon as ES,Skeleton as zu,Typography as Sr,VirtualizedList as WS}from"@rango-dev/ui";import $,{useEffect as qu,useState as Gu}from"react";import{Divider as Fu,ListItem as vS,Skeleton as _o}from"@rango-dev/ui";import Ze from"react";import{css as so,darkTheme as Nu,ImageContainer as wS,styled as Je,Typography as Bu}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"}),Is=so({position:"relative",height:12,width:"30%",maxWidth:"150px"}),As=so({position:"absolute",transform:"none",transition:"transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms",bottom:"-8px"}),Es=so({transform:"translateY(12px)",visibility:"hidden","& a":{display:"flex",justifyContent:"center",alignItems:"center",fontSize:"$12",lineHeight:"$16",$$color:"$colors$neutral600",[`.${Nu} &`]:{$$color:"$colors$neutral700"},color:"$$color",textDecoration:"none"}}),Ws=so({}),Ls=so(),Mu=Je("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),Ns=Je("div",{display:"flex",alignItems:"center","._typography":{textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:100,overflow:"hidden"}}),hr=Je("ul",{flexGrow:1,padding:0,margin:0,listStyle:"none","& li":{alignItems:"none","&:hover":{[`& .${Is}`]:{[`& .${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"},[`& .${As}`]:{position:"absolute",transform:"translateY(-12px)",bottom:"-10px"}}}}}),Bs=Je("div",{paddingLeft:"$5",paddingRight:"$5",borderRadius:"$md",display:"flex",alignItems:"center"}),Ms=Je(Bu,{}),Pu=Je("div",{textAlign:"right",width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",[`& .${Ls}`]:{$$color:"$colors$neutral600",[`.${Nu} &`]:{$$color:"$colors$neutral700"},color:"$$color"}}),yr=Je("div",{display:"flex",alignItems:"end",flexDirection:"column"}),n$=Je("div",{display:"flex",alignItems:"center"}),$u=Je("div",{position:"relative",[`& ${wS}`]:{borderRadius:"$xm",overflow:"hidden"}}),_u=Je("div",{position:"absolute",backgroundColor:"$neutral100",padding:"$4",borderRadius:"50%",bottom:-6,right:-6}),Du=Je(Bu,{width:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"});function Uu(t){return Ze.createElement(hr,null,Array.from(Array(t.size),e=>Ze.createElement(vS,{key:e,hasDivider:!0,start:Ze.createElement(_o,{variant:"circular",width:35,height:35}),end:Ze.createElement(yr,null,Ze.createElement(_o,{variant:"text",size:"large",width:70}),Ze.createElement(Fu,{size:4}),Ze.createElement(_o,{variant:"text",size:"medium",width:50})),title:Ze.createElement("div",null,Ze.createElement(_o,{variant:"text",size:"large",width:90}),Ze.createElement(Fu,{size:4}),Ze.createElement(_o,{variant:"text",size:"medium",width:90}))})))}i(Uu,"LoadingTokenList");var $s=20,LS=i(t=>{let{address:e,name:o,url:n,token:r,customCssForTag:s,customCssForTagTitle:a}=t,l=e.length;return $.createElement("div",{className:Is()},o?$.createElement("div",{className:bs()},o):$.createElement(Ns,{className:As()},$.createElement(Sr,{variant:"title",size:"xmedium"},r.symbol),$.createElement(ao,{direction:"horizontal",size:4}),$.createElement(Bs,{css:s},$.createElement(Ms,{variant:"body",size:"xsmall",css:a},r.blockchain))),!!e&&$.createElement("div",{className:`${Es()} ${!o&&Ws()}`},$.createElement("a",{href:n,target:"_blank",rel:"nofollow noreferrer",onClick:p=>p.stopPropagation()},l>10?`${e.slice(0,5)}...${e.slice(l-6,l)}`:e," ",$.createElement(ao,{size:4,direction:"horizontal"}),$.createElement(xS,{color:"gray",size:12}))))},"renderDesc");function Hu(t){let{list:e,searchedFor:o="",onChange:n,selectedBlockchain:r}=t,[s,a]=Gu(e),l=h().fetchStatus,p=h().blockchains(),[c,u]=Gu(!0),{getBalanceFor:g,loading:m}=H(),{isTokenPinned:f}=h(),k=i(()=>{a(e.slice(0,s.length+$s))},"loadNextPage");qu(()=>{u(e.length>s.length)},[s.length]),qu(()=>{a(e.slice(0,$s))},[e]);let y=i(()=>!s.length&&o?$.createElement($.Fragment,null,$.createElement(ao,{size:32}),$.createElement(AS,{title:Ps.t("No results found"),description:Ps.t("Try using different keywords")})):$.createElement(WS,{endReached:c?k:void 0,itemContent:d=>{let S=s[d],w=on(g(S)),x=S.address||"",C=p.find(T=>T.name===S.blockchain),I=Mn(S.symbol,C?.color||""),v={$$color:I[`${S.symbol}100`],[`.${Ou} &`]:{$$color:I[`${S.symbol}900`]},backgroundColor:"$$color"},b={$$color:I[`${S.symbol}700`],[`.${Ou} &`]:{$$color:I[`${S.symbol}100`]},color:"$$color"};return $.createElement("div",{style:{paddingRight:5}},$.createElement(IS,{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($u,null,$.createElement(bS,{src:S.image,size:30}),f(S,t.type)&&$.createElement(_u,null,$.createElement(ES,{size:12,color:"gray"}))),title:C?.type==="COSMOS"||S.name||!S.name&&!x?$.createElement(Ns,null,$.createElement(Sr,{variant:"title",size:"xmedium"},S.symbol),$.createElement(ao,{direction:"horizontal",size:4}),$.createElement(Bs,{css:v},$.createElement(Ms,{variant:"body",size:"xsmall",css:b},S.blockchain))):void 0,description:C?.info&&x&&C.type!=="COSMOS"?LS({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(yr,null,$.createElement(zu,{variant:"text",size:"large",width:70}),$.createElement(ao,{size:4}),$.createElement(zu,{variant:"text",size:"medium",width:50})):w&&$.createElement(Pu,null,$.createElement(Du,{variant:"title",size:"small"},w.amount),$.createElement("div",null),w.usdValue&&$.createElement(Sr,{variant:"body",className:Ls(),size:"xsmall"},`$${w.usdValue}`))}))},totalCount:s.length,key:`${r}-${o}`}),"renderList");return $.createElement(Mu,null,$.createElement(Sr,{variant:"label",size:"large"},Ps.t("Select Token")),$.createElement(ao,{size:4}),l==="loading"&&$.createElement(Uu,{size:$s}),l==="success"&&$.createElement(hr,{as:"ul"},y()))}i(Hu,"TokenList");function _s(t){let{type:e}=t,o=BS(),n=xt(),{fromBlockchain:r,toBlockchain:s,setFromToken:a,setToToken:l,setFromBlockchain:p,setToBlockchain:c}=X(),u=H.use.getBalanceFor(),[g,m]=NS(""),{isTokenPinned:f}=h(),y=(e==="source"?r:s)?.name??"",d=h().blockchains({type:e}),S=h().tokens({type:e,blockchain:y,searchFor:g}),x=Ta(S,u,i(b=>f(b,e),"checkIsTokenPinned")),C=i(b=>{e==="source"?p(b):c(b)},"updateBlockchain"),I=i(b=>{e==="source"?a({token:b,meta:{blockchains:d,tokens:S}}):l({token:b,meta:{blockchains:d,tokens:S}})},"updateToken"),v={source:Cr.t("Source"),destination:Cr.t("Destination")};return Ut.createElement(ne,{header:{title:Cr.t("Swap {type}",{type:v[e]})}},Ut.createElement(re,null,Ut.createElement(xs,{blockchains:d,type:e=="source"?"from":"to",blockchain:e==="source"?r:s,onMoreClick:()=>o(P.blockchains),onChange:b=>{C(b)}}),Ut.createElement(Qu,{size:24}),Ut.createElement(ft,{value:g,autoFocus:!0,placeholder:Cr.t("Search Token"),color:"light",variant:"contained",size:"large",setValue:()=>m(""),onChange:b=>m(b.target.value)}),Ut.createElement(Qu,{size:16}),Ut.createElement(Hu,{list:x,selectedBlockchain:y,searchedFor:g,type:e,onChange:b=>{I(b);let T=d.find(E=>b.blockchain===E.name);T&&C(T),n()}})))}i(_s,"SelectSwapItemsPage");import{i18n as Ot}from"@lingui/core";import{ChevronRightIcon as Us,Divider as Os,InfoIcon as OS,List as zS,ListItemButton as qS,Skeleton as GS,Switch as HS,Tooltip as QS,Typography as zt}from"@rango-dev/ui";import J from"react";import{useNavigate as VS}from"react-router-dom";import{i18n as Ju}from"@lingui/core";import{Divider as _S,InfoIcon as DS,TextField as FS,Tooltip as US,Typography as Zu}from"@rango-dev/ui";import _e from"react";import{Chip as MS,styled as Do,TextField as PS}from"@rango-dev/ui";var Vu=Do("div",{paddingTop:"$5",padding:"$10 $5"}),ju=Do("div",{display:"flex",flexWrap:"wrap",gap:"$10",[`& ${PS}`]:{flex:"1 1 0",maxWidth:"127px",minWidth:"85px"}}),Xu=Do("div",{display:"flex",justifyContent:"start",alignItems:"center",paddingBottom:"$10"}),Tr=Do("div",{maxWidth:"280px",padding:"$10"}),Ku=Do(MS,{width:"61px",flexShrink:0});import{i18n as Ds}from"@lingui/core";import{Typography as $S}from"@rango-dev/ui";import Fo from"react";function Yu(){return Fo.createElement(Tr,null,Fo.createElement($S,{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(Yu,"SlippageTooltipContent");function Fs(){let{slippage:t,setSlippage:e,customSlippage:o,setCustomSlippage:n}=h();return _e.createElement(Vu,null,_e.createElement(Xu,null,_e.createElement(Zu,{variant:"title",size:"xmedium"},Ju.t("Slippage tolerance per swap")),_e.createElement(_S,{direction:"horizontal",size:4}),_e.createElement(US,{container:W(),side:"top",sideOffset:4,content:_e.createElement(Yu,null)},_e.createElement(DS,{color:"gray"}))),_e.createElement(ju,null,_a.map((r,s)=>{let a=`slippage-${s}`;return _e.createElement(_e.Fragment,null,_e.createElement(Ku,{key:a,onClick:()=>{o&&n(null),e(r)},selected:!o&&r===t,label:`${r.toString()}%`}))}),_e.createElement(FS,{type:"number",min:"0.01",max:"30",step:"0.01",fullWidth:!0,variant:"contained",value:o||"",color:"dark",onChange:r=>{let s=r.target.value,a=parseFloat(s);a>=Oa&&a<=Ua?n(a):n(null)},suffix:o&&_e.createElement(Zu,{variant:"body",size:"small"},"%"),placeholder:Ju.t("Custom")})))}i(Fs,"Slippage");function Ru(){let t=VS(),{theme:e}=h().config,o=h().fetchStatus,n=h().swappers(),r=h().disabledLiquiditySources,{config:{features:s}}=h(),a=Fe("theme",s),l=Fe("liquiditySource",s),p=Fe("language",s),c=h().infiniteApprove,u=h().toggleInfiniteApprove,g=ln(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(GS,{variant:"text",size:"medium",width:50});case"failed":return J.createElement(zt,{variant:"body",size:"medium",color:"$error500"},Ot.t("Loading failed"));default:return J.createElement(zt,{variant:"body",size:"medium"},`${T} / ${E}`)}},"handleEndItem"),x={id:"bridge-item",title:J.createElement(zt,{variant:"title",size:"xmedium"},Ot.t("Enabled bridges")),end:J.createElement(J.Fragment,null,w(k,f),J.createElement(Os,{direction:"horizontal",size:8}),J.createElement(Us,{color:"black"})),onClick:()=>t(P.bridges)},C={id:"exchange-item",title:J.createElement(zt,{variant:"title",size:"xmedium"},Ot.t("Enabled exchanges")),end:J.createElement(J.Fragment,null,w(S,d),J.createElement(Os,{direction:"horizontal",size:8}),J.createElement(Us,{color:"gray"})),onClick:()=>t(P.exchanges)},I={id:"theme-item",title:J.createElement(zt,{variant:"title",size:"xmedium"},Ot.t("Theme")),end:J.createElement(Us,{color:"gray"}),onClick:()=>t(P.themes)},v={id:"infinite-approval-item",title:J.createElement(J.Fragment,null,J.createElement(zt,{variant:"title",size:"xmedium"},Ot.t("Infinite approval")),J.createElement(Os,{direction:"horizontal",size:4}),J.createElement(QS,{side:"top",sideOffset:4,container:W(),content:J.createElement(Tr,null,J.createElement(zt,{variant:"label",size:"medium",color:"neutral700"},Ot.t("Enabling the 'Infinite approval' mode grants unrestricted access to smart contracts of DEXes/Bridges, allowing them to utilize the approved token amount without limitations.")))},J.createElement(OS,{color:"gray"}))),end:J.createElement(HS,{checked:c}),onClick:u},b=l?[]:[x,C];return!e?.singleTheme&&!a&&b.push(I),b.push(v),J.createElement(ne,{header:{title:Ot.t("Settings")}},J.createElement(re,null,J.createElement(Fs,null),J.createElement(zS,{type:J.createElement(qS,{title:"_",id:"_",onClick:()=>console.log()}),items:b})))}i(Ru,"SettingsPage");import{i18n as _C}from"@lingui/core";import{cancelSwap as DC}from"@rango-dev/queue-manager-rango-preset";import{useManager as FC}from"@rango-dev/queue-manager-react";import{Alert as UC}from"@rango-dev/ui";import ta from"react";import{useParams as OC}from"react-router-dom";import{i18n as St}from"@lingui/core";import{getCurrentBlockchainOfOrNull as SC,getCurrentStep as CC,getRelatedWalletOrNull as TC}from"@rango-dev/queue-manager-rango-preset";import{Button as Em,CopyIcon as kC,Divider as wC,IconButton as vC,LinkIcon as xC,QuoteCost as bC,StepDetails as IC,Typography as po,useCopyToClipboard as AC}from"@rango-dev/ui";import{useWallets as EC}from"@rango-dev/wallets-react";import Wm from"bignumber.js";import{PendingSwapNetworkStatus as Lr}from"rango-types";import Z,{useEffect as Lm,useRef as WC,useState as Nm}from"react";import{useNavigate as LC}from"react-router-dom";import{i18n as Lt}from"@lingui/core";var jS=[Lt.t("Sunday"),Lt.t("Monday"),Lt.t("Tuesday"),Lt.t("Wednesday"),Lt.t("Thursday"),Lt.t("Friday"),Lt.t("Saturday")];function em(t){let e=new Date(t),o=e.getDate(),n=e.toLocaleString("default",{month:"long"}),r=e.getFullYear();return`${e.getDay()===new Date().getDay()?Lt.t("Today"):`${jS[e.getDay()]} ${o} ${n} ${r}`}, ${new Date(t).toLocaleTimeString()}`}i(em,"timeSince");function tm(t){return t.finishTime?em(parseInt(t.finishTime)):em(parseInt(t.creationTime))}i(tm,"getSwapDate");import{Modal as oC}from"@rango-dev/ui";import{PendingSwapNetworkStatus as vr}from"rango-types";import xr from"react";import{i18n as kr}from"@lingui/core";import{Button as om,Divider as zs,MessageBox as XS,Typography as nm}from"@rango-dev/ui";import lt from"react";var rm=i(({onCancel:t,onClose:e})=>lt.createElement(lt.Fragment,null,lt.createElement(zs,{size:20}),lt.createElement(XS,{type:"error",title:kr.t("Cancel Swap"),description:kr.t("Are you sure you want to cancel this swap?")}),lt.createElement(zs,{size:32}),lt.createElement(om,{variant:"contained",type:"primary",size:"large",onClick:t},lt.createElement(nm,{variant:"title",size:"medium",color:"neutral100"},kr.t("Yes, Cancel it"))),lt.createElement(zs,{size:12}),lt.createElement(om,{variant:"outlined",type:"primary",size:"large",onClick:e},lt.createElement(nm,{variant:"title",size:"medium",color:"primary"},kr.t("No, Continue")))),"CancelContent");import{i18n as wr}from"@lingui/core";import{Button as im,Divider as qs,MessageBox as KS,Typography as sm}from"@rango-dev/ui";import pt from"react";var am=i(({onDelete:t,onClose:e})=>pt.createElement(pt.Fragment,null,pt.createElement(qs,{size:20}),pt.createElement(KS,{type:"error",title:wr.t("Delete Transaction"),description:wr.t("Are you sure you want to delete this swap?")}),pt.createElement(qs,{size:32}),pt.createElement(im,{variant:"contained",type:"primary",size:"large",onClick:t},pt.createElement(sm,{variant:"title",size:"medium",color:"neutral100"},wr.t("Yes, Delete it"))),pt.createElement(qs,{size:12}),pt.createElement(im,{variant:"outlined",type:"primary",size:"large",onClick:e},pt.createElement(sm,{variant:"title",size:"medium",color:"primary"},wr.t("No, Cancel")))),"DeleteContent");import{i18n as Gs}from"@lingui/core";import{PendingSwapNetworkStatus as Hs}from"rango-types";var Qs={[Hs.WaitingForNetworkChange]:{type:"loading",title:Gs.t("Change Network")},[Hs.WaitingForConnectingWallet]:{type:"warning",title:Gs.t("Connect Wallet")},[Hs.NetworkChanged]:{type:"success",title:Gs.t("Network Changed")}};import{MessageBox as JS,Wallet as ZS,WalletState as RS}from"@rango-dev/ui";import{useWallets as eC}from"@rango-dev/wallets-react";import Uo,{useEffect as pm,useRef as tC}from"react";import{styled as YS}from"@rango-dev/ui";var lm=YS("div",{display:"flex",justifyContent:"center"});var cm=i(t=>{let{type:e,title:o,currentStepWallet:n,message:r,showWalletButton:s,walletButtonDisabled:a}=t,{connect:l,getWalletInfo:p,state:c,disconnect:u}=eC(),g=n?.walletType,m=g?Fr(c(g)):null,f=tC(!1),k=g?p(g):null,y=s&&!!g&&!!m&&!!k;return pm(()=>()=>{f.current=!0},[]),pm(()=>()=>{f.current&&g&&m===RS.CONNECTING&&u(g)},[m]),Uo.createElement(Uo.Fragment,null,Uo.createElement(JS,{type:e,title:o,description:r}),y&&Uo.createElement(lm,null,Uo.createElement(ZS,{container:W(),title:k.name,image:k.img,type:g,state:m,link:k.installLink,disabled:a,onClick:async()=>l(g)})))},"WalletStateContent");function Vs(t){let{state:e,onClose:o,onDelete:n,onCancel:r,currentStepWallet:s,message:a,walletButtonDisabled:l}=t,p=e===vr.WaitingForNetworkChange||e===vr.WaitingForConnectingWallet||e===vr.NetworkChanged;return xr.createElement(oC,{open:!!e,onClose:o,container:document.getElementById(be.SWAP_BOX_ID)||document.body},p&&xr.createElement(cm,{type:Qs[e].type,title:Qs[e].title,currentStepWallet:s,message:a,walletButtonDisabled:l,showWalletButton:e!==vr.WaitingForNetworkChange}),e==="delete"&&xr.createElement(am,{onClose:o,onDelete:n}),e==="cancel"&&xr.createElement(rm,{onClose:o,onCancel:r}))}i(Vs,"SwapDetailsModal");import{i18n as Oo}from"@lingui/core";import{Button as js,Divider as br,MessageBox as um,Modal as nC,TokenAmount as rC,Typography as Ir}from"@rango-dev/ui";import ke from"react";import{useNavigate as iC}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:g,diagnosisUrl:m}=t,f=iC();return ke.createElement(nC,{open:e,onClose:o,container:document.getElementById(be.SWAP_BOX_ID)||document.body},n==="success"?ke.createElement(um,{type:"success",title:Oo.t("Swap Successful")},ke.createElement(rC,{direction:"vertical",tooltipContainer:W(),type:"output",centerAlign:!0,price:{value:r,usdValue:s,realUsdValue:a,realValue:l},token:p,chain:c,percentageChange:u}),ke.createElement(br,{size:12}),ke.createElement(Ir,{variant:"body",size:"medium",color:"neutral700",align:"center"},g)):ke.createElement(um,{type:"error",title:Oo.t("Transaction Failed"),description:g}),ke.createElement(br,{size:32}),n==="success"&&ke.createElement(js,{variant:"contained",type:"primary",size:"large",onClick:()=>{f("../../")}},ke.createElement(Ir,{variant:"title",size:"medium",color:"neutral100"},Oo.t("Done"))),ke.createElement(br,{size:12}),m&&ke.createElement(ke.Fragment,null,ke.createElement(js,{variant:"contained",type:"primary",size:"large",onClick:()=>window.open(m,"_blank")},ke.createElement(Ir,{variant:"title",size:"medium",color:"primary"},Oo.t("Diagnosis"))),ke.createElement(br,{size:12})),ke.createElement(js,{variant:"outlined",type:"primary",size:"large",onClick:o},ke.createElement(Ir,{variant:"title",size:"medium",color:"primary"},Oo.t("See Details"))))}i(Xs,"SwapDetailsCompleteModal");import hC from"react";import{i18n as mC}from"@lingui/core";import{Alert as ym,IconButton as dC,LinkIcon as fC}from"@rango-dev/ui";import Nt,{Fragment as gC}from"react";import{Alert as sC,ChevronDownIcon as aC,ChevronUpIcon as lC,IconButton as pC}from"@rango-dev/ui";import Ar,{useState as cC}from"react";function mm(t){let{message:e}=t,[o,n]=cC(!1);return Ar.createElement(sC,{type:"error",title:e.shortMessage,action:e.detailedMessage.content&&Ar.createElement(pC,{onClick:()=>n(r=>!r),variant:"ghost",size:"xsmall"},o?Ar.createElement(lC,{size:12,color:"gray"}):Ar.createElement(aC,{size:12,color:"gray"})),footer:o?e.detailedMessage.content:void 0})}i(mm,"FailedAlert");import{styled as uC}from"@rango-dev/ui";var dm=uC("div",{display:"flex",flexDirection:"column",gap:"$10"});import{i18n as fm}from"@lingui/core";import{Alert as Ks,Button as gm}from"@rango-dev/ui";import{PendingSwapNetworkStatus as Ys}from"rango-types";import zo from"react";function hm(t){let{switchNetwork:e,setNetworkModal:o,message:n,showNetworkModal:r}=t;return e?zo.createElement(Ks,{type:"warning",title:n.shortMessage,action:zo.createElement(gm,{size:"xxsmall",type:"warning",onClick:()=>{o(Ys.WaitingForNetworkChange),e().catch(s=>{console.log(s)})}},fm.t("Change"))}):r===Ys.WaitingForConnectingWallet?zo.createElement(Ks,{type:"warning",title:n.shortMessage,action:zo.createElement(gm,{size:"xxsmall",type:"warning",onClick:()=>{o(Ys.WaitingForConnectingWallet)}},fm.t("Connect"))}):zo.createElement(Ks,{type:"warning",title:n.shortMessage})}i(hm,"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 Nt.createElement(dm,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 Nt.createElement(gC,{key:k},Nt.createElement(ym,{type:y&&(d&&"loading"||S&&"error")||"success",title:g.description?`${g.description} Tx`:mC.t("View transaction"),action:g.url&&Nt.createElement(dC,{variant:"ghost",size:"xsmall",onClick:()=>window.open(g.url,"_blank")},Nt.createElement(fC,{size:12}))}))}),u&&Nt.createElement(ym,{type:"loading",title:r.shortMessage}),s.status!=="failed"&&l&&Nt.createElement(hm,{switchNetwork:e,showNetworkModal:o,setNetworkModal:n,message:r}),s.status==="failed"&&Nt.createElement(mm,{message:r}))}i(Js,"SwapDetailsAlerts");var Sm=2e3;var Cm=i(({swap:t,blockchains:e,swappers:o,...n})=>{let r=t.hasAlreadyProceededToSign!==!1;return t.steps.map((s,a)=>{let l=a===0?t.inputAmount:t.steps[a-1].outputAmount||t.steps[a-1].expectedOutputAmountHumanReadable;return{from:{token:{displayName:s.fromSymbol,image:s.fromLogo??""},chain:{displayName:Ue(s.fromBlockchain,e)??"",image:s.fromBlockchainLogo??""},price:{value:A(l,6,6),realValue:l}},to:{token:{displayName:s.toSymbol,image:s.toLogo},chain:{displayName:Ue(s.toBlockchain,e)??"",image:s.toBlockchainLogo??""},price:{value:A(s.outputAmount||s.expectedOutputAmountHumanReadable,6,6),realValue:s.outputAmount||s.expectedOutputAmountHumanReadable}},swapper:{displayName:go(s.swapperId,o),image:s.swapperLogo??"",type:s.swapperType},internalSwaps:s.internalSwaps?s.internalSwaps.map(p=>({from:{blockchain:Ue(p.fromBlockchain,e)??""},to:{blockchain:Ue(p.toBlockchain,e)??""},swapper:{displayName:go(p.swapperId,o),image:p.swapperLogo??"",type:p.swapperType}})):[],alerts:hC.createElement(Js,{step:s,hasAlreadyProceededToSign:r,...n})}})},"getSteps");function Tm(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(Tm,"getStepState");import{css as qo,darkTheme as yC,styled as qt}from"@rango-dev/ui";var km=qt("div",{display:"flex",flexDirection:"column",flexGrow:1,overflow:"hidden"}),Er=qt("div",{width:"100%"}),wm=qt(So,{padding:"$0 $20 $20 $20"}),qD=qt("div",{display:"flex",flexDirection:"column",gap:"$10"}),vm=qt("div",{height:"450px",display:"flex",alignItems:"center",justifyContent:"center"}),GD=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",[`.${yC} &`]:{$$color:"$colors$neutral400"},borderColor:"$$color",color:"$neutral500"}),xm=qo({padding:"$5 0"}),Wr=qo({display:"flex",justifyContent:"center",alignItems:"center",height:"$24"}),bm=qo({display:"flex",width:"100%",padding:"$15 $20 $20",flexDirection:"column",alignItems:"start"}),Im=qo({width:"100%",padding:"0 $20 $10"}),Am=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}=EC(),p=h().blockchains(),c=h().swappers(),u=h().tokens(),g=X.use.retry(),m=pe.use.isActiveTab(),f=LC(),[k,y]=AC(Sm),d=WC(null),[S,w]=Nm(null),[x,C]=Nm(null),I=i(()=>{r(),w(null)},"onCancel"),v=Pe.use.getUnreadNotifications(),b=Pe.use.setAsRead(),T=v(),E=CC(e),L=E?.networkStatus;Lm(()=>{T.find(Ct=>Ct.requestId===e.requestId)&&(e.status==="success"||e.status==="failed")&&(C(e.status),b(e.requestId))},[e.status]),Lm(()=>{ee?w(Lr.WaitingForNetworkChange):L===Lr.WaitingForConnectingWallet||L===Lr.NetworkChanged?w(L):w(null)},[L]);let F=ul(e),K=E?SC(e,E):null,R=E?TC(e,E):null,ue=tm(e),M=ml(e),q=i(Me=>!!l(Me)?.mobileWallet,"isMobileWallet"),ee=L===Lr.WaitingForNetworkChange&&!!K&&!!R?.walletType&&(q(R.walletType)||s(R.walletType,K)),U=ee?a.bind(null,R.walletType,K):void 0,De=cl(e,E),Q=Cm({swap:e,switchNetwork:U,showNetworkModal:L,setNetworkModal:w,message:De,blockchains:p,swappers:c}),Y=Q.length,[xe,Se]=[e.steps[0],e.steps[Y-1]],Ce=Se.outputAmount||Se.expectedOutputAmountHumanReadable,ct=e.steps.reduce((Me,Ct)=>Me+parseFloat(Ct.feeInUsd||""),0),_=e.steps.find(Me=>Me.diagnosisUrl)?.diagnosisUrl,V=A(parseFloat(A(Ce,6,6))*(Se.toUsdPrice||0),4,4),G=A(parseFloat(e.inputAmount)*(xe.fromUsdPrice||0),4,4),le=Ce?se(new Wm(Ce).multipliedBy(Se.toUsdPrice||0)):"",ut=se(new Wm(e.inputAmount).multipliedBy(xe.fromUsdPrice||0)),Qe=Oe(G,V),_r=e.status==="success"?St.t({id:"You have received {amount} {token} in {conciseAddress} wallet on {chain} chain.",values:{amount:A(Ce,6,6),token:Q[Y-1].to.token.displayName,conciseAddress:nn(e.wallets[Q[Y-1].to.chain.displayName]?.address||""),chain:Q[Y-1].to.chain.displayName}}):`${St.t("Transaction was not sent.")} ${F?St.t({id:"{amount} {symbol} on {blockchain} remain in your wallet",values:{amount:F.outputAmount,symbol:F.symbol,blockchain:F.blockchain}}):""}`;return Z.createElement(ne,{header:{title:St.t("Swap and Bridge"),onCancel:e.status==="running"?()=>w("cancel"):void 0,suffix:e.status!=="running"&&Z.createElement(Jt,null,Z.createElement(Em,{variant:"ghost",type:"error",size:"xsmall",onClick:()=>w("delete")},Z.createElement(po,{size:"medium",variant:"label",color:"error"},St.t("Delete"))))},footer:M&&!x&&Z.createElement(Em,{fullWidth:!0,variant:"contained",type:"primary",size:"large",onClick:()=>{g(e,{blockchains:p,tokens:u}),setTimeout(()=>{f("../../")},0)}},St.t("Try again"))},Z.createElement(re,{compact:!0,view:!0},Z.createElement(Er,null,Z.createElement("div",{className:lo()},Z.createElement(po,{variant:"label",size:"large",color:"neutral700"},`${St.t("Request ID")}:`),Z.createElement("div",{className:Wr()},Z.createElement(po,{variant:"label",size:"small",color:"neutral700"},o),Z.createElement(vC,{variant:"ghost",onClick:y.bind(null,o||"")},Z.createElement(kC,{size:16,color:"gray"})),Z.createElement(Am,{target:"_blank",href:`${pa}/swap/${o}`},Z.createElement(xC,{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"},ue))),Z.createElement("div",{className:bm()},Z.createElement(bC,{fee:A(String(ct),2,2),time:Ko(Yo(e.steps)),steps:Y}),Z.createElement(bo,{from:{price:{value:A(e.inputAmount,6,6),usdValue:G,realUsdValue:ut,realValue:e.inputAmount},token:{displayName:Q[0].from.token.displayName,image:Q[0].from.token.image},chain:{image:Q[0].from.chain.image,displayName:Q[0].from.chain.displayName}},to:{price:{value:A(Ce,6,6),usdValue:V,realUsdValue:le,realValue:Ce},token:{displayName:Q[Y-1].to.token.displayName,image:Q[Y-1].to.token.image},chain:{image:Q[Y-1].to.chain.image,displayName:Q[Y-1].to.chain.displayName}},percentageChange:A(Qe,2,2),warningLevel:mt(Qe??0)})),Z.createElement("div",{className:Im()},Z.createElement(po,{variant:"title",size:"small"},St.t("Swaps steps"))),Z.createElement(wC,{size:8}),Z.createElement(wm,{ref:d},Q.map((Me,Ct)=>{let aa=Ct,co=Tm(e.steps[Ct]),Jm=co==="error"||co==="in-progress"||co==="warning"||co==="completed"&&Ct===Q.length-1;return Z.createElement(IC,{key:aa,step:Me,type:"swap-progress",ref:d,state:co,hasSeparator:Ct!==0,tabIndex:aa,isFocused:Jm,tooltipContainer:W()})}))),Z.createElement(Vs,{state:S,onClose:()=>w(null),onCancel:I,onDelete:n,message:De.detailedMessage.content,currentStepWallet:R,walletButtonDisabled:!m}),Z.createElement(Xs,{open:!!x,diagnosisUrl:_,onClose:()=>C(null),status:e.status==="success"?"success":"failed",priceValue:A(Ce,6,6),usdValue:V,realUsdValue:le,realValue:se(Ce),percentageChange:A(Qe,2,2),token:{displayName:Q[Y-1].to.token.displayName,image:Q[Y-1].to.token.image},chain:{image:Q[Y-1].to.chain.image},description:_r}))}i(Zs,"SwapDetails");import{i18n as Br}from"@lingui/core";import{Divider as Pm,NotFound as $C,Skeleton as Ho,Typography as Mr}from"@rango-dev/ui";import ce from"react";import{i18n as NC}from"@lingui/core";import{Divider as BC,Skeleton as MC,Typography as PC}from"@rango-dev/ui";import de from"react";import{css as Re,styled as Rs}from"@rango-dev/ui";var Bm=Rs("div",{width:"100%",height:"100%",padding:"$10 $20"}),Go=Rs("div",{backgroundColor:"$neutral100",borderRadius:"$xm",padding:"$10 $15"}),Nr=Rs("div",{width:"0px",height:"$20",borderLeft:"1px dashed $neutral700",marginLeft:"25px"}),w1=Re({display:"flex",justifyContent:"space-between",alignItems:"center"}),v1=Re({display:"flex",justifyContent:"space-between",alignItems:"center"}),x1=Re({paddingTop:"$15",display:"flex"}),b1=Re({padding:"$15 $0"}),I1=Re({width:"0px",height:"$16",borderLeft:"1px solid $neutral400",marginLeft:"13px"}),A1=Re({paddingBottom:"$10"}),E1=Re({display:"flex",justifyContent:"start",alignItems:"center"}),W1=Re({paddingTop:"$5",display:"flex",alignItems:"center"}),L1=Re({display:"flex",alignItems:"center"}),N1=Re({padding:"$4 $6",display:"flex",justifyContent:"center",alignItems:"center"}),Mm=Re({display:"flex",paddingTop:"$10",paddingBottom:"$5"});function ea(){return de.createElement(Bm,null,de.createElement(Eo,{type:"swap-preview"}),de.createElement("div",{className:"swaps-steps"},de.createElement(PC,{variant:"title",size:"small"},NC.t("Swaps steps"))),de.createElement(de.Fragment,null,de.createElement(Go,null,de.createElement(at,{separator:!1}),de.createElement("div",{className:Mm()},de.createElement(BC,{direction:"horizontal",size:20}),de.createElement(MC,{height:22,variant:"rectangular"}))),de.createElement(Nr,null),de.createElement(Go,null,de.createElement(at,{separator:!1})),de.createElement(Nr,null),de.createElement(Go,null,de.createElement(at,{separator:!1})),de.createElement(Nr,null),de.createElement(Go,null,de.createElement(at,{separator:!1}))))}i(ea,"LoadingSwapDetails");function $m(t){let{requestId:e,showSkeleton:o}=t;return ce.createElement(ne,{header:{title:Br.t("Swap and Bridge"),suffix:ce.createElement(Jt,null)}},o&&ce.createElement(km,null,ce.createElement(Er,null,ce.createElement("div",{className:lo()},ce.createElement(Mr,{variant:"label",size:"large",color:"neutral700"},`${Br.t("Request ID")}:`),ce.createElement("div",{className:Wr()},ce.createElement(Mr,{variant:"label",size:"small",color:"neutral700"},ce.createElement(Ho,{width:60,height:10,variant:"rounded"})),ce.createElement(Pm,{direction:"horizontal",size:4}),ce.createElement(Ho,{width:16,height:16,variant:"rectangular"}),ce.createElement(Pm,{direction:"horizontal",size:4}),ce.createElement(Ho,{width:16,height:16,variant:"rectangular"}))),ce.createElement("div",{className:lo()},ce.createElement(Mr,{className:xm(),variant:"label",size:"large",color:"neutral700"},ce.createElement(Ho,{width:60,height:10,variant:"rounded"})),ce.createElement(Mr,{variant:"label",size:"small",color:"neutral700"},ce.createElement(Ho,{width:60,height:10,variant:"rounded"})))),ce.createElement(ea,null)),!o&&ce.createElement(vm,null,ce.createElement($C,{title:Br.t("Not found"),description:Br.t({id:"Swap with request ID = {requestId} not found.",values:{requestId:e}})})))}i($m,"SwapDetailsPlaceholder");function _m(){let{manager:t,state:e}=FC(),o=!e.loadedFromPersistor,n=bt(t),{requestId:r}=OC(),s=xt(),{fetchStatus:a}=h();if(!r)return ta.createElement(UC,{containerStyles:{margin:"20px"},type:"error",title:_C.t("The request ID is necessary to display the swap details.")});let l=o||a==="loading",p=r?n.find(({swap:m})=>m.requestId===r):void 0,c=i(()=>{if(p?.id){let m=t?.get(p.id);m&&DC(m)}},"onCancel"),u=i(async()=>{if(p?.id)try{t?.deleteQueue(p.id),s()}catch(m){console.log(m)}},"onDelete"),g=p?.swap;return!g||l?ta.createElement($m,{requestId:r,showSkeleton:l}):ta.createElement(Zs,{swap:g,requestId:r,onCancel:c,onDelete:u})}i(_m,"SwapDetailsPage");import{i18n as Qo}from"@lingui/core";import{AutoThemeIcon as zC,DarkModeIcon as qC,LightModeIcon as GC,List as HC,ListItemButton as QC,Radio as oa,RadioRoot as VC,Typography as na}from"@rango-dev/ui";import Ne from"react";function Dm(){let{setTheme:t,theme:e}=h(),o=[{id:"light",value:"light",title:Ne.createElement(na,{variant:"title",size:"xmedium"},Qo.t("Light")),onClick:()=>t("light"),start:Ne.createElement(GC,{color:"gray"}),end:Ne.createElement(oa,{value:"light"})},{id:"dark",value:"dark",title:Ne.createElement(na,{variant:"title",size:"xmedium"},Qo.t("Dark")),onClick:()=>t("dark"),start:Ne.createElement(qC,{color:"gray"}),end:Ne.createElement(oa,{value:"dark"})},{id:"auto",value:"auto",title:Ne.createElement(na,{variant:"title",size:"xmedium"},Qo.t("Auto")),onClick:()=>t("auto"),start:Ne.createElement(zC,{color:"gray"}),end:Ne.createElement(oa,{value:"auto"})}];return Ne.createElement(ne,{header:{title:Qo.t("Theme")}},Ne.createElement(re,null,Ne.createElement(VC,{onValueChange:n=>t(n),value:e},Ne.createElement(HC,{type:Ne.createElement(QC,{title:Qo.t("Theme"),id:"_",onClick:()=>console.log()}),items:o}))))}i(Dm,"ThemePage");function Fm(){return Tl(),ai(),jC([{path:P.home,element:Be.createElement(uu,null)},{path:P.fromSwap,children:[{index:!0,element:Be.createElement(_s,{type:"source"})},{path:P.blockchains,element:Be.createElement(Cs,{type:"source"})}]},{path:P.toSwap,children:[{index:!0,element:Be.createElement(_s,{type:"destination"})},{path:P.blockchains,element:Be.createElement(Cs,{type:"destination"})}]},{path:P.settings,children:[{index:!0,element:Be.createElement(Ru,null)},{path:P.themes,element:Be.createElement(Dm,null)},{path:P.languages,element:Be.createElement(du,null)},{path:P.exchanges,element:Be.createElement(gs,{sourceType:"Exchanges"})},{path:P.bridges,element:Be.createElement(gs,{sourceType:"Bridges"})}]},{path:P.swaps,children:[{index:!0,element:Be.createElement(ru,null)},{path:P.swapDetails,element:Be.createElement(_m,null)}]},{path:P.wallets,element:Be.createElement(Cp,null)},{path:P.confirmSwap,element:Be.createElement(Vc,null)}])}i(Fm,"AppRoutes");import{isApprovalTX as XC,MainEvents as Um,RouteEventType as Om,StepEventType as zm,StepExecutionEventStatus as KC,useEvents as YC}from"@rango-dev/queue-manager-rango-preset";import{useEffect as qm}from"react";function Gm(){let t=h().tokens(),e=H.use.connectedWallets(),o=H.use.getWalletsDetails(),n=Pe.use.setNotification(),r=YC();return qm(()=>(r.on(Um.StepEvent,s=>{let{event:a,step:l,route:p}=s;if(a.type===zm.TX_EXECUTION&&a.status===KC.TX_SENT&&!XC(l)||a.type===zm.SUCCEEDED){let u=e.find(m=>m.chain===l?.fromBlockchain),g=l?.fromBlockchain!==l?.toBlockchain&&e.find(m=>m.chain===l?.toBlockchain);u&&o([u],t),g&&o([g],t)}n(a,p)}),()=>r.all.clear()),[r,e.length]),qm(()=>(r.on(Um.RouteEvent,s=>{let{event:a,route:l}=s;(a.type===Om.FAILED||a.type===Om.SUCCEEDED)&&n(a,l)}),()=>r.all.clear()),[r,e.length]),null}i(Gm,"WidgetEvents");import{globalCss as JC}from"@rango-dev/ui";var Hm=i(()=>JC({"@import":["url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap')","url('https://fonts.cdnfonts.com/css/times-new-roman')"]})(),"globalFont");import{styled as ZC}from"@rango-dev/ui";var Qm=ZC("div",{display:"flex",justifyContent:"center",alignItems:"center",fontFamily:"$widget",boxSizing:"border-box",textAlign:"left","& *, *::before, *::after":{boxSizing:"inherit"},"& *:focus-visible":{outlineColor:"$info500",transition:"none"},"& ul, ol, li":{listStyleType:"none"}});function Pr(){Hm();let{config:t}=h(),{activeTheme:e}=Pn(t?.theme||{}),{activeLanguage:o}=io(),[n,r]=Vm(""),[s,a]=Vm(),l=eT(mn);return tT(()=>{Pe.persist.rehydrate(),l.onConnectWallet(r)},[]),Vo.createElement(RC,{language:o},Vo.createElement(Qm,{id:"swap-container",className:e()},Vo.createElement(Gm,null),Vo.createElement(Ya,{lastConnectedWallet:n,disconnectedWallet:s,clearDisconnectedWallet:()=>{a(void 0)}},Vo.createElement(Fm,null))))}i(Pr,"Main");import ia,{useMemo as CT}from"react";import{checkWaitingForNetworkChange as oT,makeQueueDefinition as nT}from"@rango-dev/queue-manager-rango-preset";import{Provider as rT}from"@rango-dev/queue-manager-react";import{useWallets as iT}from"@rango-dev/wallets-react";import{convertEvmBlockchainMetaToEvmChainInfo as sT}from"@rango-dev/wallets-shared";import{isEvmBlockchain as aT}from"rango-types";import lT,{useMemo as pT}from"react";function cT(t){let{providers:e,getSigners:o,state:n,connect:r,canSwitchNetworkTo:s,getWalletInfo:a}=iT(),l=pT(()=>nT({API_KEY:t.apiKey||Gt("API_KEY"),BASE_URL:Gt("BASE_URL")}),[t.apiKey]),p=h().blockchains(),u={blockchains:H.use.connectedWallets().map(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(aT),y=i(x=>{let{supportedChains:C}=a(x);return Ro(C)},"getSupportedChainNames"),d=e(),S={meta:{blockchains:f,evmBasedChains:k,evmNetworkChainInfo:sT(k),getSupportedChainNames:y},getSigners:o,wallets:u,providers:d,switchNetwork:g,canSwitchNetworkTo:s,connect:r,state:n,isMobileWallet:m},w=pe.use.isActiveTab();return lT.createElement(rT,{queuesDefs:[l],context:S,onPersistedDataLoaded:x=>{oT(x)},isPaused:!w},t.children)}i(cT,"QueueManager");var jm=cT;import{useManager as gT}from"@rango-dev/queue-manager-react";import hT,{createContext as yT,useContext as ST}from"react";import{cancelSwap as uT,getCurrentBlockchainOfOrNull as mT,getCurrentStep as dT,getRelatedWalletOrNull as fT}from"@rango-dev/queue-manager-rango-preset";var 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&&uT(o)}getCurrentStepInfo(e){let o=dT(e);return{step:o,wallet:o?fT(e,o):null,network:o?mT(e,o):null}}};i(jo,"WidgetHistory");var Xm=yT(void 0);function ra(t){let{manager:e}=gT(),o=pe.use.isActiveTab(),n=X.use.retry(),r=new jo(e,{retrySwap:n}),s=H.use.connectedWallets(),a=H.use.loading(),l=Ca(s),p=H.use.getWalletsDetails(),c=h().blockchains(),u=h().tokens(),g=h().swappers(),m=h().fetchStatus,f=io().resetLanguage,k=Pe().getUnreadNotifications(),y={isActiveTab:o,setCurrentTabAsActive:cn,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 hT.createElement(Xm.Provider,{value:y},t.children)}i(ra,"WidgetInfo");function Km(){let t=ST(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 CT(()=>{ba({API_KEY:o?.apiKey||Xo,BASE_URL:o?.apiUrl||la})},[o.apiKey,o.apiUrl]),ia.createElement(dn,{config:o,onUpdateState:e},ia.createElement(jm,{apiKey:o.apiKey},ia.createElement(ra,null,t.children)))}i($r,"WidgetProvider");function Ym(t){return TT(()=>Xa,[]),t.config?.externalWallets?sa.createElement(Pr,null):sa.createElement($r,{config:t.config??Gr},sa.createElement(Pr,null))}i(Ym,"Widget");export{sO as EventSeverity,aO as MainEvents,yO as Networks,TO as PendingSwapNetworkStatus,lO as RouteEventType,pO as StepEventType,cO as StepExecutionBlockedEventStatus,uO as StepExecutionEventStatus,be as UI_ID,gO as WalletEvents,SO as WalletTypes,Ym as Widget,$r as WidgetProvider,dn as WidgetWallets,fi as customizedThemeTokens,fO as readAccountAddress,Ap as useWallets,Km as useWidget,mO as useWidgetEvents};
3
3
  //# sourceMappingURL=index.js.map